:root{
  --bg:#0F1712;
  --surface:#182620;
  --surface-2:#1D2E26;
  --border:#2C3D32;
  --text:#EDEFE7;
  --muted:#8DA093;
  --amber:#C9820A;
  --mono-num: 'Barlow Condensed', sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);}
body{font-family:'Inter',system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;}

.nav{
  display:flex;justify-content:space-between;align-items:center;
  max-width:1000px;margin:0 auto;padding:28px 20px;
}
.nav .brand{font-family:var(--mono-num);font-weight:600;font-size:22px;text-decoration:none;}
.nav .brand .dot{color:var(--amber);}
.nav nav{display:flex;align-items:center;gap:24px;font-size:15px;}
.nav nav a{text-decoration:none;color:var(--muted);}
.nav nav a:hover{color:var(--text);}
.nav nav a.nav-cta{
  background:var(--amber);color:#1A1108;padding:9px 16px;border-radius:4px;font-weight:600;
}
.nav nav a.nav-cta:hover{background:#DE9420;color:#1A1108;}

main{max-width:1000px;margin:0 auto;padding:0 20px;}

.hero{padding:70px 0 60px;max-width:640px;}
.hero .kicker{font-family:var(--mono-num);font-size:15px;color:var(--muted);margin:0 0 14px;letter-spacing:0.03em;}
.hero h1{font-family:var(--mono-num);font-weight:600;font-size:50px;line-height:1.08;margin:0 0 20px;}
.hero .lead{color:var(--muted);font-size:17px;margin:0 0 32px;max-width:56ch;}

.cta-row{display:flex;gap:14px;flex-wrap:wrap;}
.btn{
  display:inline-block;padding:14px 24px;border-radius:4px;font-weight:600;font-size:15px;text-decoration:none;
}
.btn.primary{background:var(--amber);color:#1A1108;}
.btn.primary:hover{background:#DE9420;}
.btn.secondary{border:1px solid var(--border);color:var(--text);}
.btn.secondary:hover{border-color:var(--amber);color:var(--amber);}

.panel{
  padding:56px 0;border-top:1px solid var(--border);
}
.panel .kicker{font-family:var(--mono-num);font-size:14px;color:var(--muted);margin:0 0 10px;letter-spacing:0.03em;}
.panel h2{font-family:var(--mono-num);font-weight:600;font-size:34px;margin:0 0 18px;}
.panel .panel-lead{color:var(--muted);font-size:16px;max-width:62ch;margin:0 0 32px;}
.panel.highlight{background:var(--surface);border-radius:8px;border:1px solid var(--border);margin:24px 0;padding:48px 40px;}
.panel.highlight h2{margin-top:0;}

.info-grid{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(220px,1fr));gap:18px;margin-bottom:32px;
}
.info-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:22px;}
.info-card h3{font-family:var(--mono-num);font-size:18px;margin:0 0 8px;}
.info-card p{color:var(--muted);font-size:14px;margin:0;}

.fineprint{color:var(--muted);font-size:12px;margin-top:12px;}

footer{text-align:center;color:var(--muted);font-size:13px;padding:24px 20px 40px;border-top:1px solid var(--border);margin-top:20px;}

@media (max-width:560px){
  .hero h1{font-size:34px;}
  .panel h2{font-size:26px;}
  .panel.highlight{padding:32px 22px;}
  .nav nav{gap:14px;font-size:14px;}
}