*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0a0a;--surface:#171213;--surface-2:#1f1719;--border:#392b2d;--text:#f2e9e9;--muted:#ab9a9c;--accent:#ff4d4f;--accent-hover:#ff7875;--accent-2:#e5333c;--accent-3:#ff8a65;--win:#3fb950;--loss:#f85149;--tie:#d29922;--radius:10px;--gradient:linear-gradient(100deg, #ff6b6b 0%, #ef2d3c 55%, #ff8a65 100%);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--display:"Chakra Petch", "Segoe UI", system-ui, sans-serif;--pixel:"Press Start 2P", var(--mono);--gold:#ffce4d;--silver:#cfd8e3;--bronze:#e0884e}body{background:radial-gradient(1100px 480px at 18% -8%, #ef2d3c21, transparent 60%), radial-gradient(900px 420px at 85% -12%, #ff6b6b14, transparent 55%), var(--bg);color:var(--text);font-family:var(--font);background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.55}::selection{background:#ef2d3c66}code,pre{font-family:var(--mono)}code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.08rem .35rem;font-size:.86em}pre code{background:0 0;border:none;padding:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wip-banner{color:#ffd591;border-bottom:1px solid var(--tie);text-align:center;background:repeating-linear-gradient(45deg,#3d2a1f,#3d2a1f 12px,#332417 12px 24px);padding:.5rem 1.5rem;font-size:.85rem;line-height:1.4}.wip-banner strong{color:#ffe7ba}header{backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10;background:#0e0a0bd9;padding:0 1.5rem;position:sticky;top:0}header nav{align-items:center;gap:2rem;max-width:1200px;height:56px;margin:0 auto;display:flex}header .logo{font-family:var(--display);letter-spacing:.01em;background:var(--gradient);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.45rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}header .logo .mark{-webkit-text-fill-color:initial;font-size:1.15rem}header .logo:hover{filter:brightness(1.2);text-decoration:none}header nav ul{gap:1.5rem;list-style:none;display:flex}header nav ul a{color:var(--muted);font-size:.9rem}header nav ul a:hover,header nav ul a.active{color:var(--text)}main{max-width:1200px;margin:2rem auto;padding:0 1.5rem}h1{font-size:1.75rem;font-family:var(--display);letter-spacing:-.01em;margin-bottom:.5rem;font-weight:700}h2{font-size:1.3rem;font-family:var(--display);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}p{color:var(--muted);margin-bottom:1rem}.eyebrow{font-family:var(--pixel);letter-spacing:.06em;color:var(--accent);text-transform:uppercase;font-size:.6rem;line-height:1.6}.card{background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem 1.5rem;transition:border-color .18s,transform .18s,box-shadow .18s}.card:hover{border-color:#57393d;box-shadow:0 6px 24px #00000059}article.card.fighter:hover{transform:translateY(-3px)}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:.6rem .75rem}tr:last-child td{border-bottom:none}tbody tr:nth-child(odd) td{background:#ffffff04}tr:hover td{background:#ff4d4f0f}tbody tr:first-child td:first-child{font-weight:700;color:var(--tie)!important}.badge{text-transform:uppercase;border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-stt{color:#58a6ff;background:#1f3a5f}.badge-tts{color:#3fb950;background:#1f3d2f}.badge-ww{color:#d29922;background:#3d2a1f}.badge-vad{color:#39c5cf;background:#1f3d3a}.badge-intent{color:#bc8cff;background:#2d1f3d}.type-chip{letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;border-radius:12px;padding:.1rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.type-gofai{color:#e3b341;background:#3d331f}.type-fuzzy-match{color:#f0883e;background:#3d2a1f}.type-neural-net{color:#58a6ff;background:#1f3a5f}.type-template-match{color:#3fb950;background:#1f3d2f}.type-keyword-match{color:#39c5cf;background:#1f3d3a}.type-embedding{color:#bc8cff;background:#2d1f3d}.type-llm{color:#ff7b72;background:#3d1f28}.type-ensemble{color:#ff9bce;background:#3d1f33}.type-transformer{color:#79c0ff;background:#1f3a5f}.type-default{color:#8b949e;background:#21262d}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--muted);color:var(--text);background:#ffffff0d;text-decoration:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--gradient);color:#fff;text-shadow:0 1px 2px #00000059;border-color:#0000;font-weight:700}.btn-primary:hover{filter:brightness(1.12);color:#fff}footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);background:linear-gradient(#0000,#1f171999);margin-top:4rem;padding:2.25rem 1.5rem;font-size:.85rem}footer p{margin-bottom:.5rem}footer p:last-child{margin-bottom:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--accent);color:#fff;border-radius:var(--radius);padding:.5rem 1rem;transition:top .15s;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}main:focus{outline:none}@media (width<=640px){header nav ul{-webkit-overflow-scrolling:touch;gap:1rem;min-width:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),#0000 100%)}main{padding:0 1rem}h1{font-size:1.4rem}}
