.demo-shell{--demo-ink:#e9efef;--demo-dim:#8d9797;--demo-line:rgba(255,255,255,0.1)}.demo-intro-section{padding:58px 0 0;scroll-margin-top:24px}.demo-close-section{padding:46px 0 0;scroll-margin-top:24px}.demo-intro{display:grid;gap:14px;max-width:760px;margin:0 auto;text-align:center}.demo-title{margin:0;color:var(--demo-ink);font-size:clamp(34px,8vw,62px);letter-spacing:-.03em;line-height:1.02}.demo-title em{color:#69deef;font-style:normal}.demo-deck{margin:0;color:var(--demo-dim);font-size:clamp(15px,3.6vw,19px);line-height:1.55}.demo-jump-nav{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:8px}.demo-jump-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid rgba(105,222,239,.18);border-radius:999px;background:rgba(105,222,239,.045);color:#b7c4c3;font-size:12px;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}.demo-jump-nav a:focus-visible,.demo-jump-nav a:hover{border-color:rgba(105,222,239,.5);background:rgba(105,222,239,.1);color:#e6fbfd}.demo-theatre{max-width:1020px;margin:34px auto 0}.demo-frame{position:relative;container-type:size;overflow:hidden;aspect-ratio:4/3;width:100%;border:1px solid var(--demo-line);border-radius:clamp(14px,2.4vw,26px);background:radial-gradient(120% 90% at 18% 8%,rgba(105,222,239,.16),transparent 62%),radial-gradient(90% 70% at 88% 92%,rgba(88,128,148,.2),transparent 66%),linear-gradient(160deg,#10181c,#080c0e 58%,#0a0f11);box-shadow:inset 0 1px rgba(255,255,255,.07),0 34px 90px rgba(0,0,0,.6);--demo-body:clamp(68px,27cqh,178px);--demo-floor:7cqh;--demo-rise:18cqh;--demo-mark:var(--demo-enter-from,-180px);--demo-lift:0px;--demo-wave-ms:1400ms}@media (min-width:640px){.demo-frame{aspect-ratio:16/10}}.demo-frame[data-paused=true] *,.demo-frame[data-paused=true]:after,.demo-frame[data-paused=true]:before{animation-play-state:paused!important}.demo-screen{position:absolute;inset:0}.demo-menubar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;gap:2cqw;height:7cqh;padding:0 2.6cqw;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(9,13,15,.62)}.demo-menu-mark{width:1.5cqw;height:1.5cqw;border-radius:50%;background:rgba(233,239,239,.55)}.demo-menu-clock,.demo-menus{display:flex;gap:1.4cqw;align-items:center}.demo-menu-clock{margin-left:auto}.demo-menu-clock i,.demo-menus i{display:block;height:1cqh;border-radius:2px;background:rgba(233,239,239,.22)}.demo-menus i:first-child{width:4cqw}.demo-menus i:nth-child(2){width:3cqw}.demo-menus i:nth-child(3){width:3.6cqw}.demo-menu-clock i:first-child{width:2.6cqw}.demo-menu-clock i:nth-child(2){width:4.4cqw}.demo-files{position:absolute;top:10cqh;right:2.4cqw;display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:3.4cqh 2.2cqw}.demo-file{display:block;width:5cqw;height:4.6cqh;border-radius:1.2cqh 1.2cqh .8cqh .8cqh}.demo-file.is-folder{background:linear-gradient(180deg,rgba(105,222,239,.34),rgba(105,222,239,.14))}.demo-file.is-doc{border-radius:.6cqh;background:rgba(233,239,239,.16)}.demo-window{position:absolute;top:14cqh;bottom:24cqh;left:5cqw;width:52cqw;padding:2.6cqh 3cqw;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.6cqh;background:rgba(12,17,19,.9);box-shadow:0 18px 46px rgba(0,0,0,.5)}.demo-traffic{display:flex;gap:1cqw}.demo-traffic i{display:block;width:1.4cqw;height:1.4cqw;border-radius:50%;background:rgba(233,239,239,.2)}.demo-window-label{margin:2.4cqh 0 0;color:rgba(105,222,239,.72);font-size:clamp(8px,1.7cqw,12px);letter-spacing:.18em;text-transform:uppercase}.demo-window-task{margin:.8cqh 0 0;color:var(--demo-ink);font-size:clamp(11px,2.6cqw,19px);line-height:1.25}.demo-doc-lines{display:grid;gap:1.6cqh;margin-top:3cqh}.demo-doc-lines i{display:block;height:1.1cqh;border-radius:3px;background:rgba(233,239,239,.1)}.demo-doc-lines i:nth-child(2){width:86%}.demo-doc-lines i:nth-child(3){width:92%}.demo-doc-lines i:nth-child(4){width:64%}.demo-feed{position:absolute;top:9cqh;right:3cqw;bottom:13cqh;left:18cqw;display:flex;flex-direction:column;gap:2cqh;padding:2.4cqh 2.6cqw;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.8cqh;background:linear-gradient(180deg,#1a1416,#120e10);box-shadow:0 26px 70px rgba(0,0,0,.62);transform:translate3d(112%,0,0)}.demo-feed-bar{display:flex;gap:1.6cqw;align-items:center}.demo-feed-bar i{display:block;height:1.2cqh;border-radius:3px;background:rgba(255,255,255,.16)}.demo-feed-bar i:first-child{width:3cqw;height:3cqw;border-radius:50%}.demo-feed-bar i:nth-child(2){width:22cqw}.demo-feed-card{flex:1 1 auto;border-radius:1.2cqh;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04))}.demo-feed-card.is-tall{flex-grow:2.6}.demo-feed-card.is-short{flex-grow:0.7}.demo-feed-shade{position:absolute;inset:0;opacity:0;border-radius:inherit;background:rgba(8,12,13,.72);backdrop-filter:blur(3px)}.demo-frame[data-feed=behind] .demo-feed,.demo-frame[data-feed=in] .demo-feed{animation:demo-feed-in .62s cubic-bezier(.2,.72,.18,1) both}.demo-frame[data-feed=out] .demo-feed{animation:demo-feed-out .64s cubic-bezier(.5,0,.72,.3) both}.demo-frame[data-feed=behind] .demo-feed-shade{animation:demo-shade-in .46s ease both}@keyframes demo-feed-in{0%{transform:translate3d(112%,0,0)}to{transform:translateZ(0)}}@keyframes demo-feed-out{0%{transform:translateZ(0)}to{transform:translate3d(112%,0,0)}}@keyframes demo-shade-in{0%{opacity:0}to{opacity:1}}.demo-hud{position:absolute;top:10cqh;left:5cqw;z-index:6;display:flex;gap:1.6cqw;align-items:baseline;padding:1.2cqh 2.2cqw;border:1px solid rgba(105,222,239,.24);border-radius:999px;background:rgba(8,12,13,.86)}.demo-hud-clock{color:#69deef;font-size:clamp(12px,2.6cqw,20px);font-variant-numeric:tabular-nums;letter-spacing:.04em}.demo-hud-note{color:var(--demo-dim);font-size:clamp(8px,1.6cqw,12px);letter-spacing:.02em}.demo-hud[data-held=true] .demo-hud-clock{color:rgba(233,239,239,.6)}.demo-portrait,.demo-walker,.demo-wave-layer{position:absolute;z-index:5;pointer-events:none}.demo-walker{bottom:calc(var(--demo-floor) - .4879 * var(--demo-body));left:0;width:calc(.8275 * var(--demo-body));height:calc(1.9516 * var(--demo-body));transform:translate3d(var(--demo-mark),calc(-1 * var(--demo-lift)),0)}.demo-portrait,.demo-walker,.demo-wave-layer{filter:drop-shadow(0 3cqh 2.6cqh rgba(0,0,0,.5))}.demo-portrait,.demo-wave-layer{bottom:calc(var(--demo-floor) - .0991 * var(--demo-body));left:calc(var(--demo-mark) - .1502 * var(--demo-body));width:calc(1.1798 * var(--demo-body));height:calc(1.1798 * var(--demo-body))}.demo-sprite{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:0 0;will-change:background-position}.demo-sprite-walk{background-image:url(/stoiq-yeti-walk-safe.webp);background-size:800% 100%;animation:sprite-eight var(--demo-walk-cycle,.72s) steps(8,jump-none) infinite}.demo-sprite-climb{background-image:url(/stoiq-yeti-climb-safe.webp);background-size:800% 100%}.demo-frame[data-phase=climbing] .demo-sprite-climb{animation:sprite-eight 1.12s steps(8,jump-none) 1 both}.demo-frame[data-phase=checking] .demo-sprite-climb,.demo-frame[data-phase=grace] .demo-sprite-climb,.demo-frame[data-phase=holding] .demo-sprite-climb{background-position:100% 0}.demo-frame[data-phase=returning] .demo-sprite-climb{animation:sprite-eight .9s steps(8,jump-none) 1 reverse both}.demo-wave-layer{display:block;background-image:url(/stoiq-yeti-wave-safe.webp);background-repeat:no-repeat;background-size:400% 100%;animation:demo-wave var(--demo-wave-ms) step-end 1 both}@keyframes demo-wave{0%{background-position:0 0}12%{background-position:33.3333% 0}22%{background-position:66.6667% 0}32%,66%{background-position:100% 0}78%{background-position:66.6667% 0}88%{background-position:33.3333% 0}to{background-position:0 0}}.demo-frame[data-phase=arriving] .demo-walker{animation:demo-enter var(--demo-enter-ms,2.4s) linear both}.demo-frame[data-phase=planting] .demo-walker{animation:demo-corner var(--demo-corner-ms,2.4s) linear both}.demo-frame[data-phase=climbing] .demo-walker{animation:demo-climb-rise 1.15s cubic-bezier(.34,.1,.3,1) both}.demo-frame[data-phase=returning] .demo-walker{animation:demo-climb-drop .9s cubic-bezier(.5,0,.5,1) both}@keyframes demo-enter{0%{transform:translate3d(var(--demo-enter-from,-180px),0,0)}to{transform:translate3d(var(--demo-enter-to,60px),0,0)}}@keyframes demo-corner{0%{transform:translate3d(var(--demo-enter-to,60px),0,0)}to{transform:translate3d(var(--demo-corner-to,300px),0,0)}}@keyframes demo-climb-rise{0%{transform:translate3d(var(--demo-enter-to,60px),0,0)}to{transform:translate3d(var(--demo-enter-to,60px),calc(-1 * var(--demo-rise)),0)}}@keyframes demo-climb-drop{0%{transform:translate3d(var(--demo-enter-to,60px),calc(-1 * var(--demo-rise)),0)}to{transform:translate3d(var(--demo-enter-to,60px),0,0)}}.demo-frame[data-phase=checking],.demo-frame[data-phase=climbing],.demo-frame[data-phase=completing],.demo-frame[data-phase=drifting],.demo-frame[data-phase=focusing],.demo-frame[data-phase=grace],.demo-frame[data-phase=greeting],.demo-frame[data-phase=holding],.demo-frame[data-phase=planting],.demo-frame[data-phase=returning]{--demo-mark:var(--demo-enter-to,60px)}.demo-frame[data-phase=closing],.demo-frame[data-phase=grown],.demo-frame[data-phase=potting]{--demo-mark:var(--demo-corner-to,300px)}.demo-frame[data-phase=checking],.demo-frame[data-phase=grace],.demo-frame[data-phase=holding]{--demo-lift:var(--demo-rise)}.demo-plant{position:absolute;z-index:4;bottom:var(--demo-floor);left:calc(var(--demo-mark) + .66 * var(--demo-body));transform-origin:50% 100%}.demo-plant.is-seedling{width:calc(.1467 * .6167 * var(--demo-body));height:calc(.1467 * var(--demo-body));animation:demo-plant-in .52s cubic-bezier(.2,1.3,.5,1) both}.demo-plant.is-grown{width:calc(.2 * .5467 * var(--demo-body));height:calc(.2 * var(--demo-body));animation:demo-plant-grow .7s cubic-bezier(.2,.9,.3,1) both}@keyframes demo-plant-in{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes demo-plant-grow{0%{transform:scaleY(.73) scaleX(.88)}to{transform:scaleY(1) scaleX(1)}}.demo-bubble{position:absolute;bottom:calc(var(--demo-floor) + 1.04 * var(--demo-body) + var(--demo-lift));left:calc(var(--demo-mark) + .34 * var(--demo-body));z-index:8;display:grid;gap:10px;width:max-content;max-width:min(74cqw,400px);padding:12px 14px 13px;border:1px solid rgba(255,255,255,.14);border-radius:16px 16px 16px 4px;background:rgba(16,21,22,.94);box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 54px rgba(0,0,0,.6);animation:demo-bubble-in .26s cubic-bezier(.2,.8,.3,1) both}.demo-frame[data-phase=checking] .demo-bubble,.demo-frame[data-phase=grace] .demo-bubble,.demo-frame[data-phase=holding] .demo-bubble{right:4cqw;bottom:calc(var(--demo-floor) + .42 * var(--demo-body) + var(--demo-lift));left:calc(var(--demo-mark) + .62 * var(--demo-body));width:auto;max-width:none;border-radius:16px 16px 16px 4px}.demo-bubble-line{margin:0;color:var(--demo-ink);font-size:clamp(13px,1.15vw,15px);line-height:1.42;text-wrap:pretty}.demo-choices{display:flex;flex-wrap:wrap;gap:8px}.demo-choice{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:var(--demo-ink);cursor:pointer;font:inherit;font-size:clamp(12px,1.05vw,14px);line-height:1;pointer-events:auto;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.demo-choice:focus-visible,.demo-choice:hover{border-color:rgba(105,222,239,.5);background:rgba(105,222,239,.12)}.demo-choice:active{transform:translateY(1px)}.demo-choice.is-primary{border-color:rgba(105,222,239,.45);background:rgba(105,222,239,.16);color:#d8fbff}@keyframes demo-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-underbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}.demo-underbar-note{margin:0;color:var(--demo-dim);font-size:13px;line-height:1.5}.demo-replay{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:var(--demo-ink);cursor:pointer;font:inherit;font-size:13px}.demo-replay:focus-visible,.demo-replay:hover{border-color:rgba(105,222,239,.5)}.demo-actions-section,.demo-loop-section,.demo-sync-section,.demo-world-section{padding-top:clamp(96px,11vw,150px);scroll-margin-top:32px}.demo-actions-section,.demo-close-section,.demo-loop-section,.demo-sync-section,.demo-world-section{border-top:1px solid var(--demo-line)}.demo-loop-section{margin-top:clamp(90px,10vw,140px)}.demo-section-heading{max-width:820px}.demo-section-heading.is-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);gap:clamp(42px,6vw,78px);align-items:end;max-width:none}.demo-place-copy h2,.demo-section-heading h2,.demo-sync-copy h2,.demo-world-intro h2{margin:18px 0 0;color:var(--demo-ink);font-size:clamp(38px,5vw,64px);font-weight:540;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.demo-place-copy>p:not(.eyebrow),.demo-section-heading.is-split>p,.demo-section-heading>p:not(.eyebrow),.demo-sync-copy>p,.demo-world-intro>div:last-child>p{margin:24px 0 0;color:var(--demo-dim);font-size:16px;line-height:1.7}.demo-section-heading.is-split>p{margin-bottom:4px}.demo-loop-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border-top:1px solid var(--demo-line)}.demo-loop-grid article{min-height:245px;padding:28px 24px 30px 0;border-right:1px solid var(--demo-line)}.demo-loop-grid article+article{padding-left:24px}.demo-loop-grid article:last-child{border-right:0}.demo-loop-grid article>span{color:#69deef;font-size:9px;font-weight:700;letter-spacing:.16em}.demo-loop-grid h3{margin:48px 0 0;color:var(--demo-ink);font-size:21px;font-weight:580;letter-spacing:-.035em;line-height:1.15}.demo-loop-grid p{margin:14px 0 0;color:var(--demo-dim);font-size:13px;line-height:1.65}.demo-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:64px}.demo-action-card{overflow:hidden;border:1px solid var(--demo-line);border-radius:20px;background:linear-gradient(145deg,rgba(18,25,26,.88),rgba(8,11,12,.94))}.demo-action-media{position:relative;aspect-ratio:960/620;overflow:hidden;border-bottom:1px solid var(--demo-line);background:#090c0d}.demo-action-media:after{position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(5,7,8,.5));content:"";pointer-events:none}.demo-action-media video{display:block;width:100%;height:100%;object-fit:cover}.demo-action-copy{padding:22px 24px 25px}.demo-action-copy>div{display:flex;align-items:center;justify-content:space-between}.demo-action-copy>div b,.demo-action-copy>div span{color:#667270;font-size:8px;font-weight:700;letter-spacing:.14em}.demo-action-copy>div b{color:#69deef}.demo-action-copy h3{margin:24px 0 0;color:var(--demo-ink);font-size:23px;font-weight:580;letter-spacing:-.038em}.demo-action-copy p{margin:12px 0 0;color:var(--demo-dim);font-size:13px;line-height:1.65}.demo-world-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.65fr);gap:clamp(54px,7vw,92px);align-items:end}.demo-world-intro>div:last-child>p{margin-top:0}.demo-reward-rule{display:grid;grid-template-columns:72px 1fr;gap:12px 16px;align-items:center;margin-top:24px;padding:16px 18px 16px 10px;border:1px solid rgba(139,190,157,.2);border-radius:14px;background:rgba(139,190,157,.045)}.demo-reward-rule img{grid-row:1/3;width:72px;height:72px;object-fit:contain}.demo-reward-rule p{display:grid;grid-template-columns:106px 1fr;gap:10px;margin:0}.demo-reward-rule strong{color:#bdd0c2;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.demo-reward-rule span{color:#87948d;font-size:11px}.demo-plant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:66px}.demo-plant-grid article{position:relative;display:grid;min-height:390px;padding:18px;overflow:hidden;border:1px solid var(--demo-line);border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(139,190,157,.1),transparent 34%),rgba(255,255,255,.012)}.demo-plant-grid article>span{position:absolute;z-index:2;top:17px;left:17px;padding:7px 8px;border:1px solid rgba(139,190,157,.2);border-radius:999px;background:rgba(6,9,8,.78);color:#9fc1aa;font-size:7px;font-weight:700;letter-spacing:.12em}.demo-plant-grid article>img{width:100%;height:245px;margin-top:26px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.44))}.demo-plant-grid article>div{align-self:end}.demo-plant-grid h3{margin:0;color:var(--demo-ink);font-size:18px;font-weight:580;letter-spacing:-.03em}.demo-plant-grid p{margin:8px 0 0;color:#7f8b86;font-size:11px;line-height:1.5}.demo-place-proof{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.68fr);gap:clamp(46px,6vw,76px);align-items:center;margin-top:clamp(100px,11vw,150px);padding-top:clamp(90px,10vw,130px);border-top:1px solid var(--demo-line)}.demo-place-window{overflow:hidden;border:1px solid rgba(139,190,157,.2);border-radius:21px;background:#0a0e0c;box-shadow:0 40px 90px rgba(0,0,0,.45)}.demo-place-window>div{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.055)}.demo-place-window>div i{width:7px;height:7px;border-radius:50%;background:#33413a}.demo-place-window>div b,.demo-place-window>div span{color:#8fb99d;font-size:7px;font-weight:700;letter-spacing:.12em}.demo-place-window>div b{margin-left:8px}.demo-place-window>div span{margin-left:auto;color:#76827d;font-size:8px}.demo-place-window>img{display:block;width:100%;height:auto}.demo-place-copy h2{font-size:clamp(38px,4vw,54px)}.demo-place-copy ul{margin:30px 0 28px;padding:0;list-style:none;border-top:1px solid var(--demo-line)}.demo-place-copy li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--demo-line);color:#9aa5a0;font-size:12px;line-height:1.5}.demo-place-copy li span{color:#64706b;font-size:8px;letter-spacing:.12em}.demo-sync-section{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:clamp(52px,7vw,92px);align-items:center;margin-top:clamp(100px,11vw,150px);padding-bottom:clamp(100px,11vw,150px)}.demo-sync-copy h2{font-size:clamp(38px,4.2vw,56px)}.demo-place-copy .text-cta,.demo-sync-copy .text-cta{display:inline-flex;margin-top:6px}.demo-sync-visual{position:relative;min-height:650px;overflow:hidden;border:1px solid rgba(105,222,239,.12);border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(105,222,239,.11),transparent 43%),#090d0e}.demo-sync-visual:before{position:absolute;top:49%;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(105,222,239,.5),transparent);content:"ONE TASK · ONE TIMER · TWO PROTECTED SCREENS";color:#647574;font-size:7px;letter-spacing:.13em;line-height:30px;text-align:center}.demo-sync-visual figure{position:absolute;width:215px;margin:0;padding:7px;border:1px solid rgba(255,255,255,.15);border-radius:40px;background:#050606;box-shadow:0 34px 74px rgba(0,0,0,.5)}.demo-sync-visual figure.is-focus{top:38px;left:10%;transform:rotate(-3deg)}.demo-sync-visual figure.is-interrupt{right:10%;bottom:38px;transform:rotate(3deg)}.demo-sync-visual figure img{display:block;width:100%;height:auto;border-radius:32px}.demo-sync-visual figcaption{position:absolute;left:50%;bottom:-28px;color:#657270;font-size:7px;font-weight:700;letter-spacing:.13em;white-space:nowrap;transform:translateX(-50%)}.demo-close{display:grid;gap:16px;max-width:640px;margin:0 auto;padding:clamp(90px,10vw,140px) 0;text-align:center}.demo-close h2{margin:0;color:var(--demo-ink);font-size:clamp(26px,5.4vw,40px);letter-spacing:-.02em;line-height:1.1}.demo-close h2 em{color:#69deef;font-style:normal}.demo-close p{margin:0;color:var(--demo-dim);font-size:clamp(14px,3.4vw,17px);line-height:1.6}.demo-close-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}.demo-terms{color:rgba(141,151,151,.8);font-size:13px}@media (max-width:900px){.demo-place-proof,.demo-section-heading.is-split,.demo-sync-section,.demo-world-intro{grid-template-columns:1fr}.demo-loop-grid,.demo-plant-grid{grid-template-columns:repeat(2,1fr)}.demo-loop-grid article:nth-child(2){border-right:0}.demo-world-intro>div:last-child{max-width:650px}.demo-place-proof{align-items:start}.demo-place-copy{max-width:680px}.demo-sync-visual{min-height:620px}}@media (max-width:620px){.demo-intro-section{padding-top:42px}.demo-title{font-size:clamp(39px,12vw,52px)}.demo-jump-nav{align-items:stretch;flex-direction:column}.demo-jump-nav a{justify-content:center}.demo-action-grid,.demo-loop-grid,.demo-plant-grid{grid-template-columns:1fr}.demo-loop-grid article,.demo-loop-grid article+article{min-height:auto;padding:25px 0 28px;border-right:0;border-bottom:1px solid var(--demo-line)}.demo-loop-grid h3{margin-top:30px}.demo-action-grid{gap:14px;margin-top:50px}.demo-action-copy{padding:18px 18px 21px}.demo-reward-rule{grid-template-columns:58px 1fr;padding-right:12px}.demo-reward-rule img{width:58px;height:58px}.demo-reward-rule p{grid-template-columns:1fr;gap:3px}.demo-plant-grid article{grid-template-columns:135px 1fr;min-height:170px;align-items:end}.demo-plant-grid article>img{grid-row:1;width:135px;height:140px;margin:14px 0 0}.demo-plant-grid article>div{grid-column:2;grid-row:1;padding-bottom:8px}.demo-place-window>div b{display:none}.demo-sync-visual{min-height:520px}.demo-sync-visual figure{width:160px;border-radius:30px}.demo-sync-visual figure img{border-radius:24px}.demo-sync-visual figure.is-focus{top:30px;left:5%}.demo-sync-visual figure.is-interrupt{right:5%;bottom:30px}.demo-sync-visual:before{left:10%;width:80%;font-size:6px}}.demo-storyboard{display:none}@media (prefers-reduced-motion:reduce){.demo-live{display:none}.demo-storyboard{display:grid;gap:14px;max-width:760px;margin:0 auto}}.demo-panel{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--demo-line);border-radius:18px;background:rgba(12,17,19,.7)}.demo-panel-still{position:relative;width:78px;height:96px;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.03)}.demo-panel-still i{position:absolute;bottom:-34%;left:50%;display:block;width:88px;height:208px;background-repeat:no-repeat;background-size:800% 100%;transform:translateX(-50%)}.demo-panel-still.is-walk i{background-image:url(/stoiq-yeti-walk-safe.webp);background-position:42.857% 0}.demo-panel-still.is-climb i{background-image:url(/stoiq-yeti-climb-safe.webp);background-position:71.428% 0}.demo-panel-still .companion-portrait{position:absolute;bottom:2px;left:50%;width:92px;transform:translateX(-50%)}.demo-panel-plant{position:absolute;bottom:6px;right:6px;width:15px;height:24px}.demo-panel-line{margin:0 0 6px;color:var(--demo-ink);font-size:15px;line-height:1.4}.demo-panel-caption{margin:0;color:var(--demo-dim);font-size:13px;line-height:1.5}