@property --shine-pos{syntax:"<length>";inherits:false;initial-value:0}@layer components{.shine-word{background-image:linear-gradient(100deg, currentColor 0 36%, var(--shine-edge,var(--color-teal)) 44%, var(--shine-peak,#e6f7f6) 50%, var(--shine-edge,var(--color-teal)) 56%, currentColor 64% 100%);background-repeat:no-repeat;background-size:calc(var(--shine-total) * 3) 100%;background-position:calc(var(--shine-pos) - var(--shine-left)) 0;animation:4.5s ease-in-out infinite shine-sweep}@supports ((-webkit-background-clip:text) or (background-clip:text)){.shine-word{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.shine-light{color:var(--color-green);--shine-edge:#2fc775;--shine-peak:#9ce9bd}@media (prefers-reduced-motion:reduce){.shine-word{animation:none}}}@keyframes shine-sweep{0%{--shine-pos:calc(var(--shine-total) * -2)}45%,to{--shine-pos:0px}}
@layer components{.hero-win-5{opacity:0;animation:hero-win-5 var(--loop,12s) ease-in-out var(--at,0s) infinite}.hero-win-10{opacity:0;animation:hero-win-10 var(--loop,12s) ease-in-out var(--at,0s) infinite}.hero-win-15{opacity:0;animation:hero-win-15 var(--loop,12s) ease-in-out var(--at,0s) infinite}.hero-win-30{opacity:0;animation:hero-win-30 var(--loop,12s) ease-in-out var(--at,0s) infinite}.hero-win-40{opacity:0;animation:hero-win-40 var(--loop,12s) ease-in-out var(--at,0s) infinite}.hero-win-45{opacity:0;animation:hero-win-45 var(--loop,12s) ease-in-out var(--at,0s) infinite}.hero-press{opacity:0;animation:hero-press var(--loop,7s) ease-out var(--at,0s) infinite}.hero-answer{animation:1.4s ease-in-out infinite hero-answer}.hero-shake{animation:1.4s ease-in-out infinite hero-shake}.hero-vibrate{animation:.5s linear infinite hero-vibrate}.hero-rec{animation:1.2s ease-in-out infinite hero-rec}.hero-type{transform-origin:0;animation:2.4s ease-out infinite hero-type}.hero-blob{animation:14s ease-in-out infinite alternate hero-blob}@media (prefers-reduced-motion:reduce){.hero-win-5,.hero-win-10,.hero-win-15,.hero-win-30,.hero-win-40,.hero-win-45,.hero-press,.hero-answer,.hero-shake,.hero-vibrate,.hero-rec,.hero-type,.hero-blob{animation:none!important}}}@keyframes hero-win-5{0%{opacity:0;scale:.9}1%,4%{opacity:1;scale:1}5%,to{opacity:0;scale:.9}}@keyframes hero-win-10{0%{opacity:0;scale:.9}2%,8%{opacity:1;scale:1}10%,to{opacity:0;scale:.9}}@keyframes hero-win-15{0%{opacity:0;scale:.9}2%,13%{opacity:1;scale:1}15%,to{opacity:0;scale:.9}}@keyframes hero-win-30{0%{opacity:0;scale:.9}3%,27%{opacity:1;scale:1}30%,to{opacity:0;scale:.9}}@keyframes hero-win-40{0%{opacity:0;scale:.9}3%,37%{opacity:1;scale:1}40%,to{opacity:0;scale:.9}}@keyframes hero-win-45{0%{opacity:0;scale:.9}3%,42%{opacity:1;scale:1}45%,to{opacity:0;scale:.9}}@keyframes hero-press{0%{opacity:0;scale:.6}1.5%{opacity:1;scale:1}8%,to{opacity:0;scale:1.3}}@keyframes hero-answer{50%{scale:1.12;box-shadow:0 0 0 6px #15995740}}@keyframes hero-shake{0%,40%,to{rotate:0deg}10%,30%{rotate:-14deg}20%{rotate:14deg}}@keyframes hero-vibrate{0%,to{translate:0}25%{translate:-2px}75%{translate:2px}}@keyframes hero-rec{50%{opacity:.25}}@keyframes hero-type{0%{scale:0 1}40%,to{scale:1}}@keyframes hero-blob{to{translate:6rem 2rem;scale:1.2}}
@layer components{.phone-stage{isolation:isolate}.phone-stage:after{content:"";z-index:-1;background:radial-gradient(closest-side,#123d2b2e,#0000);border-radius:50%;height:8%;position:absolute;inset:auto 12% 3%}.phone-slide{transition:opacity .45s ease-out, translate .9s var(--ease-out-expo), scale .9s var(--ease-out-expo), rotate .9s var(--ease-out-expo), filter .45s ease-out}.phone-slide[data-state=active]{transition-delay:.12s}.phone-slide[data-state=waiting],.phone-slide[data-state=leaving]{pointer-events:none;opacity:0;filter:blur(6px);scale:.88}.phone-slide[data-state=waiting]{translate:16%;rotate:3deg}.phone-slide[data-state=leaving]{translate:-16%;rotate:-3deg}@media (prefers-reduced-motion:reduce){.phone-slide,.phone-slide[data-state]{filter:none;transition:opacity .15s ease-out;translate:none;rotate:none;scale:none}}}
@property --ai-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@layer components{.ai-rainbow{background:conic-gradient(from var(--ai-angle), #ff5f6d, #ffc371, #f9f871, #4ade80, #22d3ee, #6366f1, #d946ef, #ff5f6d);animation:3s linear infinite ai-rainbow;position:relative}.ai-rainbow:before{content:"";z-index:-1;border-radius:inherit;background:inherit;filter:blur(6px);opacity:.55;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ai-rainbow{animation:none}}}@keyframes ai-rainbow{to{--ai-angle:360deg}}
@layer components{.support-slideshow{isolation:isolate}.support-slide{pointer-events:none;transition:opacity 1.1s cubic-bezier(.4,0,.2,1)}.support-photo{transition:transform 1.1s ease-out;transform:scale(1.065)}.support-slide[data-active=true] .support-photo{animation:support-drift var(--slide-ms) linear both;animation-play-state:paused}.support-slideshow[data-playing=true] .support-slide[data-active=true] .support-photo{animation-play-state:running}@media (prefers-reduced-motion:reduce){.support-slide{transition-duration:.15s}.support-photo,.support-slide[data-active=true] .support-photo{transition:none;animation:none;transform:none}}}@keyframes support-drift{0%{transform:scale(1.015)translate(.25%)}to{transform:scale(1.065)translate(-.25%)}}