.robot-seq{aspect-ratio:1;pointer-events:none;position:relative}.robot-seq-pad,.robot-seq-canvas,.robot-seq-still{width:100%;height:100%;transform:translate3d(calc(var(--px,0) * var(--z,0) * 16px), calc(var(--py,0) * var(--z,0) * 12px), 0);position:absolute;inset:0}.robot-seq-pad{background:radial-gradient(42% 46% at 50% 54%, var(--color-surface-0) 58%, transparent)}.robot-seq-canvas,.robot-seq-still{mix-blend-mode:lighten;-webkit-mask-composite:source-in;display:block;-webkit-mask-image:linear-gradient(#0000,#000 5% 66%,#0000 97%),linear-gradient(90deg,#0000,#000 13% 87%,#0000);mask-image:linear-gradient(#0000,#000 5% 66%,#0000 97%),linear-gradient(90deg,#0000,#000 13% 87%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.robot-seq-pad,.robot-seq-canvas{opacity:0}.robot-seq[data-ready] :is(.robot-seq-pad,.robot-seq-canvas){opacity:1}@media (prefers-reduced-motion:no-preference){.robot-seq-pad,.robot-seq-canvas{transition-property:opacity,transform;transition-duration:.7s,.6s;transition-timing-function:var(--ease-out)}}
.hero-bg{z-index:-20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glow{border-radius:999px;position:absolute}.hero-glow-a{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-electric) 26%, transparent), transparent);width:min(80rem,120vw);top:-45%;right:-35%}.hero-glow-b{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent);width:min(48rem,90vw);bottom:-30%;left:-20%}.hero-floor{inset-inline:-30%;perspective:480px;perspective-origin:70% 0;height:42%;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#0009 60%,#000 100%);mask-image:linear-gradient(#0000 0%,#0009 60%,#000 100%)}.hero-floor-plane{transform-origin:50% 100%;position:absolute;inset:0;overflow:hidden;transform:rotateX(66deg)}.hero-floor-grid{--grid:color-mix(in srgb, var(--color-accent-electric) 34%, transparent);background-image:linear-gradient(to bottom, var(--grid) 1px, transparent 1px), linear-gradient(to right, var(--grid) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:-64px 0 0}.hero-horizon{inset-inline:0;background:linear-gradient(90deg, transparent, var(--color-border-strong) 25%, color-mix(in srgb, var(--color-accent) 70%, transparent) 70%, transparent);height:1px;position:absolute;bottom:42%;overflow:hidden}.hero-horizon:after{content:"";inset-block:0;background:linear-gradient(90deg, transparent, var(--color-accent-hover), transparent);width:25%;position:absolute;left:0;transform:translate(-100%)}.hero-field{opacity:0;transition:opacity 1.2s var(--ease-out)}.hero-field[data-live]{opacity:1}.hero-accent{background-image:linear-gradient(100deg, var(--color-accent) 0 40%, var(--color-accent-hover) 50%, var(--color-accent) 60% 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0000;background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text}@property --hud-n{syntax:"<integer>";inherits:false;initial-value:0}.hud-count{counter-reset:hud var(--hud-n)}.hud-count:after{content:counter(hud)}.hud-pulse,.hud-tip{transform-box:fill-box;transform-origin:50%}.hud-scan{opacity:0}@media (min-width:1024px){.hero-title{font-size:clamp(2.75rem,1.2rem + 2.6vw,3.75rem)}}.hero-stage{--px:0;--py:0;isolation:isolate;position:relative;container-type:inline-size}@media (min-width:1024px){.hero-stage{align-self:start;width:calc(100% + min(10rem,max(0rem,50vw - 36rem) + 1rem));max-width:38rem}}.stage-box{height:120cqw;position:relative}@media (min-width:1024px){.stage-box{height:101.6cqw}}.stage-layer{position:absolute;inset:0}.stage-layer,.stage-layer-flow{transform:translate3d(calc(var(--px) * var(--z) * 16px), calc(var(--py) * var(--z) * 12px), 0)}.stage-figure-layer{pointer-events:none}.stage-halo{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-electric) 42%, transparent), color-mix(in srgb, var(--color-accent-violet) 18%, transparent) 55%, transparent);border-radius:999px;width:112cqw;position:absolute;top:26cqw;left:48cqw;translate:-50% -50%}.stage-ring{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--color-accent) 80%, white);width:60cqw;box-shadow:0 0 18px 1px color-mix(in srgb, var(--color-accent) 75%, transparent), 0 0 70px 8px color-mix(in srgb, var(--color-accent-electric) 55%, transparent), 0 0 140px 20px color-mix(in srgb, var(--color-accent-violet) 30%, transparent), inset 0 0 26px 2px color-mix(in srgb, var(--color-accent-electric) 60%, transparent), inset 0 0 90px 12px color-mix(in srgb, var(--color-accent-violet) 26%, transparent);border-radius:999px;position:absolute;top:24cqw;left:48cqw;translate:-50% -50%}@media (min-width:1024px){.stage-halo{width:100cqw;top:22cqw}.stage-ring{width:54cqw;top:20cqw}}.stage-ring-run{background:conic-gradient(from 0deg, transparent 0 62%, color-mix(in srgb, var(--color-accent-violet) 80%, transparent) 76%, var(--color-accent-hover) 88%, transparent 96%);border-radius:999px;position:absolute;inset:-4px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(closest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.stage-figure{aspect-ratio:1200/1847;height:100%;display:block;position:absolute;bottom:0;left:50%;translate:-50%}.stage-figure-img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--color-accent-electric) 50%, transparent));display:block;-webkit-mask-image:linear-gradient(#000 74%,#0000 99%);mask-image:linear-gradient(#000 74%,#0000 99%)}.stage-floor{inset-inline:14%;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent);border-radius:999px;height:10%;position:absolute;bottom:-2%}.stage-chip{border-radius:var(--radius-card);padding:.5rem .75rem}.stage-cards .stage-chip{position:absolute;top:7cqw}.stage-chip-c{max-width:31cqw;left:0}.stage-chip-a{max-width:34cqw;right:0}@media (min-width:1024px){.stage-chip{padding:.75rem 1rem}.stage-cards .stage-chip{top:6cqw}.stage-chip-c{max-width:33cqw}.stage-chip-a{max-width:36cqw}}.stage-row{justify-content:center;align-items:center;gap:3cqw;margin-top:3cqw;display:flex;position:relative}.stage-chart{flex:auto;max-width:17rem}.stage-chip-b{flex:0 auto;max-width:34cqw}@media (prefers-reduced-motion:no-preference){.hero-glow-a{animation:glow-drift var(--dur-ambient) var(--ease-in-out) infinite alternate}.hero-glow-b{animation:glow-drift var(--dur-ambient) var(--ease-in-out) -7s infinite alternate-reverse}.hero-floor-grid{animation:2.6s linear infinite floor-run}.hero-horizon:after{animation:horizon-sweep 5.5s var(--ease-in-out) 1s infinite}.hero-accent{animation:accent-sweep 2.4s var(--ease-in-out) 1.1s 2 both}.enter{animation:enter var(--dur-enter) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--dur-stagger) + .12s)}.hud-count{animation:hud-count 1.8s var(--ease-out) .7s both}.hud-line{stroke-dasharray:1;animation:hud-draw 1.8s var(--ease-out) .6s both}.hud-area{animation:fade-in 1s var(--ease-out) 1.4s both}.hud-tip{animation:pop .6s var(--ease-spring) 2.2s both}.hud-pulse{animation:pulse 2.2s var(--ease-out) 2.6s infinite}.hud-scan{animation:scan 5s var(--ease-in-out) 2.8s infinite}.stage-ring-run{animation:9s linear infinite spin-ring}.stage-ring{animation:ring-in 1.1s var(--ease-out) .2s both}.stage-halo{animation:halo-breathe 7s var(--ease-in-out) infinite alternate}.stage-chip,.stage-chart{animation-name:card-in,card-float;animation-duration:var(--dur-enter), 6s;animation-timing-function:var(--ease-spring), var(--ease-in-out);animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:both,none}.stage-chip-a{animation-delay:.85s,-1.5s}.stage-chip-b{animation-delay:1s,-3s;animation-duration:var(--dur-enter), 7s}.stage-chip-c{animation-delay:.7s,-4.5s;animation-duration:var(--dur-enter), 6.5s}.stage-chart{animation-delay:.5s,0s;animation-duration:var(--dur-enter), 8s}.stage-layer,.stage-layer-flow{transition:transform .6s var(--ease-out)}@supports (animation-timeline:view()){.stage-layer-back{animation:linear both stage-depth;animation-timeline:view();animation-range:exit}}[data-offscreen] :is(.hero-bg,.hud-card,.hero-stage) *,[data-offscreen] :is(.hero-bg,.hud-card){animation-play-state:paused!important}}@keyframes glow-drift{to{transform:translate(-6%,8%)scale(1.08)}}@keyframes floor-run{to{transform:translateY(64px)}}@keyframes horizon-sweep{0%{transform:translate(-100%)}60%,to{transform:translate(400%)}}@keyframes accent-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes enter{0%{opacity:0;transform:translateY(18px)}}@keyframes hud-count{0%{--hud-n:0}}@keyframes hud-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.2)}}@keyframes pulse{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes scan{0%{opacity:0;transform:translate(8px)}10%,80%{opacity:1}to{opacity:0;transform:translate(268px)}}@keyframes spin-ring{to{transform:rotate(1turn)}}@keyframes ring-in{0%{opacity:0;scale:.82}}@keyframes halo-breathe{0%{opacity:.75}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}@keyframes card-float{0%{transform:translateY(-5px)}to{transform:translateY(6px)}}@keyframes stage-depth{to{translate:0 calc(var(--z) * -70px)}}
