/* RemoteJungle shared style guide. Keeps subpages aligned with the landing page. */
:root{
  --rj-bg:#050807;
  --rj-bg-2:#08130d;
  --rj-paper:#f5f3e9;
  --rj-muted:rgba(245,243,233,.70);
  --rj-line:rgba(245,243,233,.14);
  --rj-vine:#29c875;
  --rj-aqua:#54e3ff;
  --rj-orchid:#ff4fd8;
  --rj-amber:#ffb829;
  --rj-display:"Space Grotesk","Avenir Next",system-ui,sans-serif;
  --rj-mono:"Share Tech Mono","SFMono-Regular","IBM Plex Mono","Courier New",monospace;
}
html{background:var(--rj-bg);scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 18% 0%,rgba(84,227,255,.16),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(255,79,216,.10),transparent 28%),
    linear-gradient(180deg,var(--rj-bg),#030604 72%) !important;
  color:var(--rj-paper) !important;
  font-family:var(--rj-display) !important;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.08;
  mix-blend-mode:screen;
  background-image:radial-gradient(#fff 1px,transparent 1px);
  background-size:7px 7px;
  z-index:1;
}
.wrap{width:min(1180px,calc(100vw - 36px)) !important;margin-inline:auto !important;}
.nav,.wrap.nav{
  position:sticky !important;
  top:0;
  z-index:20;
  background:rgba(3,6,4,.78) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.navin,.wrap.nav{min-height:68px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;}
.brand{
  color:var(--rj-paper) !important;
  font-family:var(--rj-mono) !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  font-size:12px !important;
}
.navlinks{display:flex;align-items:center;gap:18px;color:rgba(245,243,233,.76) !important;}
.navlinks a{text-decoration:none;color:inherit;}
.button,.btn,button,input[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  text-decoration:none !important;
  font-family:var(--rj-display) !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  box-shadow:none !important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease !important;
  white-space:nowrap;
}
.button:hover,.btn:hover,button:hover,input[type="submit"]:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.48) !important;}
.primary,.btn:not(.secondary),button,input[type="submit"]{
  background:linear-gradient(135deg,var(--rj-aqua),var(--rj-vine)) !important;
  color:#031007 !important;
  border:0 !important;
}
.secondary,.btn.secondary{background:rgba(255,255,255,.06) !important;color:var(--rj-paper) !important;}
.hero{background:transparent !important;}
.kicker,.eyebrow,.tag,.smallLabel{
  color:var(--rj-aqua) !important;
  font-family:var(--rj-mono) !important;
  text-transform:uppercase !important;
  letter-spacing:.15em !important;
}
h1,h2,h3{color:var(--rj-paper);font-family:var(--rj-display) !important;letter-spacing:-.055em;}
p,li,.dek,.lead{color:var(--rj-muted);}
.card,.post,.panel,.tile,.price-card,.deliver,.truth-box,.manifesto,.proof,.module{
  border:1px solid var(--rj-line) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.26) !important;
}
.price,.tag{color:var(--rj-amber) !important;}
.blueprint,.offer{
  background:linear-gradient(180deg,var(--rj-bg),#07110d) !important;
  color:var(--rj-paper) !important;
}
.blueprint h2,.blueprint h3,.blueprint .price,.offer h2,.offer h3,.offer .price{color:var(--rj-paper) !important;opacity:1 !important;}
.blueprint p,.blueprint li,.offer p,.offer li,.blueprint .section-head p,.offer .section-head p{color:var(--rj-muted) !important;opacity:1 !important;}
.blueprint-grid,.offer-grid,.deliver-grid,.truth-grid{background:transparent !important;border-color:var(--rj-line) !important;}
.module{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;border-color:var(--rj-line) !important;}
.price-card .tag{color:var(--rj-amber) !important;}
.price-card .button,.price-card a{opacity:1 !important;}
footer,.footer{border-top:1px solid rgba(255,255,255,.1) !important;color:rgba(245,243,233,.52) !important;background:rgba(3,6,4,.76) !important;}
.final{background:linear-gradient(135deg,rgba(84,227,255,.09),rgba(41,200,117,.08)) !important;}
input,textarea,select{background:#090f0b !important;color:var(--rj-paper) !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:18px !important;}
@media(max-width:900px){.navlinks a:not(.button):not(.btn){display:none}.wrap{width:min(100%,calc(100vw - 28px)) !important}.hero{padding-top:42px !important}.button,.btn,button,input[type="submit"]{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.btn,button,input[type="submit"]{transition:none !important}}
