:root{--bg:#070a12;--panel:rgba(255,255,255,.055);--panel2:rgba(255,255,255,.08);--text:#f7f8fb;--muted:#aeb8ca;--line:rgba(255,255,255,.13);--accent:#9fb5ff;--good:#5cffb1}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(159,181,255,.18),transparent 34rem),linear-gradient(180deg,#070a12,#0a0f1d 48%,#070a12);color:var(--text)}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;background:rgba(7,10,18,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);z-index:10;box-shadow:0 10px 35px rgba(0,0,0,.22)}
.navin{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.brand{font-weight:850;letter-spacing:-.02em}.links{display:flex;gap:18px;color:var(--muted);font-size:14px}.links a{text-decoration:none}.links a:hover{color:#fff}
.hero{padding:90px 0 52px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.eyebrow{display:inline-block;color:var(--accent);border:1px solid rgba(159,181,255,.28);border-radius:999px;padding:8px 12px;background:rgba(159,181,255,.08);font-weight:800;font-size:14px}
h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:22px 0}h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.045em;margin:0 0 16px}h3{font-size:21px;letter-spacing:-.025em;margin:0 0 10px}
.lede{font-size:20px;line-height:1.65;color:#c1cad8;max-width:780px}.muted{color:var(--muted);line-height:1.68}.section{padding:48px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:hover{transform:translateY(-2px);border-color:rgba(159,181,255,.34);background:var(--panel2)}.wide{max-width:none}
.pillbox{margin-top:14px}.pill{display:inline-block;margin:6px 6px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:#c1cad8;font-size:13px;background:rgba(255,255,255,.035)}
.btn{display:inline-block;margin:12px 10px 0 0;padding:13px 17px;border-radius:999px;background:#f7f8fb;color:#070a12;font-weight:850;text-decoration:none}.btn.secondary{background:rgba(255,255,255,.06);color:#f7f8fb;border:1px solid rgba(255,255,255,.16)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05);padding:22px}.stat strong{display:block;font-size:30px;letter-spacing:-.04em}.stat span{display:block;color:var(--muted);margin-top:6px}
.timeline{display:grid;gap:14px}.timeline .card{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.timeline h3{color:#fff}.footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}.ok{color:var(--good);font-weight:800}.bad{color:#ff6b6b;font-weight:800}
@media(max-width:900px){.grid,.cards,.stats,.timeline .card{grid-template-columns:1fr}.links{display:none}.hero{padding-top:62px}}

html{scroll-behavior:smooth}::selection{background:rgba(159,181,255,.35)}.btn:focus,.links a:focus{outline:2px solid var(--accent);outline-offset:4px}.btn:hover{transform:translateY(-1px)}@media(max-width:600px){.wrap{width:min(100% - 28px,1120px)}h1{font-size:clamp(38px,12vw,56px)}.lede{font-size:18px}.card{padding:20px}.section{padding:36px 0}.stats{gap:12px}.stat{padding:18px}.stat strong{font-size:26px}}
 .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.actions .btn{margin-top:0}@media(max-width:600px){.actions{flex-direction:column}.actions .btn{text-align:center;width:100%}}