/* Selena: palette and visual language adapted from selena-home.css / events-hero.css. */
:root{--bg:#0d141b;--panel:#111d26;--ink:#edf4f0;--muted:#acbcc0;--mint:#abefcf;--lavender:#c6b2f4;--line:#b9dfcf26;--danger:#ffb4a7;color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}::selection{background:#abefcf40;color:#fff}
.deck-body{min-height:100svh;background:radial-gradient(ellipse at 78% 35%,#17303668,transparent 48%),radial-gradient(ellipse at 80% 95%,#35273f45,transparent 45%),var(--bg);overflow-x:hidden}.deck-body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#b9dfcf04 1px,transparent 1px),linear-gradient(90deg,#b9dfcf04 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:-1}.deck-header,.deck-footer{width:calc(100% - 104px);max-width:1800px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}.deck-header{min-height:98px;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0;width:185px}.brand img{width:100%;height:auto;display:block;max-height:56px;object-fit:contain}.header-context{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-right:auto;padding-left:25px;border-left:1px solid var(--line)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px #abefcf60;flex-shrink:0}.header-tools{display:flex;align-items:center;gap:12px}.quiet{background:transparent;display:flex;align-items:center;gap:9px;font-size:13px;padding:12px;color:#c4d4d1}.grid-icon{font-size:23px;font-weight:300}.icon-btn{background:#b7d1cf05;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:inline-grid;place-items:center;font-size:20px;color:#c9d8d5}.icon-btn:hover,.quiet:hover{color:var(--mint);border-color:#abefcf88}.stage{max-width:1800px;width:calc(100% - 104px);margin:auto;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:5.5vw;align-items:start;min-height:calc(100svh - 205px);padding:40px 0 30px}.stage.enter .slide-copy{animation:enter .5s both}.stage.enter .slide-visual{animation:enter .65s .06s both}.slide-meta{display:flex;align-items:center;gap:18px;margin-bottom:24px}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:1.9px;text-transform:uppercase;font-weight:600}.duration{color:#91a4aa;font-size:11px;border:1px solid var(--line);padding:4px 8px;border-radius:30px;white-space:nowrap}.slide-copy h1{font-size:clamp(38px,4.4vw,80px);font-weight:500;line-height:1.08;letter-spacing:-2px;text-wrap:balance;outline:none}.slide-summary{font-size:clamp(15px,1.23vw,21px);line-height:1.6;color:var(--muted);margin:23px 0 24px;max-width:670px}.steps{display:grid;gap:8px}.step-card{display:flex;gap:15px;padding:13px 15px;border:1px solid #a7cabb1f;border-radius:4px 14px 4px 14px;background:linear-gradient(105deg,#aeeccd06,transparent);animation:reveal .4s both;transition:background .25s,border-color .25s}.step-card.current{border-color:#aeeccd5e;background:linear-gradient(105deg,#aeeccd10,#aeeccd03)}.step-number{color:#b3dfca;font-size:11px;font-family:Consolas,monospace;letter-spacing:1px;padding-top:5px;min-width:20px}.step-card h2{font-size:clamp(15px,1.27vw,22px);font-weight:550;line-height:1.35;letter-spacing:-.3px}.step-card p{font-size:clamp(12px,.98vw,17px);color:var(--muted);line-height:1.5;margin-top:5px}.reveal-invitation{display:flex;align-items:center;gap:15px;color:#899f9f;font-size:13px;margin-top:43px}.hint-line{height:1px;width:45px;background:linear-gradient(90deg,var(--mint),transparent)}kbd{font-family:inherit;font-size:11px;border:1px solid #a8c1c13d;padding:4px 7px;border-radius:5px;color:#b8ccc7;background:#d5e6df04}.slide-visual{min-width:0;padding-top:8px;display:flex;flex-direction:column;gap:19px}.scene-panel{position:relative;isolation:isolate;background:radial-gradient(ellipse at 30% 18%,#22443b55,transparent 65%),radial-gradient(ellipse at 100% 90%,#43325345,transparent 60%),#101c24;border:1px solid #a1d5cc2d;border-radius:64px 12px 34px 12px;box-shadow:0 25px 80px #0002;overflow:hidden}.scene-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#c0e2d22b .6px,transparent .6px);background-size:22px 22px;z-index:-1;opacity:.45}.scene-heading{padding:26px 25px 0 37px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aebfb9}.scene-heading>span:first-child{display:flex;align-items:center;gap:9px}.scene-code{font-family:Consolas,monospace;letter-spacing:1px;color:#97a9b5;font-size:10px}.scene-svg{width:100%;height:auto;display:block;max-height:48vh;min-height:235px;overflow:visible}.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin:0 24px;padding:17px 0 20px}.scene-caption{font-size:10px;letter-spacing:.4px;color:#91a8a9}.step-dots{display:flex;gap:7px}.step-dots button{width:7px;height:7px;padding:0;background:#b9dfcf22;border-radius:50%;position:relative}.step-dots button:before{content:"";position:absolute;inset:-7px}.step-dots button.shown{background:var(--mint);box-shadow:0 0 12px #abefcf70}.wire{stroke:#8bab9c45;stroke-width:1.5;fill:none}.signal{stroke:var(--mint);stroke-width:2;stroke-dasharray:4 38;stroke-linecap:round;fill:none;opacity:.65;animation:data-flow 8s linear infinite}.node-bg{fill:#12232c;stroke:#739e9560;stroke-width:1.3;transition:fill .45s,stroke .45s}.node-led{fill:#6b8680;transition:fill .45s}.node-icon path{fill:none;stroke:#a8c8bc;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.node-label{font:500 19px "Segoe UI",Arial,sans-serif;fill:#dcece4}.node-detail{font:400 13px "Segoe UI",Arial,sans-serif;fill:#94afa9}.diagram-node{transition:opacity .4s}.diagram-node.active .node-bg{fill:#1b3a33;stroke:#abefcfbd}.diagram-node.active .node-led{fill:var(--mint);filter:drop-shadow(0 0 5px #abefcf)}.diagram-node.active .node-icon path{stroke:var(--mint)}.diagram-node.is-fault .node-bg{fill:#3e2b2e;stroke:#e7a393}.diagram-node.is-fault .node-led{fill:#ffb4a7}.core circle{fill:#203d35;stroke:#a7efd280;stroke-width:1.3}.core .orbit{fill:none;stroke-dasharray:3 9;stroke:#bcb0e775;transform-origin:360px 253px;animation:orbit 90s linear infinite}.core text{fill:#ddf1e7;font:500 22px "Segoe UI",Arial,sans-serif;letter-spacing:1px}.diagram-caption{font:400 12px "Segoe UI",Arial,sans-serif;fill:#a3b8b4;letter-spacing:1.3px}.orbit-path{fill:none;stroke:#aec9bc20;stroke-dasharray:4 6}.bracket{fill:none;stroke:#9ec5b575;stroke-width:1.5}.metric-label{font:500 42px "Segoe UI",Arial,sans-serif;fill:var(--mint);letter-spacing:2px}.metric-label.lavender{fill:var(--lavender)}.takeaway{border-left:2px solid var(--mint);padding:0 0 0 18px;animation:reveal .45s}.takeaway-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mint)}.takeaway p{font-size:clamp(14px,1.2vw,20px);line-height:1.55;margin-top:7px;color:#d8ebe1}.question{padding-top:3px;display:grid;grid-template-columns:90px 1fr;gap:12px}.question>span{font-size:10px;color:var(--lavender);text-transform:uppercase;letter-spacing:1.1px;line-height:1.6}.question p{font-size:13px;color:#b6c1c7;line-height:1.6}.deck-footer{min-height:97px;border-top:1px solid var(--line);padding:17px 0}.speaker{display:flex;gap:12px;align-items:center;min-width:190px}.speaker-mark{width:35px;height:35px;border:1px solid #c6b2f44a;border-radius:10px 4px 10px 4px;display:grid;place-items:center;color:var(--lavender);font-family:Georgia,serif;font-size:23px}.speaker strong{display:block;font-size:12px;font-weight:500}.speaker div>span{display:block;color:#829a9e;font-size:10px;margin-top:5px;letter-spacing:1px}.navigation{display:flex;align-items:center;gap:21px}.nav-arrow{background:transparent;border:1px solid var(--line);border-radius:50%;width:43px;height:43px;font-size:24px;color:var(--mint)}.position{display:flex;gap:9px;font-family:Consolas,monospace;font-size:13px}.position-divider,#pageTotal{color:#738e94}.next-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 20px;background:var(--mint);color:#10291f;border:1px solid #c5ffe2;border-radius:5px 14px 5px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.next-btn:hover:not(:disabled){background:#c8fae1;transform:translateY(-1px)}.next-btn>span:last-child{font-size:21px;font-weight:400}.keyboard-hint{display:flex;align-items:center;gap:10px;font-size:11px;color:#899ca1}.overall-progress{height:3px;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#abefcf08}.overall-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--lavender));transition:width .4s}.loading{grid-column:1/-1;align-self:center;justify-self:center;color:var(--muted);padding:30px}.loading p{margin-bottom:20px}.loading-dots{animation:pulse 1.3s infinite}.skip{position:fixed;left:20px;top:10px;padding:10px;background:var(--mint);color:var(--bg);z-index:100;transform:translateY(-200%)}.skip:focus{transform:none}.noscript{padding:20px;color:var(--danger)}
dialog{color:var(--ink);background:linear-gradient(130deg,#15232a,#16222b);border:1px solid #a1d5cc40;border-radius:23px;padding:30px;width:min(680px,calc(100% - 30px));max-height:85svh;box-shadow:0 35px 140px #0009}dialog::backdrop{background:#060d13c9;backdrop-filter:blur(10px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-head h2{font-weight:450;font-size:28px;margin-top:8px}.contents-dialog{width:min(1040px,calc(100% - 30px))}.contents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contents-item{text-align:left;padding:20px;min-height:130px;background:#09161c55;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:10px}.contents-item>span{color:var(--mint);font:12px Consolas,monospace}.contents-item strong{font-size:15px;font-weight:500;line-height:1.45}.contents-item small{color:var(--muted);font-size:11px;margin-top:auto}.contents-item:hover,.contents-item.selected{border-color:#abefcf88;background:#abefcf0a}.shortcuts{display:grid;grid-template-columns:1fr 1.7fr;gap:14px;font-size:13px;line-height:1.5}.shortcuts dt{color:var(--mint)}.shortcuts dd{margin:0;color:var(--muted)}.muted{font-size:13px;color:var(--muted);line-height:1.65;margin-top:20px}#blackout{position:fixed;inset:0;background:#000;z-index:200;display:grid;place-items:end center;padding:30px;color:#555;font-size:12px}#toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%);max-width:90vw;padding:16px 22px;background:#243f37;border:1px solid #abefcf60;border-radius:12px;z-index:300;font-size:14px;box-shadow:0 12px 40px #0007}
@keyframes data-flow{to{stroke-dashoffset:-168}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.3}}
@media(min-width:1500px){.stage{padding-top:50px;gap:6vw}.slide-meta{margin-bottom:30px}.step-card{padding:16px 18px}.steps{gap:10px}.scene-heading{padding-top:33px}.scene-svg{max-height:49vh}.question p{font-size:16px}.question>span{font-size:11px}.question{grid-template-columns:110px 1fr}.deck-header{min-height:110px}.deck-footer{min-height:105px}.stage{min-height:calc(100svh - 225px)}}
@media(max-height:800px) and (min-width:1000px){.deck-header{min-height:78px}.stage{padding-top:26px;min-height:calc(100svh - 163px);gap:4vw}.slide-copy h1{font-size:clamp(37px,4vw,62px)}.slide-meta{margin-bottom:15px}.slide-summary{margin:16px 0;font-size:15px}.step-card{padding:9px 12px}.step-card h2{font-size:16px}.step-card p{font-size:12px;margin-top:3px}.steps{gap:6px}.deck-footer{min-height:82px}.scene-svg{max-height:43vh}.scene-heading{padding-top:21px}.scene-bottom{padding:12px 0}.slide-visual{gap:15px}.takeaway p{font-size:14px}.question p{font-size:12px}}
@media(max-width:1050px){.deck-header,.deck-footer,.stage{width:calc(100% - 56px)}.header-context{display:none}.header-tools{margin-left:auto}.stage{gap:28px}.slide-copy h1{font-size:42px;letter-spacing:-1.2px}.keyboard-hint{display:none}.scene-heading{padding-left:26px}.scene-code{font-size:9px}.scene-caption{max-width:65%;line-height:1.5}.scene-svg{min-height:210px}.question{grid-template-columns:1fr;gap:5px}}
@media(max-width:760px){.deck-header,.deck-footer,.stage{width:calc(100% - 36px)}.deck-header{min-height:80px;gap:10px}.brand{width:146px}.header-tools{gap:5px}.quiet{padding:7px}.quiet>span:last-child{display:none}.icon-btn{width:34px;height:34px;font-size:18px}.stage{grid-template-columns:1fr;gap:28px;padding-top:30px;min-height:calc(100svh - 175px)}.slide-copy h1{font-size:clamp(36px,8vw,56px)}.slide-summary{font-size:16px;line-height:1.65}.slide-meta{margin-bottom:19px}.step-card{padding:14px}.step-card h2{font-size:17px}.step-card p{font-size:14px}.slide-visual{padding-top:0}.scene-svg{max-height:480px}.question{grid-template-columns:90px 1fr}.scene-panel{border-radius:45px 12px 25px 12px}.takeaway p{font-size:16px}.deck-footer{flex-wrap:wrap;gap:15px;padding-bottom:23px}.speaker{min-width:0}.navigation{gap:13px;margin-left:auto}.next-btn{padding:10px 14px;min-height:45px;gap:17px}.speaker strong{font-size:11px}.speaker-mark{display:none}.position{font-size:12px;gap:5px}.nav-arrow{width:36px;height:36px}.contents-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:22px}.contents-item{padding:15px}.reveal-invitation{margin-top:26px}.eyebrow{font-size:10px}.shortcuts{grid-template-columns:1fr 1.35fr;font-size:12px}}
@media(max-width:400px){.speaker{width:100%;text-align:center}.speaker div{width:100%}.speaker div>span{display:none}.navigation{margin:auto}.contents-grid{grid-template-columns:1fr}.header-tools{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.signal{stroke-dasharray:none;opacity:.35}}
@media print{.deck-header,.deck-footer,.overall-progress,.question,dialog{display:none}.stage{width:100%;display:block}.slide-copy h1{font-size:30px}.slide-visual{break-inside:avoid}.scene-svg{max-height:350px}body{background:white!important;color:#111}.step-card p,.slide-summary{color:#333}}
/* Projector fit: keep the complete prepared slide and navigation in one viewport. */
@media(min-width:1000px){
 .deck-header{min-height:84px}.deck-footer{min-height:80px}.stage{min-height:calc(100svh - 164px);padding:25px 0 22px}
 .slide-meta{margin-bottom:18px}.slide-copy h1{font-size:clamp(38px,min(4.35vw,7vh),74px)}
 .slide-summary{font-size:clamp(15px,min(1.23vw,2.1vh),19px);margin:18px 0 20px}
 .step-card{padding:10px 14px}.step-card h2{font-size:clamp(16px,1.2vw,21px)}.step-card p{font-size:clamp(12px,1vw,16px)}.steps{gap:8px}
 .scene-svg{max-height:calc(100svh - 455px);min-height:235px}.scene-heading{padding-top:24px}.scene-bottom{padding:14px 0 17px}.slide-visual{gap:17px}
 .takeaway p{font-size:clamp(14px,1.2vw,19px)}
}
@media(min-width:1000px) and (max-height:800px){
 .deck-header{min-height:74px}.deck-footer{min-height:74px}.stage{min-height:calc(100svh - 149px);padding:20px 0 18px}
 .slide-meta{margin-bottom:14px}.slide-summary{margin:14px 0 16px;font-size:15px}.step-card{padding:8px 12px}.steps{gap:6px}
 .step-card h2{font-size:16px}.step-card p{font-size:12px;margin-top:3px}.scene-svg{max-height:calc(100svh - 435px)}
 .question p{font-size:12px}.takeaway p{font-size:14px}
}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
@media(min-width:1000px){.deck-footer{padding:14px 0}}
@media(min-width:1000px) and (max-height:800px){.deck-footer{padding:12px 0}}
@media(max-width:760px){
 .deck-footer{position:fixed;left:18px;right:18px;bottom:3px;width:calc(100% - 36px);z-index:30;background:#0d171ff5;backdrop-filter:blur(12px);min-height:72px;padding:12px 0;justify-content:center}
 .deck-footer .speaker{display:none}.deck-footer .navigation{margin:auto}.stage{padding-bottom:104px}
}
/* 1.1 — title screen and controlled examples */
.stage.is-cover{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:30px;align-items:center;padding-top:40px;padding-bottom:40px}.cover-copy{position:relative;z-index:1}.cover-copy h1{font-size:clamp(48px,5.3vw,94px);line-height:1.05;font-weight:450;letter-spacing:-3px;margin:30px 0 25px;outline:none}.cover-subtitle{font-size:clamp(23px,2.1vw,38px);line-height:1.4;color:#c5e4d6;white-space:normal;font-weight:400;letter-spacing:-.5px}.cover-rule{height:1px;background:linear-gradient(90deg,#abefcf90,#c6b2f435,transparent);margin:32px 0;max-width:540px}.cover-signature{display:flex;gap:15px;align-items:center}.cover-signature strong{display:block;font-size:20px;font-weight:500}.cover-signature div>span{display:block;font-size:12px;letter-spacing:1px;color:var(--lavender);margin-top:8px}.cover-outcome{color:#9ab5ad;font-size:13px;letter-spacing:.3px;margin-top:28px}.cover-art{min-width:0}.cover-art svg{width:100%;max-height:67vh;overflow:visible}.cover-orbits ellipse{stroke:#accfbe3a;fill:none;stroke-dasharray:2 8;transform-origin:310px 310px;animation:orbit 110s linear infinite}.cover-orbits ellipse:nth-child(2){stroke:#c6b2f447;stroke-dasharray:30 12;animation-direction:reverse}.cover-core{fill:#1c3834;stroke:#abefcf66;stroke-width:1.5}.cover-letter{fill:#b3efcf;font:60px Georgia,serif}.cover-label rect{fill:#14272b;stroke:#9dcebb55}.cover-label text{fill:#cce8dc;font:17px 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px}.cover-art-caption{fill:#94aaa6;font:10px 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px}
.example-frame{position:relative;margin-top:18px;padding:16px;border:1px solid #abefcf60;border-radius:5px 20px 5px 20px;background:linear-gradient(135deg,#182e2be8,#192330e8);box-shadow:0 18px 40px #0003,inset 0 1px 0 #d9fbed12;animation:reveal .4s both;overflow:hidden}.example-frame-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.example-frame-head .eyebrow{font-size:9px;letter-spacing:1.4px}.example-expand{padding:5px 0;background:transparent;color:var(--lavender);font-size:11px}.example-frame h3{font-size:17px;line-height:1.4;font-weight:500;margin:8px 0}.example-frame>p{font-size:12px;line-height:1.6;color:#b6c9c3;white-space:pre-line;margin-bottom:10px}.example-image-button{display:block;width:100%;background:#081319;border:1px solid #bfd6cd2b;border-radius:10px;padding:0;overflow:hidden;cursor:zoom-in}.example-image-button img{display:block;width:100%;height:180px;object-fit:contain;background:repeating-conic-gradient(#13222a 0% 25%,#102029 0% 50%) 50%/16px 16px}.example-caption{font-size:11px;color:#abc2b9;line-height:1.5;margin-top:10px}.example-thumbnails{display:flex;gap:7px;margin-top:10px}.example-thumbnails button{padding:0;width:56px;height:38px;border:1px solid #aacbbc40;border-radius:5px;overflow:hidden;background:#0c1a22}.example-thumbnails img{width:100%;height:100%;object-fit:cover}.example-thumbnails button:hover{border-color:var(--mint)}.example-launch{width:100%;margin-top:14px;display:flex;align-items:center;gap:15px;border:1px solid #c6b2f44d;background:linear-gradient(110deg,#c6b2f40e,#c6b2f403);padding:14px 16px;border-radius:5px 15px 5px 15px;text-align:left}.example-launch:hover{border-color:#c6b2f4a0}.example-launch-icon{color:var(--lavender);font-size:25px}.example-launch strong{display:block;font-size:14px;font-weight:500;margin-top:5px}.example-launch small{color:#b7aace;font-size:9px;letter-spacing:1px;text-transform:uppercase}.example-launch>span:last-child{margin-left:auto;color:var(--lavender);font-size:11px}.example-dialog{width:min(1260px,calc(100% - 40px));max-height:94svh;padding:25px 30px;border-color:#b6d8c967;border-radius:25px 10px 25px 10px}.example-dialog .dialog-head{margin-bottom:15px}.example-dialog h2{font-size:28px;line-height:1.3}.example-dialog #exampleText{color:#b8ccc4;font-size:15px;line-height:1.6;white-space:pre-line;margin-bottom:20px}.example-full-image{border:1px solid #a9d9c644;border-radius:13px;background:#08131a;overflow:auto;text-align:center}.example-full-image img{max-width:100%;max-height:61svh;object-fit:contain;display:block;margin:auto}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:15px;color:#afc5bd;font-size:12px;line-height:1.5}.gallery-controls{display:flex;align-items:center;gap:13px;flex-shrink:0}.example-original{color:var(--mint);font-size:11px}.gallery-controls .icon-btn{width:30px;height:30px}.stage.is-example{grid-template-columns:1fr;gap:8px;align-content:start}.is-example h1{font-size:clamp(32px,3.4vw,58px);font-weight:450;line-height:1.15;letter-spacing:-1px;margin-top:15px}.is-example .slide-summary{margin:13px 0 10px;max-width:1000px}.example-page-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:18px;align-items:start}.example-page-gallery .example-frame{margin-top:5px}.example-page-gallery .example-image-button img{height:min(48vh,540px)}.example-page-gallery .example-frame h3{font-size:19px}.is-example .steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:12px}
@media(min-width:1000px){.stage.has-inline .slide-copy{max-height:calc(100svh - 215px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#81ad99 #102029;padding-right:10px;overscroll-behavior:contain}.stage.has-inline .slide-copy h1{font-size:clamp(34px,3.2vw,54px)}.stage.has-inline .slide-summary{font-size:15px;margin:14px 0}.stage.has-inline .step-card{padding:8px 12px}.stage.has-inline .step-card h2{font-size:16px}.stage.has-inline .step-card p{font-size:12px}.stage.has-inline .slide-meta{margin-bottom:13px}}
@media(min-width:1000px) and (max-height:800px){.cover-copy h1{font-size:clamp(44px,4.8vw,69px)}.cover-subtitle{font-size:clamp(23px,2.05vw,29px)}.cover-rule{margin:24px 0}.cover-outcome{margin-top:22px}.stage.is-cover{padding:30px 0}.stage.has-inline .slide-copy{max-height:calc(100svh - 190px)}}
@media(max-width:760px){.stage.is-cover{grid-template-columns:1fr;padding-top:38px;padding-bottom:110px;gap:20px}.cover-copy h1{font-size:clamp(40px,9.5vw,64px);letter-spacing:-1.6px;margin:24px 0}.cover-subtitle{font-size:23px}.cover-art{max-width:400px;margin:auto;width:90%;opacity:.85}.cover-rule{margin:25px 0}.cover-signature strong{font-size:18px}.cover-outcome{font-size:12px;line-height:1.6}.cover-art svg{max-height:350px}.stage.is-example{padding-bottom:110px}.example-dialog{padding:20px;width:calc(100% - 20px);max-height:93svh}.example-dialog h2{font-size:23px}.gallery-footer{flex-direction:column;align-items:flex-start}.example-full-image img{max-height:52svh}.example-page-gallery .example-image-button img{height:230px}.example-frame{padding:13px}.example-frame h3{font-size:16px}}

.cover-steps:not(:empty){margin-top:20px}
@media(min-width:1000px){.stage.is-example{height:calc(100svh - 164px);grid-template-rows:auto minmax(0,1fr);overflow:hidden}.is-example .example-page-gallery{min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;padding-bottom:6px}.example-page-gallery .example-image-button img{height:clamp(190px,calc(100svh - 540px),460px)}}
@media(min-width:1000px) and (max-height:800px){.stage.is-example{height:calc(100svh - 149px)}}
/* 1.3 — independent talks and private selection screen */
.talk-catalog{width:calc(100% - 104px);max-width:1500px;margin:65px auto 80px}.talk-catalog>h1{font-size:clamp(40px,4.7vw,74px);font-weight:450;letter-spacing:-2px;line-height:1.12;margin:24px 0}.catalog-intro{font-size:18px;color:var(--muted);line-height:1.6}.talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}.talk-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #abefcf4a;border-radius:32px 9px 32px 9px;padding:36px;background:radial-gradient(ellipse at 100% 0%,#abefcf15,transparent 60%),#13232b;transition:transform .25s,border-color .25s}.talk-card:hover{transform:translateY(-4px);border-color:var(--mint)}.talk-card-seo-geo{background:radial-gradient(ellipse at 100% 0%,#c6b2f41b,transparent 70%),#17212c;border-color:#c6b2f450}.talk-number{font:70px Georgia,serif;color:#abefcf10;position:absolute;right:25px;top:12px}.talk-card h2{font-size:30px;font-weight:450;line-height:1.25;letter-spacing:-.5px;margin:28px 0 18px}.talk-card>p{font-size:16px;line-height:1.7;color:#acc5be;margin-bottom:32px}.talk-card-bottom{margin-top:auto;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;line-height:1.8;color:var(--muted)}.talk-open{font-size:14px;color:var(--mint);white-space:nowrap}.header-context{max-width:32%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-context span:last-child{overflow:hidden;text-overflow:ellipsis}.example-dialog #exampleText{white-space:pre-wrap}.talks-back{white-space:nowrap}
@media(max-width:760px){.talk-catalog{width:calc(100% - 36px);margin-top:38px}.talk-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.talk-card{padding:25px}.talk-card h2{font-size:27px}.talk-catalog>h1{font-size:39px;letter-spacing:-1px}.talks-back{font-size:10px;padding:4px}.deck-body:not(.catalog-body) .brand{width:120px}.catalog-intro{font-size:16px}}
@media(max-width:400px){.deck-body:not(.catalog-body) .header-tools{gap:2px}.deck-body:not(.catalog-body) .brand{width:100px}}

/* 1.4 — presentation branding and final takeaway */
.speaker-photo{position:relative;display:block;flex:0 0 auto;width:48px;height:48px;overflow:hidden;border-radius:50%;border:1px solid #abefcf99;box-shadow:0 0 0 4px #abefcf07;background:#14232c}
.speaker-photo img{position:absolute;display:block;max-width:none;width:185%;height:auto;left:50%;top:-12%;transform:translateX(-50%)}
.cover-signature .speaker-photo{width:76px;height:76px;border-radius:22px 7px 22px 7px;box-shadow:0 12px 32px #0004,0 0 0 5px #abefcf06}
.footer-brand{display:block;flex:0 0 auto;width:150px;opacity:.85;transition:opacity .2s}.footer-brand:hover{opacity:1}.footer-brand img{display:block;width:100%;height:auto;object-fit:contain}
.deck-footer .speaker{flex:0 1 35%;min-width:0}.deck-footer .speaker>div{min-width:0}.deck-footer .speaker div>span{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px}.deck-footer .navigation{flex-shrink:0}
.takeaway-dialog{isolation:isolate;position:fixed;width:min(960px,calc(100% - 40px));max-height:88svh;overflow:auto;padding:clamp(32px,5vw,76px);border:1px solid #b7f4da88;border-radius:48px 12px 48px 12px;background:radial-gradient(ellipse at 0% 0%,#214a3eaa,transparent 55%),radial-gradient(ellipse at 100% 100%,#46345799,transparent 60%),#101c25;box-shadow:0 0 0 8px #abefcf05,0 30px 160px #000b,0 0 80px #abefcf14}
.takeaway-dialog[open]{animation:takeaway-arrive .65s cubic-bezier(.16,1,.3,1) both}
.takeaway-dialog::backdrop{background:#040c13d9;backdrop-filter:blur(14px);animation:takeaway-dim .35s both}
.takeaway-aura{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:-1;background-image:radial-gradient(#c5e8db2b .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(120deg,#000,transparent 75%)}
.takeaway-aura:after{content:"";position:absolute;left:-20%;top:-20%;width:50%;height:160%;background:linear-gradient(90deg,transparent,#c8ffe414,transparent);transform:rotate(25deg);animation:takeaway-sweep 1.4s ease-out both}
.takeaway-close{position:absolute;right:21px;top:21px;background:#101c2570}
.takeaway-symbol{display:grid;place-items:center;width:62px;height:62px;font-size:40px;line-height:1;color:var(--mint);border:1px solid #abefcf45;border-radius:19px 5px 19px 5px;margin-bottom:30px;box-shadow:0 0 42px #abefcf12;background:linear-gradient(135deg,#abefcf17,#c6b2f40b)}
.takeaway-dialog .eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;margin:0 0 22px}
#takeawayText{font-size:clamp(26px,3.4vw,48px);line-height:1.25;letter-spacing:-.8px;font-weight:450;color:#edf9f2;text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere;outline:none}
.takeaway-dialog-bottom{display:flex;align-items:center;gap:32px;margin-top:42px}.takeaway-rule{height:1px;flex:1;background:linear-gradient(90deg,#abefcf88,#c6b2f466,transparent)}.takeaway-dialog .next-btn{font-size:14px;padding:14px 22px}
@keyframes takeaway-arrive{from{opacity:0;transform:translateY(28px) scale(.92);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes takeaway-dim{from{opacity:0}to{opacity:1}}
@keyframes takeaway-sweep{from{translate:-100% 0}to{translate:350% 0}}
@media(max-width:999px){.deck-footer .speaker{display:flex;flex:1;gap:9px;width:auto;text-align:left}.deck-footer .speaker strong{font-size:11px}.deck-footer .speaker-photo{width:35px;height:35px}.deck-footer .speaker div>span{display:none}.deck-footer .footer-brand{width:115px}.deck-footer .navigation{gap:12px}.deck-footer{gap:15px}}
@media(max-width:760px){.deck-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 18px 15px;min-height:118px}.deck-footer .speaker{grid-column:1;grid-row:1}.deck-footer .footer-brand{grid-column:2;grid-row:1;width:105px}.deck-footer .navigation{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;margin:0}.deck-footer .next-btn{min-width:120px}.deck-body .stage{padding-bottom:160px}.cover-signature .speaker-photo{width:65px;height:65px}.takeaway-dialog{padding:32px 25px;border-radius:30px 9px 30px 9px;width:calc(100% - 24px);max-height:90svh}.takeaway-symbol{width:49px;height:49px;font-size:31px;margin-bottom:25px}.takeaway-dialog .eyebrow{font-size:10px;letter-spacing:2px}#takeawayText{font-size:clamp(25px,6.6vw,36px);letter-spacing:-.5px}.takeaway-dialog-bottom{gap:20px;margin-top:28px}.takeaway-close{top:15px;right:15px}}
@media(prefers-reduced-motion:reduce){.takeaway-dialog,.takeaway-dialog::backdrop,.takeaway-aura:after{animation:none!important;filter:none!important}.takeaway-aura:after{display:none}}
@media print{.takeaway-dialog,.deck-footer{display:none!important}}
.stage>*,.step-card>div{min-width:0}.slide-copy h1,.cover-copy h1,.step-card h2,.step-card p{overflow-wrap:anywhere}
@media(max-width:400px){.deck-header .talks-back{display:none}.deck-header .brand{width:118px}.stage:not(.is-cover):not(.is-example){grid-template-columns:minmax(0,1fr)}}

/* 1.4.1 — logo beside the author in the footer */
.deck-footer .speaker{flex:0 1 60%;gap:18px}.deck-footer .speaker .footer-brand{width:136px}.deck-footer .navigation{margin-left:auto}
@media(max-width:760px){.deck-footer .speaker{grid-column:1/-1;grid-row:1;gap:16px;justify-content:space-between}.deck-footer .speaker .footer-brand{width:116px}.deck-footer .speaker>div{text-align:right;flex:0 1 auto;width:auto;overflow-wrap:anywhere}.deck-footer .navigation{margin:0}}

/* 1.4.3 — screenshot and takeaway share one final screen */
.takeaway-dialog.with-example[open]{display:flex;flex-direction:column;gap:10px;width:min(1480px,calc(100% - 40px));height:94svh;max-height:94svh;padding:22px 30px 20px;border-radius:26px 10px 26px 10px}
.takeaway-dialog.with-example .takeaway-symbol{display:none}.takeaway-dialog.with-example .takeaway-close{top:16px;right:18px;z-index:2}
.takeaway-media{display:flex;flex:1 1 auto;min-height:130px;flex-direction:column;gap:8px}.takeaway-media-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:34px;padding-right:42px;flex-shrink:0;color:#c7ddd5;font-size:13px}.takeaway-media-head>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.takeaway-gallery-controls{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}.takeaway-gallery-controls .icon-btn{width:30px;height:30px;font-size:18px}
.takeaway-image-frame{position:relative;flex:1 1 auto;min-height:90px;overflow:hidden;border:1px solid #abefcf50;border-radius:13px 5px 13px 5px;background:#07131c;box-shadow:0 8px 30px #0003;display:flex;align-items:center;justify-content:center}
.takeaway-image-frame img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.takeaway-image-error{font-size:14px;color:var(--muted)}
.takeaway-dialog.with-example .eyebrow{flex-shrink:0;font-size:10px;letter-spacing:2px;margin:5px 0 0}
.takeaway-dialog.with-example #takeawayText{flex-shrink:0;font-size:clamp(19px,2.1vw,30px);line-height:1.3;letter-spacing:-.3px;margin:0;text-wrap:balance}
.takeaway-dialog.with-example .takeaway-dialog-bottom{flex-shrink:0;margin-top:3px;gap:20px}.takeaway-dialog.with-example .next-btn{min-height:40px;padding:8px 20px;font-size:13px}
@media(max-width:760px){.takeaway-dialog.with-example[open]{width:calc(100% - 16px);height:95svh;max-height:95svh;padding:14px 14px 16px;gap:8px;border-radius:20px 7px 20px 7px}.takeaway-dialog.with-example .takeaway-close{top:12px;right:12px}.takeaway-media-head{font-size:11px;padding-right:36px;gap:8px}.takeaway-gallery-controls{gap:6px;font-size:10px}.takeaway-gallery-controls .icon-btn{width:27px;height:27px}.takeaway-dialog.with-example #takeawayText{font-size:18px;line-height:1.3}.takeaway-dialog.with-example .eyebrow{font-size:9px;letter-spacing:1.4px}}
@media(max-width:760px){.takeaway-dialog.with-example[open]{height:fit-content}.takeaway-dialog.with-example .takeaway-media{flex:0 1 auto;min-height:0}.takeaway-dialog.with-example .takeaway-image-frame{flex:0 1 auto;min-height:0}.takeaway-dialog.with-example .takeaway-image-frame img{height:auto;max-height:max(100px,calc(95svh - 330px))}}