@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--cream:#faf7f0;--cream-2:#f2eee3;--cream-3:#e8e2d2;--ink:#111;--ink-2:#2a2a2a;--ink-soft:#4a4a4a;--crimson:#d62828;--crimson-d:#9f1f1f;--gold:#e8b23a;--green:#4f8a3f;--gray:#8b8b8b;--bg:#0a0a0a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}h1{letter-spacing:-.5px;font-size:clamp(2rem,5vw,2.5rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.5px;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;line-height:1.2}h3{font-size:clamp(1rem,2vw,1.2rem);font-weight:600;line-height:1.3}.hero-text{letter-spacing:-2px;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:.95}.brand-mark{font-size:inherit;letter-spacing:-1px;color:var(--cream);font-weight:800}.brand-mark .dot{color:var(--crimson)}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--gray);font-size:.75rem;font-weight:600}.gold{color:var(--gold)}.crimson{color:var(--crimson)}.cream{color:var(--cream)}.muted{color:#9b9b9b}.pillars{letter-spacing:3px;color:var(--gold);font-size:.75rem;font-weight:700}#iris-overlay{background:var(--crimson);clip-path:circle(0%);z-index:1000;pointer-events:none;position:fixed;inset:0}#navbar{z-index:500;-webkit-backdrop-filter:blur(12px);background:#0a0a0ad9;justify-content:space-between;align-items:center;height:56px;padding:0 2rem;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0}#navbar.hidden{transform:translateY(-100%)}.nav-brand{letter-spacing:-.5px;color:var(--cream);font-size:1.1rem;font-weight:800;text-decoration:none}.nav-brand .dot{color:var(--crimson)}.nav-dots{align-items:center;gap:8px;display:flex}.nav-dot{border:1.5px solid var(--gray);cursor:pointer;background:0 0;border-radius:50%;width:8px;height:8px;transition:background .3s,border-color .3s,transform .2s}.nav-dot.active{background:var(--crimson);border-color:var(--crimson);transform:scale(1.3)}.nav-dot.done{border-color:var(--gold);background:#e8b23a66}.nav-right{align-items:center;gap:1rem;display:flex}.lang-toggle{cursor:pointer;gap:4px;font-size:.75rem;font-weight:600;display:flex}.lang-toggle span{color:var(--gray);padding:2px 4px;transition:color .2s}.lang-toggle span.active{color:var(--cream)}.lang-sep{color:var(--ink-soft)}.btn{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-crimson{background:var(--crimson);color:var(--cream);border:none}.btn-crimson:hover{background:var(--crimson-d)}.btn-outline{color:var(--cream);background:0 0;border:1.5px solid #faf7f066}.btn-outline:hover{border-color:var(--cream)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.stat-card{background:var(--ink-2);border-top:2px solid var(--crimson);border-radius:4px;padding:1.5rem}.stat-card .val{color:var(--cream);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1}.stat-card .val.gold{color:var(--gold)}.stat-card .label{color:var(--gray);letter-spacing:1px;text-transform:uppercase;margin-top:6px;font-size:.8rem;font-weight:600}.stat-card .desc{color:#faf7f080;margin-top:4px;font-size:.75rem}.callout{background:var(--ink-2);border-left:4px solid var(--crimson);color:var(--cream-2);border-radius:0 4px 4px 0;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6}.callout strong{color:var(--gold)}.kpi-big{background:var(--ink-2);border-top:2px solid var(--crimson);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:2rem;display:flex}.kpi-big .val{color:var(--crimson);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1}.kpi-big .lbl{letter-spacing:2px;text-transform:uppercase;color:var(--gray);font-size:.75rem;font-weight:600}.dot-bullet{background:var(--crimson);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:12px;display:inline-block}.dramatic-overlay{z-index:200;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dramatic-overlay .dn-backdrop{opacity:0;background:#0a0a0abf;position:absolute;inset:0}.dramatic-overlay .dn-content{text-align:center;z-index:1;position:relative}.dramatic-overlay .dn-number{color:var(--crimson);letter-spacing:-3px;font-size:clamp(4rem,15vw,10rem);font-weight:800;line-height:1}.dramatic-overlay .dn-label{letter-spacing:3px;text-transform:uppercase;color:var(--cream);opacity:0;margin-top:1rem;font-size:.875rem;font-weight:600;transform:translateY(8px)}.chip{background:var(--ink-2);color:var(--gray);border:1px solid #faf7f01a;border-radius:3px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.chip.crimson{color:var(--crimson);background:#d6282826;border-color:#d628284d}.chip.gold{color:var(--gold);background:#e8b23a26;border-color:#e8b23a4d}.scroll-hint{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-hint .arrow{font-size:1.2rem;animation:1.5s ease-in-out infinite bounce}.scroll-hint .text{letter-spacing:2px;text-transform:uppercase;color:var(--gray);font-size:.7rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=768px){.finale-split{grid-template-columns:1fr}.finale-panel:first-child{border-bottom:1px solid #faf7f014;border-right:none}.pillar-row{flex-direction:column}}.chapter{width:100%;min-height:100vh;position:relative;overflow:hidden}.chapter-inner{flex-direction:column;justify-content:center;width:100%;max-width:1200px;height:100vh;margin:0 auto;padding:80px 5vw 60px;display:flex;position:relative}.cs-act{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:80px 5vw 60px;display:flex;position:absolute;inset:0}.act-hero{align-items:flex-start}.cs-number{color:var(--gold);opacity:.6;font-size:clamp(4rem,12vw,8rem);font-weight:800;line-height:1}.cs-title{letter-spacing:-2px;color:var(--cream);margin:.5rem 0;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1}.cs-tags{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.act-data{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.chapter-close-bar{background:#0a0a0ae6;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 5vw;display:flex;position:absolute;bottom:0;left:0;right:0}.chapter-indicator{letter-spacing:2px;text-transform:uppercase;color:var(--gray);font-size:.7rem}.chapter-timeline-bar{background:#d6282833;width:2px;position:absolute;top:80px;bottom:60px;left:2rem}.chapter-timeline-bar .scrub-dot{background:var(--crimson);border-radius:50%;width:8px;height:8px;margin-left:-3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pillar-row{gap:2rem;margin:2rem 0;display:flex}.pillar-card{border-top:2px solid var(--crimson);background:var(--ink-2);opacity:0;border-radius:4px;flex:1;padding:1.5rem}.pillar-card .pillar-name{letter-spacing:2px;color:var(--cream);font-size:1.5rem;font-weight:800}.pillar-card .pillar-sub{color:var(--gray);margin-top:6px;font-size:.8rem;line-height:1.5}.career-timeline{margin:2rem 0;padding-left:2rem;position:relative}.career-timeline:before{content:"";background:#d628284d;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{opacity:0;margin-bottom:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--crimson);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-2.5rem}.timeline-year{color:var(--gold);letter-spacing:1px;font-size:.75rem;font-weight:700}.timeline-desc{color:var(--gray);margin-top:2px;font-size:.875rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.finale-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.finale-panel{flex-direction:column;justify-content:center;padding:5vw;display:flex}.finale-panel:first-child{border-right:1px solid #faf7f014}.finale-panel .panel-tag{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-size:.7rem}.finale-panel h2{margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2.2rem)}.finale-panel .contact-line{color:var(--gray);opacity:0;align-items:center;gap:10px;margin-bottom:.75rem;font-size:.9rem;display:flex}.finale-panel .contact-line a{color:var(--cream);text-decoration:none}.finale-panel .contact-line a:hover{color:var(--gold)}.signature-block{background:var(--ink);color:var(--cream);text-align:center;padding:3rem 5vw}.signature-block .sig-mark{letter-spacing:-2px;font-size:clamp(3rem,8vw,5rem);font-weight:800}.signature-block .sig-mark .dot{color:var(--crimson)}.signature-block .sig-pillars{letter-spacing:4px;color:var(--gold);margin-top:.5rem;font-size:.75rem;font-weight:700}.signature-block .sig-name{margin-top:1.5rem;font-size:1rem}.signature-block .sig-contact{color:var(--gray);margin-top:.5rem;font-size:.875rem}.chapter{will-change:transform}.bar-fill,.vbar-fill{will-change:width, height}.donut-arc,.gauge-arc{will-change:stroke-dasharray}.radar-fill{will-change:points}#iris-overlay{will-change:clip-path}@media (width<=768px){.chapter-inner{padding:70px 1.25rem 50px}.hero-text{font-size:clamp(2.5rem,15vw,4.5rem)}.cs-title{font-size:clamp(2rem,10vw,3.5rem)}.cs-number{font-size:clamp(3rem,15vw,5rem)}.act-data,#ch8-site-cards{grid-template-columns:1fr}.flow-diagram{flex-direction:column;align-items:flex-start}.flow-arrow{transform:rotate(90deg)}.chapter-close-bar{flex-direction:column;gap:1rem;overflow-x:auto}.chapter-close-bar>div{flex-wrap:wrap}.dn-number{font-size:clamp(3rem,20vw,6rem)}.pillar-row{flex-direction:column}.finale-split{grid-template-columns:1fr}.finale-panel:first-child{border-bottom:1px solid #faf7f014;border-right:none}}@media (width<=480px){#navbar{padding:0 1rem}.nav-dots{display:none}.stats-grid{grid-template-columns:1fr 1fr}.bar-lbl{width:80px;font-size:.65rem}}.chart-wrap{background:var(--ink-2);border:1px solid #faf7f00f;border-radius:6px;padding:1.25rem;overflow:hidden}.chart-title{letter-spacing:2px;text-transform:uppercase;color:var(--gray);justify-content:space-between;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:flex}.chart-num{color:var(--crimson);white-space:nowrap;flex-shrink:0}.bar-chart{flex-direction:column;gap:10px;display:flex}.bar-row{align-items:center;gap:10px;display:flex}.bar-lbl{color:var(--gray);text-align:right;flex-shrink:0;width:120px;font-size:.75rem}.bar-track{background:#faf7f014;border-radius:4px;flex:1;height:8px;overflow:hidden}.bar-fill{background:var(--crimson);border-radius:4px;width:0%;height:100%}.bar-fill.gold{background:var(--gold)}.bar-fill.green{background:var(--green)}.bar-fill.ink{background:#faf7f04d}.bar-val{color:var(--cream);width:70px;font-size:.8rem;font-weight:700}.vbar-chart{align-items:flex-end;gap:8px;height:160px;display:flex}.vbar-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.vbar-fill{background:var(--crimson);border-radius:3px 3px 0 0;width:100%;height:0%}.vbar-fill.peak{background:var(--gold)}.vbar-lbl{color:var(--gray);white-space:nowrap;font-size:.65rem}.vbar-val{color:var(--cream);font-size:.7rem;font-weight:700}.donut-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.donut-legend{color:var(--gray);text-align:center;font-size:.75rem}.funnel-chart{flex-direction:column;gap:4px;display:flex}.funnel-row{background:var(--crimson);opacity:0;border-radius:3px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.funnel-row.secondary{background:#d6282866}.funnel-row.tertiary{background:#e8b23a99}.funnel-lbl{color:var(--cream);font-size:.8rem;font-weight:600}.funnel-val{color:var(--cream);font-size:.9rem;font-weight:800}.gauge-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.gauge-label{color:var(--gray);text-align:center;font-size:.75rem}.waffle-grid{flex-wrap:wrap;gap:3px;display:flex}.waffle-dot{background:#faf7f01a;border-radius:2px;width:10px;height:10px}.waffle-dot.c1{background:var(--crimson)}.waffle-dot.c2{background:var(--gold)}.waffle-dot.c3{background:var(--green)}.flow-diagram{align-items:center;gap:0;display:flex}.flow-node{background:var(--ink-2);color:var(--cream);opacity:0;white-space:nowrap;border:1px solid #d6282866;border-radius:4px;padding:8px 14px;font-size:.75rem;font-weight:600}.flow-arrow{color:var(--crimson);opacity:0;padding:0 6px;font-size:1rem}.flow-node.highlight{border-color:var(--crimson);background:#d6282833}.serp-strip{align-items:center;gap:8px;display:flex}.serp-pos{width:36px;height:36px;color:var(--gray);background:#faf7f014;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.serp-pos.active{background:var(--crimson);color:var(--cream);transform:scale(1.3)}.serp-pos.top0{background:var(--gold);color:var(--ink)}