:root{--ink:#0B0E12;--surface:#151B25;--raised:#202938;--border:#2A3648;--text:#F5F7FB;--muted:#AAB6C6;--cyan:#22D3EE;--violet:#7C3AED;--orange:#F97316;--ok:#22C55E;--err:#EF4444}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:1rem/1.6 Inter,system-ui,-apple-system,sans-serif}
a{color:var(--cyan)}.w{max-width:1280px;margin:0 auto;padding:0 20px}@media(min-width:768px){.w{padding:0 32px}}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.hdr{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(11,14,18,.92);backdrop-filter:blur(8px);z-index:10}
.hdr-in{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap}.brand{font-weight:700;color:var(--text);text-decoration:none;font-size:1.15rem}
nav{display:none;flex-direction:column;width:100%;order:5;padding-bottom:12px}nav.open{display:flex}nav a{color:var(--muted);text-decoration:none;padding:10px 0}nav a[aria-current]{color:var(--text)}
.menu{margin-left:auto;background:none;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:8px 14px;font:inherit}.hdr-cta{display:none}
@media(min-width:1100px){nav{display:flex;flex-direction:row;width:auto;order:0;gap:18px;padding:0;margin-left:auto}nav a{padding:0;font-size:.95rem}.menu{display:none}.hdr-cta{display:inline-block}}
.btn{display:inline-block;border:1px solid var(--border);border-radius:12px;padding:12px 20px;color:var(--text);text-decoration:none;font-weight:600;background:var(--surface);font:inherit;font-weight:600;cursor:pointer}
.hdr .hdr-cta{display:none}@media(min-width:1100px){.hdr .hdr-cta{display:inline-block}}
.btn-primary{background:linear-gradient(110deg,#0369A1,#7C3AED);border:0}.btn:disabled{opacity:.6;cursor:wait}
.hero{padding:64px 0 32px;background:radial-gradient(900px 400px at 20% -10%,rgba(124,58,237,.25),transparent),radial-gradient(700px 300px at 90% 0,rgba(34,211,238,.15),transparent)}
.eyebrow{color:var(--cyan);letter-spacing:.14em;font-size:.8rem;font-weight:600}h1{font-size:clamp(2.2rem,5.5vw,5rem);line-height:1.08;margin:.2em 0;max-width:18ch}
.lead{color:var(--muted);font-size:1.15rem;max-width:62ch}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:16px}
.sec{padding:48px 0}.sec h2{font-size:1.8rem;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0 0 12px}
.badge{display:inline-block;border-radius:999px;font-size:.75rem;padding:3px 10px;border:1px solid var(--border)}.badge-verified{color:var(--ok);border-color:var(--ok)}.badge-planned{color:var(--orange);border-color:var(--orange)}.badge-concept{color:var(--muted)}
.note{color:var(--muted);font-size:.9rem}.flow{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;counter-reset:s}.flow li{background:var(--raised);border-radius:12px;padding:12px 16px;counter-increment:s}.flow li::before{content:counter(s) ". ";color:var(--cyan)}
.mock{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.bar{height:14px;margin:12px 0;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--violet));}.w80{width:80%}.w55{width:55%}.w30{width:30%}
.final{text-align:center;background:var(--surface)}.logo-lg{max-width:420px;width:100%}code{background:var(--raised);padding:2px 6px;border-radius:6px}
.form{max-width:680px;padding-bottom:64px}.field{margin:0 0 20px;border:0;padding:0}label,legend{display:block;font-weight:600;margin-bottom:6px}
input:not([type=checkbox]),select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px;font:inherit}
.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400}.err{color:#FCA5A5;margin:6px 0 0;font-size:.9rem}[aria-invalid=true]{border-color:var(--err)!important}
.hp{position:absolute;left:-9999px}div.ok,.err-box{max-width:680px;padding:16px;border-radius:12px;margin-bottom:20px}div.ok{border:1px solid var(--ok);background:rgba(34,197,94,.1)}.err-box{border:1px solid var(--err);background:rgba(239,68,68,.1)}
.ftr{border-top:1px solid var(--border);padding:40px 0;margin-top:32px}.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.fcols h3{font-size:.85rem;color:var(--muted)}.fcols a{display:block;padding:4px 0;color:var(--text);text-decoration:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem}.brand b{font-weight:400}.mark-sm{width:34px;height:34px;display:block}
.grad{background:linear-gradient(90deg,#A78BFA,#22D3EE);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2{display:grid;gap:32px;align-items:center}@media(min-width:1000px){.hero2{grid-template-columns:1fr 1.1fr}}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ico-wrap{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--raised);margin-bottom:14px}
.ico{display:block}.ico-cyan{color:var(--cyan)}.ico-violet{color:#A78BFA}.ico-orange{color:var(--orange)}
.grid4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sdk{text-decoration:none;color:var(--text);display:block}.sdk .more{display:block;margin-top:12px;color:var(--cyan);font-size:.9rem}
.sdk:hover{border-color:var(--cyan)}
.two{display:grid;gap:24px;margin-top:28px}@media(min-width:900px){.two{grid-template-columns:1fr 1fr}}
.flowd{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}@media(min-width:900px){.flowd{grid-template-columns:repeat(5,1fr)}}
.fs{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px;color:var(--muted)}
.fs strong{color:var(--text)}.fs .ico{margin-top:4px}.fnum{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:2px solid currentColor}
.fs0 .fnum,.fs0 .ico{color:#60A5FA}.fs1 .fnum,.fs1 .ico{color:#A78BFA}.fs2 .fnum,.fs2 .ico{color:var(--orange)}.fs3 .fnum,.fs3 .ico{color:var(--cyan)}.fs4 .fnum,.fs4 .ico{color:#FB923C}
@media(min-width:900px){.fs:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;color:var(--muted)}}
.spot{display:grid;gap:16px;align-items:center;background:linear-gradient(120deg,#151B25,#1b1740);border:1px solid var(--border);border-radius:24px;padding:28px}
@media(min-width:900px){.spot{grid-template-columns:auto 1fr 1.4fr auto}}.spot h2{margin:0}.spot .tag{margin:0;color:var(--muted)}.spot .sp{margin:0;color:var(--muted)}.mark-lg{width:88px;height:88px}
.dash{background:#0f141c;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(124,58,237,.25)}
.dash-top{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.r{background:#EF4444}.y{background:#F59E0B}.g{background:#22C55E}
.dash-title{margin-left:10px;font-weight:600}.live{margin-left:auto;font-size:.75rem;color:var(--cyan);border:1px solid var(--cyan);border-radius:99px;padding:1px 8px}
.dash-body{display:grid;grid-template-columns:96px 1fr}.dash-side{display:none;flex-direction:column;gap:4px;padding:12px;border-right:1px solid var(--border);font-size:.8rem;color:var(--muted)}
@media(min-width:600px){.dash-side{display:flex}}@media(max-width:599px){.dash-body{grid-template-columns:1fr}}
.dash-side span{padding:6px 8px;border-radius:8px}.dash-side .on{background:var(--raised);color:var(--text)}
.dash-main{padding:14px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:420px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tiles div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.tiles small{color:var(--muted);display:block;font-size:.7rem}.tiles b{font-size:1.2rem}.tiles .o{color:var(--orange)}.tiles .c{color:var(--cyan)}
.chart{width:100%;height:110px;margin:12px 0}.jr{list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--muted)}.jr li{display:flex;align-items:center;gap:8px;padding:6px 0;flex-wrap:wrap}
.jr i,.fr i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.7rem;color:#fff}.n1{background:#2563EB}.n2{background:var(--orange)}.n3{background:var(--violet)}
.b{display:block;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--cyan),var(--violet));margin-left:auto}.b60{width:60px}.b45{width:45px}.b25{width:25px}.cap{padding:0 14px 10px;margin:8px 0 0}
.tl,.fun{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px}.tl-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tabs{font-size:.8rem;color:var(--muted);display:flex;gap:10px}.tabs b{color:var(--cyan)}.tabs i{font-style:normal}
.tl ol{list-style:none;padding:0 0 0 14px;margin:14px 0;border-left:2px solid var(--border)}.tl li{position:relative;display:flex;gap:12px;padding:6px 0}.tl li::before{content:"";position:absolute;left:-21px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--cyan)}
.tl li.bad::before{background:var(--err)}.tl li.bad span{color:#FCA5A5}.tl li.ok::before{background:var(--ok)}.tl time{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:.85rem}
.fr{display:flex;align-items:center;gap:10px;margin:10px 0}.fr span{flex:0 0 120px;font-size:.9rem}.fb{display:block;height:16px;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.f100{width:100%}.f74{width:74%}.f60{width:60%}.f47{width:47%}.f30{width:30%}.fr{flex-wrap:nowrap}.fr em{flex:0 0 auto}
@media(min-width:1100px){.grid:has(> .card:nth-child(5):last-child){grid-template-columns:repeat(5,1fr)}}
.fr span{flex:0 0 110px}.fr .fb{flex:none}

.viz{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;overflow:hidden}.viz figcaption{font-weight:600;margin-bottom:10px}
.viz .cap{padding:0;margin:10px 0 0}.hm,.jm{width:100%;height:auto;display:block}
.legend{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted);margin-top:8px}.legend i{flex:1;height:6px;border-radius:9px;background:linear-gradient(90deg,#22C55E,#F59E0B,#EF4444)}
.vtabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}.vtabs span{padding:6px 14px;border-radius:99px;border:1px solid var(--border);color:var(--muted);font-size:.9rem}.vtabs .on{background:var(--raised);color:var(--text);border-color:var(--cyan)}
.sc{display:grid;gap:4px}.sc i{display:block;font-style:normal;font-size:.75rem;padding:10px;border-radius:8px;color:#04141a}.sc1{background:#EF4444}.sc2{background:#F59E0B}.sc3{background:#22C55E}.sc4{background:#22D3EE}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.chips span{font-size:.8rem;border:1px solid var(--border);border-radius:99px;padding:3px 10px;color:var(--muted)}.sgh{margin:12px 0 0;font-size:.85rem;color:var(--muted)}
.s60{width:60%}.s55{width:55%}.s35{width:35%}.s30{width:30%}.s15{width:15%}.s12{width:12%}
.es{list-style:none;margin:0;padding:0;font-size:.85rem}.es li{display:grid;grid-template-columns:48px 110px 1fr;gap:8px;padding:7px 8px;border-radius:8px;align-items:center}.es li:nth-child(odd){background:#121820}
.es time{color:var(--muted);font-family:ui-monospace,Menlo,monospace}.es code{color:var(--cyan)}.es .bad{background:rgba(239,68,68,.12)!important}.es .bad code{color:#FCA5A5}.es .ok code{color:var(--ok)}
.bh{display:flex;align-items:center;gap:12px}.bh small{display:block;color:var(--muted)}.open{margin-left:auto;background:var(--orange);color:#1a0b00;border-radius:99px;padding:2px 12px;font-size:.8rem;font-weight:700}
.shot{display:flex;gap:6px;margin:14px 0;height:70px}.shot i{flex:1;border-radius:10px;background:linear-gradient(135deg,#2A3648,#151B25)}.shot i:first-child{flex:2}
.bt{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.bt>div{display:flex;gap:10px;align-items:center;background:var(--raised);border-radius:12px;padding:10px}.bt .ico{width:22px;height:22px}.bt b{display:block;font-size:.85rem}.bt small{color:var(--muted);font-size:.75rem}
.btn-warm{display:block;text-align:center;margin-top:14px;background:var(--orange);color:#1a0b00;border:0}
.fbw{flex:1;min-width:0;display:block}.fr .fb{flex:none;max-width:100%}