.qsm{--ink:#05070a;--paper:#f4f6f7;--text:#f4f6f7;--soft:#a6afb7;--mute:#7c868e;--line:#ffffff1a;--line-2:#ffffff2e;--line-strong:var(--line-2);--panel:#0e1113eb;--display:var(--font-heading,"Arial Narrow", Impact, sans-serif);--sans:var(--fw-sans,system-ui, sans-serif);--mono:var(--fw-mono,ui-monospace, monospace);--ease:cubic-bezier(.22, 1, .36, 1);--s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:72px;--s8:112px;--qsm-max:1800px;--qsm-inline:max(var(--gutter,16px), calc((100% - var(--qsm-max)) / 2));--qsm-band:var(--band-pad,clamp(40px, 6vh, 72px));--pad:var(--gutter,16px);--max:var(--qsm-max);--bg:#08090a;--tone:#17c0e4;--tone-fill:var(--tone);--tone-ink:#05070a;--accent:var(--tone);--qsm-top:var(--nav-h,4rem);--qsm-bar:86px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:899px){.qsm{--qsm-bar:80px}}@media (max-width:767px){.qsm{--qsm-bar:116px}}:where(.qsm) :where(:not(svg,svg *)){all:revert}:where(.qsm *):before,:where(.qsm *):after{box-sizing:revert;margin:revert;padding:revert;border:revert}.qsm *{box-sizing:border-box}.qsm{isolation:isolate;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:var(--bg);font-size:16px;line-height:1.6;position:relative;overflow-x:clip}html:has(.qsm){scroll-behavior:smooth}.qsm [id]{scroll-margin-top:var(--qsm-top)}:where(.qsm) a{color:inherit;text-decoration:none}:where(.qsm) button{font:inherit;color:inherit}:where(.qsm) img{max-width:100%}.qsm em,.qsm .accent{color:var(--tone);font-style:normal}.qsm ::selection{background:var(--tone);color:var(--ink)}.qsm :focus-visible{outline:2px solid var(--tone);outline-offset:3px}.qsm [data-bg=how]{--tone:#17c0e4}.qsm [data-bg=workflow]{--tone:#ffb020}.qsm [data-bg=tutorial],.qsm [data-bg=cutter]{--tone:#ff4545}.qsm [data-bg=interior]{--tone:#3d8bff}.qsm [data-bg=lab]{--tone:#9b6bff}.qsm [data-bg=dress]{--tone:#ff3ec9}.qsm [data-bg=replace]{--tone:#b4f03c}.qsm [data-bg=inside]{--tone:#19d38f}.qsm [data-bg=tools]{--tone:#17c0e4}.qsm [data-bg=limits]{--tone:#ffb020}.qsm [data-bg=faq]{--tone:#9b6bff}.qsm [data-bg=final]{--tone:#17c0e4}.qsm [data-bg]{--accent:var(--tone);--tone-fill:var(--tone)}.qsm .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.qsm .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.qsm .reveal{opacity:1;transition:none;transform:none}html:has(.qsm){scroll-behavior:auto}.qsm *,.qsm :before,.qsm :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.qsm section{position:relative}.qsm :is(.chapter,.story,.styles,.world,.admin,.langs,.faq,.final,.compare-section){isolation:isolate;padding:var(--qsm-band) var(--qsm-inline)}.qsm :is(.chapter,.story,.styles,.world,.admin,.langs,.faq,.final,.compare-section):has(>.scene-bg){padding-top:calc(var(--qsm-band) + clamp(24px, 6vh, 64px))}.qsm .scene-bg{z-index:-1;height:var(--scene-h,min(100%, 120vh));pointer-events:none;background:var(--tone);position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 22vh calc(100% - 46vh),#0000 100%);mask-image:linear-gradient(#0000 0,#000 22vh calc(100% - 46vh),#0000 100%)}.qsm .scene-bg img{object-fit:cover;filter:grayscale()contrast(1.35)brightness(.95);mix-blend-mode:multiply;opacity:.85;width:100%;max-width:none;height:100%;display:block}.qsm .scene-bg:after{content:"";background:linear-gradient(90deg,#08090af2 0,#08090ad6 38%,#08090a6b 74%,#08090aa8 100%);position:absolute;inset:0}.qsm .scene-bg[data-side=left]:after{background:linear-gradient(270deg,#08090af2 0,#08090ad6 38%,#08090a6b 74%,#08090aa8 100%)}@media (max-width:760px){.qsm .scene-bg:after{background:linear-gradient(#08090a80,#08090adb 55%,#08090aeb)}.qsm .scene-bg{--scene-h:min(100%, 90svh)}}.qsm .figure{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.qsm .figure img{width:auto;max-width:100%;height:auto;max-height:var(--fig-h,86svh);object-fit:contain;object-position:50% 100%;filter:none;display:block;-webkit-mask-image:linear-gradient(#000 62%,#0009 80%,#0000 97%);mask-image:linear-gradient(#000 62%,#0009 80%,#0000 97%)}.qsm .figure[data-flip] img{transform:scaleX(-1)}.qsm .sec-head{max-width:1040px;margin:0 0 var(--band-head-gap,clamp(24px, 4vh, 40px));gap:20px;display:grid;position:relative}.qsm .sec-h{font:inherit;gap:18px;margin:0;display:grid}.qsm :is(.sec-rule,.kicker){font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);border:0;margin:0;padding:0;font-size:.78rem;font-weight:400;line-height:1.5;display:block}.qsm .sec-rule[data-num]:before{content:"[" attr(data-num) "]  ";color:var(--tone)}.qsm .kicker>b{font-weight:inherit;color:var(--tone)}.qsm .sec-h .sec-title{display:block}.qsm :is(.sec-title,.mega){font-family:var(--display);text-transform:uppercase;font-weight:900;font-stretch:100%;font-size:var(--band-big,clamp(3rem, 6.4vw, 7rem));letter-spacing:-.02em;color:var(--text);margin:0;line-height:.82}.qsm .mega{font-size:clamp(3.6rem,9vw,9.5rem)}.qsm .lead{max-width:40em;color:var(--soft);margin:0;font-size:1.12rem;line-height:1.6}.qsm .lead b{color:var(--text);font-weight:600}.qsm .sec-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}@media (max-width:760px){.qsm :is(.sec-rule,.kicker){letter-spacing:.14em;font-size:.7rem}.qsm .lead{font-size:1.02rem}.qsm .sec-actions>*{flex:100%}}.qsm .panel{--cut:18px;--edge-w:1px;--edge-color:var(--line-2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-2);clip-path:var(--notch);position:relative}.qsm .panel.tone{--edge-color:color-mix(in srgb, var(--tone) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 70%, transparent)}.qsm .panel.rail{border-left:3px solid var(--tone)}.qsm .tiles{border-top:1px solid var(--line);border-left:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.qsm .tiles>*{background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.qsm .chips{flex-wrap:wrap;gap:8px;display:flex}.qsm .chip{cursor:pointer;min-height:36px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);border:1px solid var(--line-2);background:#060708b3;border-radius:0;align-items:center;gap:7px;padding:8px 12px;font-size:.66rem;font-weight:600;line-height:1.2;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.qsm .chip:hover{color:var(--tone);border-color:color-mix(in srgb, var(--tone) 60%, transparent)}.qsm .chip.on{color:var(--ink);background:var(--tone);border-color:var(--tone)}.qsm .chip:disabled{opacity:.4;cursor:default}.qsm .stats{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0;display:grid}.qsm .stats>div{background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start;gap:10px;padding:18px 20px 20px;display:grid}.qsm .stats dt{font-family:var(--display);color:var(--tone);white-space:nowrap;margin:0;font-size:clamp(2rem,3vw,2.8rem);font-weight:900;line-height:.9}.qsm .stats dd{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0;font-size:.66rem;font-weight:600}@media (max-width:720px){.qsm .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qsm .stats>div{padding:14px 16px 16px}.qsm .stats>div:last-child:nth-child(odd){grid-column:1/-1}}.qsm .ticks{color:var(--soft);gap:10px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.qsm .ticks li{padding-left:20px;position:relative}.qsm .ticks li:before{content:"";background:var(--tone);width:7px;height:7px;position:absolute;top:.55em;left:0}.qsm kbd{text-align:center;border:1px solid var(--line-2);min-width:24px;font:600 .72rem/1.75 var(--mono);color:var(--text);white-space:nowrap;background:#121619;border-radius:0;padding:0 6px;display:inline-block}.qsm .seg{border:1px solid var(--line-2);border-radius:0;display:inline-flex}.qsm .seg button{cursor:pointer;min-height:36px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);background:0 0;border:0;padding:9px 16px;font-size:.66rem;font-weight:600;transition:color .2s,background .2s}.qsm .seg button+button{border-left:1px solid var(--line-2)}.qsm .seg button:hover{color:var(--text)}.qsm .seg button.on{background:var(--tone);color:var(--ink)}.qsm .cta{flex-wrap:wrap;gap:10px;display:flex}.qsm .btn{--cut:11px;isolation:isolate;cursor:pointer;min-height:46px;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--tone);clip-path:var(--notch);transition:color .25s var(--ease);border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.8rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.qsm .btn:before{content:"";z-index:-1;background:var(--text);transform-origin:0;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.qsm .btn:hover:before{transform:scaleX(1)}.qsm .btn:hover{color:#060708}.qsm .btn.line{color:var(--text);box-shadow:inset 0 0 0 2px var(--line-2);background:0 0}.qsm .btn.line:before{background:var(--tone)}.qsm .btn.line:hover{color:var(--ink)}.qsm .btn:disabled{opacity:.4;cursor:default}.qsm .btn:disabled:before{display:none}.qsm .demo{margin:0}.qsm .demo-window{--cut:22px;--edge-w:1px;--edge-color:var(--line-2);clip-path:var(--notch);box-shadow:inset 0 0 0 1px var(--line-2);background:#0a0b0d;border:0;padding:0;position:relative}.qsm .demo-screen{background:var(--scene,none) center / cover no-repeat, linear-gradient(180deg, #2a3138 0%, #1b2026 48%, #111418 100%);width:100%;transition:height .55s var(--ease);border-radius:0;position:relative;overflow:hidden}.qsm .demo-world{background:var(--world,none) center / cover no-repeat;opacity:0;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;inset:0}.qsm .demo-world.on{opacity:1}.qsm .demo-screen iframe{transform-origin:0 0;max-width:none;transition:transform .55s var(--ease);background:0 0;border:0;position:absolute;top:0;left:0}.qsm .is-guided .demo-screen iframe{pointer-events:none}.qsm .demo-loading{z-index:3;color:var(--soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;background:#0b0d0f;justify-content:center;align-items:center;gap:12px;font-size:.68rem;font-weight:600;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:0}.qsm .demo-loading.gone{opacity:0;visibility:hidden}.qsm .spinner{border:2px solid var(--line-2);border-top-color:var(--tone);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite qsm-spin}@keyframes qsm-spin{to{transform:rotate(360deg)}}.qsm .fake-cursor{z-index:2;pointer-events:none;opacity:0;filter:drop-shadow(0 3px 5px #00000080);transition:transform .65s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:0;left:0;transform:translate(50%,40%)}.qsm .fake-cursor.on{opacity:1}.qsm .fake-cursor svg{z-index:1;display:block;position:relative}.qsm .fake-cursor .ring{opacity:0;border:2px solid #fff;border-radius:50%;width:30px;height:30px;position:absolute;top:-14px;left:-14px}.qsm .fake-cursor.press .ring{animation:.55s ease-out qsm-press}.qsm .fake-cursor.press svg{animation:.25s qsm-tapdown}@keyframes qsm-press{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes qsm-tapdown{50%{transform:scale(.85)}}.qsm .fake-cursor.slow{transition:transform 1s cubic-bezier(.45,0,.2,1),opacity .3s}.qsm .fake-cursor .drag-ghost{object-fit:contain;z-index:0;opacity:0;filter:drop-shadow(0 8px 12px #0000008c);width:52px;height:52px;transition:opacity .18s,transform .18s;position:absolute;top:-22px;left:-26px;transform:scale(.6)}.qsm .fake-cursor.dragging .drag-ghost{opacity:.95;transform:scale(1)}.qsm .demo-bar{flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:14px;display:flex}.qsm .demo-mode{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--tone);align-items:center;gap:8px;font-size:.64rem;font-weight:600;display:inline-flex}.qsm .demo-mode:before{content:"";background:currentColor;width:7px;height:7px}.qsm .demo-bar figcaption{color:var(--soft);margin:0 auto 0 0;font-size:.9rem}.qsm .demo-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.qsm .demo-actions button{--cut:8px;cursor:pointer;height:34px;clip-path:var(--notch);font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;background:var(--tone);color:var(--ink);border:0;border-radius:0;padding:0 14px;font-size:.68rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;position:relative}.qsm .demo-actions button:hover{background:var(--text);color:#060708}.qsm .demo-actions button:disabled{opacity:.4;cursor:default}.qsm .demo-actions button.ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:linear-gradient(to top left, transparent 50%, var(--line-2) 50%, var(--line-2) calc(50% + 1.6px), transparent calc(50% + 1.6px)) right bottom / var(--cut) var(--cut) no-repeat}.qsm .demo-actions button.ghost:hover{color:var(--ink);background:var(--tone);box-shadow:none}.qsm .demo-video{z-index:30;pointer-events:none;background:#000;animation:.45s both qsm-demo-video-in;position:absolute;inset:0}.qsm .demo-video video,.qsm .demo-video img{object-fit:cover;width:100%;height:100%;display:block}.qsm .demo-video-tag{border-left:3px solid var(--tone);color:var(--text);font:600 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:#060708d1;border-radius:0;padding:5px 9px;position:absolute;top:12px;left:12px}@keyframes qsm-demo-video-in{0%{opacity:0}to{opacity:1}}.qsm .step-body p{margin:0 0 10px}.qsm .step-body p:last-child{margin-bottom:0}.qsm .step-body b{color:var(--text);font-weight:600}.qsm .cmp-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);align-items:start;gap:clamp(20px,3vw,56px);display:grid}.qsm .cmp-main{min-width:0}.qsm .cmp-side{top:calc(var(--qsm-top) + 24px);gap:14px;display:grid;position:sticky}.qsm .cmp-side .kicker{margin:0}.qsm .cmp-score{grid-template-columns:repeat(2,minmax(0,1fr))}.qsm .cmp-score dd{overflow-wrap:anywhere}.qsm .cmp-score>div:not(:first-child) dt{color:var(--soft)}.qsm .cmp-side .figure{justify-content:center}.qsm .cmp-side .figure img{--fig-h:min(calc(100vh - var(--qsm-top) - var(--qsm-bar) - 330px), 540px)}@media (max-height:780px){.qsm .cmp-side .figure{display:none}}@media (max-width:1100px){.qsm .cmp-layout{grid-template-columns:minmax(0,1fr)}.qsm .cmp-side{display:none}}.qsm .cmp-wrap{background:var(--panel);border:1px solid var(--line)}.qsm .cmp{border-collapse:collapse;width:100%}.qsm .cmp th,.qsm .cmp td{border-bottom:1px solid var(--line);text-align:center;padding:13px 16px;font-size:.95rem}.qsm .cmp thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--soft);padding-top:18px;font-size:.66rem;font-weight:600;line-height:1.35}.qsm .cmp thead th:first-child{width:40%}.qsm .cmp tbody th,.qsm .cmp tfoot th{text-align:left;color:var(--soft);font-weight:500}.qsm .cmp tbody tr:hover>*{background-color:#ffffff06}.qsm .cmp .cmp-qs{background:color-mix(in srgb, var(--tone) 11%, transparent);color:var(--text)}.qsm .cmp thead .cmp-qs{color:var(--tone);box-shadow:inset 0 3px 0 var(--tone)}.qsm .cmp-yes{color:var(--tone);font-size:1.1rem;font-weight:800}.qsm .cmp td:not(.cmp-qs) .cmp-yes{color:var(--soft)}.qsm .cmp-no{color:#ffffff40}.qsm .cmp-text{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:600}.qsm .cmp tfoot th,.qsm .cmp tfoot td{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--soft);border-bottom:0;font-size:.66rem;font-weight:600}.qsm .cmp tfoot td{font-family:var(--display);letter-spacing:0;font-size:1.6rem;font-weight:900}.qsm .cmp tfoot .cmp-qs b{font-family:var(--display);color:var(--tone);font-size:2.2rem;font-weight:900}.qsm .cmp-note{max-width:820px;color:var(--mute);margin:16px 0 0;font-size:.85rem}@media (max-width:700px){.qsm .cmp{table-layout:fixed}.qsm .cmp th,.qsm .cmp td{padding:11px 3px;font-size:.84rem}.qsm .cmp thead th:first-child{width:38%}.qsm .cmp tbody th,.qsm .cmp tfoot th{padding-left:10px;padding-right:8px;line-height:1.35}.qsm .cmp thead th{letter-spacing:.04em;overflow-wrap:anywhere;padding:12px 2px;font-size:.5rem}.qsm .cmp-text{letter-spacing:.02em;overflow-wrap:anywhere;font-size:.5rem;line-height:1.35;display:block}.qsm .cmp tfoot th{letter-spacing:.08em;font-size:.56rem}.qsm .cmp tfoot td{font-size:1.2rem}.qsm .cmp tfoot .cmp-qs b{font-size:1.5rem}}.qsm .admin{padding-left:0;padding-right:0}.qsm .admin>.sec-head{margin-left:var(--qsm-inline);margin-right:var(--qsm-inline)}.qsm .pinned{position:relative}.qsm .pinned-inner{height:100vh;padding-top:var(--qsm-top);padding-bottom:var(--qsm-bar);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.qsm .pinned-title{padding:0 var(--qsm-inline);flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-bottom:18px;display:flex}.qsm .pinned-title code{font-family:var(--mono);color:var(--tone);font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:600}.qsm .pinned-title span{max-width:560px;color:var(--soft);font-size:.95rem}.qsm .pinned-track{padding:0 var(--qsm-inline);will-change:transform}.qsm .shots-rail{gap:20px;width:max-content;display:flex}.qsm .shot{--cut:18px;--edge-w:1px;--edge-color:var(--line-2);width:min(78vw, 1100px, calc((100vh - 170px - var(--qsm-top) - var(--qsm-bar)) * 16 / 9));text-align:left;cursor:zoom-in;background:var(--panel);clip-path:var(--notch);box-shadow:inset 0 0 0 1px var(--line-2);border:0;border-radius:0;flex:none;padding:0;transition:box-shadow .3s;position:relative;overflow:hidden}.qsm .shot:hover{--edge-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone)}.qsm .shot img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.qsm .shot-cap{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 16px 14px;display:flex}.qsm .shot-cap b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text);white-space:nowrap;font-size:.68rem;font-weight:600}.qsm .shot-cap span{color:var(--soft);text-align:right;font-size:.85rem}@media (max-width:760px){.qsm .shot-cap{flex-direction:column;gap:4px}.qsm .shot-cap span{text-align:left}}.qsm.lightbox{z-index:2147483000;cursor:zoom-out;background:#060708f2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.25s qsm-fade;display:flex;position:fixed;inset:0}.qsm.lightbox img{border:1px solid var(--line-2);max-width:100%;max-height:calc(100vh - 110px)}.qsm.lightbox p{text-align:center;font-family:var(--mono);letter-spacing:.04em;color:var(--soft);margin:0;font-size:.78rem}.qsm.lightbox p b{color:var(--tone);text-transform:uppercase;letter-spacing:.14em;font-weight:600}@keyframes qsm-fade{0%{opacity:0}}.qsm .langs-stage{grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(24px,3vw,48px);display:grid}.qsm .lang-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.qsm .lang-grid button{text-align:left;cursor:pointer;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);color:var(--soft);justify-content:space-between;gap:6px;padding:11px 12px;font-size:.88rem;transition:color .2s,background .2s;display:flex}.qsm .lang-grid button:hover{color:var(--text);background:#161a1ef5}.qsm .lang-grid button.on{background:var(--tone);color:var(--ink)}.qsm .lang-grid small{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.6;align-self:center;font-size:.6rem;font-weight:600}@media (max-width:1000px){.qsm .langs-stage{grid-template-columns:minmax(0,1fr)}.qsm .langs-stage .demo{order:-1}}@media (max-width:420px){.qsm .lang-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qsm .faq-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.qsm .faq-side{top:calc(var(--qsm-top) + 24px);display:grid;position:sticky}.qsm .faq-side .sec-head{margin-bottom:0}.qsm .faq-side .figure{justify-content:flex-start;margin-top:clamp(16px,3vh,32px)}.qsm .faq-side .figure img{--fig-h:min(calc(100vh - var(--qsm-top) - var(--qsm-bar) - 400px), 420px)}@media (max-height:820px){.qsm .faq-side .figure{display:none}}.qsm .faq-list{counter-reset:faq;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.qsm .faq-item{counter-increment:faq;border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:24px 0 26px;display:grid}.qsm .faq-item:before{content:"[" counter(faq, decimal-leading-zero) "]";font-family:var(--mono);letter-spacing:.12em;color:var(--tone);grid-row:span 2;padding-top:4px;font-size:.72rem;font-weight:600}.qsm .faq-item h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 10px;font-size:clamp(1.35rem,1.8vw,1.7rem);font-weight:900;line-height:.98}.qsm .faq-item p{color:var(--soft);margin:0;font-size:.98rem;line-height:1.65}@media (max-width:1000px){.qsm .faq-layout{grid-template-columns:minmax(0,1fr)}.qsm .faq-side{position:relative;top:auto}.qsm .faq-side .figure{display:none}}.qsm .final{flex-direction:column;min-height:min(100svh,980px);padding-bottom:0;display:flex}.qsm .final-grid{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(24px,4vw,64px);display:grid}.qsm .final-copy{align-self:center;gap:24px;padding-bottom:clamp(24px,5vh,56px);display:grid}.qsm .final-copy .sec-head{margin-bottom:0}.qsm .final-copy .sec-title{font-size:clamp(3.4rem,8vw,8.6rem)}.qsm .final .figure{align-self:end}.qsm .final .figure img{--fig-h:min(82svh, 820px)}.qsm .footer{padding:18px 0 var(--qsm-band);border-top:1px solid var(--line);color:var(--mute);font-family:var(--mono);letter-spacing:.06em;margin-top:clamp(24px,4vh,40px);font-size:.66rem}.qsm .footer p{max-width:1180px;margin:0 0 10px;line-height:1.75}@media (max-width:900px){.qsm .final{min-height:0}.qsm .final-grid{grid-template-columns:minmax(0,1fr);gap:8px}.qsm .final-copy{padding-bottom:0}.qsm .final .figure{width:100%;max-width:420px;margin:0 auto}.qsm .final .figure img{--fig-h:46svh}}.qsm.server-mode{z-index:2147483000;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.3s qsm-fade;display:flex;position:fixed;inset:0}.qsm .server-stage,.qsm .server-top,.qsm .server-help{width:min(100vw - 32px,177.778vh - 206.222px)}.qsm .server-stage .demo-window{clip-path:none;box-shadow:none;background:0 0}.qsm .server-stage .demo-window:after,.qsm .server-stage .demo-bar{display:none}.qsm .server-top{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.qsm .server-tag{border-left:3px solid var(--tone);font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--text);background:#060708d1;align-items:center;gap:8px;padding:9px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.qsm .server-top .seg{background:#060708d1}.qsm .server-exit{min-height:40px;margin-left:auto}.qsm .server-help{color:var(--soft);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px 22px;font-size:.85rem;display:flex}.qsm .server-help p{align-items:center;gap:6px;margin:0;display:flex}
.qsm .clip{aspect-ratio:16/9;background:#07080a;position:relative;overflow:hidden}.qsm .clip video{object-fit:cover;width:100%;height:100%;display:block}.qsm .how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid}.qsm .how-copy{gap:28px;display:grid}.qsm .how-copy .sec-head{margin-bottom:0}.qsm .how-stage{box-shadow:0 30px 80px #0000008c, 0 0 0 1px color-mix(in srgb, var(--tone) 55%, transparent);background:#07080a;position:relative}.qsm .how-routes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(32px,6vh,64px) 0 0;padding:0;list-style:none;display:grid}.qsm .how-routes li{align-content:start;gap:8px;padding:18px 20px 22px;display:grid}.qsm .how-n{font-family:var(--mono);letter-spacing:.14em;color:var(--tone);font-size:.7rem;font-weight:700}.qsm .how-routes b{font-family:var(--display);text-transform:uppercase;font-size:1.45rem;font-weight:900;line-height:.98}.qsm .how-chain{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);font-size:.68rem;line-height:1.6}.qsm .workflow{overflow:hidden}.qsm .wf-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,72px);max-width:calc(100% - min(26vw,380px));display:grid;position:relative}.qsm .wf-alert{border-left:4px solid var(--tone);background:color-mix(in srgb, var(--tone) 12%, var(--panel));margin-top:8px;padding:20px 22px 22px}.qsm .wf-alert b{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tone);margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.qsm .wf-alert p{color:var(--text);margin:0;line-height:1.6}.qsm .wf-steps{counter-reset:wf;gap:12px;margin:0;padding:0;list-style:none;display:grid}.qsm .wf-step{grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:20px 22px 22px;display:grid}.qsm .wf-n{font-family:var(--display);color:var(--tone);grid-row:span 2;font-size:2.6rem;font-weight:900;line-height:.85}.qsm .wf-step h3{font-family:var(--display);text-transform:uppercase;margin:0 0 6px;font-size:1.6rem;font-weight:900;line-height:.95}.qsm .wf-step p{color:var(--soft);margin:0;line-height:1.6}.qsm .wf-fig{width:min(26vw,380px);position:absolute;bottom:0;right:0}.qsm .wf-fig img{--fig-h:min(70svh, 640px)}.qsm .lab-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);align-items:start;gap:clamp(16px,3vw,40px);display:grid}.qsm .lab-board{background:#06101a;padding:14px;position:relative}.qsm .lab-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.qsm .lab-tool,.qsm .lab-preset{border:1px solid var(--line-2);background:var(--panel);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:9px 14px 8px;font-size:.7rem;font-weight:700}.qsm .lab-tool.on{background:var(--tone);border-color:var(--tone);color:var(--ink)}.qsm .lab-preset{color:var(--soft)}.qsm .lab-preset:hover,.qsm .lab-tool:hover{border-color:var(--tone)}.qsm .lab-sep{background:var(--line-2);width:1px;height:24px;margin:0 6px}.qsm .lab-svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#071523;width:100%;height:auto;display:block}.qsm .lab-svg.tool-door{cursor:pointer}.qsm .lab-gridline{fill:none;stroke:#4da6ff2e;stroke-width:1px}.qsm .lab-cell{fill:#3d8bff52}.qsm .lab-cell-closed{fill:#ffb02038}.qsm .lab-wall{stroke:#8fd3ff;stroke-width:7px;stroke-linecap:square}.qsm .lab-door-gap{stroke:#071523;stroke-width:9px}.qsm .lab-door-swing{fill:#ff3ec91f;stroke:#ff3ec9;stroke-width:3px}.qsm .lab-build{border:1px solid var(--tone);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#05070ae0;align-items:center;gap:12px;padding:12px 18px;font-size:.74rem;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.qsm .lab-build b{color:var(--tone)}.qsm .lab-side{gap:14px;display:grid}.qsm .lab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qsm .lab-check{background:var(--panel);border-left:4px solid #ffb020;gap:6px;padding:16px 18px;display:grid}.qsm .lab-check b{font-family:var(--display);text-transform:uppercase;color:#ffb020;font-size:1.5rem;font-weight:900}.qsm .lab-check.ok{border-left-color:#19d38f}.qsm .lab-check.ok b{color:#19d38f}.qsm .lab-check span{color:var(--soft);font-size:.95rem;line-height:1.5}.qsm .lab-finish{background:var(--tone);color:var(--ink);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:0;padding:14px 18px 12px;font-size:1.3rem;font-weight:900}.qsm .lab-finish:disabled{opacity:.35;cursor:not-allowed}.qsm .lab-note{color:var(--mute,var(--soft));margin:0;font-size:.86rem;line-height:1.55}.qsm .tools-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.qsm .tools-list li{align-content:start;gap:10px;padding:22px 22px 26px;display:grid}.qsm .tools-out{background:color-mix(in srgb, var(--tone) 18%, transparent);color:var(--tone);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-self:start;padding:4px 8px 3px;font-size:.64rem;font-weight:700}.qsm .tools-list h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:1.8rem;font-weight:900;line-height:.95}.qsm .tools-list p{color:var(--soft);margin:0;line-height:1.6}.qsm .limits-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.qsm .limits-list>div{gap:10px;padding:20px 22px 22px;display:grid}.qsm .limits-list dt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-size:.7rem;font-weight:700}.qsm .limits-list dd{gap:6px;margin:0;display:grid}.qsm .limits-list dd b{font-family:var(--display);color:var(--tone);font-size:clamp(2.2rem,3.4vw,3.2rem);font-weight:900;line-height:.9}.qsm .limits-list dd span{color:var(--soft);font-size:.92rem}@media (max-width:1100px){.qsm .how-grid,.qsm .wf-grid,.qsm .lab-grid{grid-template-columns:minmax(0,1fr);max-width:none}.qsm .how-routes,.qsm .tools-list,.qsm .limits-list{grid-template-columns:repeat(2,minmax(0,1fr))}.qsm .wf-fig{display:none}}@media (max-width:640px){.qsm .how-routes,.qsm .tools-list,.qsm .limits-list{grid-template-columns:minmax(0,1fr)}.qsm .lab-build{white-space:normal;width:calc(100% - 40px)}}.qsm .tut-grid{grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);align-items:stretch;gap:14px;display:grid}.qsm .tut-player{aspect-ratio:16/9;box-shadow:0 30px 80px #0000008c, 0 0 0 1px color-mix(in srgb, var(--tone) 55%, transparent);background:#07080a;position:relative;overflow:hidden}.qsm .tut-player>*{width:100%;height:100%;position:absolute;inset:0}.qsm .tut-player iframe{border:0}.qsm .tut-chapters{align-content:start;gap:2px;max-height:min(100%,62vh);margin:0;padding:8px;list-style:none;display:grid;overflow-y:auto}.qsm .tut-chapters button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:10px;width:100%;padding:8px 10px;display:grid}.qsm .tut-chapters button:hover,.qsm .tut-chapters button.on{background:color-mix(in srgb, var(--tone) 16%, transparent)}.qsm .tut-chapters time{font-family:var(--mono);color:var(--tone);font-size:.72rem;font-weight:700}.qsm .tut-chapters span{color:var(--text);font-size:.92rem;line-height:1.35}@media (max-width:1100px){.qsm .tut-grid{grid-template-columns:minmax(0,1fr)}.qsm .tut-chapters{max-height:320px}}
.qsm .st{--st-bar:var(--qsm-bar,86px);--st-avail:calc(100svh - var(--qsm-top) - var(--st-bar));--st-gap:clamp(28px, 3.4vw, 72px);--st-rail-h:40px;--st-pin-pad:clamp(8px, 1.6vh, 16px);--st-hud-h:48px;--st-sx:clamp(12px, 1.5vw, 28px);--st-stage-h:max(300px, calc(var(--st-avail) - var(--st-rail-h) - 12px - 2 * var(--st-pin-pad)))}.qsm .st-top{gap:var(--s5,32px) var(--st-gap);grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;margin-bottom:clamp(8px,2vh,24px);display:grid;position:relative}.qsm .st-top .sec-head{margin:0}.qsm .st-top-fig{grid-template-columns:minmax(0,1fr) minmax(0,.5fr) minmax(300px,380px);align-items:end}.qsm .st-top-fig .sec-head,.qsm .st-top-fig .st-aside{align-self:start}.qsm .st-fig{align-self:end;margin-bottom:calc(-1*clamp(8px,2vh,24px))}.qsm .st-fig img{--fig-h:min(58vh, 600px)}.qsm .st-aside{background:#060708db;gap:0;padding:0;display:grid}.qsm .st-figs{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.qsm .st-figs>div{align-content:start;gap:8px;padding:16px 18px 15px;display:grid}.qsm .st-figs>div+div{border-left:1px solid var(--line)}.qsm .st-figs dt{font-family:var(--display);text-transform:uppercase;color:var(--tone,var(--accent));white-space:nowrap;margin:0;font-size:2.3rem;font-weight:900;line-height:.85}.qsm .st-figs dd{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0;font-size:.62rem;font-weight:600;line-height:1.3}.qsm .st-points{gap:0;padding:12px 18px 16px;font-size:.92rem}.qsm .st-points li:before{top:calc(5px + .5em)}.qsm .st-points button{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--soft);background:0 0;border:0;margin:0;padding:5px 0;line-height:1.35;transition:color .2s;display:block}.qsm .st-points button:hover,.qsm .st-points li.on button{color:var(--text)}.qsm .st-intro{margin:clamp(20px,3vh,32px) 0 clamp(8px,2vh,24px)}.qsm .st-tour{--band-big:clamp(2.4rem, 4.4vw, 4.8rem)}.qsm .st-tour .st-figs dt{font-size:2rem}.qsm .st-grid{gap:var(--st-gap);grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);align-items:start;display:grid}.qsm .st-flip .st-grid{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr)}.qsm .st-flip .st-steps{order:2}.qsm .st .st-steps{padding:max(2vh, calc(18vh - var(--qsm-top))) 0 11vh}.qsm .st .story-step{flex-direction:column;justify-content:center;min-height:64vh;display:flex}.qsm .st .st-card{--cut:18px;opacity:.4;border-left:3px solid var(--line-2,var(--line-strong));--edge-color:transparent;max-width:36rem;transition:opacity .5s var(--ease), background-color .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);background:0 0;padding:22px 24px 24px;box-shadow:inset 0 0 0 1px #0000}.qsm .st .story-step.on .st-card{opacity:1;box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));border-left-color:var(--tone,var(--accent));--edge-color:var(--line-2,var(--line-strong));background:#060708e0}.qsm .st-idx{align-items:baseline;gap:8px;margin:0 0 14px;display:flex}.qsm .st-idx b{font-family:var(--display);color:var(--tone,var(--accent));font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:900;line-height:.8}.qsm .st-idx i{font-style:normal;font-family:var(--mono);letter-spacing:.14em;color:var(--mute);font-size:.68rem;font-weight:600}.qsm .st-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));align-self:center;margin-left:8px;padding:5px 10px;font-size:.62rem;font-weight:600;line-height:1.2;transition:background-color .4s,color .4s,box-shadow .4s}.qsm .st .story-step.on .st-tag,.qsm .st-cap .st-tag{color:var(--ink);background:var(--tone,var(--accent));box-shadow:inset 0 0 0 1px var(--tone,var(--accent))}.qsm .st .st-card h3,.qsm .st-cap-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);margin:0 0 12px;font-size:clamp(1.9rem,2.4vw,2.7rem);font-weight:900;font-stretch:100%;line-height:.9}.qsm .st .st-body p{color:var(--soft);margin:0 0 10px;font-size:1.02rem;line-height:1.6}.qsm .st .st-body p:last-child{margin-bottom:0}.qsm .st .st-body b{color:var(--text);font-weight:600}.qsm .st .st-body kbd{vertical-align:1px;margin:0 2px}.qsm .st-pin{top:var(--qsm-top);z-index:1;height:var(--st-avail);padding:var(--st-pin-pad) 0;flex-direction:column;justify-content:center;align-self:start;gap:12px;display:flex;position:sticky}.qsm .st-stage{--cut:22px;--edge-w:1px;--edge-color:var(--line-2,var(--line-strong));height:var(--st-stage-h);padding:var(--st-hud-h) var(--st-sx) var(--st-sx);clip-path:var(--notch);background:radial-gradient(64% 46% at 50% 100%, color-mix(in srgb, var(--tone,var(--accent)) 18%, transparent), transparent 72%), linear-gradient(180deg, #0d0f11f0, #08090af0);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.qsm .st-stage:before{content:"";z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));position:absolute;inset:0}.qsm .st-stage.cut-edge:after{z-index:4}.qsm .st-stage-bg{z-index:0;pointer-events:none;background:var(--tone,var(--accent));position:absolute;inset:0;overflow:hidden}.qsm .st-stage-bg img{object-fit:cover;filter:grayscale()contrast(1.3)brightness(1.1);mix-blend-mode:multiply;width:100%;max-width:none;height:100%;display:block}.qsm .st-stage-bg:after{content:"";background:radial-gradient(58% 62% at 50% 54%,#08090ab8,#08090a2e 100%),linear-gradient(#08090a6b 0,#08090a00 30%,#08090a1a 70%,#08090a9e 100%);position:absolute;inset:0}.qsm .st-screen{z-index:1;width:min(100%, calc((var(--st-stage-h) - var(--st-hud-h) - var(--st-sx)) * var(--st-ar,1.7778)));flex:none;position:relative}.qsm .st-screen:after{content:"";z-index:6;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));position:absolute;inset:0}.qsm .st-screen>.demo{margin:0}.qsm .st-screen .demo-window{clip-path:none;box-shadow:none;background:#0a0b0d;border:0;margin:0;padding:0}.qsm .st-screen .demo-window:after{content:none}.qsm .st-screen .demo-bar{display:none}.qsm .st-hud{z-index:4;height:var(--st-hud-h);padding:0 var(--st-sx);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.qsm :is(.st-live,.st-device){min-width:0;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));white-space:nowrap;text-overflow:ellipsis;background:#060708cc;align-items:center;gap:8px;padding:6px 10px;font-size:.62rem;font-weight:600;line-height:1.2;display:inline-flex;overflow:hidden}.qsm .st-live{color:var(--tone,var(--accent))}.qsm .st-live:before{content:"";background:currentColor;flex:none;width:7px;height:7px;animation:1.4s steps(2,jump-none) infinite qsm-st-blink}@keyframes qsm-st-blink{50%{opacity:.25}}.qsm .st-screen .shot-zoom{aspect-ratio:16/10;background:#0b0f16;height:auto}.qsm .st-screen .shot-zoom img{transform-origin:0 0;max-width:none;transition:transform .8s var(--ease);position:absolute;top:0;left:0}.qsm .st-screen .shot-frame{border:2px solid var(--tone,var(--accent));pointer-events:none;transition:left .8s var(--ease), top .8s var(--ease), width .8s var(--ease), height .8s var(--ease);border-radius:0;position:absolute;box-shadow:0 0 0 9999px #05070980}.qsm .st-rail{height:var(--st-rail-h);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:18px;display:grid}.qsm .st-count{align-items:baseline;gap:4px;padding-bottom:2px;display:inline-flex}.qsm .st-count b{font-family:var(--display);color:var(--tone,var(--accent));font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:900;line-height:.8}.qsm .st-count i{font-style:normal;font-family:var(--mono);letter-spacing:.14em;color:var(--mute);font-size:.68rem;font-weight:600}.qsm .st-segs{gap:4px;margin:0;padding:0;list-style:none;display:flex}.qsm .st-segs li{border-top:3px solid var(--line-2,var(--line-strong));flex:1 1 0;min-width:0;transition:border-color .3s}.qsm .st-segs li[data-state=done]{border-top-color:color-mix(in srgb, var(--tone,var(--accent)) 38%, var(--line-2,var(--line-strong)))}.qsm .st-segs li[data-state=active]{border-top-color:var(--tone,var(--accent))}.qsm .st-segs button{cursor:pointer;text-align:left;width:100%;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;margin:0;padding:8px 0 2px;font-size:.6rem;font-weight:600;line-height:1.3;transition:color .3s;display:block;overflow:hidden}.qsm .st-segs button:hover,.qsm .st-segs li[data-state=active] button{color:var(--text)}.qsm .st-segs button:focus-visible{outline-offset:2px}.qsm .st-caption{display:none}.qsm .st-cap{--cut:14px;--edge-w:1px;--edge-color:var(--line-2,var(--line-strong));box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));border-left:3px solid var(--tone,var(--accent));clip-path:var(--notch);animation:qsm-st-cap-in .45s var(--ease) both;background:#060708e6;padding:14px 16px 16px;position:relative}@keyframes qsm-st-cap-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1240px){.qsm .st-top,.qsm .st-top-fig{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.qsm .st-fig{display:none}}@media (max-width:1000px){.qsm .st{--st-rail-h:29px;--st-hud-h:36px;--st-sx:8px}.qsm .st-top,.qsm .st-top-fig{gap:var(--s4,24px);margin-bottom:var(--s4,24px);grid-template-columns:minmax(0,1fr)}.qsm .st-figs dt{font-size:1.9rem}.qsm .st-grid,.qsm .st-flip .st-grid{grid-template-columns:minmax(0,1fr);gap:0}.qsm .st-flip .st-steps{order:0}.qsm .st-pin{z-index:5;order:-1;justify-content:flex-start;gap:4px;height:auto;padding:8px 0 0}.qsm .st-stage{--cut:16px;height:auto}.qsm .st-screen{width:100%}.qsm :is(.st-live,.st-device){letter-spacing:.12em;padding:5px 8px;font-size:.56rem}.qsm .st-rail{grid-template-columns:minmax(0,1fr);height:auto}.qsm .st-count{display:none}.qsm .st-segs button{color:#0000;height:26px;padding:0;font-size:0}.qsm .st-segs button span{display:none}.qsm .st-caption{display:block}.qsm .st-cap-title{margin-bottom:8px;font-size:clamp(1.45rem,6vw,1.9rem)}.qsm .st-cap .st-idx{margin-bottom:10px}.qsm .st-cap .st-idx b{font-size:1.7rem}.qsm .st-cap .st-body p{margin-bottom:6px;font-size:.95rem;line-height:1.5}.qsm .st .st-steps{padding:0 0 10vh}.qsm .st .story-step{min-height:46vh}.qsm .st .story-step .st-card,.qsm .st .story-step.on .st-card{opacity:0;pointer-events:none;transition:none}}@media (max-width:560px){.qsm .st-figs>div{padding:14px 14px 13px}.qsm .st-points{padding:12px 14px 16px}}@media (prefers-reduced-motion:reduce){.qsm .st-live:before,.qsm .st-cap{animation:none}.qsm .st .st-card{transition:none}}.qsm section.sty{--sty-gap:clamp(24px, 3vw, 48px)}.qsm section.sty .sty-top{gap:0 var(--sty-gap);grid-template-columns:minmax(0,1fr) minmax(0,.5fr);align-items:end;display:grid}.qsm section.sty .sty-top .sec-head{align-self:start;margin-bottom:clamp(24px,4vh,40px)}.qsm section.sty .sty-fig{justify-content:flex-end;margin-top:calc(-1*clamp(24px,6vh,64px))}.qsm section.sty .sty-fig img{--fig-h:min(56vh, 560px)}.qsm section.sty .sty-stats{z-index:1;position:relative}.qsm section.sty .sty-sub{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;margin:clamp(40px,7vh,72px) 0 18px;padding-bottom:14px;display:flex}.qsm section.sty .sty-sub-label{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);align-items:baseline;gap:14px;font-size:clamp(1.7rem,2.4vw,2.5rem);font-weight:900;line-height:.9;display:inline-flex}.qsm section.sty .sty-sub-label b{font-family:var(--mono);letter-spacing:.16em;color:var(--tone);font-size:.74rem;font-weight:600}.qsm section.sty .sty-sub-label b:before{content:"["}.qsm section.sty .sty-sub-label b:after{content:"]"}.qsm section.sty .sty-sub-now{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);align-items:center;gap:9px;font-size:.68rem;font-weight:600;display:inline-flex}.qsm section.sty .sty-sub-now i{background:var(--c,var(--tone));width:9px;height:9px}.qsm section.sty .tpl-grid{margin:0 0 var(--sty-gap);border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(10,minmax(0,1fr));gap:0;display:grid}.qsm section.sty .tpl{cursor:pointer;text-align:left;background:var(--panel);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;color:var(--soft);box-shadow:none;border-radius:0;flex-direction:column;gap:0;margin:0;padding:0;transition:color .2s,background-color .2s;display:flex;position:relative;overflow:hidden;transform:none}.qsm section.sty .tpl img{aspect-ratio:480/281;object-fit:cover;opacity:.78;background:#0a0b0d;width:100%;height:auto;transition:opacity .25s;display:block}.qsm section.sty .tpl-name{border-top:1px solid var(--line);min-width:0;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:9px 10px 10px;font-size:.62rem;font-weight:600;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.qsm section.sty .tpl-name i{background:var(--c);flex:none;width:8px;height:8px}.qsm section.sty .tpl:after{content:"";pointer-events:none;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000}.qsm section.sty .tpl:hover{color:var(--text);background:#161a1ef5;transform:none}.qsm section.sty .tpl:hover img,.qsm section.sty .tpl.on img{opacity:1}.qsm section.sty .tpl.on{color:var(--ink);box-shadow:none}.qsm section.sty .tpl.on:after{box-shadow:inset 0 0 0 2px var(--tone)}.qsm section.sty .tpl.on .tpl-name{background:var(--tone);color:var(--ink);border-top-color:var(--tone)}.qsm section.sty .tpl.on .tpl-name i{box-shadow:0 0 0 1px var(--ink)}.qsm section.sty .tpl:focus-visible{outline:2px solid var(--tone);outline-offset:-2px}.qsm section.sty .styles-stage{gap:var(--sty-gap);grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);align-items:start;display:grid}.qsm section.sty .styles-side{border-top:0;gap:0;padding:4px 22px 10px;display:grid}.qsm section.sty .opt{border-bottom:1px solid var(--line);padding:18px 0}.qsm section.sty .opt:last-child{border-bottom:0}.qsm section.sty .opt p{color:var(--soft);margin:12px 0 0;font-size:.92rem;line-height:1.5}.qsm section.sty .opt-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--soft);margin-bottom:12px;font-size:.66rem;font-weight:600;display:block}.qsm section.sty .opt .ticks{font-size:.92rem;line-height:1.5}.qsm section.sty .studio-block,.qsm section.sty .compare{border-top:0;margin-top:0;padding-top:0}.qsm section.sty :is(.studio-head,.compare-head) p{max-width:46em;color:var(--soft);margin:0 0 22px;font-size:1.02rem;line-height:1.6}.qsm section.sty .studio-grid{gap:var(--sty-gap);grid-template-columns:minmax(280px,.55fr) minmax(0,1.65fr);align-items:start;display:grid}.qsm section.sty .studio-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.qsm section.sty .studio-list li{border-bottom:1px solid var(--line)}.qsm section.sty .studio-list button{text-align:left;cursor:pointer;width:100%;color:var(--soft);font:inherit;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:34px minmax(0,1fr);column-gap:10px;margin:0;padding:13px 14px 13px 11px;transition:color .2s,background-color .2s,border-color .2s;display:grid}.qsm section.sty .studio-list .studio-n{font-family:var(--mono);letter-spacing:.14em;color:var(--mute);grid-row:span 2;padding-top:4px;font-size:.66rem;font-weight:600}.qsm section.sty .studio-list b{font-family:var(--display);letter-spacing:0;text-transform:uppercase;color:inherit;font-size:1.35rem;font-weight:900;line-height:1}.qsm section.sty .studio-list button>span:last-child{opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .3s, margin .3s;font-size:.9rem;line-height:1.5;overflow:hidden}.qsm section.sty .studio-list button:hover{color:var(--text);background:#0e111399}.qsm section.sty .studio-list button.on{color:var(--text);background:var(--panel);border-left-color:var(--tone)}.qsm section.sty .studio-list button.on .studio-n{color:var(--tone)}.qsm section.sty .studio-list button.on>span:last-child{opacity:1;max-height:96px;color:var(--soft);margin-top:6px}.qsm section.sty .compare-picks{gap:12px var(--sty-gap);grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.qsm section.sty .tpl-select{display:block;position:relative}.qsm section.sty .tpl-select .opt-label{margin-bottom:8px}.qsm section.sty .tpl-select select{--cut:11px;appearance:none;cursor:pointer;background:var(--panel);width:100%;min-height:46px;box-shadow:inset 3px 0 0 var(--c), inset 0 0 0 1px var(--line-2);clip-path:var(--notch);color:var(--text);font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;border:0;border-radius:0;padding:10px 40px 10px 16px;font-size:.72rem;font-weight:600}.qsm section.sty .tpl-select select:hover{box-shadow:inset 3px 0 0 var(--c), inset 0 0 0 1px color-mix(in srgb, var(--tone) 60%, transparent)}.qsm section.sty .tpl-select:after{content:"";pointer-events:none;border-right:1.5px solid var(--tone);border-bottom:1.5px solid var(--tone);width:7px;height:7px;position:absolute;bottom:19px;right:18px;transform:rotate(45deg)}.qsm section.sty .tpl-select option{color:var(--text);text-transform:none;background:#121619}.qsm section.sty .compare-stage{position:relative}.qsm section.sty .compare-stage .demo-bar{display:none}.qsm section.sty .compare-top{clip-path:inset(0 0 0 var(--pos));pointer-events:none;position:absolute;inset:0}.qsm section.sty .compare-handle{top:0;bottom:0;left:var(--pos);z-index:4;pointer-events:none;justify-content:center;align-items:flex-start;width:0;display:flex;position:absolute}.qsm section.sty .compare-handle i{background:var(--text);width:2px;box-shadow:none;position:absolute;top:0;bottom:0;left:-1px}.qsm section.sty .compare-handle i:after{content:"⟷";background:var(--tone);width:40px;height:40px;color:var(--ink);border-radius:0;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qsm section.sty .compare-handle span{white-space:nowrap;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:#060708d6;border:0;padding:6px 10px;font-size:.62rem;font-weight:600;position:absolute;top:14px}.qsm section.sty .compare-handle span:first-child{right:14px}.qsm section.sty .compare-handle span:last-child{left:14px}.qsm section.sty .compare-range{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (max-width:1400px){.qsm section.sty .tpl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.qsm section.sty .styles-stage,.qsm section.sty .studio-grid{grid-template-columns:minmax(0,1fr)}.qsm section.sty .studio-grid .demo{order:-1}}@media (max-width:1000px){.qsm section.sty .sty-top{grid-template-columns:minmax(0,1fr)}.qsm section.sty .sty-fig{display:none}}@media (max-width:760px){.qsm section.sty .tpl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qsm section.sty .tpl-name{letter-spacing:.06em;gap:5px;padding:7px 6px 8px;font-size:.52rem}.qsm section.sty .tpl-name i{width:6px;height:6px}.qsm section.sty .styles-side{padding:2px 16px 6px}.qsm section.sty .compare-picks{gap:8px}.qsm section.sty .tpl-select select{letter-spacing:.08em;padding-left:12px;font-size:.62rem}.qsm section.sty .compare-handle span{padding:4px 7px;font-size:.52rem;top:8px}}@media (max-width:460px){.qsm section.sty .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}