@font-face { font-family: SzachmatyMono; src: url('../assets/fonts/GeistMono-Variable.woff2') format('woff2'); font-display: swap; }
:root { color-scheme: dark; --bg:#101318; --raised:#1a2028; --line:#303b46; --text:#edf1f5; --muted:#a9b5c2; --accent:#4ea3a0; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at 78% 8%,rgba(78,163,160,.16),transparent 24rem),var(--bg); }
main { width:min(1100px,calc(100% - 40px)); margin:0 auto; padding:28px 0 56px; }
header { display:flex; align-items:center; justify-content:space-between; gap:16px; } header img { width:132px; height:auto; } header a { color:var(--muted); text-decoration:none; font-size:14px; }
.hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr); gap:42px; align-items:center; padding:clamp(62px,12vh,130px) 0 78px; }
.eyebrow { margin:0 0 14px; color:var(--accent); font:700 12px SzachmatyMono,monospace; letter-spacing:.1em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; font-family:"Trebuchet MS",Verdana,sans-serif; font-size:clamp(44px,7vw,78px); line-height:.98; letter-spacing:-.055em; } .lead { max-width:54ch; margin:22px 0 0; color:var(--muted); font-size:18px; line-height:1.55; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; } .button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:0 18px; border:1px solid var(--line); border-radius:10px; color:var(--text); font-weight:700; text-decoration:none; } .button--primary { border-color:var(--accent); background:var(--accent); color:#071f20; }
.panel { padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(31,41,51,.95),rgba(18,23,29,.92)); box-shadow:0 20px 60px rgba(0,0,0,.22); } .panel-label { margin:0 0 12px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; } .choices { display:grid; gap:8px; } .choice { display:grid; grid-template-columns:35px 1fr; gap:10px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:10px; color:var(--text); text-decoration:none; } .choice:hover { border-color:var(--accent); background:rgba(78,163,160,.08); } .choice b,.choice span { display:block; }.choice span { margin-top:2px;color:var(--muted);font-size:12px; }.icon { color:var(--accent);font-size:23px;text-align:center; }
.proof { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; border-top:1px solid var(--line); padding-top:28px; }.proof div { padding:14px; }.proof strong { display:block;font-size:25px;color:var(--accent); }.proof span { display:block;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.35; }
footer { padding-top:38px;color:var(--muted);font-size:13px; }
@media(max-width:720px){main{width:min(100% - 32px,600px)}.hero{grid-template-columns:1fr;padding-top:65px;gap:30px}.proof{grid-template-columns:1fr}.proof div{padding:8px 0}}