*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg-950:#111110; --bg-900:#17170F; --panel:#1B1B15; --line:rgba(255,255,255,.08);
  --yellow:#F0B429; --yellow-dim:rgba(240,180,41,.12);
  --text-hi:#F2F0EA; --text-mid:#98958C; --text-dim:#605d55;
}
body{background:linear-gradient(160deg,var(--bg-950) 0%,#15150f 55%,#101009 100%);color:var(--text-hi);font-family:'Inter',sans-serif;min-height:100vh}
.disp{font-family:'Archivo',sans-serif}.mono{font-family:'JetBrains Mono',monospace}

/* Nav */
.topnav{display:flex;align-items:center;justify-content:space-between;padding:22px 48px;border-bottom:1px solid var(--line)}
.logo-mark{display:flex;align-items:center;gap:10px}
.tab{width:9px;height:22px;background:var(--yellow);border-radius:2px}
.logo-word{font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;text-transform:uppercase}
.logo-word span{color:var(--yellow)}
.tagpill{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--yellow);border:1px solid var(--yellow-dim);background:var(--yellow-dim);padding:3px 8px;border-radius:4px;margin-left:6px;letter-spacing:.04em}
.navlinks{display:flex;gap:30px}
.navlinks a{font-family:'Inter',sans-serif;font-weight:500;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-mid);text-decoration:none}
.navlinks a:hover,.navlinks a.active{color:var(--yellow)}
.cta-nav{font-family:'Inter',sans-serif;font-weight:600;font-size:13.5px;padding:9px 18px;background:var(--yellow);color:#191400;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}

/* Buttons */
.btn-primary{font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;padding:13px 24px;background:var(--yellow);color:#191400;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}
.btn-ghost{font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;padding:13px 24px;background:transparent;color:var(--text-hi);border:1px solid var(--line);border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}

/* Layout helpers */
.divider{height:1px;background:var(--line);margin:0 48px}
section{padding:56px 48px}
.section-head{display:flex;align-items:center;gap:16px;margin-bottom:34px}
.section-head .tab{width:3px;height:18px}
.section-head h2{font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.01em}
.section-head .rule{flex:1;height:1px;background:var(--line)}
.page-intro{padding:48px 48px 0}
.page-intro .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.page-intro .eyebrow .tab{width:3px;height:16px}
.page-intro .eyebrow span{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--text-mid)}
.page-intro h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:34px;line-height:1.2;letter-spacing:-.01em;margin-bottom:14px;max-width:640px}
.page-intro h1 u{text-decoration:none;color:var(--yellow);box-shadow:inset 0 -7px 0 rgba(240,180,41,.16)}
.page-intro p{font-size:15.5px;color:var(--text-mid);line-height:1.65;max-width:600px}

/* Footer */
footer{padding:26px 48px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
footer .fmark{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.02em}
footer .fmark span{color:var(--yellow)}
footer p{font-size:12px;color:var(--text-dim)}
footer a{color:var(--text-dim)}
footer a:hover{color:var(--yellow)}

@media(max-width:860px){
  .navlinks{display:none}
  .topnav,section,.page-intro{padding-left:22px;padding-right:22px}
  .divider{margin:0 22px}
}