:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5ef;font-synthesis:none;text-rendering:geometricprecision;background:#050605;font-family:Inter,Helvetica Neue,Arial,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}body{overscroll-behavior:none;background:#050605}.deck{--accent:#d7ff49;background:#050605;grid-template-rows:1fr 3px;width:100%;height:100%;display:grid;position:relative}.topline{z-index:10;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:0 25px;display:grid;position:fixed;inset:0 0 auto}.wordmark,.midi-status,.section-line button,.controls button,.overview button,.help button{color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0}.wordmark{color:#f5f5ef;letter-spacing:.25em;justify-self:start;padding:0;font:900 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.section-line{gap:12px;display:flex}.section-line button{color:#7f827c;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid #0000;height:30px;padding:0 2px;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.section-line button:hover,.section-line button.active{color:#f5f5ef;border-color:var(--section-color)}.midi-status{color:#8a8d87;white-space:nowrap;justify-content:flex-end;justify-self:end;align-items:center;gap:9px;min-width:28px;padding:8px 0;font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.midi-copy{opacity:0;width:0;transition:width .18s,opacity .18s;overflow:hidden}.midi-status:hover .midi-copy,.midi-status:focus-visible .midi-copy{opacity:1;width:240px}.midi-dot{border:1px solid #6d716b;border-radius:50%;flex:none;width:8px;height:8px}.midi-dot.connected{border-color:var(--accent);background:var(--accent);box-shadow:0 0 18px var(--accent)}.stage{-webkit-user-select:none;user-select:none;touch-action:pan-y;place-items:center;min-height:0;display:grid}.slide-shell{--accent:#d7ff49;aspect-ratio:16/9;isolation:isolate;background:#090a09;width:min(100vw,177.778vh - 5.33333px);min-width:0;display:grid;position:relative;overflow:hidden}.slide-shell:after{content:attr(data-number);z-index:-1;color:#0000;opacity:.13;letter-spacing:-.11em;-webkit-text-stroke:1px var(--accent);pointer-events:none;font-size:clamp(200px,28vw,540px);font-weight:950;line-height:.8;position:absolute;bottom:-.22em;right:-.035em}.slide-content{letter-spacing:-.018em;align-self:center;min-width:0;padding:clamp(66px,8vh,118px) clamp(60px,7.2vw,138px);font-size:clamp(16px,1.34vw,26px);line-height:1.28}.slide-content h1{color:#fafaf4;letter-spacing:-.065em;text-wrap:balance;max-width:94%;margin:0 0 .58em;font-size:clamp(42px,4.3vw,82px);font-weight:880;line-height:.96}.slide-content p{max-width:68ch;margin:.48em 0}.slide-content ul{max-width:98%;margin:0;padding:0;list-style:none}.slide-content li{margin:.4em 0;padding-left:1.15em;position:relative}.slide-content li:before{content:"—";color:var(--accent);font-weight:850;position:absolute;left:0}.slide-content strong{color:var(--accent);font-weight:820}.slide-content code{color:#e6f8eb;background:color-mix(in srgb, var(--accent) 7%, #0b0c0b);padding:.04em .22em;font:.88em/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.slide-content pre{color:#edf9f0;border-left:3px solid var(--accent);max-width:90%;margin:.72em 0;padding:.7em 0 .7em 1em;font-size:1em;line-height:1.22;overflow:hidden}.slide-content pre code{color:inherit;background:0 0;padding:0}.slide-content .code-line{min-height:1.2em;display:block}.slide-content a{color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.17em;text-decoration-thickness:2px}.explainable-line{cursor:help}.line-tooltip{z-index:40;border:1px solid color-mix(in srgb, var(--accent) 62%, #4f534d);color:#f5f5ef;letter-spacing:-.006em;pointer-events:none;background:#111310f5;width:min(430px,100vw - 28px);padding:13px 15px;font-size:13px;font-weight:560;line-height:1.42;position:fixed;box-shadow:0 12px 36px #000a}.slide-shell[data-layout=title] .slide-content{align-self:end;padding:0 clamp(60px,8.5vw,164px) clamp(92px,12vh,156px)}.slide-shell[data-layout=title] .slide-content h1{max-width:88%;margin-bottom:.25em;font-size:clamp(64px,7.5vw,144px);line-height:.88}.slide-shell[data-slide="01-intro/01-yas"] .slide-content h1{color:var(--accent);letter-spacing:.25em;font-size:clamp(126px,17vw,320px)}.slide-shell[data-layout=title] .slide-content p,.slide-shell[data-layout=title] .slide-content li{font-size:1.16em}.slide-shell[data-layout=diagram] .slide-content{padding-top:clamp(58px,7vh,92px);padding-bottom:clamp(52px,6vh,82px)}.slide-shell[data-layout=diagram] .slide-content h1{margin-bottom:.36em}.mermaid{place-items:center;width:min(100%,1320px);height:clamp(210px,34vh,390px);margin:.2em 0 .45em;display:grid}.mermaid svg{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.slide-shell[data-slide="08-delivery/02-topologies"] .mermaid{height:clamp(320px,43vh,480px)}.mermaid .nodeLabel,.mermaid .edgeLabel,.mermaid .cluster-label{letter-spacing:-.02em;font-weight:720}.slide-shell.enter .slide-content{animation:.42s cubic-bezier(.2,.78,.2,1) both slide-in}.slide-shell.enter:after{animation:.62s cubic-bezier(.2,.78,.2,1) both number-in}@keyframes slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes number-in{0%{opacity:0;transform:translate(5%)}to{opacity:.13;transform:translate(0)}}.slide-footer{z-index:3;color:#777a74;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;inset:auto 25px 20px}.progress{z-index:8;height:3px;position:relative;overflow:hidden}.progress-value{background:var(--accent);width:0;height:100%;transition:width .22s ease-out,background .18s}.controls{z-index:12;opacity:0;gap:2px;transition:opacity .15s,transform .15s;display:flex;position:fixed;bottom:32px;right:20px;transform:translateY(8px)}.deck.controls-visible .controls,.controls:focus-within,.controls:hover{opacity:1;transform:translateY(0)}.controls button{color:#9a9d97;letter-spacing:.04em;min-width:34px;height:32px;padding:0 8px;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.controls button:hover,.controls button:focus-visible{color:#050605;background:var(--accent);outline:0}.overview,.help,.blackout{z-index:20;position:fixed;inset:0}.overview{background:#070807fa;padding:38px clamp(24px,5vw,84px);overflow:auto}.overview-head,.help-head{justify-content:space-between;align-items:end;max-width:1540px;margin:0 auto 30px;display:flex}.overview-head span,.help-head span{color:var(--accent);letter-spacing:.16em;font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.overview-head h2,.help-head h2{letter-spacing:-.06em;margin:7px 0 0;font-size:48px}.overview-head button,.help-head button{color:#a1a49e;padding:8px 0}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 24px;max-width:1540px;margin:0 auto;display:grid}.overview-grid button{text-align:left;background:0 0;border-bottom:1px solid #292b28;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;gap:8px 12px;min-height:104px;padding:16px 4px;display:grid}.overview-grid button:hover,.overview-grid button.active{border-color:var(--card-accent);color:var(--card-accent)}.card-number,.card-section{color:#747771;text-transform:uppercase;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.card-section{text-align:right}.overview-grid strong{color:#f1f1eb;grid-column:1/-1;align-self:end;font-size:16px;line-height:1.12}.help{background:#070807f8;place-items:center;padding:36px;display:grid}.help-panel{width:min(980px,92vw);max-height:92vh;overflow:auto}.help-columns{grid-template-columns:1fr 1fr;gap:64px;display:grid}.help h3{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-size:13px}.help dl{margin:0}.help dl div{border-bottom:1px solid #252724;grid-template-columns:148px 1fr;gap:16px;padding:10px 0;display:grid}.help dt{color:#f3f3ed;font:720 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.help dd{color:#979a94;margin:0;font-size:13px}.midi-connect-row{grid-template-columns:auto 1fr;align-items:center;gap:24px;margin-top:30px;display:grid}.midi-connect-row p{color:#777a74;margin:0;font-size:12px;line-height:1.4}.primary{color:#050605!important;background:var(--accent)!important;padding:12px 16px!important;font-weight:850!important}.blackout{cursor:none;background:#000;place-items:end center;padding:32px;display:grid}.blackout span{color:#1d1d1d;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}[hidden]{display:none!important}@media (width<=900px){.topline{height:42px;padding:0 12px}.wordmark,.midi-status{display:none}.section-line{grid-column:1/-1;gap:7px}.section-line button{font-size:7px}.slide-shell{width:min(100vw,177.778vh - 5.33333px)}.slide-content{padding:48px 42px;font-size:clamp(11px,1.62vw,16px)}.slide-content h1{font-size:clamp(28px,5.1vw,48px)}.slide-shell[data-layout=title] .slide-content{padding:0 48px 64px}.slide-shell[data-layout=title] .slide-content h1{font-size:clamp(48px,8.2vw,76px)}.slide-shell[data-slide="01-intro/01-yas"] .slide-content h1{font-size:clamp(94px,18vw,168px)}.slide-footer{inset:auto 12px 12px}.controls{bottom:20px;right:10px}.help-columns{grid-template-columns:1fr;gap:30px}.midi-connect-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}