@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --bg: #07070a;
  --panel: #101015;
  --panel-2: #17171f;
  --ink: #f7f7fb;
  --muted: #9a9aa8;
  --purple: #734fff;
  --purple-dark: #5200d1;
  --mint: #1ceb96;
  --line: rgba(255,255,255,.12);
  --shadow: 0 32px 100px rgba(0,0,0,.42);
  --radius: 28px;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--ink); font-family: "Heebo", Arial, sans-serif; }
body { overflow-x: hidden; }
button, a { font: inherit; }
a { color: inherit; }

.deck-page { width: 100vw; height: 100vh; overflow: hidden; user-select: none; background:
  radial-gradient(circle at 15% 10%, rgba(82,0,209,.18), transparent 27%),
  radial-gradient(circle at 84% 88%, rgba(28,235,150,.08), transparent 30%), #07070a; }
.deck { position: fixed; inset: 0; }
.slide { position: absolute; inset: 0; display: grid; align-content: center; padding: clamp(44px, 5.2vw, 100px); opacity: 0; visibility: hidden; transform: translateX(-2.2%); transition: opacity .35s ease, transform .35s ease, visibility .35s; overflow: hidden; }
.slide::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.35), transparent 78%); pointer-events: none; }
.slide.is-active { opacity: 1; visibility: visible; transform: translateX(0); z-index: 2; }
.slide.was-active { transform: translateX(2.2%); }
.slide > * { position: relative; z-index: 1; min-width: 0; }

.slide h1, .slide h2, .slide h3, .slide p { margin-top: 0; }
.slide h1 { font-size: clamp(72px, 8.5vw, 164px); line-height: .92; letter-spacing: -.075em; margin-bottom: .08em; font-weight: 900; }
.slide h2 { font-size: clamp(50px, 5.5vw, 104px); line-height: 1.02; letter-spacing: -.055em; margin-bottom: .35em; font-weight: 800; }
.slide h3 { font-size: clamp(22px, 1.75vw, 34px); line-height: 1.12; }
.eyebrow { color: var(--mint); font-size: clamp(16px, 1.25vw, 24px); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1.1em; }
.lead { color: #d9d9e3; font-size: clamp(22px, 2vw, 38px); max-width: 980px; line-height: 1.4; }
.gradient-text { color: transparent; background: linear-gradient(100deg, var(--purple) 15%, #b879ff 48%, var(--mint) 100%); background-clip: text; -webkit-background-clip: text; }
.muted { color: var(--muted); }
.bottom-line { margin: 42px 0 0; padding-top: 24px; border-top: 1px solid var(--line); font-size: clamp(20px, 1.65vw, 32px); color: #d6d6de; }
.bottom-line strong { color: var(--ink); }
.notes { display: none; }
.slide-brand { position: absolute; top: clamp(34px, 3.3vw, 64px); right: clamp(44px, 5.2vw, 100px); }
.slide-brand img { width: clamp(150px, 13vw, 250px); height: auto; }
.slide-footer { position: absolute; left: clamp(44px, 5.2vw, 100px); right: clamp(44px, 5.2vw, 100px); bottom: clamp(28px, 2.8vw, 54px); display: flex; justify-content: space-between; color: var(--muted); font-size: clamp(14px, 1vw, 20px); }

.slide-hero { align-content: end; padding-bottom: clamp(100px, 10vh, 150px); }
.hero-lockup { max-width: 1450px; }
.hero-lockup h2 { max-width: 1240px; font-size: clamp(46px, 5vw, 92px); }
.orb { position: absolute; border: 2px solid rgba(115,79,255,.34); border-radius: 50%; z-index: 0; }
.orb::before, .orb::after { content: ""; position: absolute; border-radius: 50%; }
.orb::before { width: 18px; height: 18px; background: var(--mint); box-shadow: 0 0 40px var(--mint); }
.orb::after { width: 26px; height: 26px; background: var(--purple); box-shadow: 0 0 55px var(--purple); }
.orb-a { width: 520px; height: 520px; top: -190px; left: -120px; transform: rotate(30deg); }
.orb-a::before { top: 70px; right: 55px; }.orb-a::after { bottom: 15px; left: 125px; }
.orb-b { width: 220px; height: 220px; right: 48%; bottom: -155px; border-color: rgba(28,235,150,.18); }

.slide-question { text-align: center; place-content: center; }
.slide-question h2 { font-size: clamp(58px, 6.9vw, 132px); }
.question-mark { position: absolute; font-size: 60vw; line-height: .8; font-weight: 900; color: rgba(115,79,255,.045); left: 2%; top: 0; }
.micro-copy { color: var(--muted); font-size: clamp(20px, 1.6vw, 30px); }

.slide-profile { grid-template-columns: 1.2fr 2.2fr; gap: 8vw; align-items: center; }
.profile-photo { width: min(30vw, 500px); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--panel); box-shadow: 0 0 0 22px rgba(115,79,255,.08), 0 50px 100px rgba(82,0,209,.35); }
.profile-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.slide-profile h2 { margin-bottom: 20px; }
.profile-lines { display: flex; gap: 12px; flex-wrap: wrap; }
.profile-lines span, .prompt-outcomes span { border: 1px solid var(--line); background: rgba(255,255,255,.04); padding: 10px 18px; border-radius: 999px; font-size: clamp(16px, 1.15vw, 22px); }
.profile-thesis { font-size: clamp(24px, 2vw, 38px); line-height: 1.4; margin-top: 42px; color: #d3d3dc; }

.slide-statement { align-content: center; }
.slide-statement h2 { font-size: clamp(68px, 8.2vw, 156px); max-width: 1300px; }
.noise-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.noise-grid span { padding: 14px 24px; background: var(--panel-2); border: 1px solid var(--line); border-radius: 16px; color: var(--muted); font-weight: 700; font-size: clamp(18px, 1.3vw, 26px); }

.slide-equation { text-align: center; }
.equation { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: clamp(18px, 2vw, 40px); direction: rtl; }
.equation div { min-height: 190px; display: flex; flex-direction: column; justify-content: center; padding: 30px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(115,79,255,.14), rgba(255,255,255,.025)); border-radius: var(--radius); }
.equation strong { font-size: clamp(24px, 2.15vw, 42px); }
.equation small { margin-top: 12px; color: var(--muted); font-size: clamp(15px, 1.05vw, 21px); }
.equation b { color: var(--mint); font-size: clamp(38px, 4vw, 72px); font-weight: 300; }
.equals { margin-top: 28px; font-size: clamp(32px, 3vw, 58px); font-weight: 800; }
.warning-line { color: #b9b9c3; font-size: clamp(18px, 1.35vw, 26px); margin: 26px 0 0; }

.slide-levels h2 { margin-bottom: 38px; }
.level-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.level-track article { min-height: 260px; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.025); position: relative; overflow: hidden; }
.level-track article::after { content: ""; position: absolute; height: 5px; left: 0; right: 0; bottom: 0; background: #393943; }
.level-track article span, .belief-grid article span, .wealth-grid article span { color: var(--mint); font-weight: 900; font-size: 14px; letter-spacing: .12em; }
.level-track article h3 { margin: 70px 0 12px; }
.level-track article p { color: var(--muted); font-size: clamp(16px, 1.1vw, 22px); }
.level-track .level-goal { background: linear-gradient(145deg, rgba(82,0,209,.62), rgba(28,235,150,.10)); border-color: rgba(115,79,255,.75); transform: translateY(-16px); box-shadow: 0 24px 70px rgba(82,0,209,.28); }
.level-track .level-goal::after { background: linear-gradient(90deg, var(--purple), var(--mint)); }

.slide-charity { grid-template-columns: 1.05fr 1.4fr; gap: 5vw; align-items: center; }
.photo-panel { height: min(70vh, 760px); border-radius: 38px; background-size: cover; background-position: center; position: relative; box-shadow: var(--shadow); }
.photo-panel::after, .case-visual::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top, rgba(7,7,10,.7), transparent 60%); }
.photo-kitchen { background-image: url('assets/lb-photo-2.avif'); }
.charity-logo { width: min(360px, 28vw); background: white; padding: 12px 18px; border-radius: 14px; margin-bottom: 30px; }
.charity-copy h2 { font-size: clamp(46px, 4.6vw, 88px); }
.charity-copy > p:last-child { color: #c9c9d3; font-size: clamp(20px, 1.55vw, 30px); line-height: 1.5; max-width: 830px; }

.belief-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.belief-grid article { min-height: 260px; padding: 30px; border-radius: 26px; border: 1px solid var(--line); background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); }
.belief-grid h3 { margin: 64px 0 14px; font-size: clamp(24px, 1.8vw, 36px); }
.belief-grid p { color: var(--muted); font-size: clamp(16px, 1.1vw, 22px); }

.slide-loop { text-align: center; }
.loop-ring { width: min(61vw, 800px); aspect-ratio: 1.35; position: relative; margin: -10px auto 0; }
.loop-ring::before { content: ""; position: absolute; inset: 14% 11%; border: 2px dashed rgba(115,79,255,.48); border-radius: 50%; box-shadow: inset 0 0 80px rgba(82,0,209,.1); }
.loop-ring > div:not(.loop-core) { --angle: calc(var(--i) * 60deg - 90deg); position: absolute; width: 160px; min-height: 90px; left: calc(50% + 42% * cos(var(--angle)) - 80px); top: calc(50% + 38% * sin(var(--angle)) - 45px); display: grid; place-content: center; border: 1px solid var(--line); border-radius: 18px; background: #121219; box-shadow: 0 15px 30px rgba(0,0,0,.3); }
.loop-ring b { color: var(--mint); font-size: 14px; }
.loop-ring span { display: block; font-size: 17px; font-weight: 700; }
.loop-core { position: absolute; inset: 31% 37%; display: grid; place-content: center; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #9c7eff, var(--purple-dark) 62%, #190035); font-size: 42px; font-weight: 900; box-shadow: 0 0 80px rgba(115,79,255,.4); }
.loop-core small { font-size: 12px; color: #ded5ff; font-weight: 500; }

.slide-case { grid-template-columns: 1fr 1.15fr; gap: 5vw; align-items: center; }
.case-visual { height: min(72vh, 780px); border-radius: 38px; background-size: cover; background-position: center; box-shadow: var(--shadow); }
.photo-volunteers { background-image: url('assets/lb-photo-4.avif'); }
.case-card { padding: clamp(32px, 3vw, 56px); border-radius: 32px; background: rgba(16,16,21,.84); border: 1px solid var(--line); backdrop-filter: blur(18px); }
.case-card h2 { font-size: clamp(44px, 4vw, 76px); }
.fact-list { list-style: none; padding: 0; margin: 34px 0 18px; display: grid; gap: 18px; }
.fact-list li { font-size: clamp(18px, 1.35vw, 27px); padding: 14px 0; border-bottom: 1px solid var(--line); }
.fact-list strong { color: var(--mint); font-size: 1.5em; margin-left: 8px; }
.source-line { color: #83838f; }

.source-stack { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.source-stack article { padding: 28px; min-height: 220px; background: var(--panel); border: 1px solid var(--line); border-radius: 24px; }
.source-stack span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(28,235,150,.12); color: var(--mint); font-weight: 900; }
.source-stack h3 { margin: 44px 0 10px; }
.source-stack p { color: var(--muted); }
blockquote { margin: 34px 0 0; padding: 18px 25px; border-right: 4px solid var(--mint); background: rgba(28,235,150,.055); font-size: clamp(19px, 1.45vw, 29px); }

.slide-prompt { grid-template-columns: .8fr 1.4fr; gap: 5vw; align-items: center; }
.slide-prompt > .eyebrow { position: absolute; top: 10%; right: 5.2vw; }
.prompt-window { direction: rtl; background: #111117; border: 1px solid rgba(115,79,255,.5); border-radius: 26px; overflow: hidden; box-shadow: 0 30px 90px rgba(82,0,209,.2); }
.prompt-bar { height: 62px; padding: 0 22px; display: flex; align-items: center; gap: 9px; background: #191921; border-bottom: 1px solid var(--line); direction: ltr; }
.prompt-bar i { width: 12px; height: 12px; border-radius: 50%; background: #42424c; }.prompt-bar i:first-child { background: var(--purple); }.prompt-bar i:last-of-type { background: var(--mint); }
.prompt-bar span { margin-left: auto; color: var(--muted); font-size: 14px; }
.prompt-window p { font-size: clamp(20px, 1.55vw, 30px); line-height: 1.65; padding: 36px; margin: 0; }
.prompt-window mark { color: var(--mint); background: transparent; font-weight: 700; }
.prompt-outcomes { grid-column: 2; display: flex; flex-wrap: wrap; gap: 9px; margin-top: -3vw; }

.slide-matrix { grid-template-columns: .8fr 1.2fr; column-gap: 5vw; align-items: center; }
.slide-matrix > .eyebrow { position: absolute; top: 10%; right: 5.2vw; }
.matrix { position: relative; padding: 60px 0 0 110px; direction: ltr; }
.matrix-cells { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.matrix-cells i { aspect-ratio: 1.55; border-radius: 14px; background: rgba(255,255,255,.045); border: 1px solid var(--line); }
.matrix-cells i.hot { background: linear-gradient(145deg, rgba(115,79,255,.8), rgba(28,235,150,.3)); border-color: var(--purple); box-shadow: 0 0 30px rgba(115,79,255,.22); }
.axis { color: var(--muted); font-size: 14px; font-weight: 700; }
.axis-top { position: absolute; left: 110px; right: 0; top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; }
.axis-side { position: absolute; left: 0; top: 60px; bottom: 0; display: grid; grid-template-rows: repeat(4, 1fr); align-items: center; text-align: left; }
.slide-matrix .bottom-line { grid-column: 1 / -1; }

.demo-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1.2fr; gap: 20px; align-items: stretch; direction: rtl; }
.demo-flow article { min-height: 235px; padding: 28px; border: 1px solid var(--line); border-radius: 24px; display: flex; flex-direction: column; justify-content: center; background: var(--panel); }
.demo-flow small { color: var(--mint); font-weight: 800; letter-spacing: .08em; }
.demo-flow h3 { margin: 22px 0 0; }
.flow-arrow { align-self: center; color: var(--purple); font-size: 52px; }
.demo-output { background: linear-gradient(145deg, rgba(82,0,209,.48), rgba(16,16,21,.9)) !important; }
.demo-output div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.demo-output span { padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.09); }
.compliance-note { padding: 18px 22px; margin: 28px 0 0; border: 1px solid rgba(28,235,150,.26); border-radius: 16px; background: rgba(28,235,150,.05); color: #cfd2d5; font-size: clamp(16px, 1.1vw, 22px); }
.compliance-note b { color: var(--mint); }

.slide-assets { text-align: center; }
.asset-orbit { position: relative; width: min(72vw, 1050px); height: min(50vh, 520px); margin: 0 auto; }
.asset-orbit::before { content: ""; position: absolute; inset: 11% 14%; border: 1px dashed rgba(115,79,255,.6); border-radius: 50%; }
.asset-core { position: absolute; width: 180px; height: 180px; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-content: center; border-radius: 50%; background: radial-gradient(circle at 30% 20%, #9c7eff, var(--purple-dark)); font-size: 23px; box-shadow: 0 0 80px rgba(82,0,209,.4); }
.asset-core strong { font-size: 40px; }
.asset-orbit article { position: absolute; width: 230px; padding: 20px; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; }
.asset-orbit article:nth-of-type(1) { top: 0; left: 12%; }.asset-orbit article:nth-of-type(2) { top: 0; right: 12%; }.asset-orbit article:nth-of-type(3) { bottom: 0; right: 12%; }.asset-orbit article:nth-of-type(4) { bottom: 0; left: 12%; }
.asset-orbit b { display: block; font-size: 22px; }.asset-orbit span { color: var(--muted); }

.funnel-line { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; direction: rtl; }
.funnel-line div { min-height: 210px; padding: 28px; border-radius: 24px; border: 1px solid var(--line); background: var(--panel); display: flex; flex-direction: column; justify-content: center; }
.funnel-line div:last-child { background: linear-gradient(145deg, rgba(82,0,209,.6), rgba(28,235,150,.08)); border-color: rgba(115,79,255,.7); }
.funnel-line b { font-size: clamp(26px, 2vw, 40px); }.funnel-line span { color: var(--muted); margin-top: 12px; font-size: clamp(15px, 1vw, 20px); }
.funnel-line i { width: 52px; height: 2px; background: linear-gradient(90deg, var(--purple), var(--mint)); }

.learning-card { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); border-radius: 25px; overflow: hidden; }
.learning-card div { background: var(--panel); padding: 34px 28px; min-height: 210px; display: flex; flex-direction: column; justify-content: center; }
.learning-card small { color: var(--mint); font-size: 16px; font-weight: 800; }.learning-card strong { font-size: clamp(20px, 1.5vw, 30px); margin-top: 18px; }

.wealth-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wealth-grid article { padding: 24px 28px; border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 21px; }
.wealth-grid h3 { margin: 18px 0 4px; }.wealth-grid p { color: var(--muted); margin-bottom: 0; }

.slide-week { grid-template-columns: .85fr 1.15fr; column-gap: 6vw; align-items: center; }
.slide-week > .eyebrow { position: absolute; top: 10%; right: 5.2vw; }
.week-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; counter-reset: item; }
.week-list li { display: grid; grid-template-columns: 100px 1fr; gap: 18px; align-items: center; padding: 14px 20px; background: var(--panel); border: 1px solid var(--line); border-radius: 15px; }
.week-list b { color: var(--mint); }.week-list span { font-size: clamp(17px, 1.15vw, 23px); }

.slide-final { grid-template-columns: 1.3fr .7fr; align-items: center; gap: 5vw; }
.slide-final .final-copy h2 { font-size: clamp(50px, 5.1vw, 96px); margin-bottom: .12em; }
.qr-card { align-self: center; background: white; color: #111; border-radius: 30px; padding: 26px; display: grid; grid-template-columns: 210px 1fr; gap: 22px; align-items: center; box-shadow: 0 30px 100px rgba(0,0,0,.45); }
.qr-card img { width: 210px; height: 210px; object-fit: contain; }
.qr-card strong, .qr-card span, .qr-card a { display: block; }.qr-card strong { font-size: 24px; }.qr-card span { color: #555; direction: ltr; text-align: right; margin: 10px 0 18px; }.qr-card a { display: inline-block; text-decoration: none; background: var(--purple); color: white; padding: 10px 16px; border-radius: 10px; font-weight: 700; }

.slide-backup { display: none; }
.deck.show-backup .slide-backup { display: grid; }
.five-parts, .guardrails, .scoreboard { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.five-parts span, .guardrails span, .scoreboard span { min-height: 150px; display: grid; place-content: center; text-align: center; padding: 22px; border: 1px solid var(--line); background: var(--panel); border-radius: 20px; font-size: clamp(18px, 1.4vw, 28px); font-weight: 800; }
.scoreboard { grid-template-columns: repeat(4,1fr); }

.deck-chrome { position: fixed; z-index: 20; left: 22px; bottom: 22px; display: flex; gap: 7px; align-items: center; opacity: .18; transition: opacity .25s; direction: ltr; }
.deck-chrome:hover { opacity: 1; }
.deck-chrome button, .deck-chrome span { height: 40px; min-width: 40px; border-radius: 12px; border: 1px solid var(--line); background: rgba(12,12,16,.82); color: white; display: grid; place-items: center; padding: 0 12px; backdrop-filter: blur(15px); }
.deck-chrome button { cursor: pointer; }.deck-chrome button:hover { border-color: var(--purple); background: rgba(82,0,209,.45); }
.progress { position: fixed; z-index: 25; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(255,255,255,.05); }
.progress i { display: block; width: 5%; height: 100%; background: linear-gradient(90deg, var(--purple), var(--mint)); transition: width .3s ease; }
.speaker-notes { position: fixed; z-index: 30; right: 22px; bottom: 22px; width: min(520px, 42vw); padding: 20px; border-radius: 18px; border: 1px solid rgba(115,79,255,.6); background: rgba(8,8,12,.94); box-shadow: var(--shadow); direction: rtl; }
.speaker-notes header { display: flex; justify-content: space-between; color: var(--mint); }.speaker-notes p { color: #d7d7df; line-height: 1.55; margin-bottom: 0; }
.swipe-hint { position: fixed; z-index: 20; right: 50%; bottom: 24px; transform: translateX(50%); color: var(--muted); font-size: 13px; animation: hintFade 5s forwards; }
@keyframes hintFade { 0%,55% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } }

/* Playbook */
.playbook-page { background: radial-gradient(circle at 15% 0, rgba(82,0,209,.23), transparent 22%), #08080b; color: var(--ink); }
.playbook-nav { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 16px max(24px, 4vw); border-bottom: 1px solid var(--line); background: rgba(8,8,11,.86); backdrop-filter: blur(18px); }
.playbook-nav img { width: 145px; }.playbook-nav div { display: flex; gap: 10px; }.playbook-nav a { text-decoration: none; padding: 9px 14px; border: 1px solid var(--line); border-radius: 10px; font-weight: 700; }.playbook-nav a.primary { background: var(--purple); border-color: var(--purple); }
.playbook-hero { min-height: 76vh; padding: 100px max(24px, 8vw) 70px; display: grid; align-content: center; position: relative; overflow: hidden; }
.playbook-hero::after { content: ""; position: absolute; width: 650px; height: 650px; border: 2px solid rgba(115,79,255,.18); border-radius: 50%; left: -180px; top: -250px; }
.playbook-hero h1 { font-size: clamp(58px, 7.3vw, 132px); line-height: .95; letter-spacing: -.06em; margin: 0 0 28px; max-width: 1300px; }
.playbook-hero p { font-size: clamp(20px, 1.7vw, 32px); color: #c8c8d1; max-width: 900px; line-height: 1.5; }
.playbook-layout { display: grid; grid-template-columns: 260px minmax(0, 980px); gap: 5vw; padding: 70px max(24px, 7vw) 120px; justify-content: center; }
.toc { position: sticky; top: 94px; align-self: start; display: grid; gap: 7px; }.toc a { color: var(--muted); text-decoration: none; padding: 8px 12px; border-right: 2px solid transparent; }.toc a:hover { color: white; border-color: var(--purple); }
.playbook-content section { scroll-margin-top: 100px; padding: 0 0 80px; margin-bottom: 80px; border-bottom: 1px solid var(--line); }
.playbook-content h2 { font-size: clamp(38px, 4vw, 68px); letter-spacing: -.04em; margin: 0 0 24px; }.playbook-content h3 { font-size: clamp(24px, 2vw, 34px); margin: 40px 0 16px; }.playbook-content p, .playbook-content li { color: #c5c5ce; font-size: 18px; line-height: 1.75; }.playbook-content strong { color: white; }
.step-kicker { color: var(--mint) !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.check-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin: 24px 0; }.check-grid div { padding: 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 15px; color: #d7d7df; }
.prompt-card { margin: 24px 0; border: 1px solid rgba(115,79,255,.42); border-radius: 20px; overflow: hidden; background: #111117; }
.prompt-card header { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: #191921; border-bottom: 1px solid var(--line); }.prompt-card header strong { color: var(--mint); }.copy-button { border: 1px solid var(--line); border-radius: 9px; padding: 7px 12px; background: transparent; color: white; cursor: pointer; }.copy-button:hover { background: var(--purple); }.prompt-card pre { margin: 0; padding: 22px; white-space: pre-wrap; font-family: "Heebo", Arial, sans-serif; font-size: 16px; line-height: 1.72; color: #e6e6ed; direction: rtl; }
.callout { padding: 22px; border-right: 4px solid var(--mint); border-radius: 14px; background: rgba(28,235,150,.06); color: #d8d8df; margin: 24px 0; }
.danger { border-color: #ff667d; background: rgba(255,102,125,.06); }
.sources-list a { color: #b79eff; word-break: break-word; }
.playbook-footer { padding: 70px max(24px, 8vw); text-align: center; background: #050507; }.playbook-footer img { width: 180px; margin-bottom: 25px; }.playbook-footer p { color: var(--muted); }
.script-hero { padding: 110px max(24px, 12vw) 60px; }.script-hero h1 { font-size: clamp(58px, 7vw, 118px); line-height: .96; letter-spacing: -.055em; margin: 0 0 24px; }.script-hero > p:last-child { color: #c8c8d1; font-size: 21px; max-width: 800px; }
.script-list { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 20px 0 110px; display: grid; gap: 22px; }
.script-card { padding: 30px 34px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }
.script-card > header { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.script-card > header b { font-size: 25px; }.script-card > header span { color: var(--mint); font-weight: 800; direction: ltr; }
.script-card h3 { margin: 24px 0 8px; font-size: 17px; color: var(--mint); }
.script-card p, .script-card li { color: #d0d0d8; font-size: 18px; line-height: 1.75; }
.script-card p { margin: 0; }.script-card ul { margin: 6px 0 0; padding-right: 22px; }
.script-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 26px; }
.script-say { margin-top: 22px; padding: 22px 24px; border-radius: 16px; background: rgba(115,79,255,.1); border-right: 3px solid var(--purple); }
.script-transition { color: #aaaabd !important; font-style: italic; }
.sync-toggle, .sync-console button { color: white; background: rgba(28,235,150,.12); border: 1px solid rgba(28,235,150,.3); padding: 9px 14px; border-radius: 10px; font-weight: 800; cursor: pointer; }
.sync-toggle:hover, .sync-console button:hover { background: rgba(28,235,150,.2); }
.sync-console { display: none; }
.script-card.is-synced { border-color: rgba(28,235,150,.45); box-shadow: 0 0 0 1px rgba(28,235,150,.1), 0 25px 70px rgba(0,0,0,.25); }
body.presenter-mode { min-height: 100vh; background: radial-gradient(circle at 85% 0, rgba(28,235,150,.12), transparent 28%), #08080b; }
body.presenter-mode .playbook-nav, body.presenter-mode .script-hero, body.presenter-mode .playbook-footer { display: none; }
body.presenter-mode .sync-console { position: sticky; top: 0; z-index: 50; min-height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 14px max(24px, 4vw); background: rgba(8,8,11,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(20px); }
.sync-state { display: flex; align-items: center; gap: 9px; color: #b9bac5; font-weight: 700; }
.sync-state i { width: 10px; height: 10px; border-radius: 50%; background: #ffb649; box-shadow: 0 0 18px rgba(255,182,73,.7); }
.sync-state.is-connected i { background: var(--mint); box-shadow: 0 0 18px var(--mint); }
.sync-current { display: grid; justify-items: center; gap: 2px; }
.sync-current strong { color: var(--mint); font-size: 16px; direction: rtl; }
.sync-current span { color: white; font-size: 18px; font-weight: 800; }
body.presenter-mode .sync-console > button { justify-self: end; }
body.presenter-mode .script-list { width: min(1180px, calc(100% - 48px)); min-height: calc(100vh - 78px); padding: 34px 0 70px; align-content: start; }
body.presenter-mode .script-card { display: none; padding: clamp(28px, 3vw, 48px); border-color: rgba(28,235,150,.35); box-shadow: 0 30px 100px rgba(0,0,0,.34); }
body.presenter-mode .script-card.is-current { display: block; animation: presenter-card-in .26s ease-out; }
body.presenter-mode .script-card > header b { font-size: clamp(28px, 2.5vw, 42px); }
body.presenter-mode .script-card p, body.presenter-mode .script-card li { font-size: clamp(19px, 1.35vw, 24px); line-height: 1.72; }
body.presenter-mode .script-card h3 { font-size: clamp(17px, 1.2vw, 21px); }
@keyframes presenter-card-in { from { opacity: .35; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (max-aspect-ratio: 4/3) and (min-width: 801px) {
  .slide { padding: 5vw; }
  .slide h2 { font-size: 5vw; }
}

@media (max-width: 800px) {
  .deck-page { overflow: hidden; }
  .slide { width: 100vw; max-width: 100vw; padding: 64px 28px 84px; overflow-y: auto; overflow-x: hidden; align-content: start; }
  .slide h1, .slide h2 { max-width: 100%; overflow-wrap: anywhere; }
  .slide h1 { font-size: 48px; }.slide h2 { font-size: 40px; }.eyebrow { font-size: 14px; }
  .slide-hero h1 { font-size: 43px; }.slide-hero h2 { font-size: 33px; }.slide-hero .lead { font-size: 19px; }
  .hero-lockup { width: 100%; min-width: 0; }
  .slide-brand { top: 22px; right: 28px; width: 125px; }.slide-brand img { width: 100%; }
  .slide-footer { left: 28px; right: 28px; bottom: 30px; }
  .slide-profile, .slide-charity, .slide-case, .slide-prompt, .slide-matrix, .slide-week, .slide-final { grid-template-columns: 1fr; gap: 26px; }
  .profile-photo { width: 170px; }.profile-thesis { margin-top: 24px; }
  .equation { grid-template-columns: 1fr; }.equation b { font-size: 28px; }.equation div { min-height: 110px; }
  .level-track, .belief-grid, .source-stack, .wealth-grid, .learning-card { grid-template-columns: 1fr 1fr; }
  .level-track article, .belief-grid article { min-height: 180px; }.level-track article h3, .belief-grid h3 { margin-top: 28px; }
  .level-track .level-goal { transform: none; }
  .photo-panel, .case-visual { height: 280px; }
  .loop-ring { width: 100%; height: 420px; }.loop-ring > div:not(.loop-core) { width: 120px; min-height: 70px; }.loop-core { inset: 37% 34%; font-size: 28px; }
  .prompt-outcomes { grid-column: 1; margin-top: 0; }.slide-prompt > .eyebrow, .slide-matrix > .eyebrow, .slide-week > .eyebrow { position: static; }
  .matrix { padding-left: 70px; }.axis-top { left: 70px; }
  .demo-flow, .funnel-line { grid-template-columns: 1fr; }.flow-arrow { transform: rotate(90deg); }.funnel-line i { width: 2px; height: 30px; justify-self: center; }
  .asset-orbit { width: 100%; height: 520px; }.asset-orbit article { width: 160px; }.asset-orbit article:nth-of-type(1), .asset-orbit article:nth-of-type(4) { left: 0; }.asset-orbit article:nth-of-type(2), .asset-orbit article:nth-of-type(3) { right: 0; }
  .qr-card { grid-template-columns: 130px 1fr; }.qr-card img { width: 130px; height: 130px; }
  .deck-chrome { opacity: .7; left: 10px; bottom: 10px; }.speaker-notes { width: calc(100vw - 24px); right: 12px; bottom: 62px; }
  .swipe-hint { display: none; }
  .playbook-nav img { width: 110px; }.playbook-nav a:not(.primary) { display: none; }
  .playbook-hero { min-height: 70vh; padding-top: 80px; }.playbook-hero h1 { font-size: 54px; }
  .playbook-layout { grid-template-columns: 1fr; }.toc { position: static; grid-template-columns: 1fr 1fr; margin-bottom: 50px; }.check-grid { grid-template-columns: 1fr; }
  .script-hero { padding: 80px 24px 40px; }.script-hero h1 { font-size: 54px; }.script-list { width: calc(100% - 32px); }.script-card { padding: 22px; }.script-card > header b { font-size: 20px; }.script-grid { grid-template-columns: 1fr; gap: 0; }
  body.presenter-mode .sync-console { grid-template-columns: 1fr auto; gap: 10px; }.sync-current { order: -1; justify-items: start; }body.presenter-mode .sync-console > button { display: none; }
}

@media print {
  .deck-page { overflow: visible; height: auto; }
  .deck { position: static; }
  .slide { position: relative; display: grid !important; visibility: visible; opacity: 1; transform: none; page-break-after: always; width: 100vw; height: 56.25vw; }
  .deck-chrome, .progress, .speaker-notes, .swipe-hint { display: none !important; }
}