:root{--heading:"Space Grotesk", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", "Consolas", monospace;--bg:#06060b;--bg-surface:#0c0c14;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--ink:#f0f0f5;--text:#94949e;--text-muted:#5c5c6a;--accent:#00d4ff;--accent-dim:#00d4ff26;--accent-glow:#00d4ff14;--border:#ffffff0f;--border-accent:#00d4ff33;--gradient-text:linear-gradient(135deg, #00d4ff 0%, #7b61ff 100%);--grid-line:#ffffff05;--body-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #00d4ff0f, transparent), var(--bg);--noise:none;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=warm]{--heading:"Cormorant", "Georgia", serif;--body:"Source Serif 4", "Georgia", serif;--mono:"IBM Plex Mono", "Consolas", monospace;--bg:#f0f4fa;--bg-surface:#e4ebf5;--bg-card:#2563eb08;--bg-card-hover:#2563eb0f;--ink:#1a2744;--text:#3b4a63;--text-muted:#6b7a92;--accent:#2563eb;--accent-dim:#2563eb26;--accent-glow:#2563eb0f;--border:#c9d5e8;--border-accent:#2563eb4d;--gradient-text:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--grid-line:transparent;--body-bg:var(--bg);--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font:16px/1.7 var(--body);color:var(--text);background:var(--bg);scroll-behavior:smooth}[data-theme=warm] html{font-size:18px}html:has([data-theme=warm]){font-size:18px}body{background:var(--body-bg);background-image:var(--noise);background-repeat:repeat;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--heading);color:var(--ink);letter-spacing:-.03em;font-weight:600;line-height:1.15}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}::selection{background:var(--accent-dim);color:var(--ink)}.theme-toggle{z-index:100;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:10px 16px;font-size:11px;font-weight:500;transition:border-color .2s,color .2s,background .2s;position:fixed;bottom:24px;right:24px}.theme-toggle:hover{border-color:var(--border-accent);color:var(--accent)}@media (width<=768px){html{font-size:15px}[data-theme=warm] html{font-size:16px}html:has([data-theme=warm]){font-size:16px}.theme-toggle{padding:8px 12px;font-size:10px;bottom:16px;right:16px}}.page{max-width:960px;margin:0 auto;padding:0 40px}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(90deg, transparent, var(--border-accent), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.hero-title{letter-spacing:-.06em;color:var(--ink);margin-bottom:32px;font-size:clamp(4.5rem,12vw,9rem);font-weight:700;line-height:.9}.hero-title .dot{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{font-family:var(--mono);color:var(--text-muted);letter-spacing:.01em;max-width:440px;font-size:clamp(.9rem,1.8vw,1.1rem);line-height:1.6}.section{padding:120px 0;position:relative}.section:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.section-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin-bottom:32px;font-size:11px;font-weight:500;display:flex}.section-label:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;flex-shrink:0}.section h2{letter-spacing:-.04em;margin-bottom:40px;font-size:clamp(2rem,4vw,3rem)}.problem-intro{font-family:var(--heading);color:var(--ink);max-width:640px;margin-bottom:40px;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:500;line-height:1.4}.problem-body p{max-width:600px;margin-bottom:20px;line-height:1.8}.problem-body .kicker{font-family:var(--mono);color:var(--accent);background:var(--accent-glow);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;margin-top:32px;padding:16px 20px;font-size:.85rem;font-weight:500}.what-oida-does .lead-statement{font-family:var(--heading);color:var(--ink);max-width:640px;margin-bottom:48px;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:500;line-height:1.4}.what-oida-does .body-text p{max-width:600px;margin-bottom:24px;line-height:1.8}.what-oida-does .body-text strong{color:var(--ink);font-weight:600}.what-oida-does .body-text em{color:var(--ink);font-style:normal;font-weight:600}.nine-kinds .lead-statement{font-family:var(--heading);color:var(--ink);max-width:640px;margin-bottom:48px;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:500;line-height:1.4}.knowledge-types{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.knowledge-type-tag{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:border-color .3s,background .3s}.knowledge-type-tag:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.nine-kinds .body-text p{max-width:600px;margin-bottom:24px;line-height:1.8}.type-list{font-family:var(--mono);color:var(--accent);letter-spacing:.02em;margin-bottom:8px;font-size:.8rem;font-weight:500;display:block}.diff-grid{grid-template-columns:1fr;gap:24px;margin-top:48px;display:grid}.diff-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;transition:background .3s,border-color .3s}.diff-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.diff-item h3{letter-spacing:-.02em;margin-bottom:16px;font-size:1.15rem;font-weight:600}.diff-item p{color:var(--text);line-height:1.8}.ai-stack .callout{font-family:var(--heading);color:var(--ink);max-width:600px;margin-bottom:40px;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:500;line-height:1.4}.ai-stack .body-text p{max-width:600px;margin-bottom:20px;line-height:1.8}.ai-stack .invariant{font-family:var(--mono);color:var(--accent);background:var(--accent-glow);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;margin-top:32px;padding:16px 20px;font-size:.85rem;font-weight:500}.stack-items{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.stack-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.stack-item:before{content:"";background:var(--gradient-text);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stack-item:hover{border-color:var(--border-accent);box-shadow:0 4px 40px #00d4ff0d}.stack-item:hover:before{opacity:1}.stack-item h3{font-family:var(--mono);color:var(--accent);letter-spacing:0;margin-bottom:12px;font-size:.95rem;font-weight:500}.stack-item p{color:var(--text);font-size:.9rem;line-height:1.7}.results .body-text p{max-width:600px;margin-bottom:20px;line-height:1.8}.results .honesty{font-family:var(--mono);color:var(--accent);background:var(--accent-glow);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;margin-top:32px;padding:16px 20px;font-size:.85rem;font-weight:500}.how-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}.how-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;transition:background .3s,border-color .3s}.how-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.how-item h3{font-family:var(--mono);color:var(--accent);margin-bottom:12px;font-size:.9rem;font-weight:500}.how-item p{color:var(--text);font-size:.9rem;line-height:1.7}.cta{padding:120px 0 140px;position:relative}.cta:before{content:"";background:linear-gradient(90deg, transparent, var(--border-accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.cta h2{letter-spacing:-.04em;margin-bottom:48px;font-size:clamp(1.8rem,3.5vw,2.8rem)}.cta-links{flex-direction:column;gap:16px;margin-bottom:56px;display:flex}.cta-link{font-family:var(--mono);color:var(--accent);background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:8px;align-items:center;gap:10px;width:fit-content;padding:12px 20px;font-size:.9rem;font-weight:500;transition:background .2s,gap .2s,box-shadow .2s;display:inline-flex}.cta-link:hover{background:var(--accent-dim);opacity:1;gap:16px;box-shadow:0 0 30px #00d4ff1a}.cta-link .arrow{font-size:1.1em;transition:transform .2s}.cta-link:hover .arrow{transform:translate(4px)}.cta-footnote{color:var(--text-muted);max-width:520px;margin-bottom:28px;font-size:1rem;line-height:1.6}.cta-footnote-links{flex-direction:column;gap:16px;display:flex}.footer{font-family:var(--mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:40px 0;font-size:.7rem;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}@media (width<=768px){.page{padding:0 20px}.hero{min-height:80vh;padding:80px 0 60px}.section{padding:80px 0}.cta{padding:80px 0 100px}.knowledge-types{gap:8px}.knowledge-type-tag{padding:6px 12px;font-size:.8rem}.diff-grid{gap:16px;margin-top:32px}.diff-item{padding:24px}.stack-items{grid-template-columns:1fr;gap:16px}.stack-item{padding:24px}.how-grid{grid-template-columns:1fr;gap:16px}.how-item{padding:24px}}