:root { color-scheme: dark; --bg:#090b0e; --panel:#12161c; --line:#29303a; --text:#f4f6f8; --muted:#98a3b2; --accent:#76e4b8; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; background:radial-gradient(circle at 75% 15%,#163329 0,transparent 32rem),var(--bg); color:var(--text); }
a { color:var(--accent); }
.site-shell { width:min(1040px,calc(100% - 32px)); margin:auto; }
.site-nav { display:flex; align-items:center; justify-content:space-between; min-height:72px; }
.wordmark { color:var(--text); font-size:20px; font-weight:900; letter-spacing:-.06em; text-decoration:none; }
.wordmark span,.eyebrow { color:var(--accent); }
.site-nav nav,.policy-links { display:flex; flex-wrap:wrap; gap:18px; }
.site-nav nav a,.policy-links a { color:var(--muted); text-decoration:none; }
.hero { min-height:calc(100vh - 150px); display:grid; align-content:center; max-width:760px; padding:64px 0; }
.eyebrow { font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:900px; margin:18px 0; font-size:clamp(3rem,9vw,7rem); line-height:.88; letter-spacing:-.075em; }
.lede { max-width:600px; color:var(--muted); font-size:clamp(1.05rem,2vw,1.3rem); line-height:1.6; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { display:inline-flex; min-height:46px; align-items:center; padding:0 18px; border:1px solid var(--line); border-radius:9px; color:var(--text); text-decoration:none; }
.button.primary { border-color:var(--accent); background:var(--accent); color:#08271d; font-weight:800; }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:28px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.policy { max-width:780px; padding:48px 0 100px; }
.policy h1 { font-size:clamp(2.4rem,7vw,4.8rem); }
.policy h2 { margin-top:38px; }
.policy p,.policy li { color:var(--muted); line-height:1.7; }
.notice { padding:14px 16px; border:1px solid #755f27; border-radius:9px; background:#2a2416; color:#ffe08a !important; }
@media (max-width:600px) { .site-nav nav { gap:10px; font-size:13px; } .hero { min-height:calc(100vh - 190px); } }