@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg: #0b0c10;--surface: #11131a;--surface-alt: #14161d;--border: #1f2431;--text: #e9eef7;--muted: #aab3c2;--accent: #8bb3ff;--accent-strong: #3b82f6;--glow: 0 10px 30px rgba(0, 0, 0, .35)}}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.08),transparent 35%),radial-gradient(circle at 90% 10%,rgba(79,70,229,.08),transparent 30%),var(--bg);margin:0;min-height:100vh}#root{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--bg)}a{color:var(--accent);text-decoration:none;font-weight:600}a:hover{color:var(--text);text-decoration:underline}.page-shell{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--glow);padding:20px}.panel+.panel{margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0;font-size:20px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#3b82f61f;color:#c7dbff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.page-title{font-size:32px;margin:0;color:var(--text)}.page-subtitle{margin:10px 0 0;color:var(--muted)}.video-container{width:100%;max-width:800px;aspect-ratio:16 / 9}.video{width:100%;height:100%;border:none;border-radius:14px;box-shadow:var(--glow)}.model-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 720px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.model-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;box-shadow:var(--glow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:var(--text)}.model-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #00000073;border-color:#8bb3ff66}.model-card .eyebrow{font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.model-card h3{margin:0;font-size:18px;color:var(--text)}.model-card p{margin:0;color:var(--muted)}.model-card .cta{display:inline-flex;align-items:center;gap:6px;font-size:14px}.stat-pill{background:#0f1118;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:grid;gap:4px}.stat-pill .k{font-size:12px;color:var(--muted)}.stat-pill .v{font-size:16px;font-variant-numeric:tabular-nums}.app-nav{position:sticky;top:0;z-index:20;background:#0b0c10e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 10px 30px #00000059}.app-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.nav-brand{font-weight:700;color:var(--text);letter-spacing:.02em}.nav-links{display:flex;gap:10px;align-items:center}.nav-link{padding:8px 12px;border-radius:10px;color:var(--muted);transition:all .2s ease;border:1px solid transparent}.nav-link:hover{color:var(--text);border-color:#8bb3ff66;background:#8bb3ff14}.nav-link.active{color:var(--text);border-color:#8bb3ff99;background:linear-gradient(135deg,#8bb3ff2e,#5890ff1f)}.table-like{width:100%;border-collapse:collapse}.table-like tr+tr td{border-top:1px solid var(--border)}.table-like td{padding:14px 8px;color:var(--text)}.helper{color:var(--muted);font-size:14px}.highlight{color:#6ee7b7;font-weight:700}hr{border:none;border-top:1px solid var(--border);margin:12px 0}.canvas-wrapper canvas{width:100%;height:330px;display:block;background:#0f1118;border-radius:12px;border:1px solid #202532}.tradeoffs-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 48px;color:var(--text)}.tradeoffs-header{margin-bottom:16px}.tradeoffs-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--glow)}.tradeoffs-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.tradeoffs-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}@media (min-width: 980px){.tradeoffs-row{grid-template-columns:1fr 1fr}}.tradeoffs-label{margin:0 0 10px;color:var(--muted);font-size:13px}.tradeoffs-note{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.35}.controls-grid{display:grid;gap:10px}.control-row{display:grid;gap:6px}.control-row label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:baseline}.control-row input[type=range]{width:100%}.control-row .value{font-variant-numeric:tabular-nums;color:var(--text)}.divider{height:1px;background:var(--border);margin:10px 0}canvas{width:100%;height:360px;display:block;background:#0f1118;border-radius:12px;border:1px solid #202532}.chart-area{height:360px;background:#0f1118;border:1px solid var(--border);border-radius:14px;padding:12px}.helper-list{margin:12px 0 0;color:var(--muted)}.helper-list li+li{margin-top:8px}