.hero-stage{--q:clamp(0, calc(var(--p) / .55), 1);--e:calc(var(--q) * var(--q) * (3 - 2 * var(--q)))}.hero-phone{transform-origin:50% 0;transform:translateY(calc(var(--e) * (max(53svh, 440px) - 41svh))) rotate(calc((1 - var(--e)) * -3deg)) scale(calc(1 - var(--e) * .06));will-change:transform}.hero-glow{filter:blur(18px);opacity:calc(.65 + var(--e) * .35);background:radial-gradient(closest-side,#5fd3a480,#5fd3a424 55%,#0000)}.hero-floor{filter:blur(6px);background:radial-gradient(closest-side,#030e0abf,#030e0a00)}@media (min-width:1024px){.hero-phone{transform-origin:50% 60%;transform:perspective(1800px) translateY(calc((1 - var(--e)) * 3%)) rotateY(calc((1 - var(--e)) * 18deg)) rotateX(calc((1 - var(--e)) * 7deg)) rotateZ(calc((1 - var(--e)) * -4deg)) scale(calc(.93 + var(--e) * .07))}.hero-floor{transform:scaleX(calc(.8 + var(--e) * .2))}}@media (prefers-reduced-motion:no-preference){.is-active .hero-chip-float{animation:5.5s ease-in-out infinite hero-chip-float;animation-delay:calc(var(--d,0s) + .7s)}}@keyframes hero-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hero-stage{--e:1}.hero-phone{will-change:auto}}
.dk-stage{--a:clamp(0, calc(var(--p) / .2), 1);--ae:calc(1 - (1 - var(--a)) * (1 - var(--a)));--b:clamp(0, calc((var(--p) - .12) / .18), 1);--be:calc(1 - (1 - var(--b)) * (1 - var(--b)))}.dk-rig{perspective:2200px;perspective-origin:50% 0;transform:translate(-50%, calc(-50% + var(--ry,0px))) scale(var(--k,1))}.dk-laptop{transform-origin:50% 100%;transform:translate3d(calc(var(--be) * var(--shift,52px)), calc((1 - var(--ae)) * 120px), 0) rotateX(calc((1 - var(--ae)) * 40deg)) scale(calc(.78 + var(--ae) * .22));will-change:transform}.dk-floor{opacity:calc(.25 + var(--ae) * .75);transform:translateX(calc(var(--be) * var(--shift,52px))) scaleX(calc(.7 + var(--ae) * .3))}.dk-phone{transform-origin:0 100%;transform:translate3d(calc((1 - var(--be)) * -620px), calc((1 - var(--be)) * 90px + var(--py,0px)), 0) rotate(calc((1 - var(--be)) * -14deg)) scale(calc(.8 * var(--pb,1)));opacity:clamp(0, calc(var(--b) * 4), 1);will-change:transform}.dk-head{transform:translateY(calc(var(--ae) * -10px))}.dk-screen{opacity:0;transition:opacity .45s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(16px)scale(.985)}.dk-screen.is-on{opacity:1;transition-delay:var(--sd,0s);transform:none}.dk-label{opacity:0;transition:opacity .35s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(8px)}.dk-label.is-on{opacity:1;transform:none}.dk-progress{opacity:clamp(0, calc((var(--p) - .1) / .08), 1)}.dk-fill{transform-origin:100%;transform:scaleX(clamp(0, calc((var(--p) - var(--s)) / var(--l)), 1))}@media (prefers-reduced-motion:reduce){.dk-laptop,.dk-head{transform:none}.dk-floor{opacity:1;transform:none}.dk-phone{transform:translateY(var(--py,0px)) scale(calc(.8 * var(--pb,1)));opacity:1}.dk-progress{opacity:1}.dk-screen,.dk-label{transition:opacity .2s linear;transform:none}}@media (min-width:1024px) and (max-height:800px){.dk-head{padding-top:6svh}.dk-head h2{font-size:46px}.dk-head p{margin-top:.5rem;font-size:1rem}}@media (max-width:767px),(hover:none){.dk-floor{filter:none!important}}.dk-floor,.dk-head{will-change:transform}@media (hover:none),(pointer:coarse){.dk-laptop{transform:translate3d(calc(var(--be) * var(--shift,52px)), 0, 0)}.dk-floor{transform:translateX(calc(var(--be) * var(--shift,52px)));opacity:1}}