html{scroll-behavior:smooth}.hero{position:relative}.hero>div,.hero-image{z-index:1}.hero-image{animation:chip-hover 7s ease-in-out infinite}.hero-image:after{content:'';pointer-events:none;position:absolute;inset:18% 0 10% 30%;background:radial-gradient(ellipse,#35e6ed0a,transparent 65%);animation:chip-glow 4s ease-in-out infinite}.hero h1{animation:soft-enter .8s ease-out both}.hero .intro{animation:soft-enter 1s ease-out both}.hero-links{animation:soft-enter 1.2s ease-out both}.hero-dust{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#36deed;box-shadow:0 0 9px #36deed;opacity:.25;animation:dust-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.hero-dust i:nth-child(3n){background:#ee57eb;box-shadow:0 0 8px #ee57eb}.hero-dust i:nth-child(4n){background:#ffd56c}.motion-control{background:#0c172a;color:#b7d7e5;border-color:#304863;font-size:10px;padding:8px 10px;white-space:nowrap}.motion-control[aria-pressed=true]{color:#ffd56c;border-color:#ffd56c70}.quick-scenes{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.quick-scenes a{border-bottom:1px solid #36deed35;color:#93accf;font-size:10px;text-decoration:none;padding:5px 0;margin-right:10px;transition:color .2s,border-color .2s}.quick-scenes a:hover{color:#36deed;border-color:#36deed}.scene-section{margin-top:45px}.scene-chooser{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}.scene-chooser button{background:#0a1228;border-color:#263654;color:#a3b6d6;font-size:11px;padding:10px 14px}.scene-chooser button[aria-pressed=true]{border-color:#36deed;color:#36deed;background:#10283a}.scene-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0;border:1px solid #2b3b60;border-radius:11px;background:radial-gradient(ellipse at 30% 40%,#12294b50,transparent 65%),#060b20;overflow:hidden}.scene-drawing{min-width:0}.scene-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid #243052}.scene-topbar h3{margin:0;font-size:14px;font-weight:550;color:#cce5f4}.scene-topbar span{font:10px monospace;color:#758daf}.scene-drawing canvas{height:365px;width:100%;display:block}.scene-side{padding:23px;background:#0a1228;border-left:1px solid #243052;min-width:0}.scene-side label{font-size:11px;color:#a5b8d7}.scene-value{display:block;color:#ffd56c;font:24px/1.3 ui-monospace,Consolas,monospace;margin:12px 0 16px}.scene-side input{width:100%;accent-color:#36deed}.scene-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.scene-controls button{background:#0e1c32;border-color:#30496b;color:#b5d6e7;font-size:11px;padding:10px 5px}.scene-controls button:first-child{grid-column:1/-1;background:#102a3d;color:#36deed;border-color:#36deed75}.scene-controls button:disabled{opacity:.35;cursor:default}.scene-side .hint{font-size:10px;line-height:1.8;margin-top:16px}.scene-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #243052;gap:0}.scene-step{padding:12px 9px;border:0;border-right:1px solid #243052;border-radius:0;background:#080f23;color:#7f94b8;font-size:10px;text-align:left;min-width:0}.scene-step b{display:block;font:10px monospace;margin-bottom:5px;color:#5b739b}.scene-step[aria-pressed=true]{color:#d8f5fa;background:#102a3c;box-shadow:inset 0 2px #36deed}.scene-step[aria-pressed=true] b{color:#36deed}.scene-story{margin-top:16px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;border-left:2px solid #ffd56c;padding:7px 16px}.scene-story h3{font-size:13px;margin:0;color:#f2e0a9}.scene-story p{margin:0;color:#9bafcf;font-size:12px;line-height:1.8}.scene-equation{color:#ffd56c;font:12px/1.8 ui-monospace,Consolas,monospace;margin:15px 0 0}.scene-footnote{color:#748bae;font-size:10px;line-height:1.8;margin:15px 0}.chapter-scene{display:inline-block;margin:15px 0 4px;padding:9px 13px;border:1px solid #36deed60;border-radius:5px;color:#36deed;text-decoration:none;font-size:11px}.chapter-body{animation:chapter-open .3s ease-out}.metric strong{transition:color .3s,opacity .3s}.metric strong.metric-updated{animation:metric-light .65s ease-out}.stage canvas{transition:opacity .25s}.state-changing{animation:scene-change .45s ease-out}.scene-chooser button:focus-visible,.scene-step:focus-visible{outline:2px solid #ffd56c;outline-offset:3px}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}.scene-note{color:#a4b6cd;font-size:11px;margin:0}
@keyframes chip-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes chip-glow{0%,100%{opacity:.35}50%{opacity:1}}@keyframes dust-drift{from{transform:translate(0,7px);opacity:.12}to{transform:translate(16px,-14px);opacity:.5}}@keyframes soft-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chapter-open{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes metric-light{0%{opacity:.4;text-shadow:0 0 16px currentColor}100%{opacity:1;text-shadow:none}}@keyframes scene-change{0%{opacity:.35}100%{opacity:1}}
@media(max-width:1000px){header{flex-wrap:wrap}.scene-workspace{grid-template-columns:minmax(0,1fr) 235px}.scene-side{padding:19px}.scene-chooser button{padding:9px 11px}.scene-drawing canvas{height:350px}}@media(max-width:820px){.scene-workspace{grid-template-columns:1fr}.scene-side{border-left:0;border-top:1px solid #243052;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.scene-controls{margin-top:0}.scene-side .hint{grid-column:1/-1;margin:0}.scene-value{font-size:21px}.scene-story{grid-template-columns:1fr;gap:6px}.scene-drawing canvas{height:340px}}@media(max-width:560px){.motion-control{font-size:9px;padding:7px 9px}.scene-chooser{gap:7px}.scene-chooser button{font-size:10px;flex:1 1 28%;padding:10px 5px}.scene-topbar{padding:14px}.scene-topbar h3{font-size:12px}.scene-topbar span{font-size:8px}.scene-drawing canvas{height:300px}.scene-side{padding:16px;gap:13px}.scene-controls button{font-size:10px}.scene-step{font-size:8px;padding:11px 7px}.scene-step b{font-size:9px}.scene-story p{font-size:11px}.scene-value{font-size:19px}.quick-scenes{gap:4px}.quick-scenes a{font-size:9px}.hero-dust i{opacity:.15}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
html{scroll-padding-top:105px}header{position:sticky;top:0;z-index:40;background:#030719eb;backdrop-filter:blur(16px);padding-top:12px}header nav{align-items:center}header nav a{position:relative;padding:8px 0;transition:color .2s,text-shadow .2s;white-space:nowrap}header nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#36deed;box-shadow:0 0 8px #36deed;transform:scaleX(0);transform-origin:left;transition:transform .25s}header nav a:hover,header nav a[aria-current=location]{color:#69eff7;text-shadow:0 0 12px #36deed66}header nav a:hover:after,header nav a[aria-current=location]:after{transform:scaleX(1)}#menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:34px;border:1px solid #344a70;border-radius:5px;background:#0d1830;color:#8de5ec}#menu-toggle span{display:block;position:relative;width:16px;height:1px;background:currentColor;transition:transform .2s}#menu-toggle span:before,#menu-toggle span:after{content:'';position:absolute;left:0;width:16px;height:1px;background:currentColor;transition:transform .2s,top .2s}#menu-toggle span:before{top:-5px}#menu-toggle span:after{top:5px}#menu-toggle[aria-expanded=true] span{background:transparent}#menu-toggle[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}#menu-toggle[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header{gap:12px!important;flex-wrap:nowrap!important;padding-bottom:13px!important}.brand{margin-right:auto}.brand small{font-size:6px}.brand{font-size:12px;gap:7px}.motion-control{font-size:8px;padding:7px}#menu-toggle{display:flex;flex-shrink:0}header nav{position:absolute;top:100%;right:0;left:0;width:auto;display:none;padding:13px 18px 18px;gap:4px;background:#0a1229f5;border:1px solid #2c4268;border-radius:0 0 8px 8px;box-shadow:0 15px 30px #0006;backdrop-filter:blur(18px)}header nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;animation:menu-enter .2s ease-out}header nav a{padding:12px;font-size:12px}header nav a:after{left:12px;right:12px}header nav a:hover{background:#15243a}.scene-section{scroll-margin-top:8px}}html[data-motion=paused] header nav[data-open=true]{animation:none}html[data-motion=paused] header nav a,html[data-motion=paused] #menu-toggle span,html[data-motion=paused] #menu-toggle span:before,html[data-motion=paused] #menu-toggle span:after{transition:none}