.v4-hero{--p:0}.v4-hero-media{transform:scale(calc(1.04 + var(--p) * .1));transform-origin:60% 45%;will-change:transform}.v4-hero-video{opacity:0;transition:opacity .9s}.v4-hero-video.is-playing{opacity:1}.v4-hero-content{opacity:calc(1 - var(--p) * 1.6);transform:translateY(calc(var(--p) * -80px))}.v4-hero-phone{transform:translateY(calc(var(--p) * -140px))}.v4-hero-shade{opacity:calc(var(--p) * .9)}.v4-hero{container-type:size}.v4-hero-notes{display:none}@container (width<=1023px) and (height>=770px){.v4-hero-notes{display:block}}@keyframes v4-screen{0%,22.5%{opacity:1}25%,97.5%{opacity:0}to{opacity:1}}.v4-screen{animation:13s ease-in-out infinite v4-screen}@keyframes v4-cue{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.v4-cue{animation:2.4s ease-in-out infinite v4-cue}.v4-word{transition:color .35s}[data-v4-words].is-armed .v4-word:not(.is-on){color:color-mix(in srgb, var(--color-ink) 16%, transparent)}.v4-track{--v4-gutter:1.25rem;scrollbar-width:none;scroll-padding-inline:var(--v4-gutter);padding-inline:var(--v4-gutter)}@media (width>=640px){.v4-track{--v4-gutter:max(2rem, calc((100% - 1320px) / 2 + 2rem))}}.v4-track::-webkit-scrollbar{display:none}.v4-dot{width:24px;height:24px;transition:width .5s cubic-bezier(.16,1,.3,1);position:relative}.v4-dot:before,.v4-dot[aria-current=true]:after{content:"";border-radius:999px;position:absolute;inset:8px}.v4-dot:before{background:color-mix(in srgb, var(--color-ink) 28%, transparent);transition:background-color .3s}.v4-dot[aria-current=true]{width:60px}.v4-dot[aria-current=true]:before{background:color-mix(in srgb, var(--color-ink) 22%, transparent)}.v4-dot[aria-current=true]:after{background:var(--color-ink);transform-origin:0;animation:v4-dot-fill var(--v4-interval,5s) linear both}[data-v4-carousel][data-paused] .v4-dot[aria-current=true]:after{animation:none;transform:scaleX(1)}@keyframes v4-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.v4-card-img{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.v4-card:hover .v4-card-img{transform:scale(1.04)}.v4-scene{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1)}.v4-scene-img{transition:transform 6s cubic-bezier(.16,1,.3,1);transform:scale(1.08)}.v4-scene-copy{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.v4-scene-screen{opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.97)}.v4-tick{background:color-mix(in srgb, var(--color-canvas) 25%, transparent);transition:background-color .4s,height .4s}[data-step="0"] [data-scene="0"],[data-step="1"] [data-scene="1"],[data-step="2"] [data-scene="2"],[data-step="3"] [data-scene="3"]{opacity:1;transform:none}[data-step="0"] [data-scene="0"] .v4-scene-img,[data-step="1"] [data-scene="1"] .v4-scene-img,[data-step="2"] [data-scene="2"] .v4-scene-img,[data-step="3"] [data-scene="3"] .v4-scene-img{transform:scale(1)}[data-step="0"] .v4-tick[data-scene="0"],[data-step="1"] .v4-tick[data-scene="1"],[data-step="2"] .v4-tick[data-scene="2"],[data-step="3"] .v4-tick[data-scene="3"]{background:var(--color-mint)}.v4-ba-before,.v4-ba-after{transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-state=before] .v4-ba-after,[data-state=after] .v4-ba-before{opacity:0;pointer-events:none;transform:translateY(12px)}.v4-ba-thumb{transition:transform .5s cubic-bezier(.16,1,.3,1)}[data-state=after] .v4-ba-thumb{transform:translate(100%)}[data-state=before] [data-ba=before],[data-state=after] [data-ba=after]{color:var(--color-canvas)}@keyframes v4-log-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.v4-log-new{animation:.6s cubic-bezier(.16,1,.3,1) both v4-log-in}.v4-log-new .v4-log-dot{box-shadow:0 0 12px var(--color-mint)}[data-v4-chat] [data-msg]{transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}[data-v4-chat].is-armed [data-msg]:not(.is-on){opacity:0;transform:translateY(10px)}.v4-typing span{animation:1.2s ease-in-out infinite v4-typing}.v4-typing span:nth-child(2){animation-delay:.15s}.v4-typing span:nth-child(3){animation-delay:.3s}@keyframes v4-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.v4-hero-media,.v4-hero-content,.v4-hero-phone{transform:none}.v4-hero-content{opacity:1}.v4-hero-shade{opacity:0}.v4-scene,.v4-scene-copy,.v4-scene-screen,.v4-scene-img{transition:none}.v4-cue,.v4-typing span{animation:none}.v4-dot[aria-current=true]:after{animation:none;transform:scaleX(1)}}
