:root{--op-blue: #1e9ef0;--op-blue-deep: #0b7fd1;--op-blue-ink: #0a5fa0;--op-blue-wash: #eaf5fe;--op-green: #57c77e;--op-green-deep: #3fae66;--op-green-wash: #e9f8ef;--up: #1fae5f;--down: #ef4653;--flat: #8a99a8;--caution: #e8952b;--caution-wash: #fdf3e5;--risk-high: #ef4653;--risk-high-wash: #fdeaec;--risk-low: #1fae5f;--risk-low-wash: #e9f8ef;--bg: #f5f8fb;--bg-soft: #eef3f8;--surface: #ffffff;--surface-2: #f9fbfd;--ink: #0c1a2b;--ink-2: #3a4a5c;--muted: #6c7c8c;--muted-2: #9aa8b5;--line: #e3ecf4;--line-strong: #d3dfe9;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(12, 26, 43, .04), 0 1px 3px rgba(12, 26, 43, .06);--shadow-md: 0 4px 16px rgba(12, 26, 43, .06), 0 1px 3px rgba(12, 26, 43, .05);--shadow-lg: 0 12px 32px rgba(12, 26, 43, .1);--maxw: 1200px;--nav-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--op-blue-wash);color:var(--op-blue-ink)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--flat)}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.page{padding:32px 0 80px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--op-green-deep);background:var(--op-green-wash);border:1px solid rgba(87,199,126,.28);padding:4px 10px;border-radius:var(--r-pill)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--op-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1.title{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:-.02em;margin:14px 0 8px;line-height:1.05}.subtitle{color:var(--muted);font-size:15px;max-width:620px;margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink-2);background:var(--surface)}.badge-ai{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:5px;background:var(--op-blue-wash);color:var(--op-blue-deep);border:1px solid rgba(30,158,240,.25)}.badge-ml{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:5px;background:#f0ecff;color:#6a4fd0;border:1px solid #ddd3ff}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px;padding:9px 15px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#6ed592,var(--op-green));border-color:var(--op-green-deep);color:#08351d;box-shadow:0 2px 8px #57c77e59}.btn-primary:hover{filter:brightness(1.03);background:linear-gradient(180deg,#6ed592,var(--op-green))}:focus-visible{outline:2px solid var(--op-blue);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 860px){h1.title{font-size:30px}.container{padding:0 16px}}@media (max-width: 980px){.overview-grid,.expand-cols{grid-template-columns:1fr!important}}@media (max-width: 720px){.nav-links{display:none!important}}@media (max-width: 620px){.card [style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}