:root{
  --brand-orange:#E8501F;
  --brand-amber:#F08A3C;
  --brand-brick:#9C2A14;
  --brand-deep:#5C1409;
  --bg:#0B0C0E;
  --surface:#15181D;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.16);
  --fg:#F4F1EB;
  --fg-2:rgba(244,241,235,.72);
  --fg-3:rgba(244,241,235,.5);
  --display:"Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --body:"Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--fg)}
.container{max-width:800px;margin:0 auto;padding:0 32px}
@media(max-width:720px){.container{padding:0 20px}}
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  backdrop-filter:saturate(160%) blur(14px);
  background:color-mix(in oklab, var(--bg) 70%, transparent);
  border-bottom:1px solid var(--line);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1240px;margin:0 auto;padding:0 32px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:32px;height:32px;object-fit:contain}
.brand-text{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em}
.brand-text em{font-style:normal;font-weight:700}
.nav-links{display:flex;gap:20px;align-items:center;font-size:14px;color:var(--fg-2)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-brick) 60%,var(--brand-deep) 100%)}
main{padding:140px 0 80px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
h1{font-family:var(--display);font-weight:600;letter-spacing:-.03em;font-size:clamp(36px,5vw,56px);line-height:1.05;margin:14px 0 28px}
h2{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.015em;margin:40px 0 12px}
p,li{color:var(--fg-2);font-size:15px}
ul{padding-left:1.2em}
.meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase}
footer{border-top:1px solid var(--line);padding:36px 0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase}
footer a{text-decoration:underline;text-underline-offset:3px}
