.lp-grid{background-image:linear-gradient(color-mix(in srgb, var(--color-atlas-on-fill) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-atlas-on-fill) 5%, transparent) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(at 60% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 60% 30%,#000 20%,#0000 75%)}.lp-header{transition:box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1)}.lp-header[data-scrolled=true]{box-shadow:var(--shadow-atlas-2)}@keyframes lp-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes lp-slide{0%{opacity:0;transform:translate(-24px,16px)}to{opacity:1;transform:none}}.lp-hero-laptop{animation:.6s cubic-bezier(.16,1,.3,1) both lp-rise}.lp-hero-phone{animation:.6s cubic-bezier(.16,1,.3,1) .2s both lp-slide}.lp-hero-copy>*{animation:.3s cubic-bezier(.16,1,.3,1) both lp-rise}.lp-hero-copy>:nth-child(2){animation-delay:50ms}.lp-hero-copy>:nth-child(3){animation-delay:.1s}.lp-hero-copy>:nth-child(4){animation-delay:.15s}.lp-hero-copy>:nth-child(5){animation-delay:.2s}.lp-screen{transition:opacity .15s cubic-bezier(.7,0,.84,0)}.lp-screen[data-active=true]{transition:opacity .3s cubic-bezier(.16,1,.3,1)}.lp-anim [data-lp-reveal]{opacity:0;transition:opacity .15s cubic-bezier(.7,0,.84,0),transform .15s cubic-bezier(.7,0,.84,0);transform:translateY(16px)}.lp-anim [data-lp-reveal][data-in=true]{opacity:1;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transform:none}@media (hover:hover) and (pointer:fine){.lp-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.lp-lift:hover{box-shadow:var(--shadow-atlas-2);border-color:var(--color-atlas-border-hover);transform:translateY(-2px)}}.lp-faq[open]>div{animation:.2s cubic-bezier(.16,1,.3,1) both lp-fade}@keyframes lp-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq[open] .lp-faq-mark{transform:rotate(45deg)}.lp-faq-mark{transition:transform .15s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.lp-hero-laptop,.lp-hero-phone,.lp-hero-copy>*,.lp-faq[open]>div{animation:none}.lp-screen,.lp-lift,.lp-header,.lp-faq-mark{transition:none}}html[data-atlas-reduce-motion=true] .lp-hero-laptop,html[data-atlas-reduce-motion=true] .lp-hero-phone,html[data-atlas-reduce-motion=true] .lp-hero-copy>*,html[data-atlas-reduce-motion=true] .lp-faq[open]>div{animation:none}.lp-stage{--b:1;--c0:1;--c1:1;--c2:1;--c3:1}.lp-3d-laptop,.lp-3d-phone,.lp-build-card{will-change:transform, opacity;transform-origin:50% 60%}.lp-3d-laptop{transform:perspective(1600px) translate3d(0, calc((1 - var(--b)) * 36px), calc((1 - var(--b)) * -160px)) rotateX(calc((1 - var(--b)) * 26deg + 2deg)) rotateY(calc((1 - var(--b)) * -18deg - 5deg))}.lp-3d-phone{transform:perspective(1600px) translate3d(calc((1 - var(--b)) * -70px), calc((1 - var(--b)) * 90px), calc(40px + (1 - var(--b)) * 140px)) rotateY(calc((1 - var(--b)) * 32deg + 8deg)) rotateZ(calc((1 - var(--b)) * -6deg));opacity:calc(.2 + var(--b) * .8)}.lp-build-card{z-index:2;border:1px solid var(--color-atlas-border-muted);background:var(--color-atlas-surface);max-width:13.5rem;box-shadow:var(--shadow-atlas-3);opacity:var(--i);transform:perspective(1600px) translate3d(calc((1 - var(--i)) * var(--fx)), calc((1 - var(--i)) * var(--fy)), calc(70px + (1 - var(--i)) * -380px)) rotateY(calc((1 - var(--i)) * var(--fr))) rotateX(calc((1 - var(--i)) * 10deg));border-radius:1rem;align-items:center;gap:.625rem;padding:.625rem .875rem .625rem .625rem;display:flex;position:absolute}.lp-card-a{top:9%;left:2%}.lp-card-b{top:9%;right:-4%}.lp-card-c{top:52%;right:-3%}.lp-card-d{bottom:-1%;right:18%}@media (max-width:639px){.lp-build-card{max-width:11rem;padding:.5rem .625rem .5rem .5rem}.lp-card-a{top:14%;left:-1%}.lp-card-b{top:2%;right:-1%}.lp-card-c{display:none}.lp-card-d{bottom:2%;left:4%;right:auto}}@media (min-width:1024px) and (min-height:700px){.lp-build[data-build=live]{height:190vh}.lp-build[data-build=live]>.lp-build-stage{align-items:center;min-height:100vh;display:flex;position:sticky;top:0}.lp-build[data-build=live]>.lp-build-stage>.relative{width:100%}}@media (prefers-reduced-motion:reduce){.lp-stage{--b:1!important;--c0:1!important;--c1:1!important;--c2:1!important;--c3:1!important}.lp-build{height:auto!important}.lp-build>.lp-build-stage{position:relative!important}}html[data-atlas-reduce-motion=true] .lp-stage{--b:1!important;--c0:1!important;--c1:1!important;--c2:1!important;--c3:1!important}html[data-atlas-reduce-motion=true] .lp-build{height:auto!important}html[data-atlas-reduce-motion=true] .lp-build>.lp-build-stage{position:relative!important}[data-lp-stagger]>*{--d-in:calc(var(--i,0) * 70ms);--d-out:calc((var(--n,1) - 1 - var(--i,0)) * 45ms)}.lp-anim [data-lp-stagger]>*{opacity:0;transition:opacity .15s cubic-bezier(.7,0,.84,0),transform .2s cubic-bezier(.7,0,.84,0);transition-delay:var(--d-out)}.lp-anim [data-lp-stagger][data-in=true]>*{opacity:1;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d-in);transform:none}.lp-anim .lp-bounce>*{transform:translateY(32px)scale(.96)}.lp-anim .lp-rise>*{transform:translateY(24px)}.lp-anim .lp-flip>*{transform-origin:50% 100%;transform:perspective(900px)translateY(24px)rotateX(58deg)}.lp-anim .lp-flip[data-in=true]>*{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transition-delay:var(--d-in)}@media (hover:hover) and (pointer:fine){.lp-anim [data-lp-stagger][data-in=true]>.lp-lift:hover{transition-duration:.2s;transition-delay:0s;transform:translateY(-2px)}}.lp-pic{--dx:70px;will-change:transform, opacity}@media (min-width:1024px){.lp-pic{--dx:170px}}.lp-anim .lp-pic{transform:perspective(1400px) translate3d(calc(var(--dir,1) * (1 - var(--p,1)) * var(--dx)), calc((1 - var(--p,1)) * 28px), calc((1 - var(--p,1)) * -260px)) rotateY(calc(var(--dir,1) * ((1 - var(--p,1)) * -34deg - 3deg))) rotateX(calc((1 - var(--p,1)) * 6deg));opacity:calc(.12 + .88 * var(--p,1))}.lp-anim .lp-glow-copy{opacity:calc(.28 + .72 * var(--p,1))}.lp-glow{opacity:1}.lp-glow-hero{background:radial-gradient(70% 80% at 74% 45%, color-mix(in srgb, var(--color-atlas-brand) 95%, transparent), transparent 72%), radial-gradient(50% 60% at 12% 92%, color-mix(in srgb, var(--color-atlas-brand) 45%, transparent), transparent 70%), radial-gradient(40% 40% at 30% 8%, color-mix(in srgb, var(--color-atlas-brand) 25%, transparent), transparent 70%)}.lp-anim .lp-glow-hero,html:not(.lp-anim) .lp-build[data-build=live] .lp-glow-hero{opacity:calc(.6 + .4 * var(--hero-b,1))}.lp-glow-market{background:radial-gradient(75% 85% at 72% 45%, color-mix(in srgb, var(--color-atlas-brand) 90%, transparent), transparent 72%), radial-gradient(60% 60% at 15% 85%, color-mix(in srgb, var(--color-atlas-brand) 35%, transparent), transparent 70%)}.lp-glow-footer{background:radial-gradient(55% 90% at 85% 0%, color-mix(in srgb, var(--color-atlas-brand) 70%, transparent), transparent 70%), radial-gradient(40% 70% at 5% 100%, color-mix(in srgb, var(--color-atlas-brand) 30%, transparent), transparent 70%)}.lp-anim .lp-glow-market,.lp-anim .lp-glow-footer{opacity:var(--p,1)}.lp-phone-l,.lp-phone-r{will-change:transform}.lp-anim .lp-phone-l{transform:perspective(1200px) translate3d(calc((1 - var(--p,1)) * 70px), calc((1 - var(--p,1)) * 90px), calc((1 - var(--p,1)) * -220px)) rotateY(calc((1 - var(--p,1)) * 34deg + 7deg))}.lp-anim .lp-phone-r{transform:perspective(1200px) translate3d(calc((1 - var(--p,1)) * -70px), calc((1 - var(--p,1)) * 150px), calc((1 - var(--p,1)) * -220px)) rotateY(calc((1 - var(--p,1)) * -34deg - 7deg))}.lp-anim .lp-words .lp-w{opacity:clamp(.16, calc(var(--p,1) * (var(--n) + 3) - var(--i)), 1)}
