.hs{--px:0;--py:0;--drx:9deg;--dry:11deg;--prx:5deg;--pry:-16deg;--prz:1.5deg;--pz:70px;container:hs/inline-size}.hs-stage{perspective-origin:50% 40%;position:relative}.hs-desk,.hs-phone{transform-origin:50%;contain:layout style;position:absolute;top:0;left:0}.hs-desk{width:1000px;height:600px;transform:rotateX(calc(var(--drx) - var(--py) * 2deg)) rotateY(calc(var(--dry) + var(--px) * 3deg))}.hs-phone{width:264px;height:540px;transform:translateZ(var(--pz)) rotateX(calc(var(--prx) - var(--py) * 3deg)) rotateY(calc(var(--pry) + var(--px) * 5deg)) rotateZ(var(--prz))}.hs-floor{background:radial-gradient(closest-side,#191f284d,#191f281f 55%,#0000);border-radius:50%;position:absolute}@container hs (min-width:880px){.hs-stage{--s:min(1, tan(atan2(100cqw, 1136px)));height:calc(724px * var(--s));perspective:calc(2600px * var(--s))}.hs-desk{left:calc(520px * var(--s) - 500px);top:calc(318px * var(--s) - 300px);scale:var(--s) var(--s) var(--s)}.hs-phone{left:calc(982px * var(--s) - 132px);top:calc(396px * var(--s) - 270px);scale:var(--s) var(--s) var(--s)}.hs-floor-desk{left:calc(120px * var(--s));top:calc(626px * var(--s));width:calc(820px * var(--s));height:calc(70px * var(--s))}.hs-floor-phone{left:calc(862px * var(--s));top:calc(664px * var(--s));width:calc(250px * var(--s));height:calc(44px * var(--s))}}@container hs (min-width:560px) and (max-width:879.98px){.hs-stage{--s:tan(atan2(100cqw, 1100px));height:calc(600px * var(--s) + 196px);perspective:calc(2600px * var(--s))}.hs-desk{left:calc(520px * var(--s) - 500px);top:calc(312px * var(--s) - 300px);scale:var(--s) var(--s) var(--s)}.hs-phone{left:calc(100cqw - 252px);top:calc(600px * var(--s) + 196px - 44px - 210px - 270px);scale:.78 .78 .78}.hs-floor-desk{left:calc(110px * var(--s));top:calc(612px * var(--s));width:calc(820px * var(--s));height:calc(64px * var(--s))}.hs-floor-phone{left:calc(100cqw - 220px);top:calc(600px * var(--s) + 196px - 52px);width:200px;height:36px}}@container hs (max-width:559.98px){.hs{--drx:10deg;--dry:14deg;--prx:4deg;--pry:-7deg;--prz:0deg;--pz:0px}.hs-stage{--p:min(1, tan(atan2(100cqw - 24px, 276px)));height:calc(88px + 540px * var(--p) + 48px);perspective:1600px;perspective-origin:50% 30%;overflow-x:clip}.hs-desk{-webkit-mask-composite:source-in;top:-120px;left:-200px;scale:.6 .6 .6;-webkit-mask-image:linear-gradient(#000 16%,#0000 60%),linear-gradient(90deg,#000 calc(166.667cqw - 260px),#0000 calc(166.667cqw - 90px));mask-image:linear-gradient(#000 16%,#0000 60%),linear-gradient(90deg,#000 calc(166.667cqw - 260px),#0000 calc(166.667cqw - 90px));-webkit-mask-composite:source-in;mask-composite:intersect}.hs-phone{left:calc(50% - 132px);top:calc(88px + 270px * var(--p) - 270px);scale:var(--p) var(--p) var(--p)}.hs-floor-desk{display:none}.hs-floor-phone{left:calc(50% - 115px);top:calc(88px + 540px * var(--p) + 4px);width:230px;height:38px}}@keyframes hs-float-d{0%,to{translate:0}50%{translate:0 -7px}}@keyframes hs-float-p{0%,to{translate:0}50%{translate:0 -12px}}@keyframes hs-breathe{0%,to{opacity:1;scale:1}50%{opacity:.6;scale:.88}}.hs-desk{animation:9s ease-in-out infinite hs-float-d}.hs-floor-desk{animation:9s ease-in-out infinite hs-breathe}.hs-phone{animation:6.6s ease-in-out -2.2s infinite hs-float-p}.hs-floor-phone{animation:6.6s ease-in-out -2.2s infinite hs-breathe}@keyframes hs-in{0%{opacity:0;transform:translateY(10px)}}.hs-in{animation:hs-in .42s var(--ease-out) both}@keyframes hs-swap{0%{opacity:0}}.hs-swap{animation:hs-swap .5s var(--ease-out) both}@keyframes hs-pop{0%{scale:1.35}}.hs-pop{animation:hs-pop .35s var(--ease-out)}@keyframes hs-talk{0%,to{opacity:0}8%,38%{opacity:1}46%{opacity:0}}.hs-talk{opacity:0;animation:3s step-end infinite hs-talk}@keyframes hs-row{0%{opacity:0;transform:translate(-8px)}}.hs-row{animation:hs-row .4s var(--ease-out) both}.hs-bar{transition:transform .85s linear}@keyframes hs-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.hs-eq{transform-origin:bottom;animation:.9s ease-in-out infinite hs-eq}@keyframes hs-float{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-14px)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-96px)scale(1)}}.hs-float{opacity:0;animation:hs-float 2.4s var(--ease-out) both}@keyframes hs-banner-in{0%{opacity:0;transform:translateY(-120%)}}@keyframes hs-banner-out{to{opacity:0;transform:translateY(-120%)}}.hs-banner-in{animation:hs-banner-in .5s var(--ease-out) both}.hs-banner-out{animation:.45s ease-in both hs-banner-out}.hs-log{-webkit-mask-image:linear-gradient(#0000 0,#000 56px);mask-image:linear-gradient(#0000 0,#000 56px)}.hs[data-run="0"] :is(.hs-desk,.hs-phone,.hs-floor,.hs-talk,.hs-eq,.hs-float,.dc-typing-dot){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hs *,.hs :before,.hs :after{transition:none!important;animation:none!important}}