@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #0f1729;--dark-blue: #1a2744;--mid-blue: #2a3f6e;--accent-blue: #3b82f6;--light-blue: #60a5fa;--cyan: #22d3ee;--green: #10b981;--emerald: #34d399;--amber: #f59e0b;--red: #ef4444;--rose: #fb7185;--purple: #a78bfa;--slate: #94a3b8;--light-slate: #cbd5e1;--white: #f8fafc;--card-bg: rgba(30, 41, 59, .6);--card-border: rgba(59, 130, 246, .15)}body{font-family:Inter,-apple-system,sans-serif;background:var(--navy);color:var(--white);line-height:1.5;overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f1729e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);padding:0 2rem;display:flex;align-items:center;height:56px}.nav-brand{font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-right:2rem;white-space:nowrap}.nav-links{display:flex;gap:.25rem;overflow-x:auto}.nav-link{padding:.5rem 1rem;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--slate);cursor:pointer;transition:all .2s;border:none;background:none;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--white);background:#3b82f61f}.nav-link.active{color:var(--accent-blue)}.section{display:none;min-height:100vh;padding:80px 2rem 3rem;max-width:1200px;margin:0 auto}.section.active{display:block}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:.5rem}.section-title{font-size:2.2rem;font-weight:800;line-height:1.15;margin-bottom:.75rem;background:linear-gradient(135deg,var(--white) 0%,var(--light-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1rem;color:var(--slate);max-width:700px;margin-bottom:2.5rem;line-height:1.6}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;margin-bottom:2rem}.evidence-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.evidence-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px}.evidence-card.industry:before{background:linear-gradient(90deg,var(--accent-blue),var(--cyan))}.evidence-card.company:before{background:linear-gradient(90deg,var(--green),var(--emerald))}.evidence-card.research:before{background:linear-gradient(90deg,var(--purple),var(--rose))}.evidence-source{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.evidence-card.industry .evidence-source{color:var(--cyan)}.evidence-card.company .evidence-source{color:var(--green)}.evidence-card.research .evidence-source{color:var(--purple)}.evidence-stat{font-size:2rem;font-weight:800;margin-bottom:.25rem;line-height:1.1}.evidence-stat.blue{color:var(--accent-blue)}.evidence-stat.green{color:var(--green)}.evidence-stat.purple{color:var(--purple)}.evidence-stat.amber{color:var(--amber)}.evidence-stat.cyan{color:var(--cyan)}.evidence-headline{font-size:.9rem;font-weight:700;margin-bottom:.4rem;color:var(--white)}.evidence-detail{font-size:.78rem;color:var(--slate);line-height:1.5}.paradigm-block{background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:2rem;margin:2rem 0}.paradigm-title{font-size:1.1rem;font-weight:800;margin-bottom:.75rem;color:var(--accent-blue)}.paradigm-flow{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap}.paradigm-step{text-align:center;padding:1rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;min-width:160px}.paradigm-step-icon{font-size:1.8rem;margin-bottom:.5rem}.paradigm-step-label{font-weight:700;font-size:.9rem;margin-bottom:.2rem}.paradigm-step-desc{font-size:.72rem;color:var(--slate)}.paradigm-arrow{font-size:1.5rem;color:var(--mid-blue)}.paradigm-text{font-size:.88rem;color:var(--light-slate);line-height:1.7;max-width:900px}.paradigm-text strong{color:var(--white)}.quote-block{background:#a78bfa0f;border-left:3px solid var(--purple);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0}.quote-text{font-size:.95rem;font-style:italic;color:var(--light-slate);line-height:1.6;margin-bottom:.5rem}.quote-attr{font-size:.72rem;color:var(--slate);font-weight:600}.tool-comparison{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:start;margin-bottom:2rem}.tool-side{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.tool-side.current{border-color:#94a3b833;background:#94a3b80a}.tool-side.recommended{border-color:#10b98133;background:#10b9810a}.tool-header{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}.tool-side.current .tool-header{color:var(--slate)}.tool-side.recommended .tool-header{color:var(--green)}.tool-arrow{display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--mid-blue);padding-top:3rem}.tool-item{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(148,163,184,.1)}.tool-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-category{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:.35rem}.tool-name{font-size:1rem;font-weight:700;margin-bottom:.2rem}.tool-desc{font-size:.78rem;color:var(--slate);line-height:1.5}.tool-tag{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:20px;margin-top:.35rem}.tool-tag.keep{background:#3b82f626;color:var(--light-blue)}.tool-tag.evaluate{background:#f59e0b26;color:var(--amber)}.tool-tag.adopt{background:#10b98126;color:var(--green)}.tool-tag.replace{background:#ef444426;color:var(--red)}.tool-deep-dive{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:2rem}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px}.tool-card.primary:before{background:var(--accent-blue)}.tool-card.secondary:before{background:var(--green)}.tool-card.tertiary:before{background:var(--amber)}.tool-card.eval:before{background:var(--purple)}.tool-card-name{font-size:1.1rem;font-weight:800;margin-bottom:.1rem}.tool-card-role{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.tool-card.primary .tool-card-role{color:var(--accent-blue)}.tool-card.secondary .tool-card-role{color:var(--green)}.tool-card.tertiary .tool-card-role{color:var(--amber)}.tool-card.eval .tool-card-role{color:var(--purple)}.tool-card-desc{font-size:.82rem;color:var(--light-slate);line-height:1.6;margin-bottom:.75rem}.tool-card-metrics{display:flex;gap:1rem;flex-wrap:wrap}.tool-metric{text-align:center}.tool-metric-value{font-size:1.1rem;font-weight:800;color:var(--accent-blue)}.tool-metric-label{font-size:.6rem;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}.strategy-block{background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:2rem;margin-top:2.5rem}.strategy-title{font-size:1.1rem;font-weight:800;margin-bottom:.75rem;color:var(--green)}.strategy-layers{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.strategy-layer{flex:1;min-width:200px;text-align:center;padding:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px}.strategy-layer-name{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.strategy-layer.reasoning .strategy-layer-name{color:var(--accent-blue)}.strategy-layer.generation .strategy-layer-name{color:var(--green)}.strategy-layer.orchestration .strategy-layer-name{color:var(--amber)}.strategy-layer-tool{font-size:1rem;font-weight:700;margin-bottom:.25rem}.strategy-layer-desc{font-size:.72rem;color:var(--slate);line-height:1.4}.strategy-text{font-size:.88rem;color:var(--light-slate);line-height:1.7}.pod-diagram{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.pod-row{display:flex;align-items:stretch;gap:1rem}.pod-actor{flex:0 0 180px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center}.pod-actor-icon{font-size:2rem;margin-bottom:.5rem;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pod-actor-icon.human{background:#3b82f626;color:var(--accent-blue)}.pod-actor-icon.ai{background:#a855f726;color:var(--purple)}.pod-actor-icon.system{background:#10b98126;color:var(--green)}.pod-actor-label{font-weight:700;font-size:.85rem;margin-bottom:.25rem}.pod-actor-desc{font-size:.72rem;color:var(--slate);line-height:1.4}.pod-flow{flex:1;display:flex;flex-direction:column;gap:.75rem}.flow-step{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.flow-step:hover{border-color:#3b82f64d;background:#1e293bcc}.step-num{flex:0 0 32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.step-num.human-step{background:#3b82f633;color:var(--accent-blue)}.step-num.ai-step{background:#a855f733;color:var(--purple)}.step-num.system-step{background:#10b98133;color:var(--green)}.step-content{flex:1}.step-title{font-weight:600;font-size:.85rem;margin-bottom:.15rem}.step-desc{font-size:.72rem;color:var(--slate)}.step-badge{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:20px}.badge-human{background:#3b82f626;color:var(--light-blue)}.badge-ai{background:#a855f726;color:var(--purple)}.badge-system{background:#10b98126;color:var(--emerald)}.insight-bar{display:flex;gap:1rem;margin-top:2rem}.insight-card{flex:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1.25rem;text-align:center}.insight-value{font-size:1.8rem;font-weight:800;margin-bottom:.25rem}.insight-value.blue{color:var(--accent-blue)}.insight-value.green{color:var(--green)}.insight-value.purple{color:var(--purple)}.insight-value.amber{color:var(--amber)}.insight-label{font-size:.72rem;color:var(--slate);line-height:1.3}.leadership-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.pillar{border-radius:12px;padding:1.5rem;text-align:center;position:relative;overflow:hidden}.pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.pillar.steering{background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.pillar.steering:before{background:var(--accent-blue)}.pillar.coordinator{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.pillar.coordinator:before{background:var(--amber)}.pillar.gas{background:#10b98114;border:1px solid rgba(16,185,129,.2)}.pillar.gas:before{background:var(--green)}.pillar-icon{font-size:2.5rem;margin-bottom:.75rem}.pillar-metaphor{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem}.pillar.steering .pillar-metaphor{color:var(--accent-blue)}.pillar.coordinator .pillar-metaphor{color:var(--amber)}.pillar.gas .pillar-metaphor{color:var(--green)}.pillar-title{font-weight:700;font-size:1rem;margin-bottom:.15rem}.pillar-person{font-size:.8rem;color:var(--slate);margin-bottom:.75rem}.pillar-person .new-hire{color:var(--green);font-weight:600}.pillar-desc{font-size:.72rem;color:var(--light-slate);line-height:1.5}.org-tree{display:flex;flex-direction:column;gap:1.5rem}.org-tier{display:flex;flex-direction:column;gap:.5rem}.org-tier-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding-left:.5rem;border-left:2px solid var(--mid-blue);margin-bottom:.25rem}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.ws-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem 1.25rem;position:relative}.ws-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:10px 0 0 10px}.ws-card.ws-tier2:before{background:var(--purple)}.ws-card.ws-1:before{background:var(--cyan)}.ws-card.ws-2:before{background:var(--accent-blue)}.ws-card.ws-3:before{background:var(--green)}.ws-card.ws-4:before{background:var(--amber)}.ws-card.ws-data:before{background:var(--rose)}.ws-card.ws-cross:before{background:var(--slate)}.ws-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.ws-name{font-weight:700;font-size:.82rem}.ws-cost{font-size:.7rem;color:var(--slate);font-weight:600}.ws-po{font-size:.7rem;color:var(--light-blue);margin-bottom:.35rem}.ws-engineers{font-size:.7rem;color:var(--light-slate);line-height:1.4}.ws-engineers .new{color:var(--green);font-weight:600}.ws-engineers .flagged{color:var(--amber);font-weight:500}.comparison{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:start}.compare-side{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.compare-side.before{border-color:#ef444433;background:#ef44440a}.compare-side.after{border-color:#10b98133;background:#10b9810a}.compare-header{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}.before .compare-header{color:var(--red)}.after .compare-header{color:var(--green)}.compare-arrow{display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--mid-blue);padding-top:3rem}.compare-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.1)}.compare-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.compare-item-label{font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);margin-bottom:.25rem}.compare-item-value{font-size:1rem;font-weight:700}.compare-item-detail{font-size:.72rem;color:var(--slate);margin-top:.15rem;line-height:1.4}.timeline{margin-top:2.5rem}.timeline-header{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:1rem}.timeline-row{display:flex;gap:.75rem;margin-bottom:.75rem}.timeline-marker{flex:0 0 80px;text-align:right;font-size:.72rem;font-weight:700;color:var(--accent-blue);padding-top:.6rem}.timeline-content{flex:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.75rem 1rem}.timeline-content-title{font-size:.8rem;font-weight:600;margin-bottom:.2rem}.timeline-content-desc{font-size:.7rem;color:var(--slate);line-height:1.4}.section-divider{margin:2.5rem 0 1.5rem;display:flex;align-items:center;gap:1rem}.section-divider .line{flex:1;height:1px;background:linear-gradient(90deg,rgba(59,130,246,.3),transparent)}.section-divider .divider-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);white-space:nowrap}.role-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.75rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.role-card.leadership:before{background:var(--accent-blue)}.role-card.coordination:before{background:var(--amber)}.role-card.product:before{background:var(--cyan)}.role-card.engineer:before{background:var(--green)}.role-card.qa:before{background:var(--purple)}.role-card.devops:before{background:var(--red)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.role-tier{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.role-card.leadership .role-tier{color:var(--accent-blue)}.role-card.coordination .role-tier{color:var(--amber)}.role-card.product .role-tier{color:var(--cyan)}.role-card.engineer .role-tier{color:var(--green)}.role-card.qa .role-tier{color:var(--purple)}.role-card.devops .role-tier{color:var(--red)}.role-name{font-size:1.15rem;font-weight:800}.role-holder{font-size:.8rem;color:var(--slate);margin-top:.15rem}.role-holder .new{color:var(--green);font-weight:600}.role-meta{text-align:right}.role-meta-item{font-size:.7rem;color:var(--slate)}.role-section{margin-bottom:1rem}.role-section-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:.4rem}.role-section p,.role-section li{font-size:.82rem;color:var(--light-slate);line-height:1.6}.role-section ul{list-style:none;padding:0}.role-section li{padding:.2rem 0 .2rem 1.25rem;position:relative}.role-section li:before{content:"→";position:absolute;left:0;color:var(--mid-blue);font-weight:600}.role-boundary{background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:6px;padding:.75rem 1rem;margin-top:.5rem}.role-boundary .role-section-label{color:var(--red)}.role-boundary li:before{color:var(--red);content:"✗"}.role-boundary li{color:var(--slate);font-size:.78rem}.flow-diagram{background:#1e293b80;border:1px solid var(--card-border);border-radius:10px;padding:1.5rem;margin:2rem 0;text-align:center;font-family:Courier New,monospace;font-size:.78rem;color:var(--light-slate);line-height:1.8;white-space:pre;overflow-x:auto}@media(max-width:768px){.leadership-pillars,.comparison,.tool-comparison{grid-template-columns:1fr}.compare-arrow,.tool-arrow{transform:rotate(90deg);padding:.5rem}.pod-row{flex-direction:column}.pod-actor{flex:none}.insight-bar{flex-direction:column}.ws-grid{grid-template-columns:1fr}.nav-links{overflow-x:auto}.evidence-grid{grid-template-columns:1fr}.paradigm-flow{flex-direction:column}.paradigm-arrow{transform:rotate(90deg)}.strategy-layers{flex-direction:column}.tool-deep-dive{grid-template-columns:1fr}}