:root{--bg: #050816;--bg2: #0a1028;--panel: rgba(16, 24, 52, .62);--panel-solid: #0e1634;--panel2: rgba(24, 34, 70, .55);--line: rgba(130, 160, 255, .14);--line2: rgba(130, 160, 255, .26);--text: #e8ecff;--muted: #9aa6cf;--dim: #66729c;--accent: #7cf7e4;--accent2: #6b8cff;--danger: #ff5a6e;--warn: #ffc857;--ok: #2ee6c5;--classical: #2ee6c5;--deep: #9b7bff;--genai: #ffc857;--agentic: #ff7a59;--radius: 18px;--display: "Space Grotesk", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1200px 700px at 85% -10%,rgba(107,140,255,.16),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(46,230,197,.08),transparent 60%),radial-gradient(900px 700px at 60% 120%,rgba(255,122,89,.08),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--display);margin:0;letter-spacing:-.02em;line-height:1.1}p{margin:0}::selection{background:#7cf7e44d}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.wrap{width:min(1320px,100% - 40px);margin:0 auto}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.dim{color:var(--dim)}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}.grad-text{background:linear-gradient(100deg,#fff,#b9c7ff 40%,#7cf7e4,#ffc857);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:#050816a8;border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:28px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:17px;white-space:nowrap}.brand-mark{width:30px;height:30px}.nav-links{display:flex;gap:4px;margin-left:auto}.nav-link{padding:8px 14px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:500;transition:.2s;position:relative}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.nav-score{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px}.nav-score b{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:12px;border:1px solid var(--line2);background:#ffffff0a;font-weight:600;font-size:14.5px;transition:.2s;white-space:nowrap}.btn:hover{background:#ffffff14;border-color:#a0b4ff66;transform:translateY(-1px)}.btn-primary{border:none;color:#04121a;background:linear-gradient(100deg,#7cf7e4,#6b8cff);box-shadow:0 10px 30px -10px #6b8cffb3,inset 0 1px #ffffff80}.btn-primary:hover{background:linear-gradient(100deg,#9cfbee,#8aa4ff);box-shadow:0 14px 40px -10px #6b8cffe6}.btn-ship{border:none;color:#1a0700;font-size:16px;padding:16px 26px;background:linear-gradient(100deg,#ffc857,#ff7a59);box-shadow:0 14px 40px -12px #ff7a59cc,inset 0 1px #ffffff80}.btn-ship:hover{box-shadow:0 18px 50px -12px #ff7a59}.btn-sm{padding:7px 12px;font-size:13px;border-radius:9px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}.panel-t{font-family:var(--display);font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px}.panel-b{padding:16px 20px 20px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);white-space:nowrap;font-family:var(--mono);letter-spacing:.02em}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.stat-l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}.stat-v{font-family:var(--display);font-size:24px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}.stat-s{font-size:11.5px;color:var(--dim)}.stat.bad{border-color:#ff5a6e73;background:#ff5a6e12}.stat.bad .stat-v{color:#ff8796}.stat.good .stat-v{color:var(--ok)}.tcard{width:100%;text-align:left;display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffff06;transition:.25s;position:relative;overflow:hidden}.tcard:hover{border-color:var(--line2);background:#ffffff0b}.tcard.on.break{border-color:#ff5a6e99;background:linear-gradient(120deg,#ff5a6e24,#ff5a6e08)}.tcard.on.fix{border-color:#2ee6c599;background:linear-gradient(120deg,#2ee6c524,#2ee6c508)}.tcard.countered{border-color:#ffc85780}.tcard-t{font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tcard-d{grid-column:1 / -1;font-size:12.8px;color:var(--muted);line-height:1.45}.tcard-meta{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.switch{width:38px;height:22px;border-radius:99px;background:#ffffff1a;position:relative;transition:.25s;flex:none;margin-top:1px}.switch:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#cfd6f5;transition:.25s}.on.break .switch{background:var(--danger)}.on.fix .switch{background:var(--ok)}.on .switch:after{left:19px;background:#fff}.kind{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:6px}.kind.shortcut{background:#ffc85726;color:#ffd98a}.kind.event{background:#4cc9f026;color:#8fdcf7}.kind.attack{background:#ff5a6e29;color:#ff9aa6}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:#ffffff1a;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #7cf7e44d;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 4px #7cf7e44d;cursor:pointer}.ctrl{display:grid;gap:6px}.ctrl-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.ctrl-l b{color:var(--text);font-family:var(--mono)}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.lab-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stage{min-height:440px}.viz-svg{width:100%;height:auto;display:block}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.section{padding:90px 0;position:relative}.h2{font-size:clamp(30px,4vw,48px);font-weight:600}.lead{font-size:18px;color:var(--muted);max-width:680px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tooltip{position:absolute;pointer-events:none;z-index:20;background:var(--panel-solid);border:1px solid var(--line2);border-radius:14px;padding:14px;box-shadow:0 20px 50px #00000080;width:260px}.footer{border-top:1px solid var(--line);padding:36px 0 50px;color:var(--dim);font-size:13px;margin-top:60px}.scroll-x{overflow-x:auto}@media print{body{background:#fff;color:#000}body:before,.nav,.no-print,.footer{display:none!important}.print-only{display:block!important}}.print-only{display:none}@media (max-width: 1080px){.lab-grid{grid-template-columns:1fr}}@media (max-width: 760px){.wrap{width:calc(100% - 32px)}.stage div[style*=grid-template-columns]:not([style*=repeat]){grid-template-columns:minmax(0,1fr)!important}.stage div[style*="repeat(6"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.panel-h{flex-wrap:wrap}.panel-b{padding:14px 14px 16px}.h2{font-size:30px}.lab-cols{grid-template-columns:1fr}.nav-links .nav-link{padding:8px;font-size:13px}.nav-score,.brand-text{display:none}.section{padding:60px 0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}