:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-header{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:24px;max-width:1126px;margin:0 auto;padding:12px 24px;display:flex}.header-logo{color:var(--text-h);align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.header-logo svg{color:var(--accent)}.header-nav{gap:8px;display:flex}.nav-link{color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--accent-bg);color:var(--accent)}.nav-link.active{background:var(--accent);color:#fff}.layout-main{box-sizing:border-box;flex:1;width:100%}.header-actions{align-items:center;gap:12px;display:flex}.complexity-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.complexity-toggle:hover{border-color:var(--accent);background:var(--accent-bg)}.toggle-label{min-width:60px}.toggle-indicator{background:var(--border);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.toggle-indicator:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.complexity-toggle.advanced .toggle-indicator{background:var(--accent)}.complexity-toggle.advanced .toggle-indicator:after{transform:translate(16px)}.home{max-width:1126px;margin:0 auto;padding:64px 24px}.home-hero{text-align:center;margin-bottom:64px}.hero-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.home-hero h1{color:var(--text-h);letter-spacing:-1px;margin:0 0 16px;font-size:56px;font-weight:700}.hero-subtitle{color:var(--text);max-width:600px;margin:0 auto;font-size:20px;line-height:1.6}.home-topics{margin-bottom:80px}.home-topics h2,.home-features h2{color:var(--text-h);text-align:center;margin:0 0 32px;font-size:24px}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.topic-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:32px;text-decoration:none;transition:all .2s;display:flex}.topic-card:hover:not(.disabled){border-color:var(--topic-color);transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.topic-card.disabled{opacity:.5;cursor:not-allowed}.topic-icon{background:var(--accent-bg);width:64px;height:64px;color:var(--topic-color);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.topic-content{flex:1}.topic-subtitle{text-transform:uppercase;letter-spacing:1px;color:var(--topic-color);font-size:12px;font-weight:600}.topic-content h3{color:var(--text-h);margin:4px 0 12px;font-size:24px}.topic-content p{color:var(--text);margin:0;font-size:15px;line-height:1.6}.topic-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.topic-stats{color:var(--text);opacity:.7;font-size:13px}.topic-arrow{color:var(--topic-color);transition:transform .2s}.topic-card:hover .topic-arrow{transform:translate(4px)}.home-features{margin-bottom:80px}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px}.feature-icon{background:var(--accent-bg);width:56px;height:56px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.feature-card h3{color:var(--text-h);margin:0 0 12px;font-size:18px}.feature-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.home-cta{text-align:center;background:var(--code-bg);border:1px solid var(--border);border-radius:24px;padding:64px 32px}.home-cta h2{color:var(--text-h);margin:0 0 12px;font-size:32px}.home-cta p{color:var(--text);margin:0 0 32px;font-size:18px}.cta-button{background:var(--accent);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-button:hover{background:var(--accent-hover);transform:translateY(-2px)}@media (width<=768px){.home-hero h1{font-size:40px}.hero-subtitle{font-size:18px}.topics-grid{grid-template-columns:1fr}}#hero{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:20px;padding:64px 64px 48px;display:flex}@media (width<=1024px){#hero{padding:40px 24px 32px}}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin:0;font-size:12px;font-weight:600}#hero h1{text-align:left;max-width:700px;margin:0;line-height:1.1}.subtitle{color:var(--text);max-width:580px;margin:0;font-size:18px;line-height:1.6}@media (width<=1024px){.subtitle{font-size:16px}}.hero-nav{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.hero-nav a{color:var(--text);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .2s}.hero-nav a:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.content-section{text-align:left;flex-direction:column;gap:32px;padding:56px 64px;display:flex}@media (width<=1024px){.content-section{gap:24px;padding:40px 24px}}.section-header{flex-direction:column;gap:12px;max-width:700px;display:flex}.section-header p{color:var(--text);font-size:17px;line-height:1.65}@media (width<=1024px){.section-header p{font-size:15px}}.section-subheader{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.section-subheader p{color:var(--text);font-size:15px}.section-subheader p a{color:var(--accent);text-decoration:none}.section-subheader p a:hover{text-decoration:underline}.section-tag{text-transform:uppercase;letter-spacing:1px;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:20px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:600}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.cards{grid-template-columns:1fr}}.cards-2{grid-template-columns:repeat(2,1fr)}@media (width<=768px){.cards-2{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:10px;padding:24px;display:flex}.card h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.card-icon{color:var(--accent);font-size:18px;line-height:1}.explainer-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.explainer-grid{grid-template-columns:1fr}}.explainer-box{border:1px solid var(--border);border-radius:12px;padding:24px}.explainer-box h3{color:var(--text-h);margin:0 0 16px;font-size:16px;font-weight:600}.steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--text);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.why-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.why-list li{color:var(--text);padding-left:16px;font-size:14px;line-height:1.5;position:relative}.why-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.callout{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 24px;display:flex}.callout p{color:var(--text);margin:0;font-size:15px}.callout p strong{color:var(--text-h)}.io-diagram{border:1px solid var(--border);border-radius:12px;align-items:stretch;gap:0;display:flex;overflow:hidden}@media (width<=640px){.io-diagram{flex-direction:column}}.io-box{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.io-input{border-right:1px solid var(--border);background:#3b82f614}@media (width<=640px){.io-input{border-right:none;border-bottom:1px solid var(--border)}}.io-output{background:#f9731614}.io-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-h);font-size:13px;font-weight:700}.io-examples{flex-direction:column;gap:6px;display:flex}.io-examples span{color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:13px}.io-price-hint{color:var(--text);margin-top:auto;font-size:12px;font-weight:600}.io-arrow{background:var(--code-bg);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:16px 12px;display:flex}@media (width<=640px){.io-arrow{flex-direction:row;padding:10px 24px}}.arrow-line{background:var(--border);flex:1;width:1px;min-height:20px}@media (width<=640px){.arrow-line{width:40px;height:1px;min-height:unset;flex:unset}}.arrow-model{text-transform:uppercase;letter-spacing:1px;color:var(--accent);white-space:nowrap;border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}#footer{border-top:1px solid var(--border);padding:24px 64px}#footer p{color:var(--text);font-size:13px}#footer p a{color:var(--accent);text-decoration:none}#footer p a:hover{text-decoration:underline}@media (width<=1024px){#footer{padding:20px 24px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.visualizer{text-align:left;flex-direction:column;gap:16px;display:flex}.visualizer-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.example-buttons{flex-wrap:wrap;gap:8px;display:flex}.example-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-size:13px;transition:all .2s}.example-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.example-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.visualizer-input{box-sizing:border-box;border:1px solid var(--border);background:var(--code-bg);width:100%;color:var(--text-h);font-family:var(--mono);resize:vertical;border-radius:8px;outline:none;padding:14px 16px;font-size:15px;line-height:1.6;transition:border-color .2s}.visualizer-input:focus{border-color:var(--accent)}.visualizer-stats{border:1px solid var(--border);border-radius:8px;gap:0;display:flex;overflow:hidden}.stat{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.stat:last-child{border-right:none}.stat-value{color:var(--accent);font-size:28px;font-weight:600;font-family:var(--mono);line-height:1}.stat-label{color:var(--text);text-align:center;font-size:12px}.token-display{border:1px solid var(--border);background:var(--code-bg);min-height:80px;line-height:1.8;font-family:var(--mono);border-radius:8px;flex-wrap:wrap;gap:2px;padding:16px;font-size:14px;display:flex}.token-chip{background:color-mix(in srgb, var(--token-color) 20%, transparent);border-bottom:2px solid var(--token-color);color:var(--text-h);white-space:pre;border-radius:3px 3px 0 0;padding:0 1px;display:inline-block}.empty-hint{color:var(--text);font-style:italic;font-family:var(--sans)}.visualizer-note{color:var(--text);font-size:13px;line-height:1.5}.cw-wrap{flex-direction:column;gap:32px;display:flex}.cw-explainer{flex-direction:column;gap:24px;display:flex}.cw-visual{flex-direction:column;gap:10px;display:flex}.cw-bar-label{color:var(--text-h);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.cw-bar-size{color:var(--text);font-size:12px;font-weight:400;font-family:var(--mono)}.cw-bar{border:1px solid var(--border);border-radius:8px;height:52px;display:flex;overflow:hidden}.cw-segment{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;min-width:0;padding:0 4px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.cw-segment span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cw-system{color:#7c3aed;background:#a78bfa4d}.cw-history{color:#1d4ed8;background:#60a5fa40}.cw-docs{color:#065f46;background:#34d39940}.cw-input{color:#92400e;background:#fbbf244d}.cw-output{color:#9a3412;background:#f973164d}@media (prefers-color-scheme:dark){.cw-system{color:#c4b5fd;background:#a78bfa33}.cw-history{color:#93c5fd;background:#60a5fa33}.cw-docs{color:#6ee7b7;background:#34d39933}.cw-input{color:#fde68a;background:#fbbf2433}.cw-output{color:#fed7aa;background:#f9731633}}.cw-bar-legend{flex-wrap:wrap;gap:12px;display:flex}.leg{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.leg:before{content:"";border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.leg.cw-system:before{background:#a78bfa80;border:1px solid #a78bfa}.leg.cw-history:before{background:#60a5fa80;border:1px solid #60a5fa}.leg.cw-docs:before{background:#34d39980;border:1px solid #34d399}.leg.cw-input:before{background:#fbbf2480;border:1px solid #fbbf24}.leg.cw-output:before{background:#f9731680;border:1px solid #f97316}.cw-facts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.cw-facts{grid-template-columns:1fr}}.cw-fact{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;flex-direction:column;gap:8px;padding:20px;display:flex}.cw-fact strong{color:var(--text-h);font-size:14px}.cw-fact p{color:var(--text);margin:0;font-size:13px;line-height:1.6}.compaction-header{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:24px;display:flex}.compaction-header h3{color:var(--text-h);margin:0;font-size:20px;font-weight:600}.compaction-header p{color:var(--text);margin:0;font-size:14px}.compaction-layout{border:1px solid var(--border);border-radius:12px;grid-template-columns:240px 1fr;gap:0;min-height:500px;display:grid;overflow:hidden}@media (width<=900px){.compaction-layout{grid-template-columns:1fr}}.compaction-nav{border-right:1px solid var(--border);background:var(--code-bg);flex-direction:column;display:flex}@media (width<=900px){.compaction-nav{border-right:none;border-bottom:1px solid var(--border);flex-flow:row;overflow-x:auto}}.compaction-nav-btn{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 18px;transition:background .15s;display:flex}.compaction-nav-btn:last-child{border-bottom:none}.compaction-nav-btn:hover{background:var(--accent-bg)}.compaction-nav-btn.active{background:var(--accent-bg);border-right:2px solid var(--accent)}@media (width<=900px){.compaction-nav-btn.active{border-right:none;border-bottom:2px solid var(--accent)}}.compaction-nav-btn.active .nav-btn-label{color:var(--accent)}@media (width<=900px){.compaction-nav-btn{border-bottom:none;border-right:1px solid var(--border);flex-shrink:0;min-width:140px;padding:12px 16px}.compaction-nav-btn:last-child{border-right:none}}.nav-btn-label{color:var(--text-h);font-size:13px;font-weight:600;line-height:1.3}.nav-btn-tagline{color:var(--text);font-size:11px;line-height:1.3}@media (width<=900px){.nav-btn-tagline{display:none}}.compaction-detail{flex-direction:column;gap:20px;padding:28px 32px;display:flex;overflow:hidden}@media (width<=1024px){.compaction-detail{padding:20px}}.detail-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-title-group{flex-direction:column;gap:4px;display:flex}.detail-title-group h4{color:var(--text-h);margin:0;font-size:20px;font-weight:600}.detail-tagline{color:var(--accent);margin:0;font-size:14px;font-style:italic}.detail-description{color:var(--text);margin:0;font-size:14px;line-height:1.7}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.detail-grid{grid-template-columns:1fr}}.detail-box{border:1px solid var(--border);border-radius:8px;padding:16px 18px}.detail-box ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-box li{color:var(--text);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.detail-box li:before{content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:0}.detail-box-label{text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:11px;font-weight:700}.pros-box{background:#10b9810f;border-color:#10b9814d}.pros-box .detail-box-label{color:#059669}.pros-box li:before{background:#10b981}.cons-box{background:#f973160f;border-color:#f973164d}.cons-box .detail-box-label{color:#ea580c}.cons-box li:before{background:#f97316}@media (prefers-color-scheme:dark){.pros-box .detail-box-label{color:#34d399}.cons-box .detail-box-label{color:#fb923c}}.detail-best-for{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text);border-radius:8px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.best-for-label{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);white-space:nowrap;border-right:1px solid var(--accent-border);padding-top:2px;padding-right:12px;font-size:11px;font-weight:700}.diagram{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.diagram-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:600}.turn-row{flex-wrap:wrap;gap:6px;display:flex}.turn{font-size:12px;font-weight:600;font-family:var(--mono);border:1px solid;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;display:flex}.turn.sm{padding:5px 8px;font-size:11px}.turn-evicted{color:#6b7280;opacity:.7;background:#6b72801f;border-color:#6b72804d;text-decoration:line-through}.turn-kept{color:#2563eb;background:#60a5fa1f;border-color:#60a5fa66}.turn-active{background:color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent-border);color:var(--accent)}@media (prefers-color-scheme:dark){.turn-kept{color:#93c5fd}}.diagram-row-labels{flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.label-evicted{color:#6b7280}.label-kept{color:#2563eb}.label-active{color:var(--accent)}@media (prefers-color-scheme:dark){.label-kept{color:#93c5fd}}.window-bracket{color:var(--text);border-top:1px dashed var(--border);align-items:center;gap:8px;padding-top:4px;font-size:11px;display:flex}.bracket-line{background:var(--border);flex:1;height:1px}.summ-flow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.summ-group{flex-wrap:wrap;gap:4px;display:flex}.summ-arrow{color:var(--text);flex-shrink:0;font-size:18px;font-weight:300}.summ-box{background:#a78bfa1a;border:1px solid #a78bfa66;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex}.summ-icon{color:#7c3aed;font-size:18px}.summ-text{color:var(--text-h);font-size:12px;font-weight:600;line-height:1.3}.summ-text span{color:var(--text);font-size:11px;font-weight:400}.rag-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.rag-step{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;display:flex}.rag-retrieve{background:#10b98114;border-color:#10b98166}.rag-icon{font-size:20px;line-height:1}.rag-step-label{color:var(--text);text-align:center;font-size:11px;line-height:1.3}.rag-arrow{color:var(--text);flex-shrink:0;font-size:16px}.rag-db{background:#10b9810d;border:1px dashed #10b98180;border-radius:8px;flex-direction:column;align-items:center;gap:4px;margin-left:8px;padding:10px 14px;display:flex}.rag-db-icon{font-size:20px}.selective-row{gap:8px}.turn.sel{position:relative}.sel-score{font-size:10px;font-weight:400;font-family:var(--mono);color:inherit;opacity:.8}.sel-hi{color:#10b981;opacity:1}.selective-legend{gap:16px;font-size:11px;display:flex}.hybrid-diagram{gap:8px}.hybrid-layers{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;display:flex;overflow:hidden}.hybrid-layer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.hybrid-layer:last-child{border-bottom:none}.layer-label{color:var(--text-h);font-size:13px;font-weight:500}.layer-tag{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.layer-tag.always{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed66}.layer-tag.compressed{color:#0891b2;background:#0891b21a;border-color:#0891b266}.layer-tag.selective{color:#d97706;background:#d977061a;border-color:#d9770666}.layer-tag.rolling{color:#2563eb;background:#2563eb1a;border-color:#2563eb66}.layer-tag.rag{color:#059669;background:#0596691a;border-color:#05966966}.layer-system{background:#a78bfa14}.layer-summary{background:#22d3ee14}.layer-pinned{background:#fbbf2414}.layer-recent{background:#60a5fa14}.layer-rag{background:#34d39914}.hybrid-arrow{text-align:center;color:var(--text);font-size:20px;line-height:1}.hybrid-window{text-align:center;border:2px dashed var(--accent-border);background:var(--accent-bg);color:var(--accent);border-radius:8px;padding:10px;font-size:13px;font-weight:600}.transformer-architecture{flex-direction:column;gap:24px;display:flex}.transformer-architecture-formula{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:20px 24px;display:flex}.formula-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:700}.formula{font-family:var(--mono);color:var(--text-h);background:0 0;padding:0;font-size:18px}.formula sup{vertical-align:super;font-size:.7em}.formula sub{vertical-align:sub;font-size:.7em}.formula-explanation{color:var(--text);font-size:13px;line-height:1.5}.formula-explanation sub{vertical-align:sub;font-size:.85em}.transformer-architecture-visual{flex-direction:column;gap:12px;display:flex}.visual-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:700}.attention-demo{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.attention-instruction{color:var(--text);margin:0;font-size:14px}.attention-tokens{flex-wrap:wrap;gap:8px;display:flex}.attention-token{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);font-family:var(--mono);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.attention-token:hover{border-color:var(--accent-border);background:var(--accent-bg)}.attention-token.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent-border)}.attention-heatmap{background:#aa3bff0d;border-radius:8px;padding:16px;animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.heatmap-label{color:var(--text);margin-bottom:12px;font-size:13px}.heatmap-label strong{color:var(--accent)}.heatmap-bars{flex-direction:column;gap:8px;display:flex}.heatmap-row{grid-template-columns:60px 1fr 45px;align-items:center;gap:12px;display:grid}.heatmap-token{font-family:var(--mono);color:var(--text-h);font-size:13px;font-weight:500}.heatmap-bar-container{background:var(--border);border-radius:4px;height:20px;overflow:hidden}.heatmap-bar{border-radius:4px;min-width:4px;height:100%;transition:width .3s}.heatmap-value{font-family:var(--mono);color:var(--text);text-align:right;font-size:12px}.attention-matrix{background:var(--code-bg);border-radius:8px;padding:16px}.matrix-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.matrix-grid{grid-template-columns:50px repeat(4,1fr);gap:2px;max-width:400px;display:grid}.matrix-cell{font-size:11px;font-family:var(--mono);border-radius:4px;justify-content:center;align-items:center;padding:6px 4px;transition:all .15s;display:flex}.matrix-header-corner{background:0 0}.matrix-header{background:var(--border);color:var(--text-h);font-size:10px;font-weight:600}.matrix-row-header{background:var(--border);color:var(--text-h);justify-content:flex-end;padding-right:8px;font-size:10px;font-weight:600}.matrix-data{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000004d;font-weight:500}.matrix-data:hover{z-index:1;transform:scale(1.05)}.matrix-data.active-row{box-shadow:inset 0 0 0 2px var(--accent)}.qkvl-explanation{color:var(--text);border-top:1px solid var(--border);margin:0;padding-top:12px;font-size:12px;line-height:1.6}.qkvl-explanation strong{color:var(--text-h)}.transformer-architecture-comparison{flex-direction:column;gap:12px;display:flex}.comparison-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:700}.arch-diagrams{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.arch-diagrams{grid-template-columns:1fr}}.arch-item{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.arch-diagram{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.arch-block{font-size:11px;font-weight:600;font-family:var(--mono);background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border:1px solid var(--accent-border);border-radius:6px;padding:6px 10px}.arch-block.enc{color:#3b82f6;background:#3b82f633;border-color:#3b82f680}.arch-block.dec{color:#f97316;background:#f9731633;border-color:#f9731680}.arch-cross{color:var(--text);padding:0 4px;font-size:14px}.arch-info{flex-direction:column;gap:2px;display:flex}.arch-info strong{color:var(--text-h);font-size:13px;font-weight:600}.arch-info span{color:var(--text);font-size:12px}.transformer-architecture-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.transformer-architecture-cards{grid-template-columns:1fr}}.transformer-architecture-card{border:1px solid var(--border);background:var(--code-bg);cursor:default;border-radius:12px;flex-direction:column;gap:10px;padding:24px;transition:border-color .2s,box-shadow .2s;display:flex}.transformer-architecture-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.transformer-architecture-card.hovered{border-color:var(--accent);background:color-mix(in srgb, var(--accent-bg) 50%, var(--code-bg))}.card-header{align-items:center;gap:10px;display:flex}.card-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.card-icon{font-size:18px;line-height:1}.card-description{color:var(--text);margin:0;font-size:14px;line-height:1.6}.card-details{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin:0;padding:12px 0 0 16px;animation:.2s ease-out fadeIn;display:flex}.card-details li{color:var(--text);font-size:13px;line-height:1.5;position:relative}@media (prefers-color-scheme:dark){.formula{color:var(--text-h)}.arch-block.enc{background:#60a5fa26}.arch-block.dec{background:#fb923c26}.attention-heatmap{background:#aa3bff1a}.attention-token.active{background:color-mix(in srgb, var(--accent) 20%, transparent)}.matrix-cell{text-shadow:0 1px 2px #00000080}}.training-pipeline{flex-direction:column;gap:32px;display:flex}.training-pipeline-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.training-pipeline-cards{grid-template-columns:1fr}}.training-pipeline-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.training-pipeline-card-title{color:var(--accent);margin:0;font-size:16px;font-weight:600}.training-pipeline-card-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.training-pipeline-card-list li{color:var(--text);padding-left:14px;font-size:14px;line-height:1.5;position:relative}.training-pipeline-card-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.training-pipeline-timeline{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:0;padding:24px;display:flex;position:relative}.training-pipeline-timeline-track{background:var(--border);width:2px;position:absolute;top:48px;bottom:48px;left:36px}.training-pipeline-timeline-item{align-items:flex-start;gap:16px;padding:12px 0;display:flex;position:relative}.training-pipeline-timeline-item.last{padding-bottom:0}.training-pipeline-timeline-dot{background:var(--accent-bg);border:1px solid var(--accent-border);width:28px;height:28px;color:var(--accent);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.training-pipeline-timeline-content{flex-direction:column;gap:2px;padding-top:4px;display:flex}.training-pipeline-timeline-label{color:var(--text-h);font-size:14px;font-weight:600}.training-pipeline-timeline-duration{color:var(--text);font-size:12px}.training-pipeline-concepts{border:1px solid var(--border);border-radius:12px;padding:24px}.training-pipeline-concepts-title{color:var(--text-h);margin:0 0 16px;font-size:14px;font-weight:600}.training-pipeline-concepts-list{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;display:grid}@media (width<=768px){.training-pipeline-concepts-list{grid-template-columns:1fr}}.training-pipeline-concept{flex-direction:column;gap:6px;display:flex}.training-pipeline-concept-term{color:var(--accent);margin:0;font-size:13px;font-weight:600}.training-pipeline-concept-def{color:var(--text);margin:0;font-size:13px;line-height:1.6}.training-pipeline-data{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.training-pipeline-data{grid-template-columns:1fr}}.training-pipeline-data-point{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:10px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.training-pipeline-data-value{color:var(--accent);font-size:20px;font-weight:700;font-family:var(--mono)}.training-pipeline-data-label{color:var(--text);font-size:12px}@media (prefers-color-scheme:dark){.training-pipeline-data-point{background:#c084fc26;border-color:#c084fc80}}.vlm-multimodal{flex-direction:column;gap:32px;display:flex}.vlm-pipeline{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:32px 24px;display:flex}.pipeline-stage{flex-direction:column;align-items:center;gap:6px;min-width:80px;display:flex}.pipeline-icon{background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.pipeline-label{color:var(--text-h);text-align:center;font-size:12px;font-weight:600}.pipeline-sublabel{color:var(--text);text-align:center;font-size:10px}.pipeline-arrow{color:var(--accent);font-size:20px;font-weight:600}.pipeline-plus{color:var(--text);padding:0 4px;font-size:24px;font-weight:600}.pipeline-output .pipeline-icon{background:var(--accent-bg);border-color:var(--accent-border)}.vlm-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.vlm-cards{grid-template-columns:1fr}}.vlm-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.vlm-card h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.vlm-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.vlm-card-icon{color:var(--accent);font-size:18px;line-height:1}.vlm-table-wrap{flex-direction:column;gap:16px;display:flex}.vlm-table-title{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.vlm-table{border-collapse:collapse;width:100%;font-size:14px}.vlm-table thead{border-bottom:1px solid var(--border);background:var(--code-bg)}.vlm-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.vlm-table td{border-bottom:1px solid var(--border);color:var(--text-h);padding:11px 16px}.vlm-table tbody tr:last-child td{border-bottom:none}.vlm-table tbody tr:hover td{background:var(--accent-bg)}.check-cell{color:#10b981;text-align:center;font-weight:600}@media (prefers-color-scheme:dark){.check-cell{color:#34d399}}@media (width<=640px){.vlm-pipeline{gap:8px;padding:20px 16px}.pipeline-stage{min-width:60px}.pipeline-icon{width:40px;height:40px;font-size:16px}.pipeline-arrow{font-size:16px}}.image-generation{flex-direction:column;gap:32px;display:flex}.ig-section{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.ig-section-title{color:var(--text-h);margin:0 0 12px;font-size:18px;font-weight:600}.ig-section-desc{color:var(--text);margin:0;font-size:15px;line-height:1.7}.ig-section-desc strong{color:var(--text-h)}.ig-diffusion{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;padding:32px 24px;display:flex;overflow-x:auto}.diffusion-step{flex-direction:column;align-items:center;gap:8px;min-width:100px;display:flex;position:relative}.diffusion-icon{font-size:28px;line-height:1}.diffusion-label{color:var(--text-h);text-align:center;font-size:13px;font-weight:600}.diffusion-desc{color:var(--text);text-align:center;max-width:120px;font-size:11px}.diffusion-arrow{color:var(--accent);font-size:18px;font-weight:600;position:absolute;top:24px;right:-16px}@media (width<=640px){.diffusion-arrow{display:none}}.ig-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.ig-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ig-cards{grid-template-columns:1fr}}.ig-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.ig-card h4{color:var(--text-h);margin:0;font-size:15px;font-weight:600}.ig-card p{color:var(--text);margin:0;font-size:13px;line-height:1.6}.ig-card-icon{color:var(--accent);font-size:18px;line-height:1}.ig-table-wrap{flex-direction:column;gap:16px;display:flex}.ig-table-title{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.ig-table{border-collapse:collapse;width:100%;font-size:14px}.ig-table thead{border-bottom:1px solid var(--border);background:var(--code-bg)}.ig-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.ig-table td{border-bottom:1px solid var(--border);color:var(--text-h);vertical-align:top;padding:11px 16px}.ig-table tbody tr:last-child td{border-bottom:none}.ig-table tbody tr:hover td{background:var(--accent-bg)}.resolution-cell{font-family:var(--mono);color:var(--text);font-size:13px}.ratio-cell{color:var(--text);white-space:nowrap;font-size:13px}.strengths-cell{color:var(--text);max-width:220px;font-size:13px}.pricing-cell{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:13px}@media (width<=640px){.ig-section{padding:20px 16px}.ig-diffusion{gap:16px;padding:20px 16px}.diffusion-step{min-width:80px}}.embeddings-content{flex-direction:column;gap:32px;display:flex}.embeddings-interactive{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.interactive-header{margin-bottom:4px}.interactive-header h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.interactive-header p{color:var(--text);margin:0;font-size:14px}.embeddings-similarity-demo{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:20px}.similarity-header{margin-bottom:16px}.similarity-header h4{color:var(--text-h);margin:0 0 4px;font-size:15px;font-weight:600}.similarity-header p{color:var(--text);margin:0;font-size:13px}.similarity-inputs{align-items:center;gap:16px;margin-bottom:20px;display:flex}.similarity-select{border:1px solid var(--border);background:var(--code-bg);max-width:160px;color:var(--text-h);font-size:15px;font-family:var(--mono);cursor:pointer;border-radius:8px;outline:none;flex:1;padding:12px 16px;transition:border-color .2s}.similarity-select:focus{border-color:var(--accent)}.similarity-vs{color:var(--text);font-size:18px;font-weight:500}.similarity-result{flex-direction:column;gap:12px;display:flex}.similarity-visual{background:var(--border);border-radius:6px;height:12px;overflow:hidden}.similarity-bar{background:linear-gradient(90deg, var(--accent), #c084fc);border-radius:6px;min-width:4px;height:100%;transition:width .3s}.similarity-values{align-items:center;gap:16px;display:flex}.similarity-value{color:var(--accent);font-size:32px;font-weight:600;font-family:var(--mono);line-height:1}.similarity-interpretation{border-radius:16px;padding:6px 12px;font-size:13px;font-weight:500}.similarity-interpretation.high{color:#22c55e;background:#22c55e26}.similarity-interpretation.medium{color:#eab308;background:#eab30826}.similarity-interpretation.low{color:#f97316;background:#f9731626}.similarity-interpretation.none{color:#ef4444;background:#ef444426}.similarity-interpretation.unknown{background:var(--border);color:var(--text)}.similarity-hint{color:var(--text);text-align:center;background:var(--code-bg);border-radius:8px;padding:16px;font-size:13px;font-style:italic}.embeddings-word2vec-demo{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:20px}.demo-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.demo-tab{border:1px solid var(--border);background:var(--code-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.demo-tab:hover{border-color:var(--accent-border);background:var(--accent-bg)}.demo-tab.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.demo-content{background:var(--code-bg);border-radius:8px;padding:16px}.demo-words{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.demo-word{align-items:center;display:flex}.word-bubble{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-size:14px;font-weight:500;font-family:var(--mono);border-radius:20px;padding:10px 18px}.word-connector{color:var(--text);opacity:.4;font-size:18px}.demo-description{color:var(--text);text-align:center;margin:0;font-size:13px}.embeddings-db-section h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.embeddings-db-section>p{color:var(--text);margin:0 0 16px;font-size:14px}.embeddings-db-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.embeddings-db-table table{border-collapse:collapse;width:100%}.embeddings-db-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text);background:var(--code-bg);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:600}.embeddings-db-table td{color:var(--text);border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px}.embeddings-db-table td:last-child{border-bottom:none}.embeddings-db-table tr:last-child td{border-bottom:none}.embeddings-db-table .db-name{color:var(--text-h);font-weight:600}.embeddings-db-table .db-desc{color:var(--text);font-size:13px}.embeddings-db-table .db-type{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.embeddings-db-table .db-type.managed{color:#3b82f6;background:#3b82f626}.embeddings-db-table .db-type.open-source{color:#22c55e;background:#22c55e26}.embeddings-db-table .db-type.extension{color:#f97316;background:#f9731626}@media (prefers-color-scheme:dark){.embeddings-interactive{background:#1f2028}.embeddings-similarity-demo,.embeddings-word2vec-demo,.demo-content,.similarity-select{background:#1a1a24}.embeddings-db-table th{background:#1a1a24}}@media (width<=640px){.similarity-inputs{flex-direction:column;gap:12px}.similarity-select{width:100%;max-width:100%}.demo-tabs{flex-direction:column}}.rag-architecture{flex-direction:column;gap:32px;display:flex}.rag-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.rag-cards{grid-template-columns:1fr}}.rag-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.rag-card-title{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.rag-card-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.rag-card-list li{color:var(--text);font-size:14px;line-height:1.5}.rag-pipeline{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.pipeline-ingestion,.pipeline-query,.pipeline-generation{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.pipeline-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:11px;font-weight:700}.pipeline-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pipeline-node{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:100px;padding:12px 16px;display:flex}.pipeline-icon{font-size:18px;line-height:1}.pipeline-name{color:var(--text);text-align:center;font-size:12px}.pipeline-connector{color:var(--accent);font-size:20px;font-weight:700}.rag-metrics{flex-direction:column;gap:16px;display:flex}.rag-metrics-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.rag-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.rag-metrics-grid{grid-template-columns:1fr}}.rag-metric{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;padding:16px}.rag-metric-label{color:var(--accent);margin-bottom:4px;font-size:14px;font-weight:600}.rag-metric-desc{color:var(--text);font-size:13px;line-height:1.5}.rag-decisions{flex-direction:column;gap:16px;display:flex}.rag-decisions h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.rag-decisions-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.rag-decisions-header,.rag-decisions-row{grid-template-columns:1fr 2fr 2fr;gap:16px;padding:14px 20px;display:grid}.rag-decisions-header{background:var(--accent-bg);border-bottom:1px solid var(--accent-border);text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:11px;font-weight:700}.rag-decisions-row{background:var(--code-bg);border-bottom:1px solid var(--border)}.rag-decisions-row:last-child{border-bottom:none}.rag-decisions-decision{color:var(--text-h);font-size:14px;font-weight:600}.rag-decisions-options,.rag-decisions-tradeoff{color:var(--text);font-size:13px}@media (width<=640px){.rag-decisions-header,.rag-decisions-row{grid-template-columns:1fr;gap:8px}.rag-decisions-header{display:none}.rag-decisions-row{flex-direction:column;display:flex}}@media (prefers-color-scheme:dark){.rag-card,.rag-pipeline,.rag-metric,.rag-decisions-table{background:var(--code-bg)}.pipeline-node{background:var(--bg)}}.fine-tuning-rag-wrap{flex-direction:column;gap:28px;display:flex}.ftr-flow-diagram{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.ftr-flow-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:600}.ftr-flow-steps{flex-direction:column;align-items:center;gap:8px;display:flex}.ftr-flow-start{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.ftr-flow-icon{font-size:10px}.ftr-flow-arrow{color:var(--text);font-size:18px;line-height:1}.ftr-flow-question{border:1px solid var(--border);background:var(--bg);color:var(--text-h);text-align:center;border-radius:8px;max-width:400px;padding:12px 20px;font-size:14px;font-weight:500}.ftr-flow-branches{flex-wrap:wrap;justify-content:center;gap:32px;width:100%;display:flex}.ftr-flow-branch{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:200px;max-width:280px;display:flex}.ftr-branch-label{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700}.ftr-yes .ftr-branch-label{color:#10b981;background:#10b9811f;border:1px solid #10b98166}.ftr-no .ftr-branch-label{color:#f97316;background:#f973161f;border:1px solid #f9731666}.ftr-result{border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.ftr-result-finetune{color:#7c3aed;background:#aa3bff1a;border-color:#aa3bff66}.ftr-result-rag{color:#059669;background:#10b9811a;border-color:#10b98166}.ftr-result-either{color:#6b7280;background:#6b72801a;border-color:#6b728066}.ftr-result-icon{font-size:12px}.ftr-flow-sub{flex-direction:column;gap:8px;width:100%;display:flex}.ftr-sub-question{border:1px dashed var(--border);color:var(--text);text-align:center;border-radius:6px;padding:8px 14px;font-size:13px}.ftr-sub-branches{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ftr-sub-branch{align-items:center;gap:8px;display:flex}.ftr-flow-note{color:var(--accent);text-align:center;border-top:1px dashed var(--border);padding-top:8px;font-size:13px;font-weight:500}.ftr-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.ftr-comparison{grid-template-columns:1fr}}.ftr-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.ftr-card-finetune{border-color:#aa3bff4d}.ftr-card-rag{border-color:#10b9814d}.ftr-card-header{flex-direction:column;gap:4px;display:flex}.ftr-card-header h3{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.ftr-card-subtitle{color:var(--text);font-size:12px;font-style:italic}.ftr-card-points{flex-direction:column;gap:12px;display:flex}.ftr-point{flex-direction:column;gap:2px;display:flex}.ftr-point-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:11px;font-weight:700}.ftr-point-value{color:var(--text-h);font-size:14px;line-height:1.4}.ftr-providers{flex-direction:column;gap:16px;display:flex}.ftr-providers-title{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.ftr-providers-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.ftr-providers-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.ftr-providers-grid{grid-template-columns:1fr}}.ftr-provider{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.ftr-provider-name{color:var(--text-h);font-size:14px;font-weight:600}.ftr-provider-details{flex-direction:column;gap:6px;display:flex}.ftr-provider-ft,.ftr-provider-rag{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.ftr-provider-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.ftr-provider-ft .ftr-provider-badge{color:#7c3aed;background:#aa3bff26;border:1px solid #aa3bff66}.ftr-provider-rag .ftr-provider-badge{color:#059669;background:#10b98126;border:1px solid #10b98166}@media (prefers-color-scheme:dark){.ftr-card-finetune .ftr-point-label{color:#c4b5fd}.ftr-card-rag .ftr-point-label{color:#6ee7b7}.ftr-provider-ft .ftr-provider-badge{color:#c4b5fd;background:#c084fc26;border-color:#c084fc66}.ftr-provider-rag .ftr-provider-badge{color:#6ee7b7;background:#34d39926;border-color:#34d39966}.ftr-result-finetune{color:#c4b5fd;background:#c084fc1f;border-color:#c084fc66}.ftr-result-rag{color:#6ee7b7;background:#34d3991f;border-color:#34d39966}}.osm{flex-direction:column;gap:32px;display:flex}.osm-intro{flex-direction:column;gap:12px;display:flex}.osm-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent-bg);border-radius:4px;align-items:center;width:fit-content;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.osm-intro h2{margin:0}.osm-intro-text{color:var(--text);max-width:720px;font-size:16px;line-height:1.6}.osm-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.osm-cards{grid-template-columns:1fr}}.osm-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:box-shadow .2s;display:flex}.osm-card:hover{box-shadow:var(--shadow)}.osm-card h3{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.osm-card-header{justify-content:space-between;align-items:center;display:flex}.osm-card-title-row{align-items:center;gap:8px;display:flex}.osm-card-title-row h3{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.osm-hf-link{width:24px;height:24px;color:var(--text);opacity:.5;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.osm-hf-link:hover{opacity:1;color:var(--accent);background:var(--accent-bg)}.osm-card-icon{font-size:24px;line-height:1}.osm-provider-badge{background:var(--provider-color);color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.osm-card-specs{gap:16px;display:flex}.osm-spec{flex-direction:column;gap:2px;display:flex}.osm-spec-label{color:var(--text);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.osm-spec-value{color:var(--text-h);font-size:16px;font-weight:600;font-family:var(--mono)}.osm-card-strengths{flex-wrap:wrap;gap:6px;display:flex}.osm-strength-tag{color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.osm-table-section{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.osm-table-section h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.osm-table-scroll{overflow-x:auto}.osm-table{border-collapse:collapse;width:100%;font-size:14px}.osm-table th,.osm-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.osm-table th{color:var(--text);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.osm-table td{color:var(--text-h)}.osm-table tbody tr:hover{background:var(--bg)}.osm-model-name{font-weight:600}.osm-params,.osm-context{font-family:var(--mono)}.osm-strengths{color:var(--text);font-size:13px}.osm-use-cases{flex-direction:column;gap:16px;display:flex}.osm-use-cases h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.osm-use-cases-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.osm-use-cases-grid{grid-template-columns:1fr}}.osm-use-case-column{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.osm-use-case-column h4{color:var(--text-h);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.osm-use-case{align-items:flex-start;gap:12px;display:flex}.osm-use-case h5{color:var(--text-h);margin:0 0 2px;font-size:14px;font-weight:600}.osm-use-case p{color:var(--text);margin:0;font-size:13px}.osm-use-case-icon{flex-shrink:0;margin-top:2px}.osm-use-case-open{color:var(--accent)}.osm-use-case-closed{color:var(--text);opacity:.6}.osm-deployment{flex-direction:column;gap:16px;display:flex}.osm-deployment h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.osm-deployment-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.osm-deployment-grid{grid-template-columns:1fr}}.osm-deployment-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.osm-deployment-icon{color:var(--accent);font-size:20px}.osm-deployment-card h4{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.osm-deployment-options{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.osm-deployment-options li{color:var(--text);background:var(--bg);border-radius:4px;padding:4px 10px;font-size:13px}.osm-deployment-pros{color:var(--text);margin:0;font-size:13px}.llm-evaluation{flex-direction:column;gap:32px;display:flex}.llm-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.llm-cards{grid-template-columns:1fr}}.llm-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.llm-card h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.llm-card-icon{color:var(--accent);font-size:18px;line-height:1}.llm-card-desc{color:var(--text);margin:0;font-size:14px;line-height:1.5}.llm-card-subjects{color:var(--accent);margin:0;font-size:12px;font-weight:500}.llm-mentions{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 20px;display:flex}.llm-mention-label{color:var(--text);font-size:13px;font-weight:500}.llm-mention-tag{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.llm-visualizer{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.llm-visualizer h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.llm-visualizer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.llm-benchmark-select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:8px;min-width:280px;padding:8px 12px;font-size:14px}.llm-benchmark-select:focus{border-color:var(--accent);outline:none}.llm-provider-filters{flex-wrap:wrap;gap:8px;display:flex}.llm-provider-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:all .2s;display:flex}.llm-provider-btn .llm-provider-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.llm-provider-btn:hover{border-color:var(--provider-color);color:var(--text-h)}.llm-provider-btn.active{border-color:var(--provider-color);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--text-h)}.llm-provider-btn.active .llm-provider-dot{background:var(--provider-color)}.llm-table-scroll{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.llm-table{border-collapse:collapse;width:100%;font-size:14px}.llm-table thead{border-bottom:1px solid var(--border);background:var(--bg)}.llm-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.llm-table td{border-bottom:1px solid var(--border);color:var(--text-h);white-space:nowrap;padding:11px 16px}.llm-table tbody tr:last-child td{border-bottom:none}.llm-table tbody tr:hover td{background:var(--accent-bg)}.llm-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.llm-sortable:hover{color:var(--text-h)}.llm-sort-icon{color:var(--accent);margin-left:4px}.llm-sort-icon-idle{color:var(--border)}.llm-model-name{font-weight:500}.llm-provider-badge{border:1px solid color-mix(in srgb, var(--provider-color) 40%, transparent);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--provider-color);white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:12px;display:inline-block}.llm-score-cell{font-family:var(--mono);font-size:13px;font-weight:600}.llm-performance-bar{background:var(--border);border-radius:4px;width:100px;height:8px;overflow:hidden}.llm-performance-fill{border-radius:4px;height:100%;transition:width .3s}.llm-performance-excellent{background:#22c55e}.llm-performance-good{background:#eab308}.llm-performance-needs-improvement{background:#ef4444}.llm-legend{color:var(--text);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.llm-legend-item{align-items:center;gap:6px;display:flex}.llm-legend-dot{border-radius:50%;width:10px;height:10px}.llm-legend-excellent{background:#22c55e}.llm-legend-good{background:#eab308}.llm-legend-needs{background:#ef4444}.llm-chart-section{flex-direction:column;gap:16px;display:flex}.llm-chart-section h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.llm-chart{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.llm-chart-row{align-items:center;gap:16px;display:flex}.llm-chart-label{color:var(--text-h);white-space:nowrap;min-width:140px;font-size:13px;font-weight:500}.llm-chart-bar-wrap{flex:1;align-items:center;gap:12px;display:flex}.llm-chart-bar{border-radius:4px;min-width:4px;height:20px;transition:width .3s}.llm-chart-excellent{background:#22c55e}.llm-chart-good{background:#eab308}.llm-chart-needs-improvement{background:#ef4444}.llm-chart-value{font-size:13px;font-family:var(--mono);color:var(--text);min-width:48px}.llm-provider-cards{flex-direction:column;gap:16px;display:flex}.llm-provider-cards h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.llm-provider-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.llm-provider-card{text-align:center;border:2px solid;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;display:flex}.llm-provider-card.llm-provider-card-excellent{background:#22c55e14;border-color:#22c55e}.llm-provider-card.llm-provider-card-good{background:#eab30814;border-color:#eab308}.llm-provider-card.llm-provider-card-needs-improvement{background:#ef444414;border-color:#ef4444}.llm-provider-card-badge{border:1px solid color-mix(in srgb, var(--provider-color) 40%, transparent);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--provider-color);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.llm-provider-card-score{color:var(--text-h);font-size:24px;font-weight:700;font-family:var(--mono)}.llm-provider-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:11px}@media (prefers-color-scheme:dark){.llm-performance-excellent{background:#4ade80}.llm-performance-good{background:#facc15}.llm-performance-needs-improvement{background:#f87171}.llm-chart-excellent{background:#4ade80}.llm-chart-good{background:#facc15}.llm-chart-needs-improvement{background:#f87171}.llm-provider-card-excellent{background:#4ade801a}.llm-provider-card-good{background:#facc151a}.llm-provider-card-needs-improvement{background:#f871711a}}.alignment-safety{flex-direction:column;gap:32px;display:flex}.alignment-safety-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.alignment-safety-cards{grid-template-columns:1fr}}.alignment-safety-card{border:1px solid var(--border);background:var(--code-bg);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;padding:24px;transition:all .2s;display:flex}.alignment-safety-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-2px)}.alignment-safety-card.active{border-color:var(--accent);background:var(--accent-bg)}.card-title{color:var(--accent);margin:0;font-size:18px;font-weight:700}.card-subtitle{color:var(--text);margin:0;font-size:13px;font-style:italic}.card-points{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card-points li{color:var(--text);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.card-points li:before{content:"→";color:var(--accent);position:absolute;left:0}.alignment-safety-workflow{border:1px solid var(--border);border-radius:12px;overflow:hidden}.workflow-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent) 8%, transparent);padding:20px 24px}.workflow-header h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.workflow-header p{color:var(--text);margin:0;font-size:13px}.workflow-diagram{flex-direction:column;gap:20px;padding:24px;display:flex}.workflow-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.workflow-node{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.workflow-node-accent{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.workflow-arrow{color:var(--accent);font-size:18px;font-weight:700}.workflow-steps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=640px){.workflow-steps{grid-template-columns:1fr 1fr}}.workflow-step{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.step-num{background:var(--accent-bg);border:1px solid var(--accent-border);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.step-label{color:var(--text);font-size:12px;line-height:1.3}.alignment-safety-providers h3{color:var(--text-h);margin:0 0 16px;font-size:16px;font-weight:600}.providers-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.providers-grid{grid-template-columns:1fr}}.provider-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:20px}.provider-card h4{color:var(--text-h);margin:0 0 12px;font-size:15px;font-weight:700}.provider-card ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.provider-card li{color:var(--text);padding-left:16px;font-size:13px;position:relative}.provider-card li:before{content:"•";color:var(--accent);position:absolute;left:4px}.alignment-safety-callout{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 24px;display:flex}.alignment-safety-callout p{color:var(--text);margin:0;font-size:15px}.alignment-safety-callout p strong{color:var(--text-h)}.callout-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent);white-space:nowrap;border-right:1px solid var(--accent-border);padding-right:16px;font-size:11px;font-weight:700}.alignment-safety-timeline h3{color:var(--text-h);margin:0 0 16px;font-size:16px;font-weight:600}.timeline-track{flex-direction:column;gap:0;padding-left:24px;display:flex;position:relative}.timeline-track:before{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:2px;position:absolute;top:12px;bottom:12px;left:7px}.timeline-item{align-items:flex-start;gap:16px;padding:12px 0;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-year{width:48px;font-size:13px;font-weight:700;font-family:var(--mono);color:var(--accent);flex-shrink:0}.timeline-dot{background:var(--accent);border:2px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent);border-radius:50%;flex-shrink:0;margin-top:2px}.timeline-event{color:var(--text);font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){.alignment-safety-card:hover{box-shadow:var(--shadow)}}.llm-limitations{flex-direction:column;gap:32px;display:flex}.limitation-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.limitation-cards{grid-template-columns:1fr}}.limitation-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.limitation-card-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.limitation-card-icon{font-size:20px;line-height:1}.limitation-card-title{color:var(--text-h);flex:1;margin:0;font-size:16px;font-weight:600}.limitation-card-desc{color:var(--text);margin:0;font-size:14px;line-height:1.6}.limitation-card-sections{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.limitation-card-sections{grid-template-columns:1fr}}.limitation-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:600}.limitation-section ul{flex-direction:column;gap:6px;margin:0;padding:0 0 0 16px;display:flex}.limitation-section li{color:var(--text);font-size:13px;line-height:1.5}.limitation-severity{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.limitation-severity-high{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.limitation-severity-medium{color:#a16207;background:#eab3081f;border:1px solid #eab3084d}.limitation-severity-low{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e4d}.limitation-table{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:24px}.limitation-table h3{color:var(--text-h);margin:0 0 16px;font-size:16px;font-weight:600}.limitation-table-scroll{overflow-x:auto}.limitation-table table{border-collapse:collapse;width:100%;font-size:14px}.limitation-table thead{border-bottom:2px solid var(--border)}.limitation-table th{text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.limitation-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;padding:14px 16px}.limitation-table td:first-child{color:var(--text-h);font-weight:500}.limitation-table tbody tr:last-child td{border-bottom:none}.limitation-table tbody tr:hover td{background:var(--accent-bg)}.mitigation-list{flex-wrap:wrap;gap:6px;display:flex}.mitigation-tag{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:16px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.limitation-insight{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:12px;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.insight-icon{flex-shrink:0;font-size:24px;line-height:1}.insight-content h4{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:14px;font-weight:600}.insight-content p{color:var(--text);margin:0;font-size:14px;line-height:1.6}@media (prefers-color-scheme:dark){.limitation-severity-high{color:#f87171;background:#f8717126;border-color:#f8717166}.limitation-severity-medium{color:#facc15;background:#facc1526;border-color:#facc1566}.limitation-severity-low{color:#4ade80;background:#4ade8026;border-color:#4ade8066}.limitation-insight{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.code-models{flex-direction:column;gap:32px;display:flex}.code-models-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.code-models-cards{grid-template-columns:1fr}}.code-models-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.code-models-card h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.code-models-card-icon{color:var(--accent);font-size:18px;line-height:1}.code-models-card-desc{color:var(--text);margin:0;font-size:14px;line-height:1.5}.code-models-card-tags{color:var(--accent);margin:0;font-size:12px;font-weight:500}.code-models-table-section{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.code-models-table-section h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.code-models-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.code-models-benchmark-select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:8px;min-width:240px;padding:8px 12px;font-size:14px}.code-models-benchmark-select:focus{border-color:var(--accent);outline:none}.code-models-provider-filters{flex-wrap:wrap;gap:8px;display:flex}.code-models-provider-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:all .2s;display:flex}.code-models-provider-btn .code-models-provider-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.code-models-provider-btn:hover{border-color:var(--provider-color);color:var(--text-h)}.code-models-provider-btn.active{border-color:var(--provider-color);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--text-h)}.code-models-provider-btn.active .code-models-provider-dot{background:var(--provider-color)}.code-models-table-scroll{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.code-models-table{border-collapse:collapse;width:100%;font-size:14px}.code-models-table thead{border-bottom:1px solid var(--border);background:var(--bg)}.code-models-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.code-models-table td{border-bottom:1px solid var(--border);color:var(--text-h);white-space:nowrap;padding:11px 16px}.code-models-table tbody tr:last-child td{border-bottom:none}.code-models-table tbody tr:hover td{background:var(--accent-bg)}.code-models-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.code-models-sortable:hover{color:var(--text-h)}.code-models-sort-icon{color:var(--accent);margin-left:4px}.code-models-sort-icon-idle{color:var(--border)}.code-models-model-name{font-weight:500}.code-models-provider-badge{border:1px solid color-mix(in srgb, var(--provider-color) 40%, transparent);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--provider-color);white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:12px;display:inline-block}.code-models-score-cell{font-family:var(--mono);font-size:13px;font-weight:600}.code-models-score{border-radius:4px;padding:2px 8px}.code-models-score-excellent{color:#16a34a;background:#22c55e33}.code-models-score-good{color:#ca8a04;background:#eab30833}.code-models-score-needs-improvement{color:#dc2626;background:#ef444433}.code-models-languages{color:var(--text);font-size:13px}.code-models-specialties{color:var(--text);max-width:200px;font-size:13px}.code-models-legend{color:var(--text);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.code-models-legend-item{align-items:center;gap:6px;display:flex}.code-models-legend-dot{border-radius:50%;width:10px;height:10px}.code-models-legend-excellent{background:#22c55e}.code-models-legend-good{background:#eab308}.code-models-legend-needs{background:#ef4444}.code-models-use-cases{flex-direction:column;gap:16px;display:flex}.code-models-use-cases h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.code-models-use-cases-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=1024px){.code-models-use-cases-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.code-models-use-cases-grid{grid-template-columns:1fr}}.code-models-use-case{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.code-models-use-case h4{color:var(--text-h);margin:0 0 4px;font-size:14px;font-weight:600}.code-models-use-case p{color:var(--text);margin:0;font-size:12px;line-height:1.4}.code-models-use-case-icon{color:var(--accent);flex-shrink:0;font-size:16px}@media (prefers-color-scheme:dark){.code-models-score-excellent{color:#4ade80;background:#4ade8040}.code-models-score-good{color:#facc15;background:#facc1540}.code-models-score-needs-improvement{color:#f87171;background:#f8717140}.code-models-legend-excellent{background:#4ade80}.code-models-legend-good{background:#facc15}.code-models-legend-needs{background:#f87171}}.prompt-engineering{text-align:left;flex-direction:column;gap:24px;display:flex}.technique-table{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:20px}.technique-table h3{color:var(--text-h);margin:0 0 16px;font-size:15px;font-weight:600}.technique-table table{border-collapse:collapse;width:100%;font-size:14px}.technique-table th{text-align:left;color:var(--text-h);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:12px;font-weight:600}.technique-table td{color:var(--text);border-bottom:1px solid var(--border);padding:12px}.technique-table td:first-child{color:var(--text-h);font-weight:500}.technique-table tr:last-child td{border-bottom:none}.technique-table tr:hover td{background:var(--accent-bg)}.builder{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.builder-header h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.builder-header p{color:var(--text);font-size:14px}.technique-tabs{flex-wrap:wrap;gap:8px;display:flex}.technique-tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.technique-tab:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.technique-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.technique-description{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;padding:12px 16px}.technique-description p{color:var(--text);margin:0;font-size:14px}.example-prompts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.example-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-size:13px;transition:all .2s}.example-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.prompt-input{box-sizing:border-box;border:1px solid var(--border);background:var(--code-bg);width:100%;color:var(--text-h);font-family:var(--mono);resize:vertical;border-radius:8px;outline:none;padding:14px 16px;font-size:14px;line-height:1.6;transition:border-color .2s}.prompt-input:focus{border-color:var(--accent)}.prompt-input::placeholder{color:var(--text);opacity:.6}.preview-container{border:1px solid var(--border);border-radius:8px;overflow:hidden}.preview-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.preview-header span{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:12px;font-weight:600}.copy-btn{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.copy-btn:hover{background:var(--accent);color:#fff}.prompt-preview{background:var(--code-bg);font-family:var(--mono);color:var(--text-h);white-space:pre-wrap;word-break:break-word;min-height:100px;max-height:300px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.prompt-preview:empty:before{content:"Your formatted prompt will appear here...";color:var(--text);opacity:.5;font-style:italic}.dos-donts{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.dos-donts{grid-template-columns:1fr}}.dos,.donts{border-radius:12px;padding:20px}:is(.dos,.donts) h4{text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:14px;font-weight:700}:is(.dos,.donts) ul{flex-direction:column;gap:8px;margin:0;padding:0 0 0 20px;display:flex}:is(.dos,.donts) li{font-size:14px;line-height:1.5}.dos{background:#22c55e14;border:1px solid #22c55e4d}.dos h4{color:#16a34a}.dos li{color:var(--text)}.donts{background:#ef444414;border:1px solid #ef44444d}.donts h4{color:#dc2626}.donts li{color:var(--text)}@media (prefers-color-scheme:dark){.dos{background:#22c55e1f;border-color:#22c55e66}.dos h4{color:#4ade80}.donts{background:#ef44441f;border-color:#ef444466}.donts h4{color:#f87171}}.system-prompts{text-align:left;flex-direction:column;gap:24px;display:flex}.sp-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.sp-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sp-cards{grid-template-columns:1fr}}.sp-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s}.sp-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.sp-card h4{color:var(--text-h);margin:0 0 8px;font-size:15px;font-weight:600}.sp-card p{color:var(--text);margin:0;font-size:13px;line-height:1.5}.sp-playground{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:24px}.sp-header{margin-bottom:20px}.sp-header h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.sp-header p{color:var(--text);margin:0;font-size:14px}.sp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.sp-tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.sp-tab:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.sp-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.sp-prompt-box,.sp-response-box{margin-bottom:16px}.sp-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);opacity:.7;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.sp-prompt,.sp-response{background:var(--bg);border:1px solid var(--border);font-family:var(--mono);color:var(--text-h);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:250px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.sp-response{background:var(--accent-bg);border-color:var(--accent-border)}.temperature-sampling{text-align:left;flex-direction:column;gap:24px;display:flex}.concepts-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.concepts-grid{grid-template-columns:1fr}}.concept-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:20px}.concept-card .concept-icon{margin-bottom:8px;font-size:24px}.concept-card h4{color:var(--text-h);margin:0 0 8px;font-size:15px;font-weight:600}.concept-card p{color:var(--text);margin-bottom:12px;font-size:13px;line-height:1.5}.concept-card code{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:12px}.concept-card .concept-scale{color:var(--text);opacity:.7;border-top:1px solid var(--border);justify-content:space-between;padding-top:8px;font-size:11px;display:flex}.visualizer{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:24px}.visualizer h3{color:var(--text-h);margin:0 0 20px;font-size:16px;font-weight:600}.slider-section{margin-bottom:20px}.slider-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.slider-header label{color:var(--text-h);font-size:14px;font-weight:600}.slider-header .slider-value{color:var(--accent);font-size:14px;font-weight:600;font-family:var(--mono)}.temp-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px}.temp-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 6px #aa3bff66}.temp-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.temp-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #aa3bff66}.slider-labels{color:var(--text);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.example-selector{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:12px;display:flex}.example-label{color:var(--text);font-size:13px;font-weight:500}.example-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-size:13px;transition:all .2s}.example-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.example-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.output-comparison{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=640px){.output-comparison{grid-template-columns:1fr}}:is(.output-column,.current-output) .output-label{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}:is(.output-column,.current-output) .output-label span:first-child{color:var(--text-h);font-size:12px;font-weight:600}:is(.output-column,.current-output) .output-label .output-type{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.output-box{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.6}.output-box.highlight{border-color:var(--accent-border);background:var(--accent-bg);color:var(--text-h)}.current-output{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.parameter-section h3{color:var(--text-h);margin:0 0 16px;font-size:15px;font-weight:600}.parameter-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.parameter-grid{grid-template-columns:1fr}}.parameter-card{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;padding:16px}.parameter-card .param-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.parameter-card .param-header label{color:var(--text-h);font-size:14px;font-weight:600;font-family:var(--mono)}.parameter-card .param-header .param-value{color:var(--accent);font-size:14px;font-weight:600;font-family:var(--mono)}.parameter-card input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.parameter-card input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.parameter-card input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.parameter-card .param-desc{color:var(--text);margin-top:12px;font-size:12px;line-height:1.4}.usage-guide h3{color:var(--text-h);margin:0 0 16px;font-size:15px;font-weight:600}.settings-table{border-collapse:collapse;border:1px solid var(--border);border-radius:10px;width:100%;font-size:14px;overflow:hidden}.settings-table th{text-align:left;color:var(--text-h);background:var(--code-bg);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.settings-table td{color:var(--text);border-bottom:1px solid var(--border);padding:12px 16px}.settings-table td:first-child{color:var(--text-h);font-weight:500}.settings-table td code{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:12px}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:var(--accent-bg)}.tips-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.tips-section{grid-template-columns:1fr}}.tip{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;gap:12px;padding:16px;display:flex}.tip .tip-icon{flex-shrink:0;font-size:20px}.tip strong{color:var(--text-h);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.tip p{color:var(--text);margin:0;font-size:13px;line-height:1.4}@media (prefers-color-scheme:dark){.concept-card .concept-icon{filter:grayscale(0)}.parameter-card input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 8px #c084fc80}.settings-table th{background:var(--bg)}}.ms-wrap{flex-direction:column;gap:28px;display:flex}.ms-header{flex-direction:column;gap:8px;display:flex}.ms-header h2{color:var(--text-h);margin:0;font-size:28px;font-weight:600}.ms-header-desc{color:var(--text);max-width:600px;margin:0;font-size:15px;line-height:1.6}.ms-concepts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.ms-concepts{grid-template-columns:1fr}}.ms-concept{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex}.ms-concept .concept-icon{margin-bottom:4px;font-size:24px;line-height:1}.ms-concept h4{color:var(--text-h);margin:0;font-size:15px;font-weight:600}.ms-concept p{color:var(--text);margin:0;font-size:13px;line-height:1.5}.concept-code{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:4px;padding:10px 12px;overflow-x:auto}.concept-code code{font-family:var(--mono);color:var(--accent);white-space:pre;font-size:11px}.concept-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.concept-tags span{text-transform:uppercase;letter-spacing:.5px;background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border:1px solid var(--accent-border);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.concept-comparison{flex-direction:column;gap:6px;margin-top:6px;display:flex}.concept-comparison span{border-radius:5px;padding:6px 10px;font-size:12px;font-weight:500}.concept-comparison .stateful{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.concept-comparison .stateless{color:#6b7280;background:#6b72801f;border:1px solid #6b72804d}@media (prefers-color-scheme:dark){.concept-comparison .stateful{color:#34d399}.concept-comparison .stateless{color:#9ca3af}}.ms-demo-section{border-top:1px solid var(--border);flex-direction:column;gap:20px;padding-top:24px;display:flex}.ms-demo-section h3{color:var(--text-h);margin:0;font-size:20px;font-weight:600}.ms-demo-section .ms-demo-desc{color:var(--text);max-width:700px;margin:0;font-size:14px;line-height:1.5}.ms-demo{border:1px solid var(--border);border-radius:12px;grid-template-columns:240px 1fr;gap:0;min-height:380px;display:grid;overflow:hidden}@media (width<=768px){.ms-demo{grid-template-columns:1fr}}.ms-strategy-panel{border-right:1px solid var(--border);background:var(--code-bg);flex-direction:column;gap:14px;padding:20px;display:flex}@media (width<=768px){.ms-strategy-panel{border-right:none;border-bottom:1px solid var(--border)}}.ms-strategy-panel .strategy-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:700}.strategy-options{flex-direction:column;gap:8px;display:flex}.strategy-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:all .15s;display:flex}.strategy-btn:hover{border-color:var(--accent-border);background:var(--accent-bg)}.strategy-btn.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent)}.strategy-btn.active .strategy-name{color:var(--accent)}.strategy-btn .strategy-name{color:var(--text-h);font-size:13px;font-weight:600}.strategy-btn .strategy-desc{color:var(--text);font-size:11px}.demo-controls{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.expand-btn{width:100%;color:var(--accent);border:1px dashed var(--accent-border);cursor:pointer;background:0 0;border-radius:6px;padding:10px;font-size:12px;font-weight:500;transition:all .15s}.expand-btn:hover{background:var(--accent-bg);border-style:solid}.ms-messages-panel{flex-direction:column;gap:14px;padding:20px;display:flex;overflow:hidden}.messages-header{color:var(--text-h);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.token-counter{align-items:center;gap:8px;font-size:11px;display:flex}.token-counter .token-count{font-family:var(--mono);color:#059669;background:#10b98126;border-radius:4px;padding:3px 8px;font-weight:600}.token-counter .token-count.over-limit{color:#dc2626;background:#ef444426}.token-counter .limit-bar{background:var(--border);border-radius:3px;width:80px;height:6px;position:relative;overflow:visible}.token-counter .limit-fill{background:#10b981;border-radius:3px;height:100%;transition:width .3s;display:block}.token-counter .limit-fill.over{background:#ef4444}.token-counter .limit-marker{background:#f97316;border-radius:1px;width:2px;height:10px;position:absolute;top:-2px}.token-counter .limit-label{color:var(--text);font-size:10px}@media (prefers-color-scheme:dark){.token-counter .token-count{color:#34d399}.token-counter .token-count.over-limit{color:#f87171}.token-counter .limit-fill{background:#34d399}}.messages-list{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.message-item{border:1px solid var(--border);border-radius:8px;grid-template-columns:70px 1fr 50px;align-items:start;gap:10px;padding:10px 12px;font-size:12px;display:grid}.message-item.user{background:#60a5fa14;border-color:#60a5fa33}.message-item.assistant{background:#a78bfa14;border-color:#a78bfa33}.message-item.assistant .msg-role{color:#7c3aed}.message-item.stateless-msg{opacity:.7;border-style:dashed}.message-item .msg-role{color:#2563eb;font-size:10px;font-weight:600}.message-item .msg-content{color:var(--text-h);word-break:break-word;line-height:1.4}.message-item .msg-tokens{font-family:var(--mono);color:var(--text);text-align:right;font-size:10px}@media (prefers-color-scheme:dark){.message-item.assistant .msg-role{color:#c4b5fd}.message-item .msg-role{color:#93c5fd}}.truncation-notice{color:#d97706;background:#f973161a;border:1px dashed #f973164d;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.truncation-notice .trunc-icon{font-size:14px}@media (prefers-color-scheme:dark){.truncation-notice{color:#fb923c}}.stateless-warning{color:var(--text);background:#6b72801a;border:1px solid #6b728033;border-radius:6px;padding:12px;font-size:12px;line-height:1.5}.stateless-warning strong{color:#6b7280}.strategy-details{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=1024px){.strategy-details{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.strategy-details{grid-template-columns:1fr}}.strategy-card{border:1px solid var(--border);background:var(--code-bg);opacity:.6;border-radius:8px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.strategy-card.active{opacity:1;border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-bg)}.strategy-card h4{color:var(--text-h);margin:0;font-size:14px;font-weight:600}.strategy-card p{color:var(--text);margin:0;font-size:12px;line-height:1.5}.strategy-card .strategy-pros-cons{flex-direction:column;gap:4px;margin-top:4px;font-size:11px;display:flex}.strategy-card .strategy-pros-cons .pros{color:#059669}.strategy-card .strategy-pros-cons .cons{color:#dc2626}@media (prefers-color-scheme:dark){.strategy-card .pros{color:#34d399}.strategy-card .cons{color:#f87171}}.ms-impl-note{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;flex-direction:column;gap:8px;padding:18px 22px;display:flex}.ms-impl-note h4{color:var(--accent);margin:0;font-size:14px;font-weight:600}.ms-impl-note p{color:var(--text);margin:0;font-size:13px;line-height:1.6}.ms-impl-note p strong{color:var(--text-h)}.streaming-responses{flex-direction:column;gap:32px;display:flex}.streaming-concepts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.streaming-concepts{grid-template-columns:1fr}}.streaming-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.streaming-card-header{align-items:center;gap:10px;display:flex}.streaming-card-icon{font-size:20px;line-height:1}.streaming-card-title{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.streaming-card-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.streaming-card-list li{color:var(--text);font-size:14px;line-height:1.5}.streaming-demo{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;overflow:hidden}.demo-header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.demo-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.demo-toggle{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.demo-toggle:hover{background:var(--accent);color:#fff}.demo-placeholder{text-align:center;color:var(--text);background:var(--bg);padding:60px 20px;font-size:14px}.demo-comparison{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}@media (width<=640px){.demo-comparison{grid-template-columns:1fr}}.demo-panel{background:var(--code-bg);flex-direction:column;gap:16px;padding:20px;display:flex}.demo-panel-header{justify-content:space-between;align-items:center;display:flex}.demo-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:12px;font-weight:600}.streaming-badge{color:var(--accent)}.demo-timer{font-size:13px;font-family:var(--mono);color:var(--text)}.demo-response{background:var(--bg);border-radius:8px;align-items:flex-start;min-height:120px;padding:16px;display:flex}.response-text{color:var(--text);font-size:14px;line-height:1.6}.response-loading{align-items:center;gap:8px;display:flex}.loading-dot{color:var(--text);font-size:8px;animation:1.4s ease-in-out infinite pulse}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.loading-text{color:var(--text);font-size:13px}.cursor{color:var(--accent);margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-progress{flex-direction:column;gap:8px;display:flex}.progress-label{color:var(--text);text-align:right;font-size:11px}.demo-insight{border-top:1px solid var(--border);background:var(--bg);justify-content:space-around;padding:20px;display:flex}@media (width<=640px){.demo-insight{flex-direction:column;align-items:center;gap:12px}}.insight-item{flex-direction:column;align-items:center;gap:4px;display:flex}.insight-label{color:var(--text);font-size:11px}.insight-value{color:var(--accent);font-size:14px;font-weight:600}.timing-viz{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:24px}.timing-title{color:var(--text-h);margin:0 0 20px;font-size:16px;font-weight:600}.timing-timeline{flex-direction:column;gap:0;padding-left:24px;display:flex;position:relative}.timing-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{align-items:flex-start;gap:16px;padding:12px 0;display:flex;position:relative}.timeline-marker{background:var(--border);border:2px solid var(--code-bg);z-index:1;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:all .3s;position:absolute;top:14px;left:-24px}.timeline-marker.done{background:#10b981}.timeline-content{flex:1;justify-content:space-between;align-items:center;padding-left:8px;display:flex}.timeline-label{color:var(--text-h);font-size:14px}.timeline-time{font-size:13px;font-family:var(--mono);color:var(--text)}.timing-note{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);color:var(--text);border-radius:8px;margin-top:20px;padding:16px;font-size:13px;line-height:1.6}.timing-note strong{color:var(--accent)}@media (prefers-color-scheme:dark){.streaming-card,.streaming-demo,.timing-viz,.demo-panel{background:var(--code-bg)}.demo-response,.demo-header,.demo-insight{background:var(--bg)}}.agents-tool-use-wrap{flex-direction:column;gap:32px;display:flex}.atu-sub-heading{color:var(--text-h);margin:0 0 16px;font-size:18px;font-weight:600}.atu-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.atu-cards{grid-template-columns:1fr}}.atu-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.atu-card h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.atu-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.atu-card-icon{font-size:24px;line-height:1}.atu-card-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.atu-tag{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.atu-loop-section{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:24px}.atu-loop-diagram{justify-content:center;align-items:stretch;gap:0;margin:16px 0;display:flex}.atu-loop-step{align-items:center;display:flex}.atu-loop-node{border:2px solid var(--accent-border);background:var(--accent-bg);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:100px;padding:16px 20px;display:flex}.atu-loop-icon{font-size:24px;line-height:1}.atu-loop-label{color:var(--accent);font-size:14px;font-weight:700}.atu-loop-desc{color:var(--text);max-width:80px;font-size:11px}.atu-loop-arrow{color:var(--accent);padding:0 12px;font-size:24px}.atu-loop-note{color:var(--text);text-align:center;font-size:13px;font-style:italic}.atu-demo-section{flex-direction:column;gap:0;display:flex}.atu-demo-intro{color:var(--text);margin:-8px 0 16px;font-size:14px}.atu-demo-tabs{border:1px solid var(--border);background:var(--code-bg);border-bottom:none;border-radius:10px 10px 0 0;gap:0;display:flex;overflow:hidden}.atu-demo-tab{border:none;border-right:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;flex:1;padding:12px 16px;font-size:13px;font-weight:600;transition:all .15s}.atu-demo-tab:last-child{border-right:none}.atu-demo-tab:hover{background:var(--accent-bg)}.atu-demo-tab.active{background:var(--accent-bg);color:var(--accent);border-bottom:2px solid var(--accent)}.atu-demo-panels{border:1px solid var(--border);border-radius:0 0 10px 10px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}@media (width<=768px){.atu-demo-panels{grid-template-columns:1fr}}.atu-demo-panel{background:var(--code-bg);padding:20px}.atu-demo-panel:first-child{border-right:1px solid var(--border)}@media (width<=768px){.atu-demo-panel:first-child{border-right:none;border-bottom:1px solid var(--border)}}.atu-panel-label{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:700}.atu-code-block{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);white-space:pre;border-radius:8px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.atu-code-large{font-size:13px;line-height:1.7}.atu-example-section,.atu-examples-section{flex-direction:column;display:flex}.atu-examples-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.atu-examples-grid{grid-template-columns:1fr}}.atu-example-item{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.atu-example-item strong{color:var(--text-h);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.atu-example-item p{color:var(--text);margin:0;font-size:13px;line-height:1.5}.atu-example-icon{flex-shrink:0;font-size:24px;line-height:1}@media (prefers-color-scheme:dark){.atu-card,.atu-loop-section,.atu-demo-tabs,.atu-demo-panel,.atu-example-item{background:color-mix(in srgb, var(--code-bg) 80%, transparent)}}.pricing-table-wrap{text-align:left;flex-direction:column;gap:16px;display:flex}.provider-filters{flex-wrap:wrap;gap:8px;display:flex}.provider-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:all .2s;display:flex}.provider-btn .provider-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.provider-btn:hover{border-color:var(--provider-color);color:var(--text-h)}.provider-btn.active{border-color:var(--provider-color);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--text-h)}.provider-btn.active .provider-dot{background:var(--provider-color)}.table-scroll{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.pricing-table{border-collapse:collapse;width:100%;font-size:14px}.pricing-table thead{border-bottom:1px solid var(--border);background:var(--code-bg)}.pricing-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.pricing-table td{border-bottom:1px solid var(--border);color:var(--text-h);white-space:nowrap;padding:11px 16px}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-table tbody tr:hover td{background:var(--accent-bg)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text-h)}.sort-icon{color:var(--accent);margin-left:4px}.sort-icon-idle{color:var(--border)}.model-name{font-weight:500}.provider-badge{border:1px solid color-mix(in srgb, var(--provider-color) 40%, transparent);background:color-mix(in srgb, var(--provider-color) 12%, transparent);color:var(--provider-color);white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:12px;display:inline-block}.price-cell{font-family:var(--mono);font-size:13px}.price-input{color:#3b82f6}.price-output{color:#f97316}.price-cache{color:#10b981}.context-cell{font-family:var(--mono);color:var(--text);font-size:13px}.table-note{color:var(--text);font-size:12px}@media (prefers-color-scheme:dark){.price-input{color:#60a5fa}.price-output{color:#fb923c}.price-cache{color:#34d399}}.infra-wrap{flex-direction:column;gap:24px;display:flex}.stack-diagram{flex-direction:column;gap:0;display:flex}.stack-axis-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);padding:6px 0;font-size:11px;font-weight:700}.stack-axis-top{text-align:right}.stack-axis-bottom{text-align:left}.stack-layers{border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.stack-layer{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;grid-template-columns:32px 1fr auto 20px;align-items:center;gap:12px;padding:13px 18px;transition:background .15s;display:grid;position:relative}.stack-layer:before{content:"";background:0 0;width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.stack-layer:last-child{border-bottom:none}.stack-layer:hover{background:color-mix(in srgb, var(--layer-color) 5%, transparent)}.stack-layer:hover:before{background:color-mix(in srgb, var(--layer-color) 40%, transparent)}.stack-layer.active{background:color-mix(in srgb, var(--layer-color) 10%, transparent)}.stack-layer.active:before{background:var(--layer-color)}.stack-layer.active .stack-layer-label{color:var(--layer-color)}.stack-layer.active .stack-layer-chevron{color:var(--layer-color);transform:rotate(90deg)}@media (width<=768px){.stack-layer{grid-template-columns:28px 1fr 20px}}.stack-layer-icon{text-align:center;flex-shrink:0;font-size:16px}.stack-layer-info{flex-direction:column;gap:2px;min-width:0;display:flex}.stack-layer-label{color:var(--text-h);font-size:14px;font-weight:600;line-height:1.2;transition:color .15s}.stack-layer-sub{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=640px){.stack-layer-sub{display:none}}.stack-layer-who{color:var(--text);white-space:nowrap;text-align:right;font-size:11px;font-style:italic}@media (width<=768px){.stack-layer-who{display:none}}.stack-layer-chevron{color:var(--border);font-size:18px;line-height:1;transition:transform .2s,color .15s}.infra-detail{border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.infra-detail-header{background:color-mix(in srgb, var(--layer-color) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--layer-color) 25%, transparent);grid-template-columns:40px 1fr auto;align-items:center;gap:16px;padding:20px 24px;display:grid}@media (width<=768px){.infra-detail-header{grid-template-columns:40px 1fr}}.infra-detail-icon{text-align:center;font-size:24px}.infra-detail-titles{flex-direction:column;gap:3px;display:flex}.infra-detail-titles h3{color:var(--text-h);margin:0;font-size:20px;font-weight:600}.infra-detail-sub{color:var(--text);margin:0;font-size:13px}.infra-detail-who{flex-direction:column;align-items:flex-end;gap:2px;display:flex}@media (width<=768px){.infra-detail-who{display:none}}.who-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:10px;font-weight:700}.who-value{color:var(--text-h);text-align:right;font-size:13px}.infra-detail-desc{color:var(--text);margin:0;padding:20px 24px 0;font-size:14px;line-height:1.75}.infra-responsibilities{flex-direction:column;gap:12px;padding:20px 24px 0;display:flex}.infra-sub-heading{text-transform:uppercase;letter-spacing:.8px;color:var(--text);font-size:11px;font-weight:700}.responsibilities-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=640px){.responsibilities-grid{grid-template-columns:1fr}}.responsibility-card{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.resp-label{color:var(--text-h);font-size:13px;font-weight:600}.resp-detail{color:var(--text);font-size:12px;line-height:1.6}.infra-bottom-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:0;margin-top:20px;padding:20px 24px 24px;display:grid}@media (width<=640px){.infra-bottom-grid{grid-template-columns:1fr}}.infra-examples{border-right:1px solid var(--border);flex-direction:column;gap:12px;padding-right:20px;display:flex}@media (width<=640px){.infra-examples{border-right:none;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px;padding-right:0}}.examples-chips{flex-wrap:wrap;gap:6px;display:flex}.example-chip{border:1px solid color-mix(in srgb, var(--layer-color) 35%, transparent);background:color-mix(in srgb, var(--layer-color) 10%, transparent);color:var(--text-h);border-radius:12px;padding:3px 10px;font-size:12px}.infra-metrics{flex-direction:column;gap:12px;padding-left:20px;display:flex}@media (width<=640px){.infra-metrics{padding-left:0}}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=900px){.metrics-grid{grid-template-columns:1fr}}.metric-item{flex-direction:column;gap:3px;display:flex}.metric-value{font-size:16px;font-weight:700;font-family:var(--mono);line-height:1.1}.metric-label{color:var(--text);font-size:11px;line-height:1.3}.calc{text-align:left;flex-direction:column;gap:24px;display:flex}.calc-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.calc-grid{grid-template-columns:1fr}}.full-width{grid-column:1/-1}.calc-label{color:var(--text-h);flex-direction:column;gap:2px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.calc-sublabel{color:var(--text);font-size:12px;font-weight:400}.calc-select{border:1px solid var(--border);background:var(--code-bg);width:100%;color:var(--text-h);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.calc-select:focus{border-color:var(--accent)}.calc-input-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.calc-number{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);font-size:20px;font-family:var(--mono);border-radius:8px;outline:none;flex:1;min-width:0;padding:9px 12px;font-weight:600;transition:border-color .2s}.calc-number:focus{border-color:var(--accent)}.calc-unit{color:var(--text);white-space:nowrap;font-size:13px}.calc-range{width:100%;accent-color:var(--accent);cursor:pointer;margin-bottom:4px}.calc-range-labels{color:var(--text);justify-content:space-between;font-size:11px;display:flex}.calc-toggle-label{cursor:pointer;color:var(--text-h);border:1px solid var(--border);background:var(--code-bg);border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.calc-toggle-label:hover{background:var(--accent-bg);border-color:var(--accent-border)}.calc-checkbox{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.cache-badge{color:#10b981;vertical-align:middle;background:#10b98126;border:1px solid #10b98166;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.calc-results{border:1px solid var(--border);border-radius:12px;overflow:hidden}.calc-result-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;padding:24px;display:flex}@media (width<=640px){.calc-result-row{flex-direction:column;align-items:flex-start}}.result-item{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.result-total-item{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;padding:16px 20px}.result-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:11px;font-weight:600}.result-value{font-size:28px;font-weight:700;font-family:var(--mono);line-height:1.1}.result-input{color:#3b82f6}.result-output{color:#f97316}.result-total{color:var(--accent)}.result-detail{color:var(--text);flex-wrap:wrap;align-items:center;gap:2px;font-size:12px;display:flex}.result-plus,.result-equals{color:var(--border);flex-shrink:0;font-size:24px;font-weight:300}@media (width<=640px){.result-plus,.result-equals{display:none}}.calc-scale-hint{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 24px;font-size:13px;display:flex}.scale-value{font-family:var(--mono);color:var(--text-h);font-weight:600}.scale-sep{color:var(--border)}.calc-rate-card{border:1px solid var(--border);border-radius:12px;overflow:hidden}.rate-title{color:var(--text);border-bottom:1px solid var(--border);background:var(--code-bg);text-transform:uppercase;letter-spacing:.5px;padding:12px 20px;font-size:13px;font-weight:600}.rate-grid{flex-wrap:wrap;display:flex}.rate-item{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:16px;display:flex}.rate-item:last-child{border-right:none}.rate-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.rate-price{font-size:22px;font-weight:700;font-family:var(--mono);line-height:1.1}.rate-unit{color:var(--text);font-size:11px}.rate-input{color:#3b82f6}.rate-output{color:#f97316}.rate-cache{color:#10b981}@media (prefers-color-scheme:dark){.result-input,.rate-input{color:#60a5fa}.result-output,.rate-output{color:#fb923c}.rate-cache{color:#34d399}}.quickstart{text-align:left;flex-direction:column;gap:24px;display:flex}.quickstart-header{border:1px solid var(--border);background:var(--code-bg);text-align:center;border-radius:12px;padding:24px}.quickstart-header .quickstart-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent-bg);border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.quickstart-header h2{color:var(--text-h);margin:0 0 8px;font-size:28px;font-weight:600}.quickstart-header .quickstart-desc{color:var(--text);max-width:500px;margin:0 auto;font-size:15px}.learning-path{border:1px solid var(--border);border-radius:12px;padding:24px}.learning-path h3{color:var(--text-h);margin:0 0 16px;font-size:15px;font-weight:600}.phases-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.phases-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.phases-grid{grid-template-columns:1fr}}.phase-card{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:16px;transition:all .2s}.phase-card:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-bg)}.phase-card .phase-tag{color:var(--accent);letter-spacing:.3px;font-size:11px;font-weight:600}.phase-card .phase-icon{background:var(--accent-bg);width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin:10px 0;display:flex}.phase-card h4{color:var(--text-h);margin:0 0 4px;font-size:15px;font-weight:600}.phase-card p{color:var(--text);margin:0;font-size:13px;line-height:1.4}.info-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.info-grid{grid-template-columns:1fr}}.info-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:20px}.info-card .info-card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.info-card .info-card-header svg{color:var(--accent)}.info-card .info-card-header h4{color:var(--text-h);margin:0;font-size:14px;font-weight:600}.info-card ul{flex-direction:column;gap:8px;margin:0;padding:0 0 0 18px;display:flex}.info-card li{color:var(--text);font-size:13px;line-height:1.4}.prerequisites{background:color-mix(in srgb, #3b82f6 5%, var(--bg));border-color:color-mix(in srgb, #3b82f6 30%, var(--border))}.prerequisites .info-card-header svg{color:#3b82f6}.how-to-use{background:color-mix(in srgb, #f59e0b 5%, var(--bg));border-color:color-mix(in srgb, #f59e0b 30%, var(--border))}.how-to-use .info-card-header svg{color:#f59e0b}.what-learn{background:color-mix(in srgb, #22c55e 5%, var(--bg));border-color:color-mix(in srgb, #22c55e 30%, var(--border))}.what-learn .info-card-header svg{color:#22c55e}@media (prefers-color-scheme:dark){.prerequisites{background:color-mix(in srgb, #3b82f6 10%, var(--bg));border-color:color-mix(in srgb, #3b82f6 40%, var(--border))}.how-to-use{background:color-mix(in srgb, #f59e0b 10%, var(--bg));border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}.what-learn{background:color-mix(in srgb, #22c55e 10%, var(--bg));border-color:color-mix(in srgb, #22c55e 40%, var(--border))}}.glossary{flex-direction:column;gap:20px;display:flex}.glossary-header{text-align:left}.glossary-header h2{margin:8px 0}.glossary-header p{color:var(--text);font-size:14px}.glossary-tag{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.glossary-search{align-items:center;display:flex;position:relative}.glossary-search .search-icon{color:var(--text);opacity:.6;pointer-events:none;position:absolute;left:14px}.glossary-search input{border:1px solid var(--border);background:var(--code-bg);width:100%;color:var(--text-h);border-radius:8px;outline:none;padding:12px 16px 12px 44px;font-size:15px;transition:border-color .2s}.glossary-search input:focus{border-color:var(--accent)}.glossary-search input::placeholder{color:var(--text);opacity:.6}.glossary-content{flex-direction:column;gap:24px;display:flex}.no-results{text-align:center;color:var(--text);padding:32px;font-size:14px}.glossary-letter-section .letter-heading{color:var(--accent);border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:700}.terms-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.glossary-item{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.glossary-item:hover{background:var(--accent-bg);border-color:var(--accent-border)}.glossary-item .term-name{color:var(--text-h);font-size:14px;font-weight:600}.glossary-item .term-category{color:var(--text);opacity:.7;font-size:11px}@media (width<=640px){.terms-grid{grid-template-columns:1fr}}.scaling-laws{flex-direction:column;gap:32px;display:flex}.scaling-laws-header{align-items:center;display:flex}.scaling-laws-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.scaling-laws-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.scaling-laws-cards{grid-template-columns:1fr}}.scaling-laws-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.scaling-laws-card-title{color:var(--accent);margin:0;font-size:16px;font-weight:600}.scaling-laws-card-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scaling-laws-card-list li{color:var(--text);padding-left:14px;font-size:14px;line-height:1.5;position:relative}.scaling-laws-card-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.scaling-laws-model-comparison{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;padding:24px}.scaling-laws-model-header{margin-bottom:20px}.scaling-laws-model-title{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.scaling-laws-model-subtitle{color:var(--text);margin:0;font-size:13px}.scaling-laws-model-buttons{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=768px){.scaling-laws-model-buttons{grid-template-columns:repeat(2,1fr)}}.scaling-laws-model-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;transition:all .2s;display:flex}.scaling-laws-model-btn:hover{border-color:var(--accent-border)}.scaling-laws-model-btn.active{border-color:var(--accent);background:var(--accent-bg)}.scaling-laws-model-btn.locked{opacity:.5;cursor:not-allowed}.scaling-laws-model-param{font-size:18px;font-weight:700;font-family:var(--mono);color:var(--text-h)}.scaling-laws-model-capability{color:var(--text);text-align:center;font-size:11px}.scaling-laws-model-detail{border:1px solid var(--accent-border);background:var(--accent-bg);text-align:center;border-radius:8px;flex-direction:column;gap:4px;padding:16px;display:flex}.scaling-laws-model-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:11px}.scaling-laws-model-detail-value{font-size:20px;font-weight:700;font-family:var(--mono);color:var(--accent)}.scaling-laws-model-detail-cap{color:var(--text-h);font-size:14px;font-weight:600}.scaling-laws-data{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.scaling-laws-data{grid-template-columns:1fr}}.scaling-laws-data-point{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:10px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.scaling-laws-data-value{color:var(--accent);font-size:20px;font-weight:700;font-family:var(--mono)}.scaling-laws-data-label{color:var(--text);font-size:12px}@media (prefers-color-scheme:dark){.scaling-laws-data-point{background:#c084fc26;border-color:#c084fc80}}.slides-page{max-width:800px;margin:0 auto;padding:64px 24px}.slides-hero{text-align:center;margin-bottom:48px}.slides-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.slides-hero h1{color:var(--text-h);margin:0 0 16px;font-size:48px;font-weight:700}.slides-hero p{color:var(--text);max-width:500px;margin:0 auto;font-size:18px;line-height:1.6}.slides-coming-soon{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:16px;margin-bottom:48px;padding:48px}.slides-coming-soon h2{color:var(--text-h);margin:0 0 12px;font-size:28px}.slides-coming-soon p{color:var(--text);max-width:400px;margin:0 auto;font-size:16px;line-height:1.6}.slides-preview{margin-bottom:48px}.slides-preview h3{color:var(--text-h);text-align:center;margin:0 0 24px;font-size:20px}@media (width<=640px){.preview-grid{grid-template-columns:1fr}}.slides-back{text-align:center}.flashcard-container{perspective:1000px;box-sizing:border-box;z-index:1;width:100%;max-width:700px;margin:0 auto 16px;padding:0;position:relative}.flashcard{cursor:pointer;width:100%;min-height:320px;transform-style:preserve-3d;z-index:1;box-sizing:border-box;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--bg);border:1px solid var(--border);box-sizing:border-box;border-radius:16px;flex-direction:column;width:100%;min-height:320px;padding:32px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 20px #00000014}.flashcard-back{background:var(--accent-bg);border-color:var(--accent-border);transform:rotateY(180deg)}.flashcard-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:16px;font-size:11px;font-weight:600}.flashcard-text{color:var(--text-h);flex:1;margin:0;font-size:20px;line-height:1.5}.flashcard-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.flashcard-tag{background:var(--code-bg);color:var(--text);border:1px solid var(--border);border-radius:100px;padding:4px 10px;font-size:12px}.flashcard-hint{color:var(--text);opacity:.6;text-align:center;margin-top:20px;font-size:12px}.flashcard:hover .flashcard-front,.flashcard:hover .flashcard-back{box-shadow:0 8px 32px #0000001f}.flashcard-controls{justify-content:center;gap:12px;margin-top:24px;display:flex}.flashcard-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.flashcard-btn:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.flashcard-btn.known{color:#fff;background:#10b981;border-color:#10b981}.flashcard-btn.known:hover{color:#fff;background:#059669;border-color:#059669}@media (width<=640px){.flashcard-front,.flashcard-back{min-height:280px;padding:24px}.flashcard-text{font-size:18px}.flashcard-controls{flex-direction:column}.flashcard-btn{justify-content:center}}.flashcard-session{box-sizing:border-box;flex-direction:column;gap:24px;max-width:700px;margin:0 auto;padding:24px;display:flex}.session-progress{flex-direction:column;gap:12px;display:flex}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.progress-stats{justify-content:center;gap:32px;font-size:13px;display:flex}.stat{color:var(--text)}.stat-value{color:var(--text-h);font-weight:600}.stat.known .stat-value{color:#10b981}.stat.review .stat-value{color:#f59e0b}.completion-message{background:var(--accent-bg);border:1px solid var(--accent-border);text-align:center;color:var(--accent);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.completion-message h3{color:var(--text-h);margin:0;font-size:24px}.completion-message p{color:var(--text);margin:0;font-size:14px}.session-controls{z-index:10;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.control-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.control-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.secondary{padding:10px 14px;font-size:13px}.control-center{gap:8px;display:flex}.card-dots{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.card-dot{background:var(--border);cursor:default;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.card-dot.active{background:var(--accent);transform:scale(1.3)}.card-dot.known{background:#10b981}.dots-more{color:var(--text);opacity:.6;margin-left:4px;font-size:12px}@media (width<=640px){.session-controls{flex-direction:column}.control-btn{justify-content:center;width:100%}.control-center{width:100%}.control-btn.secondary{flex:1}}.flashcards-page{max-width:800px;margin:0 auto;padding:64px 24px}.flashcards-hero{text-align:center;margin-bottom:48px}.flashcards-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.flashcards-hero h1{color:var(--text-h);margin:0 0 16px;font-size:48px;font-weight:700}.flashcards-hero p{color:var(--text);max-width:500px;margin:0 auto;font-size:18px;line-height:1.6}.flashcards-coming-soon{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:16px;margin-bottom:48px;padding:48px}.coming-soon-icon{background:var(--accent-bg);width:72px;height:72px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.flashcards-coming-soon h2{color:var(--text-h);margin:0 0 12px;font-size:28px}.flashcards-coming-soon p{color:var(--text);max-width:400px;margin:0 auto;font-size:16px;line-height:1.6}.flashcards-preview{margin-bottom:48px}.flashcards-preview h3{color:var(--text-h);text-align:center;margin:0 0 24px;font-size:20px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=640px){.preview-grid{grid-template-columns:1fr}}.preview-card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px}.preview-card svg{color:var(--accent);margin-bottom:16px}.preview-card h4{color:var(--text-h);margin:0 0 8px;font-size:15px}.preview-card p{color:var(--text);margin:0;font-size:13px;line-height:1.5}.flashcards-cta{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:48px;padding:20px;display:flex}.flashcards-cta svg{color:var(--accent);flex-shrink:0}.flashcards-cta p{color:var(--text);margin:0;font-size:14px}.flashcards-cta a{color:var(--accent);font-weight:500}.flashcards-back{text-align:center}.practice-page{max-width:900px;margin:0 auto;padding:64px 24px}.practice-hero{text-align:center;margin-bottom:48px}.practice-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.practice-hero h1{color:var(--text-h);margin:0 0 16px;font-size:48px;font-weight:700}.practice-hero p{color:var(--text);max-width:500px;margin:0 auto;font-size:18px;line-height:1.6}.practice-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}@media (width<=768px){.practice-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=512px){.practice-grid{grid-template-columns:1fr}}.practice-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:all .2s;display:flex}.practice-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.practice-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.practice-icon{background:var(--accent-bg);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.practice-section{text-transform:uppercase;letter-spacing:.5px;background:var(--code-bg);color:var(--text);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.practice-card h3{color:var(--text-h);margin:0 0 8px;font-size:18px;font-weight:600}.practice-card p{color:var(--text);flex:1;margin:0;font-size:14px;line-height:1.5}.practice-card-footer{border-top:1px solid var(--border);color:var(--accent);align-items:center;gap:6px;margin-top:16px;padding-top:16px;font-size:13px;font-weight:500;display:flex}.practice-card:hover .practice-card-footer{gap:10px}.practice-back{text-align:center}.back-link{color:var(--text);font-size:14px;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}