.g-stage{isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container-type:size}@layer components{.g-stage{color:var(--color-ink)}.g-stage>*{font-size:clamp(11px,5px + 1cqw,15px);line-height:1.3}.g-canvas{background-color:var(--color-mist)}.g-ink{background-color:var(--color-ink);color:#fff}.g-grid-dark{background:0 0}.g-panel{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--color-ink);background:#fff}.g-panel-dark{border-radius:var(--radius-md);background:var(--color-ink-2);color:#fff;border:1px solid #ffffff1a}.g-chip{white-space:nowrap;border:1px solid var(--line);color:var(--color-ink);background:#fff;border-radius:999px;align-items:center;gap:.5em;padding:.45em .95em .45em .55em;line-height:1.1;display:inline-flex}.g-chip-dark{white-space:nowrap;background:var(--color-ink-3);color:#fff;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5em;padding:.45em .95em .45em .55em;line-height:1.1;display:inline-flex}.g-well{background:var(--color-magenta);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:1.75em;height:1.75em;display:grid}.g-label{font-variant-numeric:tabular-nums;font-size:max(10px,.78em);font-weight:500;line-height:1.2}.g-num{font-variant-numeric:tabular-nums;letter-spacing:-.03em}.g-bar{background:#0c0c0d14;border-radius:999px;height:.5em;display:block}.g-bar-dark{background:#ffffff1f;border-radius:999px;height:.5em;display:block}.g-field{background:var(--color-mist);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;align-items:center;gap:.45em;min-width:0;padding:.35em .5em;font-size:max(10px,.8em);display:flex}}.js .g-rise{opacity:0;translate:0 1.4em}.js .g-fade{opacity:0}.js .g-pop{opacity:0;scale:.92}.js .g-left{opacity:0;translate:-1.6em}.js .g-right{opacity:0;translate:1.6em}.js :is(.g-rise,.g-fade,.g-pop,.g-left,.g-right){transition:opacity .9s var(--ease-out-quart), translate 1.3s var(--ease-out-expo), scale 1.3s var(--ease-out-expo);transition-delay:var(--d,0s)}.js .is-in :is(.g-rise,.g-pop,.g-left,.g-right){opacity:1;translate:none;scale:none}.js .is-in .g-fade{opacity:1}.g-stage .cursor-drift{animation-name:g-drift-a}.g-stage .cursor-drift.drift-b{animation-name:g-drift-b}.g-stage .cursor-drift.drift-c{animation-name:g-drift-c}@keyframes g-drift-a{0%,to{transform:translate(0)}25%{transform:translate(4.5cqw,3cqh)}50%{transform:translate(1.4cqw,6.5cqh)}75%{transform:translate(-2.8cqw,2.2cqh)}}@keyframes g-drift-b{0%,to{transform:translate(0)}30%{transform:translate(-5cqw,-2cqh)}60%{transform:translate(-1.8cqw,4cqh)}80%{transform:translate(2.2cqw,1cqh)}}@keyframes g-drift-c{0%,to{transform:translate(0)}20%{transform:translate(3cqw,-4cqh)}55%{transform:translate(6cqw,1.2cqh)}80%{transform:translate(1.5cqw,3cqh)}}.g-grow-x{transform-origin:0}.g-grow-y{transform-origin:top}.js .g-grow-x{scale:0 1}.js .g-grow-y{scale:1 0}.js :is(.g-grow-x,.g-grow-y){transition:scale 1.2s var(--ease-out-expo) var(--d,0s)}.js .is-in :is(.g-grow-x,.g-grow-y){scale:none}.g-wipe{overflow:hidden}.js .g-wipe,.js .g-wipe>*{transition:transform var(--g-wipe,1.8s) var(--ease-in-out-quint) var(--d,0s)}.js .g-wipe{transform:translate(-100%)}.js .g-wipe>*{transform:translate(100%)}.js .is-in .g-wipe,.js .is-in .g-wipe>*{transform:none}.g-type{width:max-content;max-width:100%;display:block;position:relative}.js .g-type:after{content:"";background:var(--g-type-bg,var(--color-ink-2));transform-origin:100%;position:absolute;inset:0 -2px}.js .is-in .g-type:after{animation:g-type var(--g-type-dur,.7s) steps(var(--g-steps,18), end) both;animation-delay:var(--d,0s)}@keyframes g-type{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.g-ping{background:currentColor;border-radius:999px;flex-shrink:0;width:.5em;height:.5em;display:inline-block;position:relative}.g-blink{animation:1.1s step-end 3 blink}.g-stage .cursor-drift.g-still{animation:none}@media (prefers-reduced-motion:reduce){.g-stage *,.g-stage :before,.g-stage :after{transition:none!important;animation:none!important}.js .g-stage :is(.g-rise,.g-pop,.g-left,.g-right){opacity:1;translate:none;scale:none}html.js .g-stage :is(.g-fade,.g-like-on,.g-shopper){opacity:1}.js .g-stage .g-type:after{display:none}.js .g-stage .draw-path{stroke-dashoffset:0}.js .g-stage .bar-grow{transform:scaleX(var(--v,1))}.js .g-stage .col-grow{transform:scaleY(var(--v,1))}.js .g-stage .process-dot{transform:none}}.g-serp-up{--from:300%}@container not (min-width:32rem){.g-serp-up{--from:200%}}.js .g-serp-up{translate:0 var(--from)}.js .g-serp-down{translate:0 -100%}.js :is(.g-serp-up,.g-serp-down){transition:translate 1.5s var(--ease-in-out-quint) 1s}.js .is-in :is(.g-serp-up,.g-serp-down){translate:none}.js .g-serp-glow{opacity:0;transition:opacity .9s var(--ease-out-quart) 2.3s}.js .is-in .g-serp-glow{opacity:1}.g-like-burst{opacity:0;animation:g-like-burst 6s var(--ease-out-expo) 2.4s infinite}@keyframes g-like-burst{0%{opacity:0;transform:scale(.7)}10%,26%{opacity:1;transform:scale(1)}36%,to{opacity:0;transform:scale(1)}}.g-like-on{opacity:1}.js .g-like-on{opacity:0;animation:g-like-on 6s var(--ease-out-expo) 2.4s infinite}@keyframes g-like-on{0%,4%{opacity:0}10%,78%{opacity:1}92%,to{opacity:0}}.g-code{counter-reset:g-ln}.g-code>li{margin-left:3.2em;position:relative}.g-code>li:before{content:counter(g-ln);counter-increment:g-ln;text-align:right;color:#ffffff38;width:2em;position:absolute;left:-3.2em}.g-build{position:relative}.g-build:after{content:"";border:1px dashed var(--color-magenta);opacity:0;pointer-events:none;border-radius:.5em;position:absolute;inset:-.35em}.js .is-in .g-build:after{animation:g-build-flash 1.6s var(--ease-out-quart) both;animation-delay:var(--d,0s)}@keyframes g-build-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.g-cap{opacity:0}.g-cap:first-child{opacity:1}.js .g-cap{animation:g-cap 7.5s var(--ease-out-expo) infinite both}.js .g-cap:nth-child(2){animation-delay:2.5s}.js .g-cap:nth-child(3){animation-delay:5s}@keyframes g-cap{0%{opacity:0;transform:translateY(.5em)scale(.96)}4%,30%{opacity:1;transform:none}33.3%,to{opacity:0;transform:none}}.g-progress{transform-origin:0;transform:scaleX(.47)}.js .g-progress{animation:7.5s linear infinite g-sweep-x}@keyframes g-sweep-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.g-playhead{transform:translate(47%)}.js .g-playhead{animation:7.5s linear infinite g-playhead}@keyframes g-playhead{0%{transform:translate(0)}to{transform:translate(100%)}}.g-wire{transform-origin:top}.js .g-wire{transition:transform .7s var(--ease-out-quart) var(--d,0s);transform:scaleY(0)}.js .is-in .g-wire{transform:none}.g-wire-dot{opacity:0;animation:g-wire-dot 3s var(--ease-in-out-quint) infinite}@keyframes g-wire-dot{0%{opacity:0;transform:translateY(-.2em)}15%{opacity:1}55%{opacity:1;transform:translateY(1.3em)}70%,to{opacity:0;transform:translateY(1.3em)}}.g-ring{opacity:0;animation:g-ring 3.2s var(--ease-out-quart) infinite}@keyframes g-ring{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(1.6)}}.g-ringing{animation:g-ringing 2.4s var(--ease-in-out-quint) .6s 2}@keyframes g-ringing{0%,30%,to{transform:rotate(0)}10%{transform:rotate(-8deg)}20%{transform:rotate(6deg)}}.js .g-stage .g-shopper{opacity:0;animation:none}.js .g-stage.is-in .g-shopper{opacity:1;animation:g-shopper 1.3s var(--ease-out-expo) .5s both, g-drift-b 11s var(--ease-in-out-quint) 4.5s infinite}@keyframes g-shopper{0%{opacity:0;transform:translate(5em,3em)}30%{opacity:1}to{opacity:1;transform:none}}.js .is-in .g-press{animation:g-press .5s var(--ease-out-quart) 1.6s}@keyframes g-press{45%{transform:scale(.95)}}.g-btn-out,.g-count-out{opacity:0}.js .g-btn-out,.js .g-count-out{opacity:1}.js .g-btn-in,.js .g-count-in{opacity:0;translate:0 100%}.js :is(.g-btn-out,.g-btn-in){transition:opacity .4s var(--ease-out-quart) 1.75s, translate .6s var(--ease-out-expo) 1.75s}.js :is(.g-count-out,.g-count-in){transition:opacity .4s var(--ease-out-quart) 2.05s, translate .6s var(--ease-out-expo) 2.05s}.js .is-in :is(.g-btn-out,.g-count-out){opacity:0;translate:0 -100%}.js .is-in :is(.g-btn-in,.g-count-in){opacity:1;translate:none}.js .is-in .g-cart{animation:g-bump .7s var(--ease-out-expo) 2.05s}@keyframes g-bump{35%{transform:scale(1.14)}}.g-motion{transform:translate(92%,22%)}.js .g-motion{animation:6s linear infinite g-motion}@keyframes g-motion{0%{transform:translate(8%,80%)}3.21%{transform:translate(8.1%,80.1%)}6.43%{transform:translate(8.9%,80.4%)}9.64%{transform:translate(11.2%,81%)}12.86%{transform:translate(15.4%,80.9%)}16.07%{transform:translate(22.2%,77.7%)}19.29%{transform:translate(32.2%,67.6%)}22.5%{transform:translate(46.2%,48%)}25.71%{transform:translate(61.4%,29.2%)}28.93%{transform:translate(73.3%,20.7%)}32.14%{transform:translate(82.1%,19.1%)}35.36%{transform:translate(87.7%,20.1%)}38.57%{transform:translate(90.7%,21.3%)}41.79%{transform:translate(91.8%,21.9%)}45%{transform:translate(92%,22%)}50%{transform:translate(92%,22%)}53.21%{transform:translate(91.8%,21.9%)}56.43%{transform:translate(90.7%,21.3%)}59.64%{transform:translate(87.7%,20.1%)}62.86%{transform:translate(82.1%,19.1%)}66.07%{transform:translate(73.3%,20.7%)}69.29%{transform:translate(61.4%,29.2%)}72.5%{transform:translate(46.2%,48%)}75.71%{transform:translate(32.2%,67.6%)}78.93%{transform:translate(22.2%,77.7%)}82.14%{transform:translate(15.4%,80.9%)}85.36%{transform:translate(11.2%,81%)}88.57%{transform:translate(8.9%,80.4%)}91.79%{transform:translate(8.1%,80.1%)}95%{transform:translate(8%,80%)}to{transform:translate(8%,80%)}}.js .g-motion-scale{animation:g-motion-scale 6s var(--ease-in-out-quint) infinite}@keyframes g-motion-scale{0%,45%,50%,95%,to{transform:scale(1)}22.5%,72.5%{transform:scale(1.22)}}.g-playhead-6{transform:translate(45%)}.js .g-playhead-6{animation:6s linear infinite g-playhead}.g-render{transform:translateY(101%)}.js .g-render{transition:transform 2.8s var(--ease-in-out-quint) .6s;transform:none}.js .is-in .g-render{transform:translateY(101%)}.g-cube{transform-style:preserve-3d;animation:16s linear infinite g-cube;transform:rotateX(-24deg)rotateY(38deg)}@keyframes g-cube{0%{transform:rotateX(-24deg)rotateY(38deg)}to{transform:rotateX(-24deg)rotateY(398deg)}}.g-face{backface-visibility:visible;background:#ffffff0f;border:1px solid #ffffffd9;position:absolute;inset:0}.js .g-focus{opacity:0;transition:opacity .5s var(--ease-out-quart) .7s, scale 1.1s var(--ease-out-expo) .7s;scale:1.6}.js .is-in .g-focus{opacity:1;animation:g-focus-lock .5s steps(2, jump-none) 1.5s 2, g-breathe 6s var(--ease-in-out-quint) 3s infinite;scale:none}@keyframes g-focus-lock{50%{opacity:.25}}@keyframes g-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.js .is-in .g-meter{animation:g-meter 1.6s var(--ease-out-quart) .8s both}@keyframes g-meter{0%{transform:translate(-5em)}to{transform:none}}.g-flash{opacity:0}.js .is-in .g-flash{animation:g-flash .6s var(--ease-out-quart) 2.3s both}@keyframes g-flash{0%,to{opacity:0}12%{opacity:.85}}.js .g-shot{opacity:0;transition:opacity .4s var(--ease-out-quart) 2.45s, scale 1s var(--ease-out-expo) 2.45s, translate 1s var(--ease-out-expo) 2.45s;translate:2em -2em;scale:1.5}.js .is-in .g-shot{opacity:1;translate:none;scale:none}.g-chat-typing{opacity:0}.js .is-in .g-chat-typing{animation:.9s linear both g-typing-life;animation-delay:var(--d,0s)}.g-chat-typing>span{animation:1s steps(2,start) infinite blink}@keyframes g-typing-life{0%{opacity:0}12%,88%{opacity:1}to{opacity:0}}.g-flow-ants{stroke-dasharray:3 9;animation:1.6s linear infinite g-ants}@keyframes g-ants{to{stroke-dashoffset:-24px}}.hero-scenic .g-stage{background:0 0}.hero-scenic :is(.g-panel,.g-chip){--line:#ffffff2e;--line-strong:#ffffff52;border-color:var(--glass-edge);background:var(--glass-tint);color:#fff;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.hero-scenic :is(.g-panel,.g-chip) .text-ink{color:#fff}.hero-scenic :is(.g-panel,.g-chip) :is(.text-stone,.text-ink\/70,.text-ink\/75){color:#ffffffb8}.hero-scenic :is(.g-panel,.g-chip) :is(.bg-mist,.g-field){background-color:#ffffff1f}.hero-scenic :is(.g-panel,.g-chip) .bg-white{background-color:#ffffff24}.hero-scenic :is(.g-panel,.g-chip) .bg-white\/70{background-color:#fff3}.hero-scenic :is(.g-panel,.g-chip) :is(.g-bar,.bg-stone,.bg-ink\/20,.bg-ink\/\[0\.13\],.bg-ink\/\[0\.09\],.bg-ink\/\[0\.07\]){background-color:#ffffff38}.hero-scenic :is(.g-panel,.g-chip) :is(.border-ink,.border-ink\/35){border-color:#ffffff80}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-scenic :is(.g-panel,.g-chip){background:#1c1c20d1}}
