/* ============================================================
   META NEO · SIGNAL DESIGN SYSTEM
   Dark, cinematic, data-driven. Shared across all pages.
   ============================================================ */
:root{
  --bg:#050608; --bg2:#0a0c10; --surface:#0e1116; --surface2:#141821;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --ink:#f3f5f8; --muted:#9aa2b1; --faint:#5c6472;
  --cyan:#2fd6dd; --cyan-dim:#1b8f95; --amber:#f3a52e; --amber-deep:#c97f15;
  --gold:#d99a2b; --red:#e03b3b;
  --maxw:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink);
  font-family:'Archivo',system-ui,sans-serif;
  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.exp{font-stretch:125%}
.mono{font-family:'JetBrains Mono',monospace}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.narrow{max-width:920px}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:800;line-height:1.02;letter-spacing:-.02em;font-stretch:120%}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);font-weight:500}
.sec{position:relative;padding:110px 0}
img{display:block;max-width:100%}

/* background field canvas */
#signal-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.5;pointer-events:none}
.bg-vig{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,transparent 0%,var(--bg) 75%)}
main,header.nav,footer.site{position:relative;z-index:2}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:14px;letter-spacing:.04em;padding:15px 24px;border-radius:2px;cursor:pointer;border:1px solid transparent;transition:.25s;text-transform:uppercase}
.btn-amber{background:var(--amber);color:#1a1205}
.btn-amber:hover{background:#ffb949;transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(243,165,46,.5)}
.btn-cyan{background:var(--cyan);color:#04211f}
.btn-cyan:hover{background:#54e7ee;transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(47,214,221,.45)}
.btn-ghost{border-color:var(--line2);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}

/* NAV */
header.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:.4s;border-bottom:1px solid transparent}
header.nav.scrolled{background:rgba(5,6,8,.82);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px;font-stretch:130%;font-weight:900;font-size:19px;letter-spacing:.16em}
.brand .dot{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted);letter-spacing:.03em;transition:.2s}
.nav-links a:hover{color:var(--ink)}
.nav-cta{padding:11px 18px;font-size:12.5px}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.burger span{width:24px;height:2px;background:var(--ink);transition:.3s}

/* FOOTER */
footer.site{border-top:1px solid var(--line);background:var(--bg);padding:60px 0 40px}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start}
.foot-top p{color:var(--muted);font-size:14px;margin-top:16px;max-width:360px}
.foot-cols{display:flex;gap:60px;flex-wrap:wrap}
.foot-cols .ttl{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.foot-cols .lk{display:flex;flex-direction:column;gap:10px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted)}
.foot-cols .lk a:hover{color:var(--cyan)}
.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.stars{color:var(--amber);letter-spacing:2px}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:8px 15px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted)}

/* form fields */
.field input,.field select,.field textarea{background:#05070a;border:1px solid var(--line2);border-radius:3px;padding:15px 16px;color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:14px;width:100%;transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(47,214,221,.12)}
.field textarea{resize:vertical;min-height:96px;line-height:1.6}
.field label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);display:block;margin-bottom:8px}
.success{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--cyan);padding:18px 0;line-height:1.6}

@media(max-width:900px){
  .burger{display:none}
  .nav-links a:not(.nav-cta){display:none}
  .nav-cta{padding:9px 15px;font-size:12px}
}
@media(max-width:900px){
  .sec{padding:78px 0}
}