:root{--bg: #06080f;--bg-2: #0b1020;--panel: rgba(13, 18, 36, .72);--panel-2: rgba(18, 24, 48, .85);--line: rgba(148, 163, 184, .14);--line-2: rgba(148, 163, 184, .28);--text: #e6edf7;--muted: #94a3b8;--dim: #64748b;--cyan: #22d3ee;--violet: #8b5cf6;--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--sky: #38bdf8;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Space Grotesk", var(--font);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 16px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.86em}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;margin:0}h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;font-weight:700}h2{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600}h3{font-size:1.1rem;font-weight:600}p{margin:0}button{font-family:inherit}input,select,textarea{font-family:var(--mono)}.aurora{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.aurora:before,.aurora:after,.aurora .blob{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;animation:drift 26s ease-in-out infinite alternate}.aurora:before{width:60vw;height:60vw;left:-15vw;top:-25vw;background:radial-gradient(circle at 30% 30%,#0ea5e9,#0ea5e900 60%)}.aurora:after{width:55vw;height:55vw;right:-20vw;top:5vh;background:radial-gradient(circle at 60% 40%,#7c3aed,#7c3aed00 60%);animation-delay:-9s}.aurora .blob{width:45vw;height:45vw;left:30vw;bottom:-25vw;background:radial-gradient(circle at 50% 50%,#10b981,#10b98100 60%);opacity:.3;animation-delay:-17s}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,4vh,0) scale(1.12)}}.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.9),transparent 70%)}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.section{padding:56px 0}.section-tight{padding:28px 0}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:36px 0}}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:#06080fb3;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--text)}.brand:hover{text-decoration:none}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;color:#06080f;font-weight:800;box-shadow:0 0 24px #22d3ee59}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{color:var(--muted);padding:8px 12px;border-radius:10px;font-weight:500;font-size:.93rem}.nav-links a.active,.nav-links a:hover{color:var(--text);background:#94a3b81a;text-decoration:none}@media(max-width:760px){.nav-links{display:none}}.mobile-links{display:none;gap:6px;padding:8px 0 12px;overflow-x:auto}@media(max-width:760px){.mobile-links{display:flex}}.mobile-links a{color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.85rem;white-space:nowrap}.mobile-links a.active{color:var(--text);border-color:var(--line-2)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(10px);position:relative}.card.glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(34,211,238,.6),rgba(139,92,246,.4),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card.clickable{cursor:pointer;transition:transform .18s ease,border-color .18s ease}.card.clickable:hover{transform:translateY(-2px);border-color:var(--line-2)}.card.selected{border-color:#22d3ee99;box-shadow:0 0 0 1px #22d3ee4d,var(--shadow)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:.86rem}.tiny{font-size:.76rem}.lead{font-size:1.12rem;color:var(--muted);max-width:720px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--line-2);background:#94a3b814;color:var(--text);font-weight:600;font-size:.93rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover{background:#94a3b829;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#06080f;box-shadow:0 8px 30px #22d3ee40}.btn.primary:hover{filter:brightness(1.08)}.btn.sm{padding:6px 10px;font-size:.82rem;border-radius:9px}.btn.ghost{background:transparent}.btn.danger{border-color:#f43f5e80;color:#fda4af}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-2);background:#94a3b814;font-family:var(--mono);font-size:.74rem;color:var(--muted);white-space:nowrap}.chip.ok{border-color:#10b98180;color:#6ee7b7;background:#10b9811a}.chip.warn{border-color:#f59e0b80;color:#fcd34d;background:#f59e0b1a}.chip.bad{border-color:#f43f5e80;color:#fda4af;background:#f43f5e1a}.chip.info{border-color:#38bdf880;color:#7dd3fc;background:#38bdf81a}.chip.violet{border-color:#8b5cf680;color:#c4b5fd;background:#8b5cf61a}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:.02em;border:1px solid}.badge.ok{color:#6ee7b7;border-color:#10b9818c;background:#10b9811f;box-shadow:0 0 30px #10b98133}.badge.warn{color:#fcd34d;border-color:#f59e0b8c;background:#f59e0b1f;box-shadow:0 0 30px #f59e0b33}.badge.bad{color:#fda4af;border-color:#f43f5e8c;background:#f43f5e1f;box-shadow:0 0 30px #f43f5e33}.badge.neutral{color:var(--muted);border-color:var(--line-2);background:#94a3b80f}.dot{width:8px;height:8px;border-radius:50%;background:var(--dim);display:inline-block}.dot.live{background:var(--emerald);box-shadow:0 0 #10b98199;animation:ping 1.6s infinite}@keyframes ping{0%{box-shadow:0 0 #10b9818c}to{box-shadow:0 0 0 10px #10b98100}}.hex{font-family:var(--mono);font-size:.8rem;color:#c7d2fe;background:#6366f114;border:1px solid rgba(99,102,241,.25);padding:2px 7px;border-radius:7px;cursor:copy}.hex:hover{background:#6366f12e}.hex.copied{border-color:#10b98199;color:#6ee7b7}table.t{width:100%;border-collapse:collapse;font-size:.88rem}table.t th{text-align:left;color:var(--dim);font-weight:500;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}table.t td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.t tr:last-child td{border-bottom:none}.kv{display:grid;grid-template-columns:170px 1fr;gap:6px 14px;font-size:.9rem}.kv .k{color:var(--dim)}@media(max-width:640px){.kv{grid-template-columns:1fr}.kv .k{margin-top:6px}}.input{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--line-2);background:#06080f99;color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s}.input:focus{border-color:#22d3ee99;box-shadow:0 0 0 3px #22d3ee1f}.input.mono{font-family:var(--mono)}.pipeline{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;position:relative;padding:10px 0}.pipeline:before{content:"";position:absolute;left:6%;right:6%;top:32px;height:2px;background:linear-gradient(90deg,#22d3ee26,#8b5cf640,#10b98126)}.pipeline .beam{position:absolute;top:31px;left:6%;width:18%;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);filter:blur(1px);animation:beam 4s linear infinite;opacity:.9}@keyframes beam{0%{left:6%}to{left:76%}}.pnode{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative;z-index:1}.pnode .ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg-2);color:var(--muted);font-family:var(--mono);font-size:.8rem;transition:all .25s ease}.pnode .label{font-size:.74rem;color:var(--dim);line-height:1.2}.pnode.done .ring{border-color:#22d3eeb3;color:var(--cyan);box-shadow:0 0 18px #22d3ee59}.pnode.done .label{color:var(--muted)}.pnode.active .ring{border-color:var(--cyan);color:#06080f;background:var(--cyan);box-shadow:0 0 28px #22d3ee99;animation:breathe 1.2s ease-in-out infinite}.pnode.active .label{color:var(--text)}.pnode.stop .ring{border-color:var(--rose);color:#fda4af;background:#f43f5e26;box-shadow:0 0 20px #f43f5e66}.pnode.review .ring{border-color:var(--amber);color:#fcd34d;background:#f59e0b26;box-shadow:0 0 20px #f59e0b66}.pnode.ok .ring{border-color:var(--emerald);color:#6ee7b7;background:#10b98126;box-shadow:0 0 20px #10b98166}.pnode.skipped{opacity:.35}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:760px){.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}.pipeline:before,.pipeline .beam{display:none}}.steps{display:flex;flex-direction:column;gap:0;position:relative}.steps:before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:var(--line)}.step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:10px 0;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.step .pip{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg-2);display:grid;place-items:center;font-family:var(--mono);font-size:.7rem;color:var(--muted);z-index:1}.step.ok .pip{border-color:#10b98199;color:#6ee7b7}.step.warn .pip{border-color:#f59e0b99;color:#fcd34d}.step.bad .pip{border-color:#f43f5e99;color:#fda4af}.step .head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.step .title{font-weight:600}.step .t{font-family:var(--mono);font-size:.72rem;color:var(--dim)}.step .who{font-size:.78rem;color:var(--sky)}.step .why{font-size:.86rem;color:var(--muted);margin-top:2px}.step .facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hr{height:1px;background:var(--line);margin:12px 0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(148,163,184,.3);border-top-color:var(--cyan);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.banner{border:1px dashed rgba(245,158,11,.6);background:#f59e0b14;color:#fcd34d;border-radius:12px;padding:8px 12px;font-size:.84rem}.banner.info{border-color:#38bdf880;background:#38bdf814;color:#7dd3fc}.banner.bad{border-color:#f43f5e99;background:#f43f5e14;color:#fda4af}pre.json{margin:0;padding:14px;border-radius:12px;background:#06080fb3;border:1px solid var(--line);font-size:.76rem;line-height:1.5;overflow:auto;max-height:460px;color:#cbd5e1}details>summary{cursor:pointer;color:var(--muted);font-size:.86rem;user-select:none}.stat{display:flex;flex-direction:column;gap:2px}.stat .v{font-family:var(--display);font-size:1.45rem;font-weight:700}.stat .l{font-size:.74rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.fade{animation:fade .5s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.hero-title span.g{background:linear-gradient(90deg,var(--cyan),#a78bfa 60%,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}.ticker{font-family:var(--mono);font-size:.78rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}.ticker b{color:var(--text);font-weight:600}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--dim);font-size:.82rem}.list{margin:0;padding-left:18px;color:var(--muted);font-size:.9rem}.list li{margin:4px 0}.ol{counter-reset:n;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ol li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.ol li:before{counter-increment:n;content:counter(n);width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--mono);font-size:.74rem;color:var(--cyan)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line-2);padding:10px 16px;border-radius:12px;z-index:50;font-size:.88rem;box-shadow:var(--shadow)}