html,body{margin:0;padding:0;height:100%}body{overflow:hidden}.skip-link{display:none}.deck{block-size:100dvh;inline-size:100vw;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--optic-surface-canvas);outline:none}@media(prefers-reduced-motion:reduce){.deck{scroll-behavior:auto}}.slide{block-size:100dvh;inline-size:100vw;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:clamp(16px,3vh,48px);background:var(--optic-surface-canvas);overflow:hidden}.box{inline-size:min(100%,calc((100dvh - clamp(32px,6vh,96px)) * 16 / 9));aspect-ratio:16 / 9;max-inline-size:1920px;max-block-size:1080px;display:grid;place-items:center;position:relative}.stage{inline-size:100%;block-size:100%;padding:clamp(24px,4vh,72px) clamp(32px,5vw,96px);display:flex;flex-direction:column;gap:clamp(12px,1.6vh,24px);justify-content:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:6px 14px;background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-pill);font-family:var(--optic-font-sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--optic-label-secondary)}.eyebrow-mark{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:6px;background:var(--optic-surface-sunken);overflow:hidden;padding:0;margin-inline-start:-6px}.eyebrow-mark img{display:block}.display{margin:0;font-family:var(--optic-font-sans);font-size:clamp(56px,8vw,112px);line-height:1.02;letter-spacing:-.03em;font-weight:700;color:var(--optic-label-primary);text-wrap:balance}.display-lg{margin:0;font-family:var(--optic-font-sans);font-size:clamp(72px,11vw,160px);line-height:.98;letter-spacing:-.035em;font-weight:700;color:var(--optic-label-primary);text-wrap:balance}.title{margin:0;font-family:var(--optic-font-sans);font-size:clamp(40px,5.2vw,72px);line-height:1.05;letter-spacing:-.025em;font-weight:700;color:var(--optic-label-primary);text-wrap:balance}.title-lg{margin:0;font-family:var(--optic-font-sans);font-size:clamp(44px,6vw,88px);line-height:1.04;letter-spacing:-.028em;font-weight:700;color:var(--optic-label-primary);text-wrap:balance}.lede{margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.5;color:var(--optic-label-secondary);max-inline-size:62ch}.lede-lg{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.4;color:var(--optic-label-secondary);max-inline-size:48ch}.note{margin:0;font-size:clamp(14px,1.2vw,17px);color:var(--optic-label-tertiary);max-inline-size:58ch}.byline{margin:0;font-size:clamp(14px,1.2vw,17px);color:var(--optic-label-tertiary);display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center}.byline strong{color:var(--optic-label-primary);font-weight:600}.byline .sep{color:var(--optic-label-quaternary)}.accent{background:var(--optic-ai-gradient);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:deck-shimmer 8s linear infinite}@keyframes deck-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(prefers-reduced-motion:reduce){.accent{animation:none}}.stage-title{justify-content:center;align-items:flex-start;gap:clamp(16px,2vh,32px)}.stage-copy{justify-content:center;align-items:flex-start}.stage-lesson{justify-content:center;align-items:flex-start;gap:clamp(16px,2.4vh,36px)}.stage-divider{justify-content:center;align-items:flex-start;gap:clamp(16px,2vh,32px)}.stage-close{justify-content:center;align-items:flex-start;gap:clamp(18px,2.4vh,40px)}.stage-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:center;padding:clamp(24px,4vh,72px) clamp(32px,5vw,96px)}.stage-artifact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(32px,4vw,72px);align-items:center;padding:clamp(24px,4vh,72px) clamp(32px,5vw,96px)}.artifact-copy{display:flex;flex-direction:column;gap:clamp(12px,1.6vh,24px)}.title-sm{margin:0;font-family:var(--optic-font-sans);font-size:clamp(36px,4.4vw,60px);line-height:1.06;letter-spacing:-.022em;font-weight:700;color:var(--optic-label-primary);text-wrap:balance}.artifact-frame{inline-size:100%}.artifact-frame :global(img){inline-size:100%;block-size:auto;display:block}.inline-link{color:var(--optic-label-primary);text-decoration:underline;text-decoration-color:var(--optic-label-quaternary);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color var(--optic-duration-quick) var(--optic-ease-standard)}.inline-link:hover{text-decoration-color:var(--optic-label-primary)}.split-copy{display:flex;flex-direction:column;gap:clamp(12px,1.6vh,24px)}.split-visual{display:flex;align-items:center;justify-content:center;min-inline-size:0}.pillars{margin-block-start:clamp(8px,1vh,16px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}.pillar{padding:clamp(16px,1.8vw,24px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xl);display:flex;flex-direction:column;gap:8px}.pillar h3{margin:0;font-size:clamp(16px,1.3vw,19px);font-weight:600;color:var(--optic-label-primary)}.pillar p{margin:0;font-size:clamp(13px,1.05vw,15px);line-height:1.5;color:var(--optic-label-tertiary)}.pillar-icon{inline-size:40px;block-size:40px;border-radius:var(--optic-radius-lg);background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);display:grid;place-items:center;color:var(--optic-label-secondary);margin-block-end:4px}.cards-3{margin-block-start:clamp(8px,1vh,20px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}.card{padding:clamp(20px,1.8vw,28px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xl);box-shadow:var(--optic-shadow-1);display:flex;flex-direction:column;gap:10px}.card h3{margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:600;color:var(--optic-label-primary)}.card p{margin:0;font-size:clamp(13px,1.05vw,15px);line-height:1.55;color:var(--optic-label-secondary)}.card em{color:var(--optic-label-primary);font-style:normal;background:var(--optic-fill-1);padding:0 4px;border-radius:var(--optic-radius-xs)}.card-icon{inline-size:40px;block-size:40px;border-radius:var(--optic-radius-lg);background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);display:grid;place-items:center;color:var(--optic-label-secondary);margin-block-end:4px}.card-icon.danger{color:var(--optic-status-danger)}.stage-pause{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:center;padding:clamp(24px,4vh,72px) clamp(32px,5vw,96px)}.pause-copy{display:flex;flex-direction:column;gap:clamp(14px,2vh,28px);min-inline-size:0}.stage-pause blockquote{margin:0;padding:0;border:0}.stage-pause blockquote p{margin:0;font-family:var(--optic-font-sans);font-size:clamp(28px,3.6vw,48px);line-height:1.2;letter-spacing:-.02em;font-weight:600;color:var(--optic-label-primary);text-wrap:balance}.stage-pause blockquote footer{margin-block-start:clamp(10px,1.4vh,20px);font-size:clamp(14px,1.2vw,17px);color:var(--optic-label-tertiary)}.pause-photo{margin:0;inline-size:100%;aspect-ratio:4 / 3;border-radius:var(--optic-radius-2xl);overflow:hidden;box-shadow:var(--optic-shadow-4);border:1px solid var(--optic-border-subtle);position:relative}.pause-photo img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.pause-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#03040700 55%,#03040747)}.lesson-takeaway{margin:0;margin-block-start:clamp(8px,1vh,16px);display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-pill);font-size:clamp(14px,1.2vw,17px);color:var(--optic-label-primary);align-self:flex-start;font-weight:500}.lesson-takeaway :global(svg){color:var(--optic-status-success)}.transition-arrow{margin-block-start:clamp(12px,1.6vh,24px);display:inline-flex;align-items:center;gap:20px;padding:14px 24px;background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-pill);font-family:var(--optic-font-mono);font-size:clamp(14px,1.3vw,18px);align-self:flex-start}.transition-arrow .t-from{color:var(--optic-label-tertiary);text-decoration:line-through}.transition-arrow .t-to{font-weight:600}.transition-arrow :global(svg){color:var(--optic-label-tertiary)}.brand-mark{margin-block-start:clamp(16px,2vh,32px);inline-size:72px;block-size:72px;border-radius:var(--optic-radius-xl);background:var(--optic-surface-raised);border:1px solid var(--optic-border-subtle);box-shadow:var(--optic-shadow-3);display:grid;place-items:center;overflow:hidden}.brand-mark img{inline-size:56px;block-size:56px}.feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;margin-block-start:clamp(8px,1vh,16px)}.feature-list li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;font-size:clamp(14px,1.2vw,17px);line-height:1.5;color:var(--optic-label-secondary)}.feature-list li :global(svg){color:var(--optic-label-primary);margin-block-start:2px}.feature-list li strong{color:var(--optic-label-primary);font-weight:600}.panel-mock{inline-size:100%;max-inline-size:420px;background:var(--optic-surface-raised);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xl);box-shadow:var(--optic-shadow-4);overflow:hidden;font-family:var(--optic-font-sans);display:flex;flex-direction:column}.pm-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-block-end:1px solid var(--optic-separator);background:var(--optic-surface-sunken);font-size:13px;font-weight:600;color:var(--optic-label-primary)}.pm-head img{border-radius:6px}.pm-chip{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-pill);font-size:11px;font-weight:500;color:var(--optic-label-secondary)}.pm-dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--optic-status-success)}.pm-body{padding:14px;display:flex;flex-direction:column;gap:8px}.pm-bubble{max-inline-size:85%;padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.5}.pm-bubble.user{align-self:flex-end;background:var(--optic-accent);color:var(--optic-accent-on);border-bottom-right-radius:4px;font-weight:500}.pm-bubble.agent{align-self:flex-start;background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);color:var(--optic-label-secondary);border-bottom-left-radius:4px;display:flex;flex-direction:column;gap:4px}.pm-phase{display:inline-flex;align-items:center;gap:8px;font-family:var(--optic-font-mono);font-size:11px}.pm-pill{display:inline-flex;align-items:center;padding:1px 8px;margin-inline-end:8px;border-radius:var(--optic-radius-pill);background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);color:var(--optic-label-primary);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.pm-foot{margin-block-start:auto;padding:10px 14px;border-block-start:1px solid var(--optic-separator);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--optic-label-tertiary)}.pm-foot>span:first-child{flex:1}.pm-send{inline-size:24px;block-size:24px;border-radius:50%;background:var(--optic-accent);color:var(--optic-accent-on);display:grid;place-items:center}.panel-mock[data-state] .pm-body{max-block-size:300px;overflow-y:auto;scroll-behavior:smooth}.pm-empty{padding:18px 10px;text-align:center;color:var(--optic-label-tertiary);font-size:12px}.pm-kbd{font-family:var(--optic-font-mono);font-size:11px;padding:1px 6px;background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xs);color:var(--optic-label-primary)}.pm-agent-head{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--optic-label-tertiary);padding-block-end:4px}.pm-shimmer{inline-size:10px;block-size:10px;border-radius:50%;background:var(--optic-ai-gradient);animation:pm-shimmer-rotate 2.5s linear infinite;flex-shrink:0}@keyframes pm-shimmer-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pm-shimmer{animation:none}}.pm-bubble.pm-answer{background:var(--optic-fill-1);border-color:var(--optic-border-strong);color:var(--optic-label-primary);font-weight:500}.pm-foot-interactive{padding:8px 10px 8px 14px;gap:6px}.pm-input-field{flex:1;min-inline-size:0;padding:0;background:transparent;border:0;outline:none;color:var(--optic-label-primary);font-family:var(--optic-font-sans);font-size:12px;line-height:1.5}.pm-input-field::placeholder{color:var(--optic-label-quaternary)}.pm-send-btn{inline-size:28px;block-size:28px;border-radius:50%;background:var(--optic-accent);color:var(--optic-accent-on);display:grid;place-items:center;cursor:pointer;border:0;padding:0;transition:transform var(--optic-duration-quick) var(--optic-ease-standard),opacity var(--optic-duration-quick) var(--optic-ease-standard);flex-shrink:0}.pm-send-btn:hover{transform:scale(1.05)}.pm-send-btn:active{transform:scale(.95)}.pm-send-btn[disabled]{opacity:.45;cursor:default;transform:none}.panel-mock[data-state=playing] .pm-head .pm-dot{animation:pm-dot-pulse 1s ease-in-out infinite}@keyframes pm-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.panel-mock[data-state=playing] .pm-head .pm-dot{animation:none}}.pm-body>*{animation:pm-enter .3s var(--optic-ease-standard)}.pm-bubble.agent>*{animation:pm-enter .28s var(--optic-ease-standard)}@keyframes pm-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pm-body>*,.pm-bubble.agent>*{animation:none}}.arch{margin-block-start:clamp(8px,1.4vh,24px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(8px,1vw,16px)}.arch-node{padding:clamp(14px,1.4vw,22px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-lg);display:flex;flex-direction:column;gap:6px}.arch-node :global(svg){color:var(--optic-label-secondary)}.arch-node strong{font-size:clamp(13px,1.1vw,16px);color:var(--optic-label-primary);font-weight:600}.arch-node span{font-size:clamp(11px,.9vw,13px);color:var(--optic-label-tertiary)}.arch-node[data-kind=core]{background:var(--optic-fill-1);border-color:var(--optic-border-strong)}.arch-arrow{display:grid;place-items:center;color:var(--optic-label-quaternary)}.arch-row-2{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1vw,16px);margin-block-start:clamp(8px,1.2vh,16px);max-inline-size:60%;justify-self:start}.arch-note{margin:0;margin-block-start:clamp(12px,1.6vh,24px);font-size:clamp(13px,1.1vw,16px);color:var(--optic-label-tertiary)}.arch-note code{font-family:var(--optic-font-mono);font-size:.92em;padding:1px 6px;background:var(--optic-fill-1);border-radius:var(--optic-radius-xs);color:var(--optic-label-secondary)}.phase-steps{margin-block-start:clamp(8px,1vh,16px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,14px)}.phase-step{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:clamp(10px,1.1vw,14px) clamp(12px,1.2vw,16px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-lg);min-inline-size:0}.phase-step p{margin:0;font-size:clamp(12px,1vw,14px);line-height:1.5;color:var(--optic-label-secondary)}.phase{padding:4px 12px;border-radius:var(--optic-radius-pill);background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);color:var(--optic-label-primary);font-family:var(--optic-font-mono);font-size:clamp(12px,1vw,14px);font-weight:500}.tools-grid{margin-block-start:clamp(8px,1vh,16px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,14px);align-items:start}.tools-cat{padding:clamp(12px,1.2vw,16px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-lg);display:flex;flex-direction:column;gap:10px;min-inline-size:0}.tools-head{display:inline-flex;align-items:center;gap:8px;color:var(--optic-label-primary)}.tools-head :global(svg){color:var(--optic-label-secondary);flex-shrink:0}.tools-head strong{flex:1;font-size:clamp(13px,1.05vw,15px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-head .count{padding:1px 8px;border-radius:var(--optic-radius-pill);background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);font-family:var(--optic-font-mono);font-size:11px;color:var(--optic-label-secondary);flex-shrink:0}.tools-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.tools-list li{padding:3px 10px;background:var(--optic-surface-sunken);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-sm);font-family:var(--optic-font-mono);font-size:clamp(10px,.85vw,12px);color:var(--optic-label-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code{margin:0;margin-block-start:clamp(8px,1vh,16px);padding:clamp(16px,1.8vw,28px);background:#090c10;border:1px solid hsl(210 15% 100% / .08);border-radius:var(--optic-radius-xl);font-family:var(--optic-font-mono);font-size:clamp(12px,1.1vw,15px);line-height:1.7;color:#b6bfc8;overflow:auto}.code .k{color:#99c7f5}.code .s{color:#8ee1ba}.code .n{color:#d2a5e9}.code .c{color:#838c95;font-style:italic}.code .cm{color:#838c95;font-style:italic;display:block;margin-block-end:6px}.mem-grid{margin-block-start:clamp(8px,1vh,16px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}.mem-cell{padding:clamp(14px,1.4vw,20px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-lg);display:flex;align-items:flex-start;gap:14px}.mem-cell>svg{color:var(--optic-label-secondary);flex-shrink:0;margin-block-start:2px}.mem-text{display:flex;flex-direction:column;gap:4px;min-inline-size:0}.mem-text strong{font-size:clamp(14px,1.2vw,17px);font-weight:600;color:var(--optic-label-primary)}.mem-text span{font-size:clamp(12px,1vw,14px);color:var(--optic-label-tertiary);line-height:1.5}.mem-footer{margin:0;margin-block-start:clamp(8px,1vh,16px);font-size:clamp(13px,1.05vw,15px);color:var(--optic-label-tertiary);display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}.mono,.mem-footer .mono{font-family:var(--optic-font-mono);font-size:.92em;padding:2px 8px;background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-sm);color:var(--optic-label-secondary)}.providers{margin-block-start:clamp(8px,1vh,16px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}.prov{padding:clamp(14px,1.4vw,20px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-lg);display:flex;flex-direction:column;gap:6px;min-block-size:0}.prov-head{display:inline-flex;align-items:center;gap:8px;color:var(--optic-label-primary)}.prov-head :global(svg){color:var(--optic-label-secondary)}.prov-head strong{font-size:clamp(14px,1.15vw,16px);font-weight:600}.prov-meta{margin:0;font-family:var(--optic-font-mono);font-size:clamp(11px,.9vw,13px);color:var(--optic-label-tertiary)}.prov-body{margin:0;font-size:clamp(12px,1vw,14px);line-height:1.5;color:var(--optic-label-secondary)}.prov-footer{margin:0;margin-block-start:clamp(10px,1.2vh,18px);font-size:clamp(13px,1.05vw,15px);line-height:1.5;color:var(--optic-label-tertiary)}.prov-footer code{font-family:var(--optic-font-mono);font-size:.92em;padding:1px 6px;background:var(--optic-fill-1);border-radius:var(--optic-radius-xs);color:var(--optic-label-secondary)}.lede code,.note code,.card p code{font-family:var(--optic-font-mono);font-size:.9em;padding:1px 6px;background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xs);color:var(--optic-label-primary)}.benefits{margin-block-start:clamp(8px,1vh,20px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.4vw,22px)}.benefit{padding:clamp(16px,1.6vw,24px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xl);box-shadow:var(--optic-shadow-1);display:flex;flex-direction:column;gap:8px;min-inline-size:0}.benefit-icon{inline-size:40px;block-size:40px;border-radius:var(--optic-radius-lg);background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);display:grid;place-items:center;color:var(--optic-label-secondary);margin-block-end:4px}.benefit h3{margin:0;font-size:clamp(16px,1.3vw,20px);font-weight:600;color:var(--optic-label-primary);text-wrap:balance}.benefit p{margin:0;font-size:clamp(13px,1.05vw,15px);line-height:1.55;color:var(--optic-label-secondary)}.benefit code{font-family:var(--optic-font-mono);font-size:.9em;padding:1px 6px;background:var(--optic-fill-1);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xs);color:var(--optic-label-primary)}.tool-stack{margin-block-start:clamp(8px,1vh,16px);display:flex;flex-direction:column;gap:8px}.stack-layer{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:clamp(10px,1.1vw,14px) clamp(14px,1.4vw,20px);background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-lg)}.stack-layer.layer-1{background:var(--optic-fill-1);border-color:var(--optic-border-strong)}.stack-layer.layer-4{opacity:.72}.stack-n{display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;border-radius:var(--optic-radius-pill);background:var(--optic-surface-sunken);color:var(--optic-label-primary);font-family:var(--optic-font-mono);font-size:13px;font-weight:600}.stack-layer strong{display:block;font-size:clamp(14px,1.2vw,17px);font-weight:600;color:var(--optic-label-primary);margin-block-end:1px}.stack-layer span{font-size:clamp(12px,1vw,14px);color:var(--optic-label-tertiary);line-height:1.5}.stack-layer code{font-family:var(--optic-font-mono);font-size:.9em;padding:0 4px;background:var(--optic-fill-1);border-radius:var(--optic-radius-xs);color:var(--optic-label-secondary)}.url-link{text-decoration:none;white-space:nowrap}.url-link:hover,.url-link:focus-visible{filter:brightness(1.1)}.deck-chrome{position:fixed;inset-inline-end:clamp(16px,2vw,32px);inset-block-end:clamp(16px,2vh,32px);z-index:var(--optic-z-chrome);display:inline-flex;align-items:center;gap:8px}.deck-theme-btn{inline-size:36px;block-size:36px;padding:0;border-radius:var(--optic-radius-pill);background:var(--optic-glass-regular-bg);backdrop-filter:blur(var(--optic-glass-regular-blur)) saturate(var(--optic-glass-regular-sat));-webkit-backdrop-filter:blur(var(--optic-glass-regular-blur)) saturate(var(--optic-glass-regular-sat));border:1px solid var(--optic-glass-border);color:var(--optic-label-primary);display:grid;place-items:center;position:relative;cursor:pointer;transition:background var(--optic-duration-quick) var(--optic-ease-standard),transform var(--optic-duration-quick) var(--optic-ease-standard)}.deck-theme-btn:hover{background:var(--optic-glass-thick-bg)}.deck-theme-btn:active{transform:scale(.96)}.theme-ico{position:absolute;inset:0;display:grid;place-items:center;transition:opacity var(--optic-duration-standard) var(--optic-ease-standard),transform var(--optic-duration-standard) var(--optic-ease-standard)}[data-theme=dark] .theme-ico-sun{opacity:1;transform:rotate(0)}[data-theme=dark] .theme-ico-moon{opacity:0;transform:rotate(-90deg)}[data-theme=light] .theme-ico-sun{opacity:0;transform:rotate(90deg)}[data-theme=light] .theme-ico-moon{opacity:1;transform:rotate(0)}.deck-nav{padding:8px 14px;background:var(--optic-glass-regular-bg);backdrop-filter:blur(var(--optic-glass-regular-blur)) saturate(var(--optic-glass-regular-sat));-webkit-backdrop-filter:blur(var(--optic-glass-regular-blur)) saturate(var(--optic-glass-regular-sat));border:1px solid var(--optic-glass-border);border-radius:var(--optic-radius-pill);font-family:var(--optic-font-mono);font-size:13px;color:var(--optic-label-secondary);display:flex;gap:6px;align-items:center}.deck-nav #slide-num{color:var(--optic-label-primary);font-weight:600}.deck-nav .nav-sep{color:var(--optic-label-quaternary)}.deck-hint{position:fixed;inset-inline-start:clamp(16px,2vw,32px);inset-block-end:clamp(16px,2vh,32px);padding:6px 12px;background:var(--optic-glass-regular-bg);backdrop-filter:blur(var(--optic-glass-regular-blur)) saturate(var(--optic-glass-regular-sat));-webkit-backdrop-filter:blur(var(--optic-glass-regular-blur)) saturate(var(--optic-glass-regular-sat));border:1px solid var(--optic-glass-border);border-radius:var(--optic-radius-pill);font-size:12px;color:var(--optic-label-tertiary);z-index:var(--optic-z-chrome);opacity:1;transition:opacity .6s var(--optic-ease-standard)}.deck-hint kbd{font-family:var(--optic-font-mono);font-size:11px;padding:1px 6px;background:var(--optic-fill-2);border:1px solid var(--optic-border-subtle);border-radius:var(--optic-radius-xs);color:var(--optic-label-primary)}.deck-hint.fade-out{opacity:0;pointer-events:none}@media(max-width:900px){.slide{block-size:auto;min-block-size:100dvh;overflow:visible}.box{aspect-ratio:auto;max-block-size:none;block-size:auto;inline-size:100%}.stage{block-size:auto;min-block-size:100dvh;padding-block:clamp(32px,8vh,64px)}.stage-split,.stage-artifact,.stage-pause{grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,32px)}.split-visual,.artifact-frame{order:-1}.pause-photo{order:-1;aspect-ratio:16 / 9}.pillars,.cards-3{grid-template-columns:minmax(0,1fr)}.providers{grid-template-columns:repeat(2,minmax(0,1fr))}.arch{grid-template-columns:minmax(0,1fr)}.arch-arrow{display:none}.arch-row-2{grid-column:auto;max-inline-size:100%}.mem-grid,.benefits{grid-template-columns:minmax(0,1fr)}.phase-steps,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}