:root{--bg:#05080d;--panel:#0d1620;--line:#293b4b;--text:#eefaff;--muted:#a5b8c5;--cyan:#58e6ff;--orange:#ff9b3f}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(circle at 80% 10%,rgba(88,230,255,.12),transparent 35%),linear-gradient(rgba(88,230,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(88,230,255,.025) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto;font:clamp(16px,1.8vw,25px)/1.45 Inter,"Segoe UI",sans-serif}.deck{height:100%}.slide{display:none;height:100%;padding:clamp(34px,6vw,92px);align-items:center}.slide.active{display:flex;animation:enter .32s ease-out}@keyframes enter{from{opacity:0;transform:translateX(16px)}}.content{width:min(1200px,100%);margin:auto}.kicker{color:var(--cyan);font:800 .55em/1.2 "Cascadia Code",monospace;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:.22em 0 .55em;line-height:.96;letter-spacing:-.045em}h1{font-size:clamp(3.1rem,8vw,7.6rem);text-transform:uppercase}h2{font-size:clamp(2.4rem,6vw,5.6rem);max-width:15ch}p{max-width:58ch;color:var(--muted)}strong{color:var(--text)}ul,ol{max-width:60rem;padding-left:1.2em}li{margin:.45em 0;color:#c7d5de}li::marker{color:var(--cyan)}.accent{color:var(--cyan)}.orange{color:var(--orange)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,5vw,72px);align-items:center}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{padding:1.1em;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,30,42,.94),rgba(8,13,19,.94));box-shadow:0 24px 70px rgba(0,0,0,.35)}.panel h3{margin-top:0;color:var(--cyan);font-size:1.05em}pre{max-height:55vh;overflow:auto;margin:0;padding:1em;border-left:4px solid var(--cyan);background:#020509;color:#d9faff;font-size:clamp(.68rem,1.25vw,1rem);line-height:1.55;white-space:pre-wrap}code{font-family:"Cascadia Code",Consolas,monospace}.flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:1.5em}.node{padding:.75em 1em;border:1px solid var(--line);background:var(--panel);font-weight:800;text-align:center}.arrow{color:var(--orange);font-weight:900}.huge{font-size:clamp(3rem,10vw,9rem);font-weight:950;letter-spacing:-.07em;line-height:.85}.comparison{width:100%;border-collapse:collapse;font-size:.8em}.comparison th,.comparison td{padding:.75em;border-bottom:1px solid var(--line);text-align:left}.comparison th{color:var(--cyan)}.hud{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px;padding:10px 18px;background:rgba(5,8,13,.9);border-top:1px solid var(--line);z-index:5;font:700 12px/1 "Cascadia Code",monospace;text-transform:uppercase;letter-spacing:.08em}.progress{flex:1;height:3px;background:var(--line)}.progress span{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hud button,.hud a{color:var(--muted);background:none;border:0;text-decoration:none;font:inherit;cursor:pointer}.hud button:hover,.hud a:hover{color:var(--text)}.slide-number{min-width:58px;text-align:right;color:var(--cyan)}.note{padding:.7em 1em;border-left:3px solid var(--orange);background:rgba(255,155,63,.08);color:#ffd9b5}@media(max-width:760px){.two,.three{grid-template-columns:1fr}.slide{padding:28px 24px 58px;align-items:flex-start;overflow:auto}.content{margin:auto 0}.three .panel{padding:.7em}}@media(prefers-reduced-motion:reduce){.slide.active{animation:none}}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:1.5em;border-top:2px solid var(--cyan)}.timeline div{position:relative;padding:1.25em .7em 0;border-left:1px solid var(--line)}.timeline div:before{content:"";position:absolute;top:-7px;left:-7px;width:12px;height:12px;background:var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px rgba(88,230,255,.8)}.timeline strong,.timeline span{display:block}.timeline strong{color:var(--orange);font-family:"Cascadia Code",monospace;font-size:.75em}.timeline span{margin-top:.5em;color:var(--muted);font-size:.72em}.layer-stack{display:flex;flex-direction:column;gap:8px;perspective:600px}.layer-stack div{padding:.7em 1em;text-align:center;border:1px solid var(--line);background:linear-gradient(90deg,#101c27,#172938);box-shadow:0 9px 0 #05080d,0 10px 0 var(--line);transform:skewX(-4deg)}.layer-stack div.writable{border-color:var(--orange);background:rgba(255,155,63,.12);color:#ffd3ab}.layer-stack small{color:var(--muted)}.layer-stack span{text-align:center;color:var(--cyan);font:700 .58em/1.2 "Cascadia Code",monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:.6em}.image-name{display:flex;align-items:center;justify-content:center;gap:.2em;margin:.2em 0 1.2em;font:800 clamp(1.2rem,3vw,2.25rem)/1 "Cascadia Code",monospace}.image-name span{padding:.45em .55em;border:1px solid var(--line);background:var(--panel)}.image-name span:nth-of-type(1){color:var(--muted)}.image-name span:nth-of-type(2){color:var(--cyan)}.image-name span:nth-of-type(3){color:var(--orange)}.image-name b{color:var(--muted)}.source-links{font-size:.68em}.source-links a{color:var(--cyan);text-underline-offset:4px}.demo-cue{display:flex;align-items:center;gap:1em;margin-top:1em;padding:.6em .8em;border:1px solid rgba(255,155,63,.55);background:rgba(255,155,63,.08);font-size:.68em}.demo-cue strong{flex:none;color:var(--orange);font:900 .9em/1 "Cascadia Code",monospace;letter-spacing:.12em}.demo-cue span{color:#ffd9b5}.accent-border{border-color:var(--cyan)!important;box-shadow:0 0 22px rgba(88,230,255,.12)}
@media(max-width:760px){.timeline{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--cyan)}.timeline div{padding:.55em 0 .55em 1em}.timeline div:before{top:1em}.image-name{flex-wrap:wrap}.demo-cue{align-items:flex-start;flex-direction:column}}