:root{
  --bg:#0b1020;--bg2:#10172b;--fg:#e8ecf8;--mut:#9aa6c4;--line:rgba(255,255,255,.09);
  --card:rgba(255,255,255,.04);--acc:#6d7cff;--acc2:#21d4fd;--ok:#2ecc8f;
}
@media (prefers-color-scheme:light){
  :root{--bg:#f6f8fd;--bg2:#ffffff;--fg:#0f1730;--mut:#5a6685;--line:rgba(15,23,48,.1);--card:#ffffff;--acc:#4a5bff;--acc2:#0aa5d6;--ok:#12a36b}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:5;backdrop-filter:saturate(1.4) blur(12px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:.2px}
.nav nav{display:flex;align-items:center;gap:22px;font-size:15px;color:var(--mut)}
.nav nav a:hover{color:var(--fg)}
.btn{display:inline-block;padding:12px 22px;border-radius:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 8px 28px -10px var(--acc);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px -10px var(--acc)}
.btn.small{padding:8px 16px;font-size:14px;border-radius:10px;color:#fff}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);box-shadow:none}
.hero{padding:96px 0 72px;text-align:center;background:
  radial-gradient(900px 380px at 50% -80px,color-mix(in srgb,var(--acc) 30%,transparent),transparent),
  radial-gradient(600px 300px at 85% 10%,color-mix(in srgb,var(--acc2) 18%,transparent),transparent)}
.eyebrow{display:inline-block;margin:0 0 18px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--mut);background:var(--card)}
h1{font-size:clamp(36px,6vw,64px);line-height:1.08;margin:0 0 18px;letter-spacing:-1.2px}
.grad{background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:640px;margin:0 auto 30px;color:var(--mut);font-size:18px}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:54px auto 0;padding:0;max-width:820px}
.stats li{padding:18px 10px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.stats b{display:block;font-size:24px}
.stats span{font-size:13px;color:var(--mut)}
.sec{padding:84px 0}
.sec.alt{background:var(--bg2);border-block:1px solid var(--line)}
h2{font-size:clamp(26px,3.6vw,38px);margin:0 0 10px;letter-spacing:-.6px}
.sub{color:var(--mut);margin:0 0 34px;max-width:620px}
.sub.left{margin-left:0}
.sec h2,.sec>.wrap>.sub{text-align:center;margin-inline:auto}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.two h2,.two .sub{text-align:left;margin-inline:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}
.card h3{margin:14px 0 6px;font-size:18px}
.card p{margin:0;color:var(--mut);font-size:15px}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 22%,transparent),color-mix(in srgb,var(--acc2) 18%,transparent));color:var(--acc)}
.ico svg{width:24px;height:24px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checks li{position:relative;padding-left:30px;color:var(--fg)}
.checks li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2))}
.map{color:var(--fg);border:1px solid var(--line);border-radius:20px;background:var(--card);padding:10px}
.map svg{width:100%;display:block}
.table{max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}
.row{display:grid;grid-template-columns:1.4fr 1.2fr 1fr;gap:10px;padding:14px 20px;border-top:1px solid var(--line);font-size:15px}
.row:first-child{border-top:0}
.row.head{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent)}
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.doc{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:flex;flex-direction:column;gap:6px;transition:border-color .2s}
.doc:hover{border-color:var(--acc)}
.doc span{color:var(--mut);font-size:14px}
.cta-band{padding:84px 0;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 22%,transparent),color-mix(in srgb,var(--acc2) 16%,transparent))}
.cta-band p{color:var(--mut);margin:0 0 22px}
.foot{padding:26px 0;border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.foot-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot a:hover{color:var(--fg)}
.err{min-height:calc(100vh - 140px);display:grid;place-items:center;text-align:center;padding:40px 20px}
.err h1{font-size:clamp(64px,14vw,140px);margin:0}
@media (max-width:900px){
  .grid,.docs{grid-template-columns:repeat(2,1fr)}
  .two{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .nav nav a:not(.btn){display:none}
}
@media (max-width:520px){
  .grid,.docs{grid-template-columns:1fr}
  .row{grid-template-columns:1fr;gap:2px}
  .row.head{display:none}
}