@font-face{font-family:Outfit;src:url('fonts/outfit-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('fonts/outfit-500.woff2');font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url('fonts/outfit-600.woff2');font-weight:600;font-display:swap}@font-face{font-family:Outfit;src:url('fonts/outfit-700.woff2');font-weight:700;font-display:swap}@font-face{font-family:'Fira Code';src:url('fonts/fira-code-400.woff2');font-display:swap}
:root{font-family:Outfit,system-ui,sans-serif;color:#e3ddca;background:#090907;--stage:#0d0d09;--ink:#e3ddca;--muted:#a39e8f;--accent:#d4c444;--line:#a39e8f30;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{min-height:44px;padding:10px 15px;border:0;background:transparent;color:inherit;border-radius:7px;cursor:pointer;transition:background-color .15s}button:hover:not(:disabled){background:#2a2724}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-underline-offset:.2em}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#17150d;background:#d4c444}*{scrollbar-color:#625d48 #171611;scrollbar-width:thin}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.audience-app{min-height:100dvh;display:flex;flex-direction:column}.app-header{min-height:82px;padding:14px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{text-decoration:none;font-size:23px;font-weight:600;letter-spacing:-.03em;display:flex;align-items:baseline;gap:0}.wordmark>span{color:var(--accent)}.wordmark small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;margin-left:20px}.header-actions{display:flex;gap:10px;font-size:14px}.primary{display:flex;align-items:center;gap:12px;background:var(--accent);color:#17150d}.primary:hover:not(:disabled){background:#e4d673}.primary svg{width:18px;height:18px}.workspace{flex:1;display:flex;align-items:center;justify-content:center;padding:0 28px;gap:24px;min-height:0}.stage{width:min(100%,calc((100dvh - 158px)*16/9));max-width:1800px;aspect-ratio:16/9;container-type:inline-size;background:var(--stage);position:relative;overflow:hidden;box-shadow:0 18px 48px #0003}.stage:focus{outline:none}.stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app-footer{min-height:76px;padding:12px 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.keyboard-tip,.meeting-label{font-size:12px;color:var(--muted)}.keyboard-tip>span{padding-left:18px}.meeting-label{text-align:right}.navigation{display:flex;align-items:center;gap:12px}.navigation button{display:grid;place-items:center;padding:10px;width:44px}.navigation svg{width:23px;height:23px}#counter{font:12px 'Fira Code',monospace;min-width:68px;text-align:center;font-variant-numeric:tabular-nums}.slide-index{width:340px;flex-shrink:0;max-height:calc(100dvh - 170px);overflow:auto;background:#1c1a17;border-radius:8px;padding:20px 12px}.slide-index h2{font-size:16px;font-weight:500;margin:0 12px 18px}.slide-index button{width:100%;text-align:left;display:flex;gap:12px;align-items:baseline;line-height:1.4;font-size:14px;padding:10px 12px}.slide-index button>span{color:var(--muted);font:10px 'Fira Code',monospace}.slide-index button[aria-current=step]{background:#35301c;color:#e8d87e}
.slide{width:100%;height:100%;position:relative;padding:5.7cqw 6.6cqw 6.1cqw;display:flex;flex-direction:column;overflow:hidden}.slide h1,.slide h2,.slide h3,.slide p{margin:0}.slide h2{font-size:3.65cqw;line-height:1.13;font-weight:500;letter-spacing:-.03em;text-wrap:balance;max-width:90%}.slide-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.slide-footer{position:absolute;bottom:2.5cqw;left:6.6cqw;right:6.6cqw;display:flex;justify-content:space-between;align-items:center;font-size:.85cqw;color:var(--muted);letter-spacing:.01em}.slide-footer>span:last-child{font-family:'Fira Code',monospace;font-size:.9cqw}.slide-footer i{font-style:normal;opacity:.5}.takeaway{font-size:1.65cqw;line-height:1.35;display:flex;align-items:center;gap:1.2cqw;color:var(--ink);margin-top:1.6cqw!important}.takeaway>span{display:block;flex-shrink:0;width:2.5cqw;height:1px;background:var(--accent)}
.slide--cover .slide-main{display:block;position:relative}.cover-copy{position:absolute;top:50%;transform:translateY(-54%);z-index:1}.cover-copy h1{font-size:8.5cqw;line-height:.99;font-weight:600;letter-spacing:-.04em;max-width:65cqw}.cover-copy>p{font-size:2.4cqw;color:var(--muted);margin-top:2.6cqw}.cover-words{display:flex;gap:2.4cqw;color:var(--accent);font-size:1.5cqw;margin-top:4.5cqw}.cover-words span+span{border-left:1px solid #d4c44455;padding-left:2.4cqw}.cover-art{position:absolute;right:-8cqw;top:50%;transform:translateY(-32%) rotate(-6deg);width:33cqw;height:25cqw;color:var(--accent);opacity:.25}.video-outline{height:19cqw;width:30cqw;border:1px solid currentColor;border-radius:1.4cqw;display:grid;place-items:center}.video-outline svg{height:9cqw;width:9cqw;stroke-width:.8}.timeline{display:flex;gap:.7cqw;margin-top:1.6cqw}.timeline i{height:2.5cqw;width:6cqw;border:1px solid currentColor}.timeline i:nth-child(2){width:9cqw;background:#d4c44411}.signal-line{position:absolute;left:10cqw;top:-2cqw;width:1px;height:29cqw;background:currentColor}.signal-line:before{content:'';position:absolute;top:0;left:-.4cqw;border-top:.8cqw solid currentColor;border-left:.4cqw solid transparent;border-right:.4cqw solid transparent}
.concepts{display:grid;gap:2.5cqw;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.concept{border-top:1px solid var(--line);padding-top:2cqw}.concept-marker{display:block;width:2cqw;height:.45cqw;background:var(--accent);font-size:0;margin-bottom:2.2cqw}.concept h3{font-size:3.05cqw;font-weight:500;line-height:1.12;letter-spacing:-.025em}.concept p{font-size:1.65cqw;line-height:1.4;color:var(--muted);margin-top:1.1cqw}.concepts--priority,.concepts--plan{grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqw}.concepts--priority h3{font-size:2.5cqw}.concepts--priority p{font-size:1.55cqw}.concepts--priority .concept-marker{background:transparent;color:var(--accent);font:1.1cqw 'Fira Code',monospace;height:auto;width:auto}.concepts--plan .concept-marker{display:none}.concepts--plan h3{color:var(--muted);font-size:1.4cqw}.concepts--plan p{font-size:2.8cqw;line-height:1.15;color:var(--ink);margin-top:2cqw}.concepts--decision .concept-marker{height:3cqw;width:3cqw;border:1px solid var(--accent);border-radius:50%;background:transparent;position:relative}.concepts--decision .concept-marker:after{content:'?';font-size:2cqw;position:absolute;inset:0;display:grid;place-items:center;color:var(--accent)}
.comparison{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.comparison th,.comparison td{padding:1.7cqw 2cqw 1.7cqw 0;border-bottom:1px solid var(--line);vertical-align:middle}.comparison thead th{font-size:1.15cqw;color:var(--muted);font-weight:400;padding-top:0;padding-bottom:1.2cqw}.comparison tbody th{font-size:2.1cqw;font-weight:500;color:var(--accent)}.comparison td{font-size:1.8cqw;line-height:1.25}.comparison th:first-child{width:26%}.comparison th:nth-child(2){width:33%}.comparison td:last-child{padding-right:0}
.example-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5cqw;align-items:center;width:100%}.thumb-concept{aspect-ratio:16/9;position:relative;overflow:hidden;background:#e3ddca;color:#17150d;border-radius:.6cqw;display:flex;align-items:center;padding:2.4cqw}.thumb-concept>span{font-size:4.7cqw;font-weight:700;line-height:.98;letter-spacing:-.03em;z-index:1}.thumb-concept svg{position:absolute;height:17cqw;right:-1.2cqw;bottom:-1cqw;color:#6b653c;stroke-width:1.3;opacity:.45}.example-caption{font-size:.8cqw;color:var(--muted);margin-top:.8cqw!important}.example-title{font-size:1.6cqw;line-height:1.35;margin-top:1.3cqw!important;max-width:38cqw}.concepts--vertical{grid-template-columns:1fr;gap:1.5cqw}.concepts--vertical .concept{border:0;padding:0 0 1.3cqw;border-bottom:1px solid var(--line)}.concepts--vertical .concept:last-child{border:0;padding-bottom:0}.concepts--vertical .concept-marker{display:none}.concepts--vertical h3{font-size:2cqw}.concepts--vertical p{font-size:1.5cqw;margin-top:.5cqw}.description-example{padding:2.4cqw;background:#1c1a17;border-radius:.8cqw;border:1px solid var(--line)}.example-label{font-size:.9cqw;color:var(--muted);display:block;margin-bottom:1.7cqw}.description-example>p{font-size:2.3cqw;line-height:1.4;letter-spacing:-.015em}.keyword{display:inline-block;font-size:1.15cqw;color:var(--accent);margin-top:2cqw}.short-layout .description-example{border-radius:1.2cqw;padding:2.8cqw 3cqw}
.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4cqw}.formats section{position:relative}.formats svg{height:6.8cqw;width:6.8cqw;color:var(--accent);stroke-width:1}.formats h3{font-size:3cqw;font-weight:500;margin-top:1.8cqw}.formats p{font-size:1.65cqw;color:var(--muted);line-height:1.4;margin-top:.8cqw}.formats section>span{font:1cqw 'Fira Code',monospace;display:block;color:var(--muted);margin-top:1.8cqw}.split{display:grid;grid-template-columns:1fr 1fr;gap:6cqw}.split section{border-top:1px solid var(--line);padding-top:2cqw}.split h3{font-size:1.6cqw;font-weight:400;color:var(--accent)}.split p{font-size:3.4cqw;line-height:1.15;margin-top:1.6cqw;letter-spacing:-.03em}.split section>span{font-size:1.6cqw;line-height:1.4;color:var(--muted);display:block;margin-top:1.5cqw}
.loading,.load-error{padding:40px;font-size:20px}.load-error h1{font-size:30px}.load-error p{font-size:18px;line-height:1.6}.exit-presentation{position:fixed;bottom:10px;right:10px;background:#252219;opacity:0;z-index:20;font-size:12px}.exit-presentation:hover,.exit-presentation:focus-visible{opacity:1}.is-presenting{background:var(--stage)}.is-presenting .app-header,.is-presenting .app-footer{display:none}.is-presenting .workspace{padding:0;height:100dvh}.is-presenting .stage{width:min(100vw,177.77778dvh);max-width:none;box-shadow:none}
@media(max-width:1000px){.keyboard-tip{display:none}.app-footer{grid-template-columns:1fr auto}.navigation{grid-column:2;grid-row:1}.meeting-label{text-align:left;grid-column:1;grid-row:1}.has-index .workspace{flex-direction:column}.has-index .stage{width:100%}.slide-index{width:100%;max-height:35dvh}.wordmark small{display:none}}
@media(max-width:700px){.app-header{padding:15px 18px;min-height:74px}.wordmark{font-size:22px}.header-actions{gap:2px;font-size:12px}.header-actions button{padding:9px 11px}.workspace{padding:0 10px;align-items:stretch}.stage{width:100%;aspect-ratio:auto;overflow:visible;container-type:normal}.app-footer{padding:12px 16px;gap:8px;min-height:72px}.meeting-label{font-size:11px}.slide{height:auto;min-height:600px;padding:38px 27px 76px}.slide h2{font-size:32px;line-height:1.15;max-width:100%}.slide-main{flex:1;margin:36px 0;min-height:0}.slide-footer{left:27px;right:27px;bottom:25px;font-size:9px;gap:18px}.slide-footer>span:last-child{font-size:10px}.takeaway{font-size:17px;gap:12px;align-items:flex-start;margin-top:0!important}.takeaway>span{width:22px;margin-top:11px}.slide--cover{min-height:650px}.slide--cover .slide-main{margin:0;min-height:480px}.cover-copy{top:30%;transform:translateY(-25%)}.cover-copy h1{font-size:62px;line-height:1;max-width:100%}.cover-copy>p{font-size:23px;margin-top:24px}.cover-words{font-size:14px;gap:16px;margin-top:34px}.cover-words span+span{padding-left:16px}.cover-art{width:180px;height:140px;right:-42px;top:auto;bottom:10px;transform:rotate(-6deg)}.video-outline{width:190px;height:110px;border-radius:10px}.video-outline svg{height:70px;width:70px}.timeline{gap:5px;margin-top:10px}.timeline i{height:20px;width:38px}.timeline i:nth-child(2){width:55px}.signal-line{left:70px;top:-15px;height:160px}.signal-line:before{left:-4px;border-top-width:8px;border-left-width:4px;border-right-width:4px}.concepts,.concepts--priority,.concepts--plan{grid-template-columns:1fr;gap:24px}.concept{padding-top:20px}.concept-marker{width:22px;height:4px;margin-bottom:15px}.concept h3,.concepts--priority h3{font-size:28px}.concept p,.concepts--priority p{font-size:19px;margin-top:8px}.concepts--priority .concept-marker{font-size:12px;margin-bottom:12px}.concepts--three,.concepts--decision{gap:30px}.concepts--decision .concept-marker{width:32px;height:32px}.concepts--decision .concept-marker:after{font-size:23px}.concepts--plan h3{font-size:15px}.concepts--plan p{font-size:29px;margin-top:10px}.comparison{table-layout:auto}.comparison thead{display:none}.comparison tr{display:grid;grid-template-columns:1fr;gap:8px;padding:20px 0;border-bottom:1px solid var(--line)}.comparison th,.comparison td{display:block;border:0;width:100%!important;padding:0}.comparison tbody th{font-size:23px}.comparison td{font-size:19px}.comparison td:last-child{font-size:16px;color:var(--muted)}.example-layout{grid-template-columns:1fr;gap:32px}.thumb-concept{padding:22px;border-radius:7px}.thumb-concept>span{font-size:45px}.thumb-concept svg{height:155px;right:-12px;bottom:-10px}.example-caption{font-size:10px;margin-top:9px!important}.example-title{font-size:19px;max-width:none;margin-top:15px!important}.concepts--vertical{gap:20px}.concepts--vertical .concept{padding-bottom:17px}.concepts--vertical h3{font-size:23px}.concepts--vertical p{font-size:18px;margin-top:5px}.description-example,.short-layout .description-example{padding:24px;border-radius:10px}.example-label{font-size:11px;margin-bottom:20px}.description-example>p{font-size:24px}.keyword{font-size:14px;margin-top:22px}.formats{grid-template-columns:1fr;gap:32px}.formats section{padding-left:85px;min-height:100px}.formats svg{position:absolute;left:0;top:0;width:63px;height:63px}.formats h3{font-size:28px;margin-top:0}.formats p{font-size:19px;margin-top:7px}.formats section>span{font-size:11px;margin-top:12px}.split{grid-template-columns:1fr;gap:32px}.split section{padding-top:20px}.split h3{font-size:18px}.split p{font-size:33px;margin-top:15px}.split section>span{font-size:19px;margin-top:12px}.is-presenting .workspace{height:auto;min-height:100dvh}.is-presenting .stage{width:100%}.is-presenting .slide{min-height:100dvh}.is-presenting .slide--cover .slide-main{min-height:calc(100dvh - 140px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.app-header,.app-footer,.slide-index,.exit-presentation{display:none!important}.stage{width:100%;box-shadow:none}body{background:var(--stage);print-color-adjust:exact}}