:root{--bg0:#05070c;--bg1:#070b12;--panel:#ffffff0a;--panel2:#ffffff0f;--border:#ffffff1a;--text:#e9ecf5;--muted:#9aa3b2;--muted2:#7b8596;--accent:#7c3aed;--accent2:#22d3ee;--ok:#34d399;--warn:#fbbf24;--bad:#fb7185}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 10% 10%,#7c3aed24,transparent 60%),radial-gradient(1000px 600px at 85% 15%,#22d3ee1f,transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}a:hover{opacity:.92}.container{max-width:1120px;margin:0 auto;padding:0 24px}.header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070cb3;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav{color:#e9ecf5e0;gap:18px;font-size:14px;display:flex}.section{padding:64px 0}.sectionSm{padding:44px 0}.h1{letter-spacing:-.03em;margin:0;font-size:44px;line-height:1.06}.h2{margin:0;font-size:30px;line-height:1.15}.h3{margin:0;font-size:18px}@media (min-width:768px){.h1{font-size:58px}.h2{font-size:34px}}.muted{color:var(--muted)}.btn{background:#ffffff08;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:650;transition:transform .12s,box-shadow .12s,background .12s,opacity .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#05070c;border-color:#0000;box-shadow:0 16px 48px #7c3aed29,0 18px 56px #22d3ee1f}.btn-primary:hover{box-shadow:0 18px 60px #7c3aed2e,0 22px 70px #22d3ee24}.btn-ghost{background:0 0}.card{background:linear-gradient(180deg,var(--panel),#ffffff05);border:1px solid #ffffff1f;border-radius:16px;padding:18px;box-shadow:0 14px 44px #00000057}.hairline{border-top:1px solid #ffffff1a}.hero{border-bottom:1px solid #ffffff1a;position:relative;overflow:hidden}.heroBack{pointer-events:none;background:radial-gradient(900px 380px at 15% 25%,#7c3aed38,#0000 60%),radial-gradient(900px 380px at 80% 20%,#22d3ee29,#0000 58%),linear-gradient(#ffffff0f,#0000 40%);position:absolute;inset:-2px}.heroGrid{pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(760px 420px at 30% 25%,#000 25%,#0000 70%);mask-image:radial-gradient(760px 420px at 30% 25%,#000 25%,#0000 70%)}.scanline{pointer-events:none;opacity:.35;background:linear-gradient(#0000,#22d3ee1a,#0000);animation:7s linear infinite scan;position:absolute;inset:0;transform:translateY(-45%);-webkit-mask-image:radial-gradient(700px 420px at 55% 18%,#000 20%,#0000 75%);mask-image:radial-gradient(700px 420px at 55% 18%,#000 20%,#0000 75%)}@keyframes scan{0%{transform:translateY(-45%)}to{transform:translateY(85%)}}.badge{color:#e9ecf5eb;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.badgeDot{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #22d3ee59}.grid3{gap:24px;display:grid}@media (min-width:900px){.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}.panelTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panelTitle code{color:#e9ecf5bf;background:#ffffff05;border:1px solid #ffffff1f;border-radius:999px;padding:4px 8px;font-size:12px}.kicker{align-items:center;gap:10px;font-weight:650;display:flex}.kicker span{color:var(--muted2);font-weight:500}.headerGrid{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.headerLeft{justify-self:start}.headerCenter{justify-self:center}.headerRight{justify-self:end}.navCentered{color:#e9ecf5e0;align-items:center;gap:22px;font-size:14px;display:flex}.navCentered a{padding:8px 0}.navCentered a:hover{opacity:.95}@media (max-width:900px){.headerGrid{grid-template-columns:1fr 1fr}.headerCenter{display:none}}.mobileOnly{display:none}.desktopOnly{display:flex}@media (max-width:900px){.mobileOnly{display:flex}.desktopOnly{display:none}.headerGrid{grid-template-columns:1fr auto}.headerCenter{display:none}}.iconBtn{background:#ffffff08;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.menuOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:#0000008c;position:fixed;inset:0}.menuPanel{z-index:90;background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;width:min(360px,100vw - 36px);padding:14px;position:fixed;top:76px;right:18px;box-shadow:0 20px 70px #00000073}.menuLink{color:#e9ecf5eb;border-radius:12px;padding:12px;display:flex}.menuLink:hover{background:#ffffff0a}.menuDivider{background:#ffffff1a;height:1px;margin:10px 0}.ctaShell{justify-content:flex-start;align-items:flex-start;display:flex}.ctaCard{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:980px;padding:28px;box-shadow:0 16px 60px #0006}.footerGrid{gap:22px;display:grid}@media (min-width:900px){.footerGrid{grid-template-columns:1.2fr 1fr 1fr 1fr}}.footerTitle{color:#e9ecf5eb;margin-bottom:10px;font-weight:750}.footerLink{color:#9aa3b2f2;padding:6px 0;display:block}.footerLink:hover{color:#e9ecf5eb}.footerFine{color:#9aa3b2d9;font-size:12px;line-height:1.6}.sectionTight{padding:44px 0}.sectionFlushTop{padding-top:28px}.sectionFlushBottom{padding-bottom:28px}.input-dark{color:#e9ecf5eb;background:#0a0c128c;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px;transition:border-color .12s,box-shadow .12s,background .12s}.input-dark:focus{background:#0a0c12b8;border-color:#6366f18c;box-shadow:0 0 0 4px #6366f12e}.input-dark::placeholder{color:#e9ecf56b}
