@media (prefers-reduced-motion:no-preference){:root:has([data-landing]){scroll-behavior:smooth}}@keyframes landing-answer{0%{opacity:0}}[data-landing] details[open]>:not(summary){animation:.15s ease-out landing-answer}.landing-hero{--landing-headline:min(var(--text-4xl,3.0625rem), 20cqi);padding-top:2rem}.landing-headline{font-size:var(--landing-headline);line-height:.98}.landing-lead{font-size:var(--text-lg,1.25rem);line-height:1.4}@container page (width>=48rem){.landing-hero{--landing-headline:var(--text-6xl,4.75rem);padding-top:3rem}.landing-headline{line-height:.95}}@container page (width>=64rem){.landing-hero{--landing-headline:var(--text-5xl,3.8125rem);padding-top:2rem}.landing-demo{margin-top:calc(var(--landing-headline) * .15)}@media (min-height:44rem){.landing-hero{--landing-headline:var(--text-6xl,4.75rem);padding-top:2.5rem}}}@container page (width>=90rem){@media (min-height:52rem){.landing-hero{--landing-headline:var(--text-7xl,5.9375rem);padding-top:3rem}.landing-lead{font-size:var(--text-xl,1.5625rem);line-height:1.35}}}.demo-screen{--screen-sky:#0a121f;--screen-far:#0f1a2a;--screen-mid:#16243a;--screen-near:#1d2e48;--screen-line:#2a3d5c;--screen-lamp:#fbeed7;--screen-glow:#d2c5a8;--clip-sky:#ee8fa3;--clip-haze:#f7b7bb;--clip-sun:#fff1d8;--clip-far:#b4588f;--clip-mid:#7b3b86;--clip-ground:#3b2260;--clip-ink:#1e1236;background-color:var(--screen-sky);forced-color-adjust:none;width:100%;max-height:max(42cqw, calc(100vh - var(--demo-fold,17rem)));container-type:inline-size}.demo-stage{aspect-ratio:16/9;width:100%;position:absolute;top:60%;left:0;transform:translateY(-60%)}.demo-world{--m:14.375cqw;perspective:calc(var(--m) * 5);perspective-origin:42.5% 44.4444%;position:absolute;inset:0}.demo-walk{--walk-at:calc((var(--walk-k) + var(--walk-shift,0)) / var(--walk-n));transform-origin:0 0;translate:0 0 calc(var(--m) * (5 - var(--walk-far) + var(--walk-at) * var(--walk-run)));animation:demo-walk var(--walk-t) linear infinite;animation-delay:calc(var(--walk-at) * var(--walk-t) * -1);position:absolute;top:44.4444%;left:42.5%}@keyframes demo-walk{0%{translate:0 0 calc(var(--m) * (5 - var(--walk-far)));opacity:0}4%{opacity:1}to{translate:0 0 calc(var(--m) * (5 - var(--walk-far) + var(--walk-run)))}}.demo-walk[data-k="0"]{--walk-k:0}.demo-walk[data-k="1"]{--walk-k:1}.demo-walk[data-k="2"]{--walk-k:2}.demo-walk[data-k="3"]{--walk-k:3}.demo-walk[data-k="4"]{--walk-k:4}.demo-walk[data-k="5"]{--walk-k:5}.demo-walk[data-k="6"]{--walk-k:6}.demo-walk[data-k="7"]{--walk-k:7}.demo-walk[data-k="8"]{--walk-k:8}.demo-walk[data-k="9"]{--walk-k:9}.demo-walk[data-k="10"]{--walk-k:10}.demo-walk[data-k="11"]{--walk-k:11}.demo-lamp,.demo-pool{--walk-n:5;--walk-far:64.4;--walk-run:62.5;--walk-t:50s;--walk-steps:200;--walk-shift:.3}.demo-lamp{width:calc(var(--m) * 1.1);height:calc(var(--m) * 3.9);transform:translate(calc(var(--m) * 1.55), calc(var(--m) * -2.5))}.demo-pool{width:calc(var(--m) * 2.4);height:calc(var(--m) * 2.4);background-color:var(--screen-line);transform:translate3d(calc(var(--m) * .5), calc(var(--m) * 1.4), calc(var(--m) * -1.2)) rotateX(90deg);border-radius:50%}.demo-dash{--walk-n:5;--walk-far:68.8;--walk-run:62.5;--walk-t:50s;--walk-steps:200;--walk-shift:.7;width:calc(var(--m) * .3);height:calc(var(--m) * 3);background-color:var(--screen-near);transform:translate3d(calc(var(--m) * 5.4), calc(var(--m) * 1.4), 0) rotateX(90deg)}.demo-joint{--walk-n:12;--walk-far:18.1;--walk-run:15;--walk-t:12s;--walk-steps:48;--walk-shift:.5;width:calc(var(--m) * 4.1);height:calc(var(--m) * .025);background-color:var(--screen-mid);transform:translate(calc(var(--m) * -2.2), calc(var(--m) * 1.4))}.demo-pane{--walk-n:10;--walk-far:66.2;--walk-run:62.5;--walk-t:50s;--walk-steps:200;width:calc(var(--m) * 2.4);height:calc(var(--m) * 1.9);background-color:var(--screen-far);transform:translate(calc(var(--m) * -2.2), calc(var(--m) * -1.15)) rotateY(-90deg)}.demo-pane-b{--walk-shift:.45}.demo-pane-lit{background-color:var(--screen-glow)}.demo-pane-lit:before,.demo-pane-lit:after{content:"";background-color:var(--screen-mid);position:absolute}.demo-pane-lit:before{width:4%;height:100%;top:0;left:48%}.demo-pane-lit:after{width:100%;height:4%;top:22%;left:0}.demo-sign{--walk-n:10;--walk-far:66.2;--walk-run:62.5;--walk-t:50s;--walk-steps:200;--walk-shift:.4;width:calc(var(--m) * .7);height:calc(var(--m) * .55);border-radius:calc(var(--m) * .06);background-color:var(--screen-line);transform:translate(calc(var(--m) * -2.2), calc(var(--m) * -1.9))}.demo-bob{animation:1.16s ease-in-out infinite demo-bob}@keyframes demo-bob{0%,50%,to{transform:translate(0)}25%{transform:translate(.25%,.7%)}75%{transform:translate(-.25%,.7%)}}.demo-screen[data-signal=weak] .demo-walk{animation-timing-function:steps(var(--walk-steps))}.demo-screen:is([data-signal=weak],[data-picture=frozen]) .demo-fine{visibility:hidden}.demo-blocks>g{opacity:0;animation:.75s step-end infinite demo-blocks}.demo-blocks>g:nth-child(2){animation-delay:-.25s}.demo-blocks>g:nth-child(3){animation-delay:-.5s}@keyframes demo-blocks{0%{opacity:1}33.34%{opacity:0}}.demo-screen[data-signal=weak] .demo-bob,.demo-screen:is([data-picture=frozen],[data-picture=clip],[data-idle],[data-paused]) :is(.demo-walk,.demo-bob,.demo-blocks>g),.demo-screen:is([data-idle],[data-paused]) .demo-clip *{animation-play-state:paused}.demo-screen[data-paused] .demo-blocks>g{animation:none}.demo-screen[data-paused] .demo-blocks>g:first-child{opacity:1}@layer theme{.demo-screen[data-played] .demo-walk{animation-duration:var(--walk-t)!important;animation-iteration-count:infinite!important}.demo-screen[data-played] .demo-bob{animation-duration:1.16s!important;animation-iteration-count:infinite!important}.demo-screen[data-played] .demo-blocks>g{animation-duration:.75s!important;animation-iteration-count:infinite!important}.demo-screen[data-played] :is(.demo-clip-strip,.demo-clip-body,.demo-clip-wheel){animation-duration:var(--t)!important;animation-iteration-count:infinite!important}.demo-screen[data-played] :is(.demo-clip-sun,.demo-clip-rider,.demo-clip-words){animation-duration:var(--open)!important;animation-iteration-count:1!important}}.demo-screen[data-picture=clip]{background-color:var(--clip-ground)}.demo-screen[data-picture=clip] .demo-stage{visibility:hidden}.demo-clip{background-color:var(--clip-ground);position:absolute;inset:0;overflow:hidden}.demo-clip-stage{aspect-ratio:16/9;width:100%;position:absolute;bottom:0;left:0}.demo-clip-stage>*,.demo-clip-sky>*{position:absolute}.demo-clip-sky{background-color:var(--clip-sky);width:100%;height:76.6667%;top:0;left:0;overflow:hidden}.demo-clip-sun{aspect-ratio:1;background-color:var(--clip-sun);border-radius:50%;width:28.75%;top:42%;left:25.6%}.demo-clip-strip{width:200%;height:100%;animation:demo-clip-slide var(--t) linear infinite;top:0;left:0}@keyframes demo-clip-slide{to{translate:-50%}}.demo-clip-clouds{--t:90s}.demo-clip-far{--t:48s}.demo-clip-near{--t:20s}.demo-clip-road{--t:6s}.demo-clip-rider{aspect-ratio:56/50;width:21%;top:43.3%;left:29.5%}.demo-clip-rider>*{position:absolute}.demo-clip-body{--t:.8s;animation:demo-clip-bob var(--t) ease-in-out infinite;inset:0}@keyframes demo-clip-bob{50%{translate:0 1.6%}}.demo-clip-wheel{--t:.7s;width:19.64%;animation:demo-clip-spin var(--t) linear infinite;bottom:0;left:6.25%}.demo-clip-wheel[data-front]{left:70.54%}@keyframes demo-clip-spin{to{rotate:1turn}}.demo-clip-words{white-space:nowrap;font-size:min(max(.9375rem,4.4cqw),7cqw);line-height:1;position:absolute;bottom:min(max(.625rem,4.2cqw),4.6cqw);right:min(max(.75rem,4.2cqw),5.8cqw)}.demo-screen:not([data-idle],[data-paused]) .demo-clip[data-opening] .demo-clip-sun{--open:.5s;animation:demo-clip-sunrise var(--open) cubic-bezier(.2, 1.3, .4, 1) backwards}@keyframes demo-clip-sunrise{0%{translate:0 70%}}.demo-screen:not([data-idle],[data-paused]) .demo-clip[data-opening] .demo-clip-rider{--open:.6s;animation:demo-clip-ride var(--open) cubic-bezier(.2, .8, .3, 1) backwards}@keyframes demo-clip-ride{0%{translate:-250%}}.demo-screen:not([data-idle],[data-paused]) .demo-clip[data-opening] .demo-clip-words{--open:.35s;animation:demo-clip-rise var(--open) ease-out .25s backwards}@keyframes demo-clip-rise{0%{opacity:0;translate:0 80%}}