:root{--ink:#171d25;--muted:#626c78;--line:#dfe5ea;--blue:#006fca;--cyan:#00c6de;--accent:#b34d29;--soft:#f5f8fa;--max:1240px;color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button[hidden],a[hidden],div[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}p{line-height:1.7}h1,h2,h3{letter-spacing:0}h2{font-size:36px;line-height:1.2;font-weight:650}h3{font-size:22px;line-height:1.35;font-weight:600}svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.8}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e88f53;outline-offset:5px}.content{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.band{padding-block:84px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0;color:var(--blue);margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;z-index:100;background:white;padding:14px}.skip-link:focus{top:0}.site-header{height:76px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #ebedf0}.header-inner{height:100%;width:min(1400px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;font-size:21px;font-weight:700}.brand img{object-fit:contain}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:500}.site-header nav a{padding-block:25px;position:relative}.site-header nav a:hover,.text-link:hover{color:var(--blue)}.site-header nav a.active:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:13px;left:0;right:0}.header-link{font-size:13px;display:flex;align-items:center;gap:7px}.hero{position:relative;isolation:isolate;height:640px;max-height:calc(100svh - 150px);min-height:520px;background:#406773;overflow:hidden;scroll-margin-top:76px}.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,25,.68) 0%,rgba(5,17,25,.32) 45%,rgba(5,17,25,.03) 73%),linear-gradient(0deg,rgba(5,17,25,.32),transparent 28%);z-index:-2}.hero-content{position:relative;width:min(var(--max),calc(100% - 80px));margin:auto;padding-block:80px 100px;color:white}.hero .light{color:#c3f6ff;margin-bottom:22px}.hero h1{font-size:64px;line-height:1.12;font-weight:750}.hero-subtitle{font-size:34px;line-height:1.35;font-weight:450;margin-top:20px}.hero-description{font-size:16px;line-height:1.75;color:#f0f7fa;margin-top:20px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:4px;min-height:44px;padding:11px 18px;font-size:13px;font-weight:600;line-height:1.3;transition:background .18s,color .18s}.primary{background:white;color:var(--ink)}.primary:hover{background:#d9f6fb}.ghost{border-color:rgba(255,255,255,.6);color:white;background:transparent}.ghost:hover{background:rgba(255,255,255,.14)}.dark{background:var(--ink);color:white}.dark:hover{background:#38414c}.outline{background:transparent;border-color:var(--line)}.outline:hover{background:var(--soft)}.hero-bottom{position:absolute;bottom:27px;left:max(40px,calc((100% - var(--max))/2));display:flex;gap:28px;font-size:11px;color:#edf9ff}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:4px;flex-shrink:0}.icon-button:hover{background:var(--soft)}.hero-toggle{position:absolute;right:40px;bottom:20px;background:rgba(255,255,255,.9)}.summary{border-bottom:1px solid var(--line)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.summary-grid>p{font-size:17px;color:var(--muted);max-width:540px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid var(--line);padding-top:28px;gap:30px}.metrics strong{display:block;font-size:38px;line-height:1.1;font-weight:600}.metrics span{display:block;color:var(--muted);font-size:12px;margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:35px}.section-heading>p{color:var(--muted);font-size:14px;text-align:right}.section-heading h2{max-width:790px}.comparison-toolbar,.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.segmented{display:inline-flex;gap:3px;background:#edf1f4;padding:4px;border-radius:5px}.segmented button{border:0;background:transparent;padding:10px 17px;color:#57616e;border-radius:3px;min-height:38px;font-size:13px;font-weight:550;white-space:nowrap}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #0000000f}.select-wrap{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}select{max-width:330px;min-height:40px;padding:8px 34px 8px 12px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);font-size:13px}.case-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.case-heading>span{color:var(--muted);font-size:12px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.comparison-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.video-tile{margin:0;min-width:0}.video-tile .video-label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600;padding-bottom:10px}.video-label .ours-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.video-label .badge{color:var(--blue);font-size:10px;background:#e9f6ff;padding:3px 7px;margin-left:auto;border-radius:3px}.video-frame{position:relative;background:#edf2f5;border:1px solid var(--line);border-radius:4px;overflow:hidden;aspect-ratio:104/60}.video-frame.ours{border-color:var(--blue)}.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#101317}.video-error{position:absolute;inset:auto 8px 8px;background:#fff;padding:8px;border-radius:4px;color:#98451f;font-size:12px;display:none}.video-frame.failed .video-error{display:block}.playback-toolbar{margin-top:18px;display:flex;align-items:center;gap:10px}.playback-toolbar input{min-width:60px;flex:1;accent-color:var(--blue)}.playback-toolbar output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;min-width:80px;text-align:right}.prompt{border-top:1px solid var(--line);margin-top:25px}.prompt summary{display:flex;align-items:center;justify-content:space-between;padding-block:18px;cursor:pointer;font-size:12px;list-style:none;font-weight:600}.prompt summary::-webkit-details-marker{display:none}.prompt[open] summary svg{transform:rotate(180deg)}.prompt>p{font-size:13px;color:var(--muted);max-width:1050px;padding-bottom:20px}.case-note{font-size:11px;color:var(--muted);line-height:1.6}.method{background:var(--soft);border-block:1px solid var(--line)}.method-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.method-columns article{min-width:0}.method-label{display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:20px;color:var(--muted)}.method-label>span:first-child{color:var(--blue);font-weight:650}.method-columns h3{margin-bottom:16px}.method-columns article>p{font-size:14px;line-height:1.8;color:var(--muted);min-height:126px}.training-schematic,.memory-schematic{margin-top:26px;text-align:center;font-size:12px}.scheme-node{padding:13px;border:1px solid #c9d4df;border-radius:4px;background:white}.scheme-node.student{background:#e9f6ff;border-color:#a5d3ed;display:flex;justify-content:center;gap:15px}.scheme-node.student span{color:var(--blue);font-style:italic}.scheme-arrow{font-size:20px;color:#929daa;line-height:1.4}.task-heads{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.task-heads>div{border:1px solid var(--line);background:white;padding:14px 5px;border-radius:4px}.task-heads b{display:block;color:var(--blue);font-size:15px;margin-bottom:8px}.task-heads>div:nth-child(2) b{color:#9c4528}.task-heads>div:nth-child(3) b{color:#417563}.task-heads span{font-size:11px;line-height:1.5}.ode-rule{font-size:11px;padding-top:18px;color:var(--muted)}.memory-track{display:flex;gap:9px;justify-content:space-between;align-items:flex-start;padding-top:10px}.memory-track>div{display:grid;grid-auto-flow:column;gap:5px;position:relative;padding-top:30px}.memory-track span{position:absolute;top:0;left:0;right:0;white-space:nowrap;font-size:10px}.memory-track b{display:flex;align-items:center;justify-content:center;width:36px;height:45px;font-weight:500;background:#daeefa;border:1px solid #92c4e7;border-radius:3px}.memory-track .pool b{background:#ffe8d8;border-color:#e2b99d}.memory-track .recent b{background:#e1eee5;border-color:#abc7b2}.memory-track .current b{background:white;border-color:#acb7c4}.selection-criteria{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:27px;padding-block:15px;border-block:1px solid var(--line);font-size:12px}.selection-criteria span:first-child{color:var(--blue)}.selection-criteria span:last-child{color:var(--accent)}.mapping{font-size:12px}.scheme-caption{font-size:11px;color:var(--muted);padding-top:18px}.text-link{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:550;white-space:nowrap}.table-wrap{overflow-x:auto;border-top:1px solid #b7c3cf}table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums;min-width:550px}th,td{text-align:right;padding:17px 24px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{font-size:12px;font-weight:550;color:var(--muted);background:var(--soft)}tr.ours{background:#eaf6ff}tr.ours td:first-child{font-weight:700;color:#0065ab}.table-note{font-size:11px;color:var(--muted);margin-top:15px}.figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:48px}.figure-pair figure{min-width:0}.figure-pair img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:contain;background:white}.figure-pair figcaption{font-size:11px;color:var(--muted);line-height:1.7;padding-top:18px;border-top:1px solid var(--line);margin-top:14px}.figure-pair figcaption>span{display:block;font-size:13px;font-weight:600;color:var(--ink)}.gallery-section{background:var(--soft);border-block:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.gallery-item{background:white;border:1px solid var(--line);border-radius:4px;overflow:hidden;min-width:0}.gallery-item video{width:100%;display:block;aspect-ratio:104/60;object-fit:contain;background:#101317}.gallery-caption{padding:17px}.gallery-caption h3{font-size:15px}.gallery-caption .gallery-meta{font-size:11px;color:var(--muted);margin-top:6px}.gallery-caption details{margin-top:12px;font-size:11px;color:var(--muted)}.gallery-caption summary{cursor:pointer;color:var(--ink)}.gallery-caption p{padding-top:10px;font-size:11px}.citation{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.citation h2{margin-bottom:20px}.citation p{font-size:14px;color:var(--muted);max-width:380px}.citation-code{position:relative;background:var(--soft);border:1px solid var(--line);border-radius:4px;min-width:0;padding:26px}.citation-code .icon-button{position:absolute;right:12px;top:12px}.citation-code pre{overflow-x:auto;margin:0;padding-right:30px;font-size:12px;line-height:1.9}.authors{font-size:13px;line-height:1.6;margin-top:18px}footer{border-top:1px solid var(--line);padding-block:25px}footer>.content{display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:16px}footer span:not(.brand span){font-size:11px;color:var(--muted)}section[id]{scroll-margin-top:96px}
@media(min-width:1600px){.hero{height:650px}.hero>video{object-position:center 43%}}
@media(max-width:1000px){h2{font-size:30px}.content{width:calc(100% - 48px)}.header-inner{width:calc(100% - 40px)}.site-header nav{gap:18px}.header-link{display:none}.hero-content{width:calc(100% - 64px)}.hero h1{font-size:56px}.summary-grid{gap:35px}.method-columns{gap:35px}.memory-track{gap:5px}.memory-track b{width:29px}.memory-track span{font-size:9px}.method-columns article>p{min-height:155px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:15px}.metrics span{font-size:10px}.comparison-grid{gap:10px}.figure-pair{gap:20px}}
@media(max-width:700px){.band{padding-block:52px}.content{width:calc(100% - 36px)}h2{font-size:27px}h3{font-size:19px}.site-header{height:65px}.header-inner{width:calc(100% - 28px);gap:14px}.brand{font-size:17px;gap:7px}.brand img{width:35px;height:32px}.site-header nav{gap:13px;font-size:11px}.site-header nav a:last-child{display:none}.site-header nav a{padding-block:22px}.hero{min-height:520px;height:590px;max-height:calc(100svh - 120px)}.hero-content{width:calc(100% - 40px);padding-top:63px}.hero h1{font-size:44px}.hero-subtitle{font-size:27px;margin-top:16px}.hero-description{font-size:14px;max-width:360px}.hero-actions{gap:10px;margin-top:25px}.hero-actions .button{font-size:12px;padding:11px 14px}.hero .eyebrow{font-size:10px}.hero>video{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(5,17,25,.7),rgba(5,17,25,.24)),linear-gradient(0deg,rgba(5,17,25,.4),transparent 28%)}.hero-bottom{left:20px;gap:15px;font-size:9px;bottom:25px}.hero-toggle{right:18px;bottom:17px}.summary-grid{grid-template-columns:1fr;gap:22px}.summary-grid>p{font-size:15px}.summary-grid h2 br{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:26px;margin-top:30px}.metrics strong{font-size:32px}.metrics span{font-size:11px}.section-heading{align-items:flex-start;margin-bottom:26px;flex-direction:column;gap:16px}.section-heading>p{text-align:left;font-size:12px}.comparison-toolbar,.results-toolbar{align-items:stretch;flex-direction:column;gap:16px}.segmented{align-self:flex-start}.segmented button{font-size:12px;padding:9px 12px}.select-wrap{justify-content:space-between}.select-wrap select{flex:1;max-width:75%}.case-heading{align-items:flex-start;flex-direction:column;gap:6px}.case-heading>span{font-size:11px}.comparison-grid,.comparison-grid.four,.comparison-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid:not(.four):not(.two)>.video-tile:first-child{grid-column:1/-1}.video-label{font-size:11px!important}.playback-toolbar{flex-wrap:wrap}.playback-toolbar .button{min-height:38px;padding:9px 12px;font-size:11px}.playback-toolbar .icon-button{width:38px;height:38px}.playback-toolbar input{flex:1;min-width:80px}.playback-toolbar output{font-size:10px;min-width:66px}.playback-toolbar #late-sequence{margin-left:auto}.method-columns{grid-template-columns:1fr;gap:40px}.method-columns article>p{min-height:0}.method-columns article+article{padding-top:32px;border-top:1px solid var(--line)}.memory-track b{width:35px}.memory-track span{font-size:10px}.training-schematic,.memory-schematic{margin-top:22px}.figure-pair{grid-template-columns:1fr;gap:30px}.figure-pair img{aspect-ratio:auto}.gallery-grid{gap:20px 12px}.gallery-caption{padding:12px}.gallery-caption h3{font-size:13px}.gallery-caption .gallery-meta{font-size:10px;line-height:1.5}.gallery-item video{min-height:100px}.citation{grid-template-columns:1fr;gap:25px}.citation-code{padding:22px 16px}.citation-code pre{font-size:10px}.citation h2{margin-bottom:12px}footer>.content{flex-wrap:wrap;gap:15px}footer>.content>span{display:none}th,td{padding:15px 18px}section[id]{scroll-margin-top:80px}}
@media(max-width:380px){.brand{font-size:15px}.site-header nav{gap:10px;font-size:10px}.hero h1{font-size:39px}.hero-subtitle{font-size:24px}.memory-track b{width:30px}.memory-track{gap:5px}.selection-criteria{font-size:11px;gap:8px}.hero-actions{gap:8px}.hero-actions .button{padding:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
/* Keep comparison images at equal scale within each group on small screens. */
@media(max-width:700px){
  .comparison-grid:not(.four):not(.two){grid-template-columns:1fr}
  .comparison-grid:not(.four):not(.two)>.video-tile:first-child{grid-column:auto}
}
.video-expand{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;margin-left:auto;border:0;background:transparent;color:var(--muted);border-radius:3px;flex-shrink:0}
.video-expand svg{width:14px;height:14px}.video-expand:hover{background:var(--soft);color:var(--blue)}
.video-label .badge+.video-expand{margin-left:0}
@media(min-width:1001px){.comparison-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Project masthead: original samples in a four-column moving backdrop. */
.site-header{height:56px;background:#101719;color:#fff;border-bottom:1px solid #ffffff20}
.header-inner{width:calc(100% - 64px);max-width:none}
.site-header .brand{font-size:18px;gap:8px}.site-header .brand img{width:30px;height:30px}
.site-header nav{margin-left:auto;gap:25px;font-size:14px;color:#d7dcde}
.site-header nav a{padding-block:18px}.site-header nav a:hover{color:white}
.site-header nav a.active:after{bottom:6px;background:#8edcf0}
.hero{height:690px;min-height:450px;max-height:calc(100svh - 150px);background:#101719;scroll-margin-top:56px}
.hero-mosaic{position:absolute;inset:0;z-index:-3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-mosaic video{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center;border-right:1px solid #ffffff18}
.hero-shade{background:#0811169c}
.hero-content{width:min(1300px,calc(100% - 64px));height:100%;padding:45px 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero h1{font-size:96px;line-height:1.08;font-weight:750}
.hero-subtitle{font-size:32px;font-weight:650;line-height:1.35;margin-top:18px;max-width:1050px}
.hero-actions{justify-content:center;margin-top:32px}
.hero-bottom{left:32px;bottom:22px;gap:18px}.hero-toggle{right:28px;bottom:15px}
.summary{padding-top:40px;padding-bottom:54px}
.summary-grid{display:block;max-width:940px;text-align:center}
.summary-grid h2{font-size:26px;color:#25649a;margin-bottom:24px}
.summary-grid>p{max-width:none;text-align:left;border-left:4px solid #357daf;padding:18px 26px;background:#f7f9fa;color:#34414d;font-size:18px}
.metrics{margin-top:34px}
.method-figure img{display:block;width:100%;height:auto}
.method-figure figcaption{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.7}
.memory-demo{margin-top:52px;border-top:1px solid var(--line);padding-top:34px}
.memory-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.memory-demo-heading .eyebrow{margin-bottom:10px}.animation-controls{display:flex;gap:7px;flex-shrink:0}
.animated-track{padding:32px 0 24px;max-width:850px;margin:auto;gap:30px}
.animated-track>div{gap:8px;padding-top:34px;transition:opacity .35s}
.animated-track span{font-size:12px;left:50%;right:auto;transform:translateX(-50%)}
.animated-track b{width:54px;height:58px;font-size:17px;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s}
.animated-track .candidate b{background:#fff2c8;border:1px dashed #b38a22}
.animated-track .current b{background:repeating-linear-gradient(45deg,#dee1e5,#dee1e5 3px,#e9ecef 3px,#e9ecef 6px);color:#57616e}
.memory-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:20px 0 0;counter-reset:stage}
.memory-stages li{counter-increment:stage;font-size:12px;line-height:1.5;color:#68727c;padding:12px 8px;border-top:2px solid #cbd5de;min-width:0}
.memory-stages li:before{content:counter(stage,decimal-leading-zero);display:block;font-size:10px;margin-bottom:7px;font-weight:650}
.memory-stages li.active{color:#0067ac;border-color:#007aca;background:#eaf5fc}
.memory-stage-status{min-height:88px;padding:20px 0 10px}.memory-stage-status strong{font-size:16px}.memory-stage-status p{font-size:13px;color:var(--muted);margin-top:7px}
.position-track{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:28px;align-items:center;min-height:80px}
.position-track>span{font-size:12px;color:var(--muted)}
.position-track>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;flex:1;opacity:0;transition:opacity .35s}
.position-track b{font-size:12px;font-weight:500;text-align:center;padding-bottom:8px;border-bottom:2px solid #8db9d6}
.position-track small{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
.memory-demo[data-phase="1"] .sink b,.memory-demo[data-phase="1"] .candidate b{box-shadow:0 0 0 3px #4f9dca40;transform:translateY(-5px)}
.memory-demo[data-phase="1"] #memory-a{border-color:#c76548;background:#ffe5dd}
.memory-demo[data-phase="2"] .recent b,.memory-demo[data-phase="2"] .candidate b{box-shadow:0 0 0 3px #af861f40;transform:translateY(-5px)}
.memory-demo[data-phase="3"] .pool b{border-color:#52916a;background:#dbf0e2;transform:translateY(-5px)}
.memory-demo[data-phase="3"] .candidate,.memory-demo[data-phase="4"] .candidate,.memory-demo[data-phase="5"] .candidate{opacity:.25}
.memory-demo[data-phase="4"] .position-track>div,.memory-demo[data-phase="5"] .position-track>div{opacity:1}
.memory-demo[data-phase="5"] .current b{background:#d8efe4;border-color:#609e81;color:#23573f;box-shadow:0 0 0 3px #69ae9040}
.memory-moving-block{position:fixed;z-index:40;pointer-events:none;display:flex;justify-content:center;align-items:center;background:#dbf0e2;border:1px solid #52916a;border-radius:3px;font-size:17px;box-shadow:0 4px 12px #00000016}
@media(min-width:1600px){.hero{height:720px}.hero h1{font-size:112px}.hero-subtitle{font-size:36px}}
@media(max-width:1000px){.hero h1{font-size:72px}.hero-subtitle{font-size:27px}.animated-track{gap:15px}.animated-track b{width:43px;height:52px}.animated-track span{font-size:11px}}
@media(max-width:700px){
 .site-header{height:56px}.header-inner{width:calc(100% - 28px);gap:8px}.site-header .brand{font-size:15px;gap:5px}.site-header .brand img{width:24px;height:24px}
 .site-header nav{gap:10px;font-size:10px}.site-header nav a:last-child{display:block}.site-header nav a{padding-block:20px}
 .hero{height:540px;min-height:400px;max-height:calc(100svh - 138px)}.hero-content{width:calc(100% - 32px);padding:36px 0 60px}.hero h1{font-size:48px}.hero-subtitle{font-size:21px;margin-top:18px;line-height:1.5}.hero-subtitle br{display:none}
 .hero-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.hero-shade{background:#08111699}.hero-actions{margin-top:25px}.hero-bottom{left:18px;font-size:8px;gap:10px;bottom:24px}.hero-toggle{right:15px;bottom:16px}
 .summary{padding-top:30px;padding-bottom:40px}.summary-grid>p{font-size:15px;padding:14px 17px}.summary-grid h2{font-size:24px;margin-bottom:20px}
 .memory-demo-heading{align-items:flex-start;gap:10px}.memory-demo-heading h3{font-size:18px}.memory-demo-heading .eyebrow{font-size:10px}.animation-controls{gap:4px}.animation-controls .icon-button{width:32px;height:32px}
 .animated-track{flex-wrap:wrap;justify-content:center;gap:24px 44px;padding-block:30px 16px}.animated-track>div{padding-top:25px}.animated-track b{width:38px;height:45px;font-size:14px}.animated-track span{font-size:10px}
 .memory-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0}.memory-stages li{font-size:10px;padding:9px 7px}.memory-stages li:before{font-size:9px}
 .memory-stage-status{min-height:120px}.memory-stage-status strong{font-size:14px}.memory-stage-status p{font-size:12px}
 .position-track{display:block;min-height:100px}.position-track>div{margin-top:15px;gap:7px}.position-track b{font-size:11px}.position-track small{font-size:9px}
}
@media(max-width:380px){.site-header .brand{font-size:14px}.site-header nav{gap:8px}.hero h1{font-size:43px}.hero-subtitle{font-size:20px}}
@media(prefers-reduced-motion:reduce){.animated-track b,.animated-track>div,.position-track>div{transition:none}}