@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-vietnamese-wght-normal.96a5d80f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-ext-wght-normal.232ded7b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-wght-normal.3e340e57.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_next/static/media/figtree-latin-ext-wght-normal.76b41198.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_next/static/media/figtree-latin-wght-normal.93af595f.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/jetbrains-mono-cyrillic-ext-500-normal.d9de1144.woff2) format("woff2"),url(/_next/static/media/jetbrains-mono-cyrillic-ext-500-normal.02ec8c39.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/jetbrains-mono-cyrillic-500-normal.ae6258df.woff2) format("woff2"),url(/_next/static/media/jetbrains-mono-cyrillic-500-normal.00657183.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/jetbrains-mono-greek-500-normal.89c6cba8.woff2) format("woff2"),url(/_next/static/media/jetbrains-mono-greek-500-normal.96a101cf.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/jetbrains-mono-vietnamese-500-normal.3bbdce79.woff2) format("woff2"),url(/_next/static/media/jetbrains-mono-vietnamese-500-normal.5b6505bb.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/jetbrains-mono-latin-ext-500-normal.b7bedb53.woff2) format("woff2"),url(/_next/static/media/jetbrains-mono-latin-ext-500-normal.d0559b71.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/jetbrains-mono-latin-500-normal.af2e87f5.woff2) format("woff2"),url(/_next/static/media/jetbrains-mono-latin-500-normal.24c9023a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--paper:#FFFCF5;--card:#FFFFFF;--ink:#141414;--ink2:#5A5853;--rule:#E8E2D5;--grid:#EFE9DC;--brand:#FF6B2C;--brand-ink:#141414;--rose:#FF7AA2;--butter:#FFD23F;--leaf:#1E9E5A;--sky:#3B8BFF;--lilac:#A894FF;--purple:var(--lilac);--pink:var(--rose);--green:var(--leaf);--blue:var(--sky);--yellow:var(--butter);--display:"Bricolage Grotesque Variable",ui-sans-serif,system-ui,sans-serif;--sans:"Figtree Variable",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow:4px 4px 0 var(--ink);--radius:14px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M28 0H0V28' fill='none' stroke='%23EFE9DC' stroke-width='1'/%3E%3C/svg%3E");color:var(--ink);font:400 16.5px/1.6 var(--sans)}address,cite,dfn,em,i{font-style:normal}a{text-underline-offset:3px}a,button{color:inherit}button{font:inherit}img,svg{max-width:100%}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.05;margin:0;font-weight:700}p{margin:0}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:20}.skip:focus{left:8px}.logo{display:inline-flex;align-items:center;gap:9px}.logo-word{font:600 21px/1 var(--display);letter-spacing:-.03em}.logo-word b{font-weight:800;background:var(--butter);padding:0 4px;border-radius:4px;margin-left:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15.5px/1 var(--sans);padding:13px 20px;border-radius:12px;border:2px solid var(--ink);background:var(--card);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s;white-space:nowrap}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn-brand{background:var(--brand)}.btn-ink{background:var(--ink);color:#fff}.btn-sm{padding:9px 14px;font-size:14px;box-shadow:2px 2px 0 var(--ink)}.label{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.label:before{content:"";width:9px;height:9px;background:var(--brand);border:1.5px solid var(--ink);border-radius:2px}.chip{border:1.5px solid var(--ink);background:var(--card);border-radius:999px;padding:6px 13px;font:600 13.5px/1 var(--sans);cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.hdr{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(255,252,245,.94);border-bottom:1.5px solid var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hdr-in{display:flex;align-items:center;gap:24px;height:66px}.hdr-logo{text-decoration:none}.hdr-nav{display:flex;gap:22px;margin-left:auto;font-weight:600;font-size:15px}.hdr-nav a{text-decoration:none;color:var(--ink2)}.hdr-nav a:hover{color:var(--ink);text-decoration:underline}.hdr-menu{display:none;position:relative}.hdr-menu summary{list-style:none;cursor:pointer;font-weight:700;border:1.5px solid var(--ink);border-radius:10px;padding:7px 12px;background:var(--card)}.hdr-menu summary::-webkit-details-marker{display:none}.hdr-menu nav{position:absolute;right:0;top:46px;width:230px;background:var(--card);border:1.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);padding:10px;display:grid;grid-gap:4px;gap:4px}.hdr-menu nav a:not(.btn){padding:8px 10px;text-decoration:none;font-weight:600;border-radius:8px}.hdr-menu nav a:not(.btn):hover{background:var(--paper)}.sec{padding:72px 0}.sec-tight{padding:48px 0}.sec-head{max-width:760px;margin-bottom:30px}.sec-head h2{font-size:clamp(32px,4.6vw,52px);margin:12px 0 14px}.sec-head p{font-size:18px;color:var(--ink2)}.center{text-align:center;margin-left:auto;margin-right:auto}.lead{font-size:19px;color:var(--ink2)}.hero{padding:64px 0 40px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center}.hero h1{font-size:clamp(42px,6.4vw,76px);margin:16px 0 18px}.hero h1 mark{background:var(--butter);color:inherit;padding:0 .12em;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero .lead{max-width:560px;margin-bottom:26px}.hero-ctas{gap:12px}.facts,.hero-ctas{display:flex;flex-wrap:wrap}.facts{gap:10px 26px;margin-top:30px;padding:0;list-style:none}.facts li{font-size:15px;color:var(--ink2)}.facts b{display:block;font:700 28px/1.1 var(--display);color:var(--ink)}.ladder{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);padding:26px 22px}.ladder:before{content:"";position:absolute;left:50%;top:18px;bottom:18px;border-left:2px dashed #cfc7b6}.ladder ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px;position:relative}.ladder li{display:flex;justify-content:center}.ladder li:nth-child(odd){transform:translateX(-14%)}.ladder li:nth-child(2n){transform:translateX(14%)}.ladder a{display:inline-flex;gap:10px;align-items:center;background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:9px 14px;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 var(--c)}.ladder a span{font:500 12px/1 var(--mono);background:var(--c);color:var(--on);border:1.5px solid var(--ink);border-radius:6px;padding:4px 6px}.ladder a:hover{transform:translate(-1px,-1px)}.ladder-foot{margin-top:16px;text-align:center;font:500 12.5px/1.4 var(--mono);color:var(--ink2);position:relative;background:var(--card)}.truth{background:var(--ink);color:#fff;border-radius:26px;padding:56px 44px;position:relative;overflow:hidden}.truth h2{font-size:clamp(34px,5vw,60px);max-width:820px;margin:14px 0 18px}.truth h2 .hl{background:var(--brand);color:var(--ink);padding:0 .14em;border-radius:8px}.truth .lead{max-width:720px}.truth .label,.truth .lead{color:#D8D4CC}.how-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;counter-reset:s}.how-steps li{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:18px;counter-increment:s}.how-steps li:before{content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--butter);border:1.5px solid var(--ink);font:700 14px/1 var(--mono);margin-bottom:10px}.how-steps h3{font-size:19px;margin-bottom:6px}.how-steps p{color:var(--ink2);font-size:15px}.demo{margin:0;display:grid;grid-template-columns:250px 1fr;border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:6px 6px 0 var(--ink);font-size:13px}.demo-lesson{border-right:2px solid var(--ink);padding:16px;display:flex;flex-direction:column;gap:10px;background:#FFFDF8}.demo-kicker{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink2)}.demo-h{font:700 18px/1.15 var(--display)}.demo-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.demo-steps li{display:flex;gap:9px;align-items:flex-start;padding:8px;border-radius:10px;border:1.5px solid transparent;transition:background .3s,border-color .3s}.demo-steps li b{display:block;font-weight:650}.demo-steps small{display:block;color:var(--ink2);font-size:12px;margin-top:2px}.demo-tick{flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--ink);display:grid;place-items:center;font:600 11px/1 var(--mono);background:var(--card)}.demo-steps li.is-now{background:#FFF6D3;border-color:var(--ink)}.demo-steps li.is-done .demo-tick{background:var(--leaf);color:#fff;border-color:var(--leaf)}.demo-steps li.is-done b{color:var(--ink2)}.demo-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-show{border:1.5px solid var(--ink);border-radius:8px;padding:6px 10px;font-weight:700;background:var(--card)}.demo-count{font:500 11.5px/1 var(--mono);color:var(--ink2)}.demo-editor{display:flex;flex-direction:column;min-width:0;background:#F4F2EE}.demo-top{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;background:var(--ink);color:#fff}.demo-dots{display:flex;gap:5px}.demo-dots i{width:9px;height:9px;border-radius:50%;background:#5B5B5B}.demo-file{font-weight:600;font-size:12.5px;margin-right:auto}.demo-share{font-weight:700;font-size:12px;background:var(--brand);color:var(--ink);border-radius:6px;padding:4px 9px}.demo-body{position:relative;flex:1 1;display:grid;grid-template-columns:128px 1fr 150px;min-height:330px}.demo-layers,.demo-props{background:var(--card);padding:10px;font-size:12px}.demo-layers{border-right:1.5px solid var(--rule)}.demo-props{border-left:1.5px solid var(--rule);display:flex;flex-direction:column;gap:8px}.demo-layers p,.demo-props p{font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin-bottom:8px}.demo-layers ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:3px;gap:3px}.demo-layers li{padding:4px 6px;border-radius:5px;white-space:nowrap;transition:background .3s}.demo-layers li.sub{padding-left:16px;color:var(--ink2)}.demo-layers li.on{background:#DCE9FF;color:#0B4BC1;font-weight:600}.prow{display:flex;justify-content:space-between;align-items:center;gap:6px}.prow.field{border:1.5px solid var(--rule);border-radius:6px;padding:5px 7px;transition:border-color .3s,box-shadow .3s}.prow.field.focus{border-color:var(--sky);box-shadow:0 0 0 3px #CFE0FF}.prow b{font:500 11.5px/1 var(--mono);display:inline-flex;align-items:center;gap:5px}.sw{width:12px;height:12px;border-radius:3px;border:1px solid var(--ink);display:inline-block}.sw,.tog{transition:background .3s}.tog{width:28px;height:16px;border-radius:99px;background:#D6D1C6;position:relative}.tog:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .3s}.tog.on{background:var(--sky)}.tog.on:after{transform:translateX(12px)}.demo-canvas{position:relative;display:grid;place-items:center;background-color:#F4F2EE;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23D9D4CA'/%3E%3C/svg%3E")}.trip{position:relative;width:180px;background:var(--card);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.08);outline:2px solid transparent;transition:outline-color .25s,gap .45s}.trip.sel{outline-color:var(--sky)}.trip.gap16{gap:16px}.trip>div{transition:transform .45s cubic-bezier(.3,.7,.3,1)}.trip:not(.al) .trip-title{transform:translate(9px,3px)}.trip:not(.al) .trip-price{transform:translate(-6px,-2px)}.trip:not(.al) .trip-btn{transform:translate(14px,4px)}.trip-photo{border-radius:8px;overflow:hidden;height:72px}.trip-photo svg{display:block;width:100%;height:100%}.trip-title{font-weight:700;font-size:14px}.trip-price{font-size:12px;color:var(--ink2)}.trip-btn{background:var(--ink);color:#fff;text-align:center;border-radius:8px;padding:7px;font-weight:700;font-size:12.5px;transition:background .4s,color .4s,transform .45s}.trip-btn.orange{background:var(--brand);color:var(--ink)}.h{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--sky)}.h1{left:-5px}.h1,.h2{top:-5px}.h2{right:-5px}.h3{left:-5px}.h3,.h4{bottom:-5px}.h4{right:-5px}.demo-keys{position:absolute;top:14px;left:50%;transform:translate(-50%,-8px);opacity:0;display:flex;gap:6px;transition:opacity .25s,transform .25s}.demo-keys.show{opacity:1;transform:translate(-50%)}kbd{font:600 13px/1 var(--mono);background:var(--card);border:solid var(--ink);border-width:1.5px 1.5px 4px;border-radius:7px;padding:6px 9px}.demo-toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%,10px);opacity:0;background:var(--leaf);color:#fff;font-weight:700;border-radius:99px;padding:7px 14px;transition:opacity .3s,transform .3s;white-space:nowrap}.demo-toast.show{opacity:1;transform:translate(-50%)}.demo-cursor{position:absolute;z-index:2;transition:left .8s cubic-bezier(.5,0,.25,1),top .8s cubic-bezier(.5,0,.25,1);pointer-events:none}@media (prefers-reduced-motion:reduce){.demo *,.demo-cursor{transition:none!important}}.parts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.part-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:4px 4px 0 var(--c)}.part-card .n{font:500 12px/1 var(--mono);align-self:flex-start;background:var(--c);color:var(--on);border:1.5px solid var(--ink);border-radius:6px;padding:4px 7px}.part-card h3{font-size:22px}.part-card p{color:var(--ink2);font-size:15px}.part-card ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.part-card li{font-size:12.5px;font-weight:600;background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:3px 8px}.course-units{display:grid;grid-gap:18px;gap:18px}.unit-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.unit-head{display:grid;grid-template-columns:auto 1fr auto;grid-gap:16px;gap:16px;align-items:center;padding:18px 20px;border-bottom:2px solid var(--ink);background:var(--soft)}.unit-num{font:700 26px/1 var(--display);width:54px;height:54px;border-radius:12px;border:2px solid var(--ink);background:var(--c);color:var(--on);display:grid;place-items:center}.unit-head h2,.unit-head h3{font-size:24px}.unit-head p{color:var(--ink2);font-size:15px;margin-top:4px}.lesson-grid{list-style:none;margin:0;padding:14px 20px 18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 22px;gap:6px 22px}.lesson-grid li a,.lesson-grid li>span{display:flex;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px dashed var(--rule);text-decoration:none;font-weight:550}.lesson-grid li a:hover{color:#000;text-decoration:underline}.lesson-grid .ln{flex:none;font:500 11.5px/1 var(--mono);min-width:34px;text-align:center;border:1.5px solid var(--ink);border-radius:6px;padding:4px 5px;background:var(--card)}.lesson-grid .go{margin-left:auto;font-weight:800;color:var(--ink2)}.games{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.game{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .12s,box-shadow .12s}.game:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.game .play{width:36px;height:36px;border-radius:10px;background:var(--butter);border:1.5px solid var(--ink);display:grid;place-items:center;font-size:13px}.game h3{font-size:20px}.game p{color:var(--ink2);font-size:15px;flex:1 1}.game .more{font-weight:700}.faq{display:grid;grid-gap:10px;gap:10px;max-width:860px}.faq details{background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:0 18px}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font:700 18px/1.3 var(--display)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:600 22px/1 var(--mono)}.faq details[open] summary:after{content:"–"}.faq details p{padding:0 0 18px;color:var(--ink2)}.band{border:2px solid var(--ink);border-radius:22px;background:var(--butter);padding:36px;display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:center;box-shadow:6px 6px 0 var(--ink)}.band h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:8px}.band p{font-size:17px;max-width:640px}.band .ctas{display:flex;gap:10px;flex-wrap:wrap}.article{max-width:760px}.article h1{font-size:clamp(38px,5.4vw,60px);margin:14px 0 18px}.article h2{font-size:30px;margin:44px 0 12px}.article h3{font-size:21px;margin:26px 0 8px}.article li,.article p{font-size:18px;color:#2A2925}.article p{margin:0 0 16px}.article ol,.article ul{padding-left:22px;margin:0 0 18px}.article li{margin-bottom:6px}.article .note{background:var(--card);border-left-color:var(--ink);border-left-width:2px;border:2px solid var(--ink);border-left:8px solid var(--brand);border-radius:12px;padding:16px 18px;margin:22px 0}.article a{font-weight:650}.crumbs{font:500 12.5px/1 var(--mono);color:var(--ink2);display:flex;gap:8px;flex-wrap:wrap}.crumbs a{text-decoration:none}.phero{padding:56px 0 28px}.phero h1{font-size:clamp(38px,5.6vw,64px);margin:14px 0 16px;max-width:900px}.phero .lead{max-width:720px}.phero .hero-ctas{margin-top:24px}.rm-bar{justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:8px}.rm-bar,.rm-filters{display:flex;flex-wrap:wrap}.rm-filters{gap:6px}.rm-prog{display:flex;align-items:center;gap:10px;font:500 12.5px/1 var(--mono);color:var(--ink2)}.rm-meter{width:120px;height:10px;border:1.5px solid var(--ink);border-radius:99px;background:var(--card);overflow:hidden}.rm-meter b{display:block;height:100%;background:var(--leaf);transition:width .4s}.rm-reset{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--ink2);font:inherit}.rm-road{position:relative;padding:22px 0 10px}.rm-road:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed #cfc7b6}.rm-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.rm-wires path{fill:none;stroke:#A9A193;stroke-width:2}.rm-sec{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:0 60px;gap:0 60px;padding:10px 0}.rm-side{display:flex}.rm-side.l{justify-content:flex-end}.rm-hub{position:relative;z-index:1;display:flex;align-items:center;gap:10px;background:var(--c);color:var(--on);border:2px solid var(--ink);border-radius:14px;padding:12px 18px;font-size:19px;white-space:nowrap;box-shadow:3px 3px 0 var(--ink)}.rm-hub span{font:500 13px/1 var(--mono);color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;padding:3px 6px}.rm-box,.rm-hub span{background:var(--card)}.rm-box{position:relative;z-index:1;width:330px;border:2px solid var(--ink);border-radius:12px;overflow:hidden}.rm-bh{background:var(--ink);color:#fff;font-weight:700;font-size:13.5px;padding:7px 12px;display:flex;justify-content:space-between;align-items:center}.rm-tag{font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;background:var(--c);color:var(--on);border-radius:5px;padding:3px 6px}.rm-pills{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:5px}.rm-pill{width:100%;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;background:var(--soft);border:1.5px solid var(--line);border-radius:9px;padding:5px 10px 5px 5px;font-size:14px;font-weight:550;line-height:1.25;transition:transform .12s,background-color .12s,opacity .2s}.rm-pill:hover{transform:translateX(3px);background:var(--card)}.rm-pill.dim{opacity:.25}.rm-n{flex:none;min-width:24px;height:24px;border-radius:6px;background:var(--c);color:var(--on);border:1.5px solid var(--ink);display:grid;place-items:center;font:500 11px/1 var(--mono)}.rm-t{flex:1 1}.rm-figma{background:#F4F2EE;border:1.5px dashed var(--ink)}.rm-figma .rm-n{background:var(--ink);color:#fff}.rm-game{background:#FFF6D3;border-color:#D9A400}.rm-game .rm-n{background:var(--butter);color:var(--ink);font-size:9px}.rm-pill[data-done] .rm-n{background:var(--leaf);color:#fff;font-size:0}.rm-pill[data-done] .rm-n:after{content:"✓";font-size:12px}.rm-pill[data-done] .rm-t{text-decoration:line-through;text-decoration-thickness:1.5px}.rm-dlg{border:0;padding:0;background:transparent;width:100%;max-width:min(480px,calc(100vw - 24px));overflow:visible}.rm-dlg::-webkit-backdrop{background:rgba(20,20,20,.45)}.rm-dlg::backdrop{background:rgba(20,20,20,.45)}.rm-dlg[open] .rm-sheet{animation:ksheet .22s cubic-bezier(.2,.8,.3,1) both}@keyframes ksheet{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rm-sheet{display:flex;flex-direction:column;max-height:calc(100vh - 32px);background:var(--card);border:2px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:6px 6px 0 var(--ink)}.rm-shead{position:relative;padding:16px 18px;background:var(--soft);border-bottom:2px solid var(--ink)}.rm-kicker{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;background:var(--c);color:var(--on);border:1.5px solid var(--ink);border-radius:6px;padding:4px 7px;display:inline-block}.rm-shead h2{font-size:28px;margin:10px 44px 0 0}.rm-x{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:9px;border:1.5px solid var(--ink);background:var(--card);cursor:pointer}.rm-body{padding:14px 18px 8px;overflow:auto;min-height:0}.rm-line{font-size:16px;margin-bottom:12px}.rm-body .stage{background:var(--soft);border:1.5px solid var(--ink);border-radius:10px;padding:10px;margin-bottom:12px}.rm-body .stage svg{display:block;width:100%;height:auto;max-height:150px}.rm-lh{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin:2px 0 8px}.rm-lessons{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:4px;gap:4px}.rm-lessons li{display:flex;gap:9px;align-items:center;font-size:14.5px}.rm-lessons li>span:first-child{flex:none;min-width:34px;text-align:center;font:500 11px/1 var(--mono);border:1.5px solid var(--ink);border-radius:6px;padding:4px}.rm-lessons a{font-weight:600}.rm-go{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 12px}.rm-go small,.rm-note{color:var(--ink2);font-size:13px}.rm-note{margin-bottom:10px}.rm-foot{display:flex;justify-content:space-between;padding:10px 12px;border-top:1.5px solid var(--rule)}.rm-done,.rm-foot{align-items:center}.rm-done{display:inline-flex;gap:8px;border:1.5px solid var(--ink);background:var(--card);border-radius:9px;padding:6px 12px 6px 7px;font-weight:700;font-size:13.5px;cursor:pointer}.rm-done b{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:12px}.rm-done[aria-pressed=true] b{background:var(--leaf);color:#fff;border-color:var(--leaf)}.rm-nav{display:flex;gap:6px}.rm-nav button{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--ink);cursor:pointer;font-weight:800}.ftr,.rm-nav button{background:var(--card)}.ftr{border-top:1.5px solid var(--ink);margin-top:40px}.ftr-in{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:36px;gap:36px;padding-top:40px;padding-bottom:30px}.ftr-brand p{color:var(--ink2);margin-top:12px;max-width:420px;font-size:15px}.ftr-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.ftr-cols h2{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin-bottom:12px}.ftr-cols a{display:block;text-decoration:none;font-weight:600;padding:4px 0}.ftr-cols a:hover{text-decoration:underline}.ftr-base{border-top:1px solid var(--rule);padding-top:16px;padding-bottom:24px;font:500 12.5px/1 var(--mono);color:var(--ink2)}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.games,.parts{grid-template-columns:1fr 1fr}.demo{grid-template-columns:1fr}.demo-lesson{border-right:0;border-bottom:2px solid var(--ink)}.rm-sec{gap:0 30px}.rm-box{width:280px}}@media (max-width:780px){.hdr-cta,.hdr-nav{display:none}.hdr-menu{display:block;margin-left:auto}.sec{padding:52px 0}.truth{padding:34px 20px;border-radius:20px}.band,.ftr-in,.games,.how-steps,.lesson-grid,.parts{grid-template-columns:1fr}.band{padding:26px 20px}.demo-body{grid-template-columns:1fr;min-height:300px}.demo-layers,.demo-props{display:none}.unit-head{grid-template-columns:auto 1fr}.unit-head .btn{grid-column:1/-1;justify-self:start}.rm-road:before{left:24px}.rm-sec{grid-template-columns:1fr;gap:12px;padding:14px 0}.rm-side{justify-content:flex-start!important;padding-left:40px}.rm-side:empty{display:none}.rm-side.l{order:2}.rm-hub{order:1;justify-self:start}.rm-side.r{order:3}.rm-box{width:100%}.rm-dlg{margin:auto auto 0;max-width:100vw}.rm-sheet{border-radius:16px 16px 0 0;box-shadow:none}.ladder li:nth-child(odd){transform:translateX(-5%)}.ladder li:nth-child(2n){transform:translateX(5%)}.ladder a{font-size:14.5px}}.hero{position:relative;overflow:hidden;touch-action:pan-y}.hero>.wrap{position:relative;z-index:1}.hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-hint{position:absolute;right:20px;bottom:14px;z-index:1;font:500 11.5px/1 var(--mono);color:var(--ink2);background:var(--paper);border:1.5px solid var(--rule);border-radius:6px;padding:5px 8px}@media (hover:none){.hero-hint{display:none}}.wvd{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:30px}.wvd-panel{border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px}.wvd-watch{border:2px solid #3a3a3a}.wvd-do{background:var(--card);color:var(--ink)}.wvd-label{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;border-radius:6px;padding:5px 8px}.wvd-watch .wvd-label{background:#2A2A2A;color:#CFCAC0}.wvd-do .wvd-label{background:var(--brand);color:var(--ink);border:1.5px solid var(--ink)}.wvd-video{position:relative;height:170px;border-radius:12px;background:#262626;display:grid;place-items:center;overflow:hidden}.wvd-play{width:0;height:0;border-left:30px solid #edeae3;border-top:18px solid transparent;border-bottom:18px solid transparent;margin-left:8px;animation:wvd-pulse 7s infinite}.wvd-track{position:absolute;left:14px;right:14px;bottom:14px;height:6px;border-radius:3px;background:#444;overflow:hidden}.wvd-track i{display:block;height:100%;width:100%;background:#FF4E4E;transform-origin:left;animation:wvd-play 7s linear infinite}.wvd-canvas{position:relative;height:170px;border-radius:12px;background:#F4F2EE;border:1.5px solid var(--rule);overflow:hidden}.wvd-canvas>span{position:absolute;border-radius:6px;opacity:0}.wvd-frame{left:22%;top:12%;width:56%;height:76%;background:var(--card);border:2px solid var(--sky);animation:wvd-in 7s infinite}.wvd-img{left:27%;top:18%;width:46%;height:26%;background:#E4EEFF;animation:wvd-in 7s .9s infinite}.wvd-l1{left:27%;top:50%;width:34%;height:7%;background:var(--ink);animation:wvd-in 7s 1.6s infinite}.wvd-l2{left:27%;top:61%;width:24%;height:5%;background:#CFC9BD;animation:wvd-in 7s 2s infinite}.wvd-btn{left:27%;top:71%;width:46%;height:11%;background:var(--brand);border:1.5px solid var(--ink);animation:wvd-in 7s 2.6s infinite}.wvd-canvas>.wvd-ok{right:14%;top:6%;width:30px;height:30px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;font-weight:800;animation:wvd-pop 7s 3.4s infinite}.wvd-cur{position:absolute;left:8%;top:80%;z-index:2;animation:wvd-cur 7s cubic-bezier(.5,0,.3,1) infinite}.wvd-meter{display:grid;grid-gap:6px;gap:6px}.wvd-meter span{font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em}.wvd-watch .wvd-meter span{color:#CFCAC0}.wvd-do .wvd-meter span{color:var(--ink2)}.wvd-meter b{height:12px;border-radius:99px;overflow:hidden;border:1.5px solid}.wvd-watch .wvd-meter b{color:#555}.wvd-meter i{display:block;height:100%;transform-origin:left}.wvd-watch .wvd-meter i{background:#9C978D;animation:wvd-fade 7s infinite}.wvd-do .wvd-meter i{background:var(--leaf);animation:wvd-grow 7s infinite}@keyframes wvd-play{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wvd-pulse{0%,to{opacity:.9}50%{opacity:.5}}@keyframes wvd-fade{0%{transform:scaleX(0)}35%{transform:scaleX(.28)}75%{transform:scaleX(.12)}to{transform:scaleX(.04)}}@keyframes wvd-grow{0%{transform:scaleX(0)}14%{transform:scaleX(.18)}28%{transform:scaleX(.38)}42%{transform:scaleX(.62)}55%,95%{transform:scaleX(.9)}to{transform:scaleX(0)}}@keyframes wvd-in{0%{opacity:0;transform:scale(.85)}6%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes wvd-pop{0%{opacity:0;transform:scale(0)}5%{opacity:1;transform:scale(1.2)}45%,9%{opacity:1;transform:scale(1)}52%,to{opacity:0}}@keyframes wvd-cur{0%{left:8%;top:80%}10%{left:74%;top:16%}22%{left:50%;top:28%}32%{left:45%;top:52%}42%{left:52%;top:74%}55%,90%{left:84%;top:12%}to{left:8%;top:80%}}@media (prefers-reduced-motion:reduce){.wvd *,.wvd-canvas>span{animation:none!important;opacity:1}.wvd-track i{transform:scaleX(1)}.wvd-watch .wvd-meter i{transform:scaleX(.06)}.wvd-do .wvd-meter i{transform:scaleX(.9)}}@media (max-width:780px){.wvd{grid-template-columns:1fr}}.related{margin-top:8px}.related h2{font-size:26px;margin-bottom:14px}.related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.related a{display:flex;flex-direction:column;gap:4px;height:100%;background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:14px;text-decoration:none;transition:transform .12s,box-shadow .12s}.related a:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.related b{font:700 17px/1.2 var(--display)}.related span{font-size:14px;color:var(--ink2)}@media (max-width:1000px){.related ul{grid-template-columns:1fr 1fr}}@media (max-width:560px){.related ul{grid-template-columns:1fr}}.stage svg *{transform-box:fill-box;transform-origin:center}.stage .c{fill:var(--line)}.s{fill:var(--soft)}.k{fill:var(--ink)}.w{fill:#fff}.m{fill:#D9D6E3}.y{fill:var(--yellow)}.stage .ok{fill:var(--green)}.bad{fill:#FF4F57}.p1{fill:var(--purple)}.p2{fill:var(--pink)}.p4{fill:var(--green)}.p5{fill:var(--blue)}.stage .st{stroke:var(--line);stroke-width:2}.stage .frame{fill:#fff;stroke:var(--ink);stroke-width:2}.stage .ln{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.stage .lnw{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.stage .lc{fill:none;stroke:var(--line);stroke-linecap:round}.stage .dash{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:5 4}.stage .grid{stroke:var(--line);stroke-opacity:.3;stroke-dasharray:3 3}.stage .t{font-family:var(--sans)}.stage .draw{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,300)}.stage .draw:not([stroke-width]){stroke-width:4}.stage .a{animation-duration:var(--dur,4s);animation-delay:var(--d,0s);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.3,.7,.3,1)}.stage .a.in{animation-name:kin}.a.inl{animation-name:kinl}.a.inr{animation-name:kinr}.a.pop{animation-name:kpop}.a.draw{animation-name:kdraw}@keyframes kin{0%{opacity:0;transform:translateY(10px)}15%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes kinl{0%{opacity:0;transform:translateX(-24px)}15%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes kinr{0%{opacity:0;transform:translateX(24px)}15%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes kpop{0%{opacity:0;transform:scale(0)}14%{opacity:1;transform:scale(1.14)}22%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}@keyframes kdraw{0%{stroke-dashoffset:var(--len,300);opacity:1}35%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.stage .rise{animation:krise 4s ease-in-out infinite}@keyframes krise{0%,25%{transform:translateY(34px)}45%,78%{transform:translateY(-20px)}95%,to{transform:translateY(34px)}}.stage .lid{transform-origin:0 100%!important;animation:klid 4s ease-in-out infinite}@keyframes klid{0%,15%{transform:none}35%,80%{transform:rotate(-38deg)}95%,to{transform:none}}.stage .bounce{transform-origin:50% 100%!important;animation:kbounce 1.4s cubic-bezier(.3,.6,.4,1) infinite var(--d,0s)}@keyframes kbounce{0%,60%,to{transform:none}28%{transform:translateY(-18px) scaleY(1.06)}52%{transform:scale(1.08,.9)}}.stage .gather{animation:kgather 4s cubic-bezier(.5,0,.2,1) infinite}@keyframes kgather{0%,15%{transform:translate(var(--x),var(--y)) rotate(var(--r))}45%,85%{transform:none}to{transform:translate(var(--x),var(--y)) rotate(var(--r))}}.stage .dim{animation:kdim 4s infinite}@keyframes kdim{0%,45%{opacity:1}58%,85%{opacity:.25}to{opacity:1}}.stage .gap{animation:kgap 4s ease-in-out infinite}@keyframes kgap{0%,30%{transform:none}40%,80%{transform:translateX(calc(var(--i) * 10px))}90%,to{transform:none}}.stage .sw1{animation:ksw1 4s infinite}.sw2{animation:ksw2 4s infinite}@keyframes ksw1{0%,30%{opacity:1}38%,82%{opacity:0}90%,to{opacity:1}}@keyframes ksw2{0%,30%{opacity:0}38%,82%{opacity:1}90%,to{opacity:0}}.stage .contrast{animation:kcon 4s infinite}@keyframes kcon{0%,30%{fill:#D9D6E3}38%,82%{fill:#14141A}90%,to{fill:#D9D6E3}}.stage .ubtn{animation:kbtn 4s infinite;fill:var(--line)}@keyframes kbtn{0%,30%{fill:var(--line);transform:none}33.3%,63%{fill:color-mix(in srgb,var(--line) 65%,#000);transform:scale(.95)}66.6%,97%{fill:#C9C7D1;transform:none}to{fill:var(--line)}}.stage .st3{animation:kst3 4s infinite var(--d,0s)}@keyframes kst3{0%,30%{opacity:1}33.3%,97%{opacity:0}to{opacity:1}}.stage .tok{animation:ktok 4.5s infinite}@keyframes ktok{0%,30%{fill:#6A4BFF}36%,63%{fill:#FF4F8B}69%,95%{fill:#12C08E}to{fill:#6A4BFF}}.stage .focus{animation:kfocus 4s infinite}@keyframes kfocus{0%,28%{transform:none}33%,61%{transform:translateY(32px)}66%,94%{transform:translateY(64px)}to{transform:none}}.stage .slide{animation:kslide 4s cubic-bezier(.6,0,.2,1) infinite}@keyframes kslide{0%,35%{transform:translateX(56px)}48%,85%{transform:none}97%,to{transform:translateX(56px)}}.stage .ripple{animation:kripple 4s infinite}@keyframes kripple{0%,22%{opacity:0;transform:scale(.3)}27%{opacity:1}40%,to{opacity:0;transform:scale(1.9)}}.stage .agent{animation:kagent 4s cubic-bezier(.5,0,.3,1) infinite}@keyframes kagent{0%{transform:translate(0);opacity:0}5%{opacity:1}10%{transform:translate(39px,18px)}25%{transform:translate(128px,6px)}40%{transform:translate(114px,28px)}55%,90%{transform:translate(91px,64px);opacity:1}to{transform:translate(91px,64px);opacity:0}}.stage .dots{animation:kdots 4s infinite}@keyframes kdots{0%,12%{opacity:0}16%,38%{opacity:1}41%,to{opacity:0}}.stage .conf{transform-origin:0 50%!important;animation:kconf 4s infinite}@keyframes kconf{0%,50%{transform:scaleX(0)}70%,90%{transform:scaleX(.72)}to{transform:scaleX(0)}}.stage .bob{animation:kbob 2.4s ease-in-out infinite}@keyframes kbob{50%{transform:translateY(-7px)}}.stage .ring2{animation:kring 1.8s ease-out infinite var(--d,0s)}@keyframes kring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.55);opacity:0}}.stage .eq{animation:keq .9s ease-in-out infinite alternate var(--d,0s)}@keyframes keq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.stage .wander{animation:kwander 5s cubic-bezier(.45,0,.3,1) infinite}@keyframes kwander{0%{transform:none;opacity:0}4%{opacity:1}20%{transform:translate(80px,12px)}35%{transform:translate(30px,48px)}55%{transform:translate(126px,26px)}75%,95%{transform:translate(139px,66px);opacity:1}to{transform:translate(139px,66px);opacity:0}}.stage .bar{transform-origin:0 50%!important;animation:kbar 4s ease-in-out infinite}@keyframes kbar{0%{transform:scaleX(0)}80%,95%{transform:scaleX(1)}to{transform:scaleX(0)}}.stage .fan{transform-origin:50% 100%!important;animation:kfan 4s cubic-bezier(.3,.7,.3,1) infinite var(--d,0s) both}@keyframes kfan{0%,8%{transform:translateY(40px);opacity:0}30%,85%{transform:translateX(var(--tx)) rotate(var(--r));opacity:1}to{transform:translateX(var(--tx)) rotate(var(--r));opacity:0}}@media (prefers-reduced-motion:reduce){.stage *{animation:none!important;stroke-dashoffset:0!important}.btn,.nudge,.pill{transition:none}dialog[open] .sheet{animation:none}}.stage .knob{animation:kknob 4s cubic-bezier(.5,0,.3,1) infinite}@keyframes kknob{0%,15%{transform:none}25%,40%{transform:translateX(61px)}50%,90%{transform:translateX(122px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.stage .knob{animation:none}}