@property --hd-nps{syntax:"<integer>";inherits:true;initial-value:0}.hd{--speed:1;--b-type:calc(.4s * var(--speed));--b-gen:calc(3.6s * var(--speed));--b-q:calc(4.6s * var(--speed));--b-bars:calc(6s * var(--speed));--b-nps:calc(6.1s * var(--speed));--b-out:calc(9.3s * var(--speed));--hd-chars:50;--type-budget:calc(var(--b-gen) - .8s * var(--speed) - var(--b-type));--st-char:calc(var(--type-budget) / var(--hd-chars));--st-q:calc(.4s * var(--speed));--st-bar:calc(90ms * var(--speed));--ease-entry:cubic-bezier(.22, 1, .36, 1);--play:paused}.hd[data-state=playing]{--play:running}.hd [data-anim]{animation-play-state:var(--play)!important;animation-fill-mode:both!important}.hd[data-state=idle] [data-anim],.hd[data-state=idle] .hd__ch:after{animation-name:none!important}.hd__prompt{white-space:pre-wrap}.hd__ch{opacity:0;animation:hdCharIn calc(90ms * var(--speed)) linear calc(var(--b-type) + var(--i) * var(--st-char));position:relative}.hd__ch:after{content:"";opacity:0;width:1.5px;height:1.05em;animation:hdCaretStep var(--st-char) linear calc(var(--b-type) + var(--i) * var(--st-char));animation-play-state:var(--play);background:currentColor;animation-fill-mode:both;position:absolute;top:.06em;right:-1px}.hd__caret{vertical-align:text-bottom;opacity:0;width:1.5px;height:1.05em;animation:hdCaretPark calc(.8s * var(--speed)) linear calc(var(--b-type) + var(--type-budget));background:currentColor;display:inline-block}.hd__spark{transform-origin:50%;animation:hdPulse calc(.45s * var(--speed)) ease-in-out var(--b-gen) 2}.hd__q{opacity:0;animation:hdRise calc(.42s * var(--speed)) var(--ease-entry) calc(var(--b-q) + var(--i) * var(--st-q))}.hd__bar{transform-origin:bottom;animation:hdGrow calc(.52s * var(--speed)) var(--ease-entry) calc(var(--b-bars) + var(--i) * var(--st-bar));transform:scaleY(0)}.hd__nps{font-variant-numeric:tabular-nums;animation:hdCount calc(1.4s * var(--speed)) linear var(--b-nps)}.hd__nps:after{counter-reset:hdnps var(--hd-nps);content:counter(hdnps)}.hd__body{animation:hdOut calc(.5s * var(--speed)) ease-in var(--b-out)}@keyframes hdCharIn{0%{opacity:0}to{opacity:1}}@keyframes hdCaretStep{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}@keyframes hdCaretPark{0%{opacity:0}1%,30%{opacity:1}32%,62%{opacity:0}64%,96%{opacity:1}to{opacity:0}}@keyframes hdPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.18)}}@keyframes hdRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hdGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hdCount{0%{--hd-nps:0}to{--hd-nps:72}}@keyframes hdOut{0%{opacity:1}to{opacity:0}}.hd[data-still="1"]{--hd-nps:72}.hd[data-still="1"] [data-anim]{animation:none!important}.hd[data-still="1"] .hd__ch,.hd[data-still="1"] .hd__q,.hd[data-still="1"] .hd__body{opacity:1!important;transform:none!important}.hd[data-still="1"] .hd__ch:after,.hd[data-still="1"] .hd__caret{opacity:0!important;animation:none!important}.hd[data-still="1"] .hd__bar{transform:scaleY(1)!important}
@keyframes st-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.st-marquee-track{width:max-content;animation:32s linear infinite st-marquee;display:flex}@media (prefers-reduced-motion:reduce){.st-marquee-track{animation:none}}@media (min-width:1024px){.st-firstscreen{flex-direction:column;min-height:100vh;display:flex}@supports (min-height:100svh){.st-firstscreen{min-height:100svh}}.st-firstscreen>.st-hero{flex:auto}}
