
:root{--black:#000;--white:#fff;--gray-900:#171717;--gray-800:#262626;--gray-600:#525252;--gray-500:#737373;--gray-400:#a3a3a3;--border-dark:#1a1a1a;--border-mid:#222;--green:#22c55e;--accent:#F2FF3D;--red:#ef4444}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-snap-type:y mandatory;overflow-y:scroll;height:100%;scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--white);height:100%;-webkit-font-smoothing:antialiased}
.slide{min-height:100dvh;scroll-snap-align:start;padding:5vw 8vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border-dark);position:relative;animation:fadeIn .4s ease-out both}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.slide-cover{background:var(--black)}
.slide-content{background:var(--black)}
.slide-divider{background:var(--white);color:var(--black);justify-content:flex-end}
.slide-content-light{background:var(--white);color:var(--black)}
h1{font-size:clamp(3.5rem,10vw,9rem);font-weight:900;letter-spacing:-.05em;line-height:.92;text-transform:uppercase}
h2{font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1;text-transform:uppercase}
.slide-divider h2{font-size:clamp(2.5rem,7vw,6rem)}
h3{font-size:1rem;font-weight:700;letter-spacing:-.01em}
.eyebrow,.slide-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);margin-bottom:1.5rem}
.subtitle{font-size:clamp(1rem,2vw,1.25rem);font-weight:300;color:var(--gray-400);margin-top:1.5rem;max-width:560px;line-height:1.7}
.body{font-size:1rem;line-height:1.7;color:var(--gray-400);max-width:580px;margin-top:1rem}
.slide-content-light .body{color:var(--gray-600)}
.slide-number{position:absolute;top:4vw;right:8vw;font-size:7rem;font-weight:900;color:#1a1a1a;line-height:1;user-select:none;pointer-events:none}
#slide-logo{position:fixed;top:24px;left:28px;z-index:999}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-mid);border-radius:10px;margin-top:2.5rem;max-width:900px}
.stat{padding:1.5rem;border-right:1px solid var(--border-mid)}
.stat:last-child{border-right:none}
.stat-value{font-size:clamp(1.8rem,4vw,2.75rem);font-weight:900;letter-spacing:-.04em;line-height:1}
.stat-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-top:.6rem}
.stats-row-light{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5e5e5;border-radius:10px;margin-top:2.5rem;max-width:900px}
.stat-light{padding:1.5rem;border-right:1px solid #e5e5e5}
.stat-light:last-child{border-right:none}
.stat-light .stat-value{color:var(--black)}
.meta-row{display:flex;flex-wrap:wrap;gap:2.5rem;border-top:1px solid #e5e5e5;margin-top:2rem;padding-top:1.5rem;max-width:900px}
.meta-row-dark{display:flex;flex-wrap:wrap;gap:2.5rem;border-top:1px solid var(--border-mid);margin-top:2rem;padding-top:1.5rem;max-width:900px}
.meta-item label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.4rem}
.meta-val{font-size:.95rem;font-weight:600}
.quote-block{border-left:2px solid #d4d4d4;padding-left:1.5rem;margin-top:2rem;max-width:600px}
.quote-block p{font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:300;line-height:1.6;font-style:italic}
.quote-block cite{display:block;margin-top:.9rem;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500)}
.callout{background:#0a0a0a;border:1px solid var(--border-mid);border-radius:8px;padding:1.25rem 1.5rem;margin-top:1.75rem;max-width:660px;font-size:.9rem;line-height:1.65;color:var(--gray-400)}
.callout strong{color:var(--white);font-weight:600}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.scope-card{background:#0a0a0a;border:1px solid var(--border-mid);border-radius:10px;padding:1.4rem;display:flex;flex-direction:column}
.scope-phase{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.7rem}
.scope-card h3{margin-bottom:.85rem;line-height:1.25}
.scope-list{list-style:none;flex:1}
.scope-list li{font-size:.78rem;line-height:1.5;color:var(--gray-400);padding-left:.85rem;position:relative;margin-bottom:.45rem}
.scope-list li::before{content:'';position:absolute;left:0;top:.55em;width:3px;height:3px;border-radius:50%;background:var(--gray-600)}
.scope-hrs{font-family:'JetBrains Mono',monospace;font-size:1.35rem;font-weight:600;margin-top:1.1rem;padding-top:.85rem;border-top:1px solid var(--border-mid)}
.scope-hrs span{font-size:.7rem;color:var(--gray-500);font-weight:400}
.bar-group{margin-top:2.5rem;max-width:840px}
.bar-row{display:flex;align-items:center;gap:1.25rem;padding:.7rem 0}
.bar-label{width:230px;flex-shrink:0;font-size:.75rem;font-weight:500;color:var(--gray-400)}
.bar-track{flex:1;height:3px;background:var(--border-mid);border-radius:2px}
.bar-fill{height:3px;background:var(--white);border-radius:2px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.bar-fill.hi{background:var(--accent)}
.bar-fill.green{background:var(--green)}
.bar-val{width:60px;text-align:right;font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--gray-400)}
.table-wrap{margin-top:2rem;overflow-x:auto;max-width:960px}
.data-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:600px}
.data-table th{text-align:left;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);padding:.75rem .9rem;border-bottom:1px solid var(--border-mid)}
.data-table td{padding:.85rem .9rem;border-bottom:1px solid var(--border-dark)}
.data-table th:last-child,.data-table td:last-child{text-align:right;font-family:'JetBrains Mono',monospace}
.data-table th:nth-child(3),.data-table td:nth-child(3){text-align:right;font-family:'JetBrains Mono',monospace}
.data-table tfoot td{font-weight:700;color:var(--white);border-bottom:none;border-top:1px solid var(--border-mid);padding-top:1rem}
.data-table .section-head td{border-bottom:1px solid var(--border-mid);padding-top:1.4rem;font-weight:700;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500)}
.impact-block{margin-top:2rem}
.impact-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);margin-bottom:1rem}
.impact-big{font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:-.05em;color:var(--white);line-height:1}
.impact-tag{display:inline-block;border:1px solid var(--green);color:var(--green);border-radius:100px;padding:4px 12px;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:1rem}
.impact-sub{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--gray-500);margin-top:.75rem}
.impact-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem;max-width:820px}
.impact-option{border:1px solid var(--border-mid);border-radius:10px;padding:1.5rem}
.impact-option.recommended{border-color:var(--green)}
.impact-option .opt-label{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}
.impact-option .opt-label .rec{background:var(--green);color:var(--black);padding:2px 8px;border-radius:100px;font-size:.55rem;font-weight:800;letter-spacing:.08em}
.impact-option .opt-price{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;letter-spacing:-.04em;line-height:1}
.impact-option .opt-detail{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--gray-500);margin-top:.5rem}
.impact-option .opt-note{font-size:.78rem;color:var(--gray-400);margin-top:.75rem;line-height:1.5}
.timeline{margin-top:2rem;max-width:820px}
.tl-row{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid #e5e5e5}
.tl-label{display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-600)}
.tl-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}
.tl-task-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}
.tl-task-body{font-size:.82rem;color:var(--gray-600);line-height:1.55}
.escalate-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem;align-items:start}
.escalate-left h2{margin-bottom:1.25rem}
.escalate-left p{font-size:1rem;color:var(--gray-400);line-height:1.7;max-width:400px}
.escalate-card{background:var(--black);border:1px solid var(--border-mid);border-radius:12px;padding:2rem}
.escalate-card h3{margin-bottom:1.4rem;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500)}
.step-list{list-style:none}
.step-list li{display:flex;gap:.9rem;margin-bottom:1.1rem;align-items:flex-start}
.step-num{width:24px;height:24px;border-radius:50%;background:var(--border-dark);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--white);flex-shrink:0}
.step-list p{font-size:.85rem;line-height:1.6;color:var(--gray-400)}
.step-list strong{color:var(--white);font-weight:600}
.step-list code{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--accent)}
.scroll-hint{position:absolute;bottom:2rem;right:8vw;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);animation:pulse 2.4s ease-in-out infinite;text-align:right}
.scroll-hint::after{content:'';display:block;width:1px;height:40px;background:var(--gray-500);margin:.7rem 0 0 auto}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
.assump-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:2rem;max-width:900px}
.assump{background:#0a0a0a;border:1px solid var(--border-mid);border-radius:8px;padding:1.1rem 1.25rem}
.assump .n{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent);margin-bottom:.5rem}
.assump p{font-size:.82rem;line-height:1.6;color:var(--gray-400)}
.assump strong{color:var(--white);font-weight:600}
#gate{position:fixed;inset:0;background:var(--black);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}
.gate-title{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);text-align:center;margin-bottom:1.25rem}
.gate-dots{display:flex;gap:.75rem;justify-content:center}
.gate-dot{width:10px;height:10px;border-radius:50%;border:1px solid #333;transition:background .2s,border-color .2s}
.gate-dot.filled{background:var(--accent);border-color:var(--accent)}
.pin-pad{display:grid;grid-template-columns:repeat(3,72px);gap:1rem}
.pin-btn{width:72px;height:72px;border-radius:50%;background:#111;border:1px solid #1f1f1f;font-family:'Inter',sans-serif;font-size:1.25rem;color:var(--white);cursor:pointer;transition:background .15s}
.pin-btn:hover{background:#1c1c1c}
.pin-btn.zero{grid-column:2}
.pin-error{font-size:.75rem;color:var(--red);height:1rem;letter-spacing:.05em}
#nav-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:900}
.nav-dot{width:6px;height:6px;border-radius:3px;background:#333;cursor:pointer;transition:background .25s,height .25s}
.nav-dot.active{background:var(--white);height:24px}
.nav-dot.active-light{background:var(--black);height:24px}
.cover-meta{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--border-mid);max-width:760px}
.cover-meta div label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.4rem}
.cover-meta div span{font-size:.9rem;font-weight:500}
.tag-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
.tag{border:1px solid var(--border-mid);color:var(--gray-400);border-radius:100px;padding:5px 13px;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tag.on{border-color:var(--accent);color:var(--accent)}
.tag.green{border-color:var(--green);color:var(--green)}
.stream-label{display:inline-block;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:100px;margin-bottom:1.5rem}
.stream-label.s1{background:#1a2e1a;color:var(--green);border:1px solid #2a4a2a}
.stream-label.s2{background:#1a1a2e;color:#818cf8;border:1px solid #2a2a4a}
.stream-label.addon{background:#2e2a1a;color:var(--accent);border:1px solid #4a4220}
@media(max-width:768px){
html{scroll-snap-type:none}
#nav-dots{display:none}
#slide-logo{top:16px;left:16px}
#slide-logo svg{width:52px}
.slide{padding:56px 24px}
.slide-number{font-size:4rem;top:24px;right:24px}
.stats-row,.stats-row-light{grid-template-columns:repeat(2,1fr)}
.stat:nth-child(2),.stat-light:nth-child(2){border-right:none}
.escalate-grid{grid-template-columns:1fr;gap:2rem}
.scope-grid{grid-template-columns:1fr}
.assump-grid{grid-template-columns:1fr}
.impact-options{grid-template-columns:1fr}
.bar-label{width:120px;font-size:.62rem}
.tl-row{grid-template-columns:1fr;gap:.5rem}
h1{font-size:clamp(3rem,13vw,5rem)}
.cover-meta{gap:1.5rem}
}
@media(max-width:480px){.stats-row,.stats-row-light{grid-template-columns:1fr}.stat,.stat-light{border-right:none;border-bottom:1px solid var(--border-mid)}.stat-light{border-bottom-color:#e5e5e5}.stat:last-child,.stat-light:last-child{border-bottom:none}}
.lp{fill:var(--white);transition:fill .25s}.logo-dark .lp{fill:var(--black)}
