:root{--bg0:#070611;--bg1:#0b0a18;--card: rgba(255,255,255,.06);--stroke: rgba(255,255,255,.12);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.68);--muted2: rgba(255,255,255,.55);--cyan:#22d3ee;--violet:#7c3aed;--lime:#a3ff12;--amber:#fbbf24;--red:#fb7185;--green:#34d399;--shadow: 0 20px 70px rgba(0,0,0,.55);--glowC: 0 0 20px rgba(34,211,238,.45), 0 0 45px rgba(124,58,237,.22);--radius2: 26px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 25% -20%,rgba(124,58,237,.35),transparent 60%),radial-gradient(900px 600px at 80% 10%,rgba(34,211,238,.28),transparent 55%),radial-gradient(900px 600px at 60% 110%,rgba(163,255,18,.18),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow-x:hidden}a{color:inherit;text-decoration:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.orb{position:absolute;filter:blur(30px);opacity:.7;border-radius:999px;mix-blend-mode:screen}.orb-a{width:520px;height:520px;left:-140px;top:-160px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.9),transparent 65%)}.orb-b{width:520px;height:520px;right:-160px;top:-80px;background:radial-gradient(circle at 30% 30%,rgba(34,211,238,.85),transparent 65%)}.orb-c{width:560px;height:560px;left:20%;bottom:-240px;background:radial-gradient(circle at 30% 30%,rgba(163,255,18,.55),transparent 70%)}.grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:.12;background-size:56px 56px;background-image:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px)}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".7" numOctaves="3" stitchTiles="stitch"/></filter><rect width="160" height="160" filter="url(%23n)" opacity=".5"/></svg>');mix-blend-mode:overlay}.nav{position:sticky;top:0;z-index:20;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#0a0818d9,#0a081859);border-bottom:1px solid rgba(255,255,255,.1)}.nav__left{display:flex;gap:18px;align-items:center}.nav__right{display:flex;gap:10px;align-items:center;position:relative}.brand{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.brand__mark{filter:drop-shadow(0 0 18px rgba(34,211,238,.42)) drop-shadow(0 0 28px rgba(124,58,237,.25))}.brand__name{font-weight:800;letter-spacing:.2px}.chip{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffc7}.menu{display:none;gap:14px;align-items:center}.menu a{color:var(--muted);font-weight:700;padding:8px 10px;border-radius:12px}.menu a:hover{color:var(--text);background:#ffffff0f}.btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:14px;padding:11px 14px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 12px 40px #00000040;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease;display:inline-flex;gap:10px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);border-color:#ffffff38;background:#ffffff14}.btn:active{transform:translateY(0) scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{border-color:#22d3ee59;background:linear-gradient(135deg,#7c3aeda6,#22d3ee59);box-shadow:var(--shadow),var(--glowC)}.btn--primary:hover{border-color:#22d3ee8c;box-shadow:var(--shadow),0 0 26px #22d3ee80,0 0 54px #7c3aed47}.btn--ghost{background:#ffffff0a}.btn--full{width:100%}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.dot--green{background:var(--green);box-shadow:0 0 12px #34d3998c}.dot--cyan{background:var(--cyan);box-shadow:0 0 12px #22d3ee8c}.dropdown{position:absolute;top:52px;right:140px;width:180px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0a0818d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.dropdown__item{width:100%;text-align:left;border:none;background:transparent;color:var(--text);padding:10px;border-radius:12px;cursor:pointer;font-weight:800}.dropdown__item:hover{background:#ffffff0f}.hero{max-width:1200px;margin:0 auto;padding:34px 20px 10px;display:grid;grid-template-columns:1.25fr .9fr;gap:22px;align-items:stretch}.kicker{color:#ffffffb8;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.h1{font-size:clamp(34px,4vw,56px);line-height:1.02;margin:14px 0}.neon{background:linear-gradient(90deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(34,211,238,.18)}.neon2{background:linear-gradient(90deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(124,58,237,.18)}.lead{color:var(--muted);font-size:16px;line-height:1.55;max-width:62ch}.hero__cta{display:flex;gap:10px;margin:18px 0 10px;flex-wrap:wrap}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.badge{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;padding:10px 12px;border-radius:14px;color:#ffffffc7;font-weight:800;display:flex;align-items:center;gap:10px}.section{max-width:1200px;margin:0 auto;padding:34px 20px}.section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.h2{margin:0;font-size:26px}.muted{color:var(--muted)}.card{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;border-radius:var(--radius2);padding:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card--glow{border-color:#22d3ee38;box-shadow:var(--shadow),var(--glowC)}.card__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.card__title{font-weight:900}.card__sub{color:var(--muted2);font-weight:800;font-size:13px;margin-top:2px}.pill{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;font-weight:900;color:#ffffffc7;font-size:12px}.statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.stat{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:16px;padding:12px}.stat__k{color:var(--muted2);font-weight:800;font-size:12px}.stat__v{font-weight:950;font-size:18px;margin-top:6px}.divider{height:1px;background:#ffffff1a;margin:16px 0}.mini{display:grid;gap:10px}.mini__row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.mini__label{color:var(--muted2);font-weight:800;font-size:12px}.mini__value{font-weight:900;font-size:12px;color:#ffffffc7}.layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}.stack{display:grid;gap:16px}.form{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row--two{grid-template-columns:1fr 1fr}.field label{display:block;font-weight:900;margin-bottom:8px}.field input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0a081873;color:var(--text);outline:none}.field input:focus{border-color:#22d3ee73;box-shadow:0 0 0 3px #22d3ee24}.hint{margin-top:8px;color:var(--muted2);font-size:12px;line-height:1.35}.toggles{display:flex;flex-wrap:wrap;gap:10px}.toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle__ui{width:44px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;position:relative;box-shadow:inset 0 0 18px #00000059}.toggle__ui:after{content:"";width:20px;height:20px;border-radius:999px;position:absolute;top:2px;left:2px;background:#ffffffd9;box-shadow:0 0 14px #22d3ee47}.toggle input:checked+.toggle__ui{background:linear-gradient(135deg,#7c3aeda6,#22d3ee59);border-color:#22d3ee73}.toggle input:checked+.toggle__ui:after{left:22px;background:#fff;box-shadow:0 0 18px #22d3ee8c}.toggle__text{font-weight:900;color:#ffffffc7}.callout{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:18px;padding:14px}.callout--accent{border-color:#a3ff1238;box-shadow:0 0 22px #a3ff121a}.callout__title{font-weight:950;margin-bottom:10px}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0}.kv span{color:var(--muted2);font-weight:900;font-size:12px}.kv strong{font-weight:950}.actions{display:flex;gap:10px;flex-wrap:wrap}.fineprint{margin:8px 0 0;color:#ffffff8c;font-size:12px;line-height:1.4}.timeline{display:grid;gap:12px}.tstep{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.tbadge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:950;border:1px solid rgba(255,255,255,.14)}.tbadge--cyan{background:#22d3ee24;border-color:#22d3ee59;box-shadow:0 0 18px #22d3ee1f}.tbadge--red{background:#fb718524;border-color:#fb718559;box-shadow:0 0 18px #fb71851a}.tbadge--amber{background:#fbbf2424;border-color:#fbbf2459;box-shadow:0 0 18px #fbbf241a}.tbadge--green{background:#34d39924;border-color:#34d39959;box-shadow:0 0 18px #34d3991a}.thead{font-weight:950}.tsub{color:var(--muted);font-size:13px;line-height:1.4;margin-top:4px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0a0818c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;font-weight:900;box-shadow:0 20px 70px #0000008c,0 0 24px #22d3ee2e;z-index:60}@media (min-width: 900px){.menu{display:flex}}@media (max-width: 980px){.hero,.layout{grid-template-columns:1fr}.dropdown{right:12px}}@media (max-width: 720px){.row,.row--two{grid-template-columns:1fr}}.readsource{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.readsource__text{color:#ffffffb3;font-weight:800;font-size:12px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-weight:900;font-size:12px}.badge--ok{border-color:#34d39973;background:#34d3991f;box-shadow:0 0 18px #34d3991f}.badge--warn{border-color:#fbbf2473;background:#fbbf241a;box-shadow:0 0 18px #fbbf241a}.badge--bad{border-color:#fb718573;background:#fb71851a;box-shadow:0 0 18px #fb71851a}.badge--neutral{border-color:#22d3ee59;background:#22d3ee1a;box-shadow:0 0 18px #22d3ee1a}.neon{color:#00f7ff;text-shadow:0 0 6px #00f7ff,0 0 12px #00f7ff,0 0 24px #00f7ff,0 0 48px #00f7ff;animation:neonPulse 2.8s ease-in-out infinite}.neon2{color:#f0f;text-shadow:0 0 6px #ff00ff,0 0 12px #ff00ff,0 0 24px #ff00ff,0 0 48px #ff00ff;animation:neonPulse2 3.2s ease-in-out infinite}@keyframes neonPulse{0%{text-shadow:0 0 4px #00f7ff,0 0 8px #00f7ff,0 0 16px #00f7ff,0 0 32px #00f7ff;opacity:.85}50%{text-shadow:0 0 8px #00f7ff,0 0 16px #00f7ff,0 0 32px #00f7ff,0 0 64px #00f7ff;opacity:1}to{text-shadow:0 0 4px #00f7ff,0 0 8px #00f7ff,0 0 16px #00f7ff,0 0 32px #00f7ff;opacity:.85}}@keyframes neonPulse2{0%{text-shadow:0 0 4px #ff00ff,0 0 8px #ff00ff,0 0 16px #ff00ff,0 0 32px #ff00ff;opacity:.85}50%{text-shadow:0 0 8px #ff00ff,0 0 16px #ff00ff,0 0 32px #ff00ff,0 0 64px #ff00ff;opacity:1}to{text-shadow:0 0 4px #ff00ff,0 0 8px #ff00ff,0 0 16px #ff00ff,0 0 32px #ff00ff;opacity:.85}}.nav{position:sticky;top:0;z-index:1000;height:150px;display:flex;align-items:center;background:#0a0a0e66;-webkit-backdrop-filter:saturate(150%) blur(10px);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}.nav__inner{width:100%;max-width:1200px;margin:0 auto;padding-inline:16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.nav__left{display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.brand__logo{display:block;height:80px;width:auto}.chip{margin-left:6px;font-size:11px;line-height:1;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f}.menu{display:inline-flex;align-items:center;gap:20px}.menu a{text-decoration:none;color:inherit;opacity:.92;transition:opacity .15s ease}.menu a:hover,.menu a:focus{opacity:1}.menu--desktop{display:none}.nav__toggle{margin-left:auto;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);display:inline-flex;align-items:center;justify-content:center}.burger,.burger:before,.burger:after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger:before{transform:translateY(-6px)}.burger:after{transform:translateY(6px)}.burger.is-open{background:transparent}.burger.is-open:before{transform:rotate(45deg)}.burger.is-open:after{transform:rotate(-45deg)}.menu-drawer{position:fixed;top:64px;right:0;bottom:0;left:0;transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease;background:#0a0a0ebf;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);padding:16px}.menu-drawer.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.menu--mobile{display:grid;gap:12px}@media (min-width: 900px){.menu--desktop{display:inline-flex}.nav__toggle,.menu-drawer{display:none}}@media (max-width: 720px){.nav{height:56px}.menu-drawer{top:56px;right:0;bottom:0;left:0}.brand__logo{height:42px}.chip{display:none}}.brand__logo{height:40px;width:auto;filter:drop-shadow(0 0 6px rgba(0,255,255,.35));animation:brandPulse 2.4s ease-in-out infinite}@keyframes brandPulse{0%{filter:drop-shadow(0 0 4px rgba(0,255,255,.25)) drop-shadow(0 0 8px rgba(0,255,255,.15))}50%{filter:drop-shadow(0 0 10px rgba(0,255,255,.55)) drop-shadow(0 0 20px rgba(0,255,255,.35))}to{filter:drop-shadow(0 0 4px rgba(0,255,255,.25)) drop-shadow(0 0 8px rgba(0,255,255,.15))}}
