:root{--bg0: #070B12;--bg1: #0B111C;--bg2: #101828;--card: #0E1626;--card-hover: #121C30;--border: #1B2540;--border-strong: #27365A;--text: #E9EFF9;--text-dim: #97A4BC;--text-faint: #5F6F8B;--accent: #5B9CFF;--accent-strong: #3D82F6;--accent-glow: rgba(91, 156, 255, .13);--green: #34D399;--amber: #FBBF24;--red: #F87171;--violet: #8B7CF6;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow-1: 0 1px 2px rgba(0,0,0,.35);--shadow-2: 0 8px 30px rgba(2, 6, 16, .45);--t-fast: .14s cubic-bezier(.4,0,.2,1);--t-med: .26s cubic-bezier(.4,0,.2,1);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 500px at 70% -10%,rgba(61,130,246,.07),transparent 60%),radial-gradient(900px 420px at 10% 110%,rgba(139,124,246,.05),transparent 60%),var(--bg0);color:var(--text);font-family:var(--font);font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-strong);color:#fff}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.25;margin:0 0 .55em;letter-spacing:-.015em}h1{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:800}h2{font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:700}h3{font-size:1.02rem;font-weight:600}p{margin:0 0 1em}code,.mono{font-family:var(--mono);font-size:.92em}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(1rem,3vw,1.6rem)}.page{padding:clamp(1.6rem,4vw,3rem) 0 5rem;min-height:60vh}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1000px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.g4,.g3,.g2{grid-template-columns:1fr}}.section{margin-top:clamp(2.2rem,5vw,3.4rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.section-head p{margin:0;color:var(--text-dim)}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg0) 78%,transparent);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:.4rem;height:60px}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.06rem;color:var(--text)!important;letter-spacing:-.01em;margin-right:.8rem}.brand:hover{text-decoration:none}.brand svg{display:block}.brand b{color:var(--accent);font-weight:800}.nav-link{color:var(--text-dim);padding:.42rem .68rem;border-radius:8px;font-size:.93rem;font-weight:500;white-space:nowrap;transition:all var(--t-fast)}.nav-link:hover{color:var(--text);background:var(--bg2);text-decoration:none}.nav-link.active{color:var(--text);background:var(--bg2);box-shadow:inset 0 0 0 1px var(--border-strong)}.nav-spacer{flex:1}.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.4rem .6rem;cursor:pointer;font-size:1rem}.subnav{display:flex;gap:.15rem;overflow-x:auto;padding:.35rem 0;border-top:1px solid var(--border);scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav .nav-link{font-size:.86rem;padding:.32rem .6rem;color:var(--text-faint)}@media (max-width: 900px){.nav-links-desktop{display:none}.nav-toggle{display:block}.nav-mobile{display:flex;flex-direction:column;padding:.6rem 0 .9rem;gap:.15rem}}@media (min-width:901px){.nav-mobile{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.66rem 1.25rem;border-radius:11px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:all var(--t-fast);font-family:inherit;text-decoration:none!important}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 4px 18px #3d82f647,inset 0 1px #ffffff2e}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--bg2);border-color:var(--accent)}.btn-sm{padding:.38rem .8rem;font-size:.85rem;border-radius:9px}.btn[disabled]{opacity:.55;pointer-events:none}.card{background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 88%,#000));border:1px solid var(--border);border-radius:var(--r-lg);padding:1.05rem 1.15rem;transition:border-color var(--t-fast),transform var(--t-fast),background var(--t-fast);box-shadow:var(--shadow-1)}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--border-strong);background:var(--card-hover);transform:translateY(-2px);text-decoration:none}.card h3{color:var(--text-dim);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem}.stat-value{font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:750}.stat-sub{color:var(--text-dim);font-size:.83rem;margin-top:.2rem}.stat-hero{font-size:clamp(1.7rem,3.4vw,2.3rem)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.badge{display:inline-flex;align-items:center;gap:.34rem;padding:.17rem .6rem;border-radius:999px;font-size:.76rem;font-weight:650;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge-green{background:#34d3991f;color:#6ee7b7;border-color:#34d39940}.badge-amber{background:#fbbf241c;color:#fcd34d;border-color:#fbbf2440}.badge-red{background:#f871711c;color:#fca5a5;border-color:#f8717147}.badge-blue{background:var(--accent-glow);color:#8fb8ff;border-color:#5b9cff4d}.badge-gray{background:var(--bg2);color:var(--text-dim);border-color:var(--border-strong)}.live-tag{display:inline-flex;align-items:center;gap:.42rem;font-size:.76rem;font-weight:700;letter-spacing:.08em;color:#6ee7b7;background:#34d39917;border:1px solid rgba(52,211,153,.22);padding:.22rem .66rem;border-radius:999px}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #34d39980}50%{opacity:.75;box-shadow:0 0 0 5px #34d39900}}.tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card)}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}.tbl th{text-align:left;padding:.7rem .95rem;color:var(--text-dim);font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;font-weight:650;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:.72rem .95rem;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background var(--t-fast)}.tbl tbody tr:hover{background:#5b9cff0a}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.rowlink{color:inherit}.rowlink:hover{text-decoration:none}.rowlink:hover td{background:#5b9cff0d}.input{width:100%;background:var(--bg1);border:1px solid var(--border-strong);color:var(--text);border-radius:11px;padding:.68rem .95rem;font-size:.96rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-faint)}label.lbl{display:block;font-size:.84rem;font-weight:600;color:var(--text-dim);margin-bottom:.35rem}.codebox{position:relative;background:#0a0f19;border:1px solid var(--border);border-radius:var(--r-md);padding:.85rem 1rem;overflow-x:auto}.codebox pre{margin:0;font-family:var(--mono);font-size:.83rem;line-height:1.55;color:#c4d3ec}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--bg2);color:var(--text-dim);border:1px solid var(--border);border-radius:7px;padding:.22rem .55rem;font-size:.74rem;cursor:pointer;transition:all var(--t-fast);font-family:inherit}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.copy-btn.done{color:var(--green);border-color:#34d39966}.skeleton{position:relative;overflow:hidden;background:var(--bg2);border-radius:8px;min-height:1em}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(91,156,255,.08),transparent);animation:shimmer 1.4s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.state-box{text-align:center;padding:2.6rem 1rem;color:var(--text-dim);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--card)}.state-box .icon{font-size:1.7rem;margin-bottom:.5rem}.state-box h3{color:var(--text)}.error-text{color:var(--red)}.updated-at{font-size:.78rem;color:var(--text-faint)}.hero{padding:clamp(2.6rem,7vw,5.2rem) 0 1.6rem;text-align:center;position:relative}.hero-kicker{display:inline-flex;gap:.45rem;align-items:center;font-size:.79rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(91,156,255,.25);border-radius:999px;padding:.32rem .85rem;margin-bottom:1.3rem}.hero h1{max-width:850px;margin:0 auto .7rem}.hero h1 em{font-style:normal;color:var(--accent);background:linear-gradient(120deg,var(--accent),#8FB8FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:var(--text-dim);max-width:640px;margin:0 auto 1.7rem;font-size:clamp(.98rem,2vw,1.1rem)}.hero-cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.feature{position:relative}.feature .f-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--accent-glow);border:1px solid rgba(91,156,255,.22);margin-bottom:.8rem;color:var(--accent);font-size:1.1rem}.feature.f-green .f-icon{background:#34d3991a;border-color:#34d39940;color:var(--green)}.feature.f-violet .f-icon{background:#8b7cf61a;border-color:#8b7cf640;color:var(--violet)}.feature p{color:var(--text-dim);font-size:.92rem;margin:0}.big-zero{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:800;background:linear-gradient(120deg,#6EE7B7,var(--green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.steps{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));counter-reset:s}.step{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.15rem 1.1rem .95rem}.step-n{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font-weight:750;font-size:.9rem;margin-bottom:.7rem;box-shadow:0 4px 14px #3d82f64d}.step p{color:var(--text-dim);font-size:.9rem;margin:0}.acc{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}.acc+.acc{margin-top:10px}.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:0;color:var(--text);font-family:inherit;font-size:.98rem;font-weight:600;padding:1rem 1.15rem;cursor:pointer;text-align:left}.acc-btn:hover{background:#5b9cff0a}.acc-chev{transition:transform var(--t-med);color:var(--text-faint);flex-shrink:0}.acc.open .acc-chev{transform:rotate(180deg)}.acc-body{display:none;padding:0 1.15rem 1.1rem;color:var(--text-dim);font-size:.94rem}.acc.open .acc-body{display:block;animation:fadeIn var(--t-med)}.tabs{display:inline-flex;background:var(--bg1);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}.tab{background:none;border:0;color:var(--text-dim);font-family:inherit;font-weight:600;font-size:.84rem;padding:.42rem .85rem;border-radius:8px;cursor:pointer;transition:all var(--t-fast)}.tab:hover{color:var(--text)}.tab.active{background:var(--accent-glow);color:var(--accent);box-shadow:inset 0 0 0 1px #5b9cff4d}.chart-card{padding:1.05rem 1.1rem .6rem}.chart-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.chart-svg{width:100%;height:auto;display:block}.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:1.4rem 0}.flow-node{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);padding:.9rem .8rem;text-align:center;font-size:.86rem;position:relative}.flow-node b{display:block;margin-bottom:.15rem}.flow-node span{color:var(--text-dim);font-size:.78rem}.flow-node.hot{border-color:#5b9cff66;box-shadow:0 0 24px #5b9cff14}footer.site{border-top:1px solid var(--border);background:var(--bg1);padding:2.6rem 0 2.2rem;margin-top:3rem}.footer-grid{display:grid;gap:1.8rem;grid-template-columns:2fr repeat(auto-fit,minmax(120px,1fr))}@media (max-width:700px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}}.footer-grid h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.7rem}.footer-grid a{display:block;color:var(--text-dim);font-size:.9rem;padding:.18rem 0}.footer-grid a:hover{color:var(--text);text-decoration:none}.footer-note{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--text-faint);font-size:.8rem}.demo-banner{background:linear-gradient(90deg,#fbbf2429,#fbbf240f);border-bottom:1px solid rgba(251,191,36,.3);color:#fcd34d;font-size:.83rem;padding:.42rem 1rem;text-align:center;font-weight:550}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.ok{color:var(--green)}.warn{color:var(--amber)}.err{color:var(--red)}.mt{margin-top:1rem}.mt2{margin-top:2rem}.mb{margin-bottom:1rem}.center{text-align:center}.flex{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.truncate{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}@media (max-width:640px){.truncate{max-width:110px}}