/* Precise alignment and restrained interactive motion */
.steps{align-items:start}
.step{height:100%;display:grid;grid-template-rows:auto 550px auto 1fr;align-content:start;perspective:1100px}
.step .phone,.step .phone.featured{height:550px;transform:none;position:relative;isolation:isolate;will-change:transform;transition:transform .18s ease-out,border-color .3s ease,box-shadow .3s ease}
.step .phone:hover,.step .phone.featured:hover{border-color:rgba(157,88,255,.85);box-shadow:0 34px 95px rgba(89,31,200,.32),0 0 35px rgba(77,49,255,.14)}
.step h3,.step p{align-self:start}
.cursor-glow{position:fixed;left:0;top:0;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(103,43,225,.13),rgba(42,48,255,.045) 36%,transparent 70%);transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .4s ease;mix-blend-mode:screen}
.cursor-glow.active{opacity:1}
.hero-photo{will-change:transform;transform:scale(1.035)}
.benefit,.verified,.hero-card{will-change:transform;transition:transform .22s ease-out,border-color .3s ease,box-shadow .3s ease}
.benefit:hover{border-color:rgba(154,82,255,.6);box-shadow:0 30px 90px rgba(59,17,135,.24)}
.primary{position:relative;overflow:hidden}
.primary:after{content:"";position:absolute;top:-50%;left:-70%;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(20deg);transition:left .7s ease}
.primary:hover:after{left:130%}
@media(max-width:900px){.step{grid-template-rows:auto 650px auto 1fr}.step .phone,.step .phone.featured{height:650px}.cursor-glow{display:none}}
@media(max-width:520px){.step{grid-template-rows:auto 570px auto 1fr}.step .phone,.step .phone.featured{height:570px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.cursor-glow{display:none}.hero-photo,.phone,.benefit,.verified,.hero-card{transform:none!important}.primary:after{display:none}}