@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--color-text: #1a2b14;--color-text-secondary: #5a6b50;--color-accent: #3b5c23;--color-accent-light: #ddeabd;--color-surface: #f8f9f5;--color-border: #e1e6df;--color-border-dotted: #c4cbc2;--color-muted: #8a9680;--color-bg: #fafbf8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-feature-settings:"kern" 1,"calt" 1;-webkit-font-smoothing:antialiased;overflow-x:hidden}.cs-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1.5rem;padding:0 3rem;height:56px;background:#fafbf8eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.cs-back{font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--color-text-secondary);text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:color .2s}.cs-back:hover{color:var(--color-accent)}.cs-nav-divider{width:1px;height:16px;background:var(--color-border)}.cs-nav-project{font-weight:600;font-size:17px;letter-spacing:-.02em;color:var(--color-text)}.cs-nav-year{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--color-muted);margin-left:auto}.cs-hero{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:480px;border-bottom:1px solid var(--color-border)}.cs-hero-content{padding:4rem 3.5rem 4rem 3rem;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;border-right:1px solid var(--color-border)}.cs-hero-tag{font-family:var(--font-mono);font-size:12px;font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--color-muted)}.cs-hero-title{font-weight:700;font-size:clamp(2.2rem,3.5vw,3rem);line-height:1.1;letter-spacing:-.03em;color:var(--color-text)}.cs-hero-sub{font-size:17px;line-height:1.7;color:var(--color-text-secondary);max-width:520px}.cs-tech-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cs-pill{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);background:var(--color-accent-light);padding:.35rem .9rem;border-radius:20px;letter-spacing:.02em}.cs-hero-visual{background:#0d0d0d;display:flex;align-items:stretch;justify-content:center;padding:0;overflow:hidden}.cs-hero-placeholder{width:100%;height:100%;min-height:300px;border-radius:8px;background:linear-gradient(135deg,#1e3d0f,#5ea832 55%,#c8e8a0);opacity:.7}.cs-step-nav{position:sticky;top:56px;z-index:90;display:flex;gap:0;background:#fafbf8f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);overflow-x:auto}.cs-step-tab{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-family:var(--font-mono);font-size:11px;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--color-muted);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}.cs-step-tab:hover{color:var(--color-text)}.cs-step-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.cs-step-num{font-size:9px;color:inherit;opacity:.6}.cs-main{max-width:1100px;margin:0 auto;padding:0 3rem 6rem}.cs-section{display:grid;grid-template-columns:200px 1fr;gap:4rem;padding:4rem 0;border-bottom:1px dotted var(--color-border-dotted)}.cs-section:last-child{border-bottom:none}.cs-section-sidebar{padding-top:.3rem}.cs-section-num{font-family:var(--font-mono);font-size:12px;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--color-muted);display:block;margin-bottom:.5rem}.cs-section-label{font-weight:600;font-size:1.1rem;color:var(--color-text);letter-spacing:-.01em}.cs-section-body{display:flex;flex-direction:column;gap:2rem;min-width:0}.cs-section-body h2{font-weight:600;font-size:1.65rem;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.8rem;overflow-wrap:break-word;word-break:break-word}.cs-section-body p{font-size:17px;line-height:1.75;color:var(--color-text-secondary);margin-bottom:.8rem;overflow-wrap:break-word;word-break:break-word}code{overflow-wrap:break-word;word-break:break-all;max-width:100%}img{max-width:100%;height:auto}.cs-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.cs-list li{font-size:17px;color:var(--color-text-secondary);padding-left:1.2rem;position:relative;line-height:1.65}.cs-list li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.5}.cs-visual{width:100%;border-radius:10px;border:1px solid var(--color-border);overflow:hidden}.cs-visual-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.cs-placeholder-label{font-family:var(--font-mono);font-size:11px;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--color-muted);border:1px dashed var(--color-border-dotted);padding:.5rem 1rem;border-radius:4px}.cs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.cs-stat-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.cs-stat-block .stat-num{font-weight:700;font-size:2.4rem;letter-spacing:-.04em;color:var(--color-text);line-height:1}.cs-stat-block .stat-label{font-family:var(--font-mono);font-size:11px;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--color-muted);margin-top:.4rem;display:block}.cs-stat-block .stat-desc{font-size:15px;color:var(--color-text-secondary);margin-top:.5rem;line-height:1.55}.cs-footer{max-width:1100px;margin:0 auto;padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}.btn{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.05em;font-variant-caps:all-small-caps;text-decoration:none;padding:.6rem 1.6rem;border-radius:20px;transition:all .25s ease;cursor:pointer;display:inline-block}.btn-primary{background:var(--color-accent);color:#f8f9f5;border:1px solid var(--color-accent)}.btn-primary:hover{background:#2a4318}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border-dotted)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.cs-visual--screenshot{border-radius:10px;overflow:hidden;border:1px solid var(--color-border);background:#111;display:flex;flex-direction:column}.cs-screenshot{width:100%;height:auto;display:block;border-radius:0}.cs-screenshot-caption{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--color-muted);padding:.65rem 1rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.cs-hero-video{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.cs-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;margin-top:.5rem}.cs-table{width:100%;border-collapse:collapse;font-size:15px}.cs-table thead tr{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.cs-table th{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--color-muted);padding:.75rem 1rem;text-align:left;font-weight:400}.cs-table td{padding:.85rem 1rem;color:var(--color-text-secondary);line-height:1.55;border-bottom:1px solid var(--color-border);vertical-align:top}.cs-table tr:last-child td{border-bottom:none}.cs-table td:first-child{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);font-variant-caps:all-small-caps;letter-spacing:.04em;white-space:nowrap}.cs-diagram-placeholder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.cs-diagram-pipeline{display:flex;flex-direction:column;gap:.8rem}.cs-diagram-label{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--color-muted)}.cs-diagram-flow{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.cs-diagram-node{background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:.5rem .75rem;font-size:11px;font-weight:600;color:var(--color-text);line-height:1.3;text-align:center;white-space:nowrap}.cs-diagram-node--agentic{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.cs-diagram-node--terminal{background:var(--color-text);color:#f8f9f5;border-color:var(--color-text)}.cs-diagram-node--sm{font-size:10px;padding:.35rem .6rem}.cs-diagram-node--split{display:flex;flex-direction:column;gap:.3rem}.cs-diagram-arrow{font-family:var(--font-mono);font-size:13px;color:var(--color-muted);flex-shrink:0}.cs-diagram-arrow--pause{color:#c87c00;font-size:14px}.cs-diagram-divider{height:1px;background:var(--color-border)}.cs-diagram-legend{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px dotted var(--color-border-dotted)}.cs-legend-item{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--color-muted);display:flex;align-items:center;gap:.4rem}.cs-legend-item:before{content:"";width:8px;height:8px;border-radius:2px;flex-shrink:0}.cs-legend-item--agentic:before{background:var(--color-accent-light);border:1px solid var(--color-accent)}.cs-legend-item--pause:before{background:#fff3dc;border:1px solid #c87c00}.cs-legend-item--terminal:before{background:var(--color-text)}.cs-agent-phase{display:flex;flex-direction:column;gap:.8rem;margin-bottom:.5rem}.cs-phase-label{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--color-muted)}.cs-agent-table{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.cs-agent-row{display:grid;grid-template-columns:160px 120px 110px 1fr;gap:0;border-bottom:1px solid var(--color-border);align-items:start}.cs-agent-row:last-child{border-bottom:none}.cs-agent-row--header{background:var(--color-surface)}.cs-agent-row--header span{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--color-muted);font-weight:400;padding:.65rem 1rem}.cs-agent-row>span,.cs-agent-row>div{padding:.9rem 1rem;border-right:1px solid var(--color-border);font-size:13px}.cs-agent-row>span:last-child,.cs-agent-row>div:last-child{border-right:none}.cs-agent-name{font-weight:600;color:var(--color-text);font-size:13px!important;line-height:1.4}.cs-agent-model{font-family:var(--font-mono);font-size:11px!important;color:var(--color-accent)}.cs-agent-model--haiku{color:var(--color-muted)}.cs-agent-model--gemini{color:#7c5c00}.cs-agent-model--det{color:var(--color-text-secondary);font-style:italic}.cs-agent-type{font-family:var(--font-mono);font-size:10px!important;font-variant-caps:all-small-caps;letter-spacing:.04em;color:var(--color-muted);padding-top:1rem!important}.cs-agent-type--agentic{color:var(--color-accent);font-weight:600}.cs-agent-desc{font-size:13px!important;color:var(--color-text-secondary);line-height:1.6}.cs-agent-desc code{font-family:var(--font-mono);font-size:11px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.1em .35em;color:var(--color-accent)}.cs-human-pause{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.cs-pause-line{flex:1;height:1px;background:#c87c00;opacity:.35}.cs-pause-label{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.07em;color:#c87c00;white-space:nowrap;flex-shrink:0}.cs-decision-list{display:flex;flex-direction:column}.cs-decision{display:grid;grid-template-columns:40px 1fr;gap:1.2rem;padding:1.8rem 0;border-bottom:1px dotted var(--color-border-dotted);align-items:start}.cs-decision:last-child{border-bottom:none}.cs-decision-num{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);font-variant-caps:all-small-caps;letter-spacing:.05em;padding-top:.25rem}.cs-decision-body h3{font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:var(--color-text);margin-bottom:.65rem}.cs-decision-body p{font-size:16.5px;line-height:1.75;color:var(--color-text-secondary);margin-bottom:.8rem}.cs-decision-body p:last-child{margin-bottom:0}.cs-decision-body code{font-family:var(--font-mono);font-size:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.1em .35em;color:var(--color-accent)}.cs-model-tier{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.cs-tier{display:grid;grid-template-columns:140px 1fr;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--color-border);gap:1rem}.cs-tier:last-child{border-bottom:none}.cs-tier-name{font-family:var(--font-mono);font-size:11px;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.04em}.cs-tier-agents{font-size:14px;color:var(--color-text-secondary)}.cs-tier--sonnet{background:#3b5c230a}.cs-tier--sonnet .cs-tier-name{color:var(--color-accent)}.cs-tier--gemini{background:#c87c000a}.cs-tier--gemini .cs-tier-name{color:#7c5c00}.cs-tier--haiku .cs-tier-name{color:var(--color-muted)}.cs-footer-note{font-family:var(--font-mono);font-size:10px;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--color-muted)}@media(max-width:768px){.cs-nav{padding:0 1.2rem}.cs-hero{grid-template-columns:1fr}.cs-hero-content{padding:2.5rem 1.5rem}.cs-hero-visual{display:none}.cs-main{padding:0 1.2rem 4rem}.cs-section{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0}.cs-two-col{grid-template-columns:1fr}.cs-footer{flex-direction:column;gap:1rem;padding:2rem 1.2rem}.cs-step-tab{padding:.8rem 1.2rem}.cs-agent-row{grid-template-columns:1fr}.cs-agent-row>span,.cs-agent-row>div{border-right:none;border-bottom:1px solid var(--color-border);padding:.6rem .8rem}.cs-agent-row>span:last-child,.cs-agent-row>div:last-child{border-bottom:none}.cs-agent-row--header{display:none}.cs-decision{grid-template-columns:1fr;gap:.5rem}.cs-tier{grid-template-columns:1fr;gap:.2rem}.cs-diagram-flow{flex-wrap:wrap}.cs-model-tier{display:none}}