.hi-hero{--stage-aspect:1122 / 1402;--phone-left:-0.8%;--phone-top:6.49%;--phone-w:93%;--robot-left:14.62%;--robot-top:11.41%;--robot-w:86.5%;--eye-l-left:36.01%;--eye-l-top:27.25%;--eye-l-w:7.93%;--eye-r-left:52.67%;--eye-r-top:24.25%;--eye-r-w:7.75%;--glow-left:32%;--glow-top:72%;--glow-w:40%;--t-phone:.9s;--t-robot:1.05s;--t-bubble:.7s;--delay-robot:.55s;--delay-bubble:1.35s;--stagger:.12s;--delay-ambient:2.4s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.34, 1.42, .5, 1);width:100%;max-width:var(--hi-hero-width,520px);margin-inline:auto;display:block}.hi-stage{width:100%;aspect-ratio:var(--stage-aspect);position:relative}.hi-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto;display:block}.hi-phone{left:var(--phone-left);top:var(--phone-top);width:var(--phone-w);opacity:0;transform-origin:50% 60%;position:absolute}.hi-hero.is-playing .hi-phone{animation:hi-phone-in var(--t-phone) var(--ease-out) both}@keyframes hi-phone-in{0%{opacity:0;transform:translateY(2.5%)scale(.95)}to{opacity:1;transform:none}}.hi-glow{left:var(--glow-left);top:var(--glow-top);width:var(--glow-w);aspect-ratio:3;filter:blur(6px);opacity:0;pointer-events:none;background:radial-gradient(50% 50%,#b2ffe2e6,#7edc9666 45%,#5ac88c00 72%);border-radius:50%;position:absolute}.hi-hero.is-playing .hi-glow{animation:1.5s ease-out .5s both hi-glow-burst}@keyframes hi-glow-burst{0%{opacity:0;transform:scale(.35)}30%{opacity:.85}to{opacity:0;transform:scale(1.25)}}.hi-robot{left:var(--robot-left);top:var(--robot-top);width:var(--robot-w);aspect-ratio:var(--stage-aspect);position:absolute}.hi-robot-emerge{opacity:0;transform-origin:52% 84%;position:absolute;inset:0}.hi-hero.is-playing .hi-robot-emerge{animation:hi-robot-in var(--t-robot) var(--ease-pop) both;animation-delay:var(--delay-robot)}@keyframes hi-robot-in{0%{opacity:0;transform:translate(-1.5%,12%)scale(.55)}45%{opacity:1}to{opacity:1;transform:none}}.hi-robot-float{position:absolute;inset:0}.hi-hero.is-playing .hi-robot-float{animation:5s ease-in-out infinite hi-float-robot;animation-delay:var(--delay-ambient)}@keyframes hi-float-robot{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-1.5%)rotate(-.7deg)}}.hi-robot-img{width:100%;position:absolute;inset:0}.hi-eye{transform-origin:50% 82%;position:absolute}.hi-eye--l{left:var(--eye-l-left);top:var(--eye-l-top);width:var(--eye-l-w)}.hi-eye--r{left:var(--eye-r-left);top:var(--eye-r-top);width:var(--eye-r-w)}.hi-hero.is-playing .hi-eye{animation:4.6s ease-in-out infinite hi-blink;animation-delay:var(--delay-ambient)}@keyframes hi-blink{0%,93%,to{transform:scaleY(1)}95.4%{transform:scaleY(.06)}97.8%{transform:scaleY(1)}}.hi-bubble{opacity:0;position:absolute}.hi-bubble img{width:100%}.hi-bubble--1{--i:0;--float-dur:4.6s;--float-y:-5%;width:15.33%;top:19.97%;left:14.71%}.hi-bubble--2{--i:1;--float-dur:5.4s;--float-y:-7%;width:27.18%;top:8.99%;left:63.55%}.hi-bubble--3{--i:2;--float-dur:5s;--float-y:-6%;width:16.84%;top:55.21%;left:78.97%}.hi-bubble--4{--i:3;--float-dur:5.8s;--float-y:-8%;width:22.19%;top:60.13%;left:6.95%}.hi-hero.is-playing .hi-bubble{animation:hi-bubble-in var(--t-bubble) var(--ease-pop) both;animation-delay:calc(var(--delay-bubble) + var(--i) * var(--stagger))}@keyframes hi-bubble-in{0%{opacity:0;transform:scale(.3)translateY(10%)}to{opacity:1;transform:none}}.hi-hero.is-playing .hi-bubble img{animation:hi-float-bubble var(--float-dur) ease-in-out infinite;animation-delay:var(--delay-ambient)}@keyframes hi-float-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(var(--float-y))}}@media (prefers-reduced-motion:reduce){.hi-hero .hi-phone,.hi-hero .hi-glow,.hi-hero .hi-robot-emerge,.hi-hero .hi-robot-float,.hi-hero .hi-eye,.hi-hero .hi-bubble,.hi-hero .hi-bubble img{animation:none!important}.hi-hero .hi-phone,.hi-hero .hi-robot-emerge,.hi-hero .hi-bubble{opacity:1!important;transform:none!important}.hi-hero .hi-glow{opacity:0!important}}