*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--surface: #F8FAFC;--text: #0F172A;--text-secondary: #334155;--text-dim: #64748B;--text-muted: #94A3B8;--border: #E2E8F0;--node-default: #94A3B8;--node-dimmed: #E2E8F0;--ch1-blue: #3B82F6;--ch2-amber: #F59E0B;--ch3-red: #EF4444;--ch4-violet: #8B5CF6;--ch5-orange: #F97316;--ch-bottleneck: #EC4899;--ch-newhires: #10B981;--ch-silos: #06B6D4;--ch-ownerless: #F43F5E}body{background:var(--bg);color:var(--text);font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.demo-shell{display:flex;min-height:100vh}.graph-column{position:sticky;top:0;width:60%;height:100vh;flex-shrink:0;overflow:hidden}.graph-column svg{width:100%;height:100%}.narrative-column{width:40%;min-height:100vh;background:var(--surface);border-left:1px solid var(--border)}.intro-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:0 48px}.intro-headline{font-weight:700;font-size:48px;line-height:1.15;color:var(--text);max-width:600px}.intro-subtext{margin-top:16px;font-size:18px;color:var(--text-dim);max-width:440px}.intro-scroll-hint{margin-top:48px;font-size:24px;color:var(--text-muted);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.chapter-section{padding:40vh 48px;opacity:.3;transition:opacity .5s ease}.chapter-section.active{opacity:1}.chapter-hook{font-weight:600;font-size:28px;line-height:1.3;color:var(--text)}.chapter-body{margin-top:16px;font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:420px}.chapter-stat{margin-top:32px}.chapter-stat-value{font-family:DM Mono,monospace;font-weight:500;font-size:36px;line-height:1}.chapter-stat-label{margin-top:6px;font-size:14px;color:var(--text-dim)}.outro-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:0 48px}.outro-headline{font-weight:600;font-size:28px;line-height:1.3;color:var(--text)}.outro-body{margin-top:12px;font-size:16px;color:var(--text-secondary);max-width:420px}.outro-cta{margin-top:32px;display:inline-block;padding:14px 32px;background:var(--ch1-blue);color:#fff;font-family:Work Sans,sans-serif;font-weight:600;font-size:16px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .2s ease}.outro-cta:hover{background:#2563eb}.graph-node{transition:opacity .8s ease,transform .8s ease}.graph-edge{transition:opacity .8s ease,stroke .8s ease,stroke-width .8s ease}.node-label{font-family:DM Mono,monospace;font-size:10px;fill:var(--text-dim);text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.epoch-tooltip{position:fixed;z-index:100;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000014;padding:12px 16px;max-width:320px;pointer-events:none}.epoch-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.epoch-tooltip-name{font-weight:600;font-size:14px;color:var(--text)}.epoch-tooltip-kind{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}.epoch-tooltip-summary{font-size:14px;line-height:1.5;color:var(--text-secondary)}.epoch-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.epoch-detail{position:fixed;z-index:200;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #0000001f;width:360px;max-height:400px;overflow-y:auto;animation:squircle-in .2s ease-out}@keyframes squircle-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.epoch-detail-header{display:flex;align-items:center;gap:8px;padding:16px 20px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;border-radius:20px 20px 0 0}.epoch-detail-name{font-weight:600;font-size:15px;color:var(--text)}.epoch-detail-kind{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}.epoch-detail-messages{padding:12px 20px 16px;display:flex;flex-direction:column;gap:16px}.epoch-msg-meta{display:flex;align-items:baseline;gap:8px}.epoch-msg-sender{font-weight:600;font-size:13px;color:var(--text)}.epoch-msg-time{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}.epoch-msg-text{margin-top:2px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.small-screen-msg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);align-items:center;justify-content:center;text-align:center;padding:32px;font-size:18px;color:var(--text-dim)}@media(max-width:1023px){.demo-shell,.intro-section{display:none!important}.small-screen-msg{display:flex}}@media(min-width:1024px)and (max-width:1440px){.graph-column{width:65%}.narrative-column{width:35%}}@media(min-width:1441px){.demo-shell{max-width:1600px;margin:0 auto}}