.mobile-app{--mobile-app-cycle: 4.5s;--mobile-app-ease: cubic-bezier(.22, 1, .36, 1);--mobile-app-text-soft: rgb(var(--white-rgb) / .74);position:relative;overflow:hidden;display:flex;align-items:center;min-height:min(100svh,50rem);padding:clamp(4rem,8vh,6rem) 1.5rem;color:var(--white);background:radial-gradient(circle at 15% 18%,rgb(var(--indigo-500-rgb) / .22),transparent 32rem),radial-gradient(circle at 90% 85%,rgb(var(--violet-500-rgb) / .2),transparent 30rem),linear-gradient(135deg,color-mix(in srgb,var(--violet-600) 60%,var(--black)),color-mix(in srgb,var(--indigo-700) 62%,var(--black)),color-mix(in srgb,var(--violet-600) 42%,var(--black)))}.mobile-app:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgb(var(--white-rgb) / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--white-rgb) / .06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,var(--black),transparent 70%);mask-image:radial-gradient(ellipse at 30% 40%,var(--black),transparent 70%)}.mobile-app__glow{position:absolute;border-radius:var(--radius-pill);filter:blur(3rem);pointer-events:none;animation:mobile-app-drift 18s ease-in-out infinite alternate}.mobile-app__glow--top{top:-6rem;right:8%;width:22rem;height:22rem;background:rgb(var(--indigo-500-rgb) / .35)}.mobile-app__glow--bottom{bottom:-10rem;left:30%;width:28rem;height:28rem;background:rgb(var(--violet-500-rgb) / .25);animation-duration:22s;animation-direction:alternate-reverse}@keyframes mobile-app-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3rem,2rem,0) scale(1.15)}}.mobile-app__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(23rem,.9fr) minmax(32rem,1.1fr);align-items:center;gap:clamp(2.5rem,4vw,4.5rem);width:min(100%,80rem);margin:0 auto}.mobile-app__copy{max-width:35rem}.mobile-app__eyebrow{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem .95rem;border:1px solid rgb(var(--white-rgb) / .18);border-radius:var(--radius-pill);color:var(--indigo-100);background:rgb(var(--indigo-500-rgb) / .16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase}.mobile-app__live-dot{position:relative;width:.55rem;height:.55rem;border-radius:50%;background:var(--green-500)}.mobile-app__live-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--green-500);animation:mobile-app-ping 2s var(--mobile-app-ease) infinite}@keyframes mobile-app-ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(2.8);opacity:0}}.mobile-app__copy h2{margin:1.5rem 0 0;color:var(--white);font-size:clamp(2.6rem,4.5vw,4.1rem);font-weight:750;line-height:1;letter-spacing:-.045em}.mobile-app__copy h2 span{display:block;margin-top:.3rem;padding-bottom:.08em;color:var(--indigo-100);background:linear-gradient(100deg,var(--indigo-100) 0%,var(--indigo-100) 35%,var(--white) 50%,var(--indigo-100) 65%,var(--indigo-100) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:inherit;font-style:normal;font-weight:inherit;animation:mobile-app-sheen 6s ease-in-out infinite}@keyframes mobile-app-sheen{0%,40%{background-position:100% 0}70%,to{background-position:0 0}}.mobile-app__intro{max-width:32rem;margin-top:1.25rem;color:var(--mobile-app-text-soft);font-size:1.05rem;line-height:1.75}.mobile-app__benefits{display:grid;gap:.4rem;padding:0;margin:1.5rem 0 0 -.85rem;list-style:none}.mobile-app__benefit{position:relative;overflow:hidden;display:flex;align-items:center;gap:.85rem;width:100%;padding:.7rem .85rem;border:1px solid transparent;border-radius:var(--radius);color:rgb(var(--white-rgb) / .8);background:transparent;font:inherit;font-size:.98rem;line-height:1.45;text-align:left;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s var(--mobile-app-ease)}.mobile-app__benefit:hover,.mobile-app__benefit.is-active{color:var(--white);border-color:rgb(var(--white-rgb) / .14);background:rgb(var(--white-rgb) / .08)}.mobile-app__benefit.is-active{transform:translate(.35rem)}.mobile-app__benefit:focus-visible{outline:2px solid var(--indigo-100);outline-offset:2px}.mobile-app__benefit-icon{position:relative;display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--indigo-100);background:rgb(var(--indigo-500-rgb) / .18);transition:background-color .3s ease,color .3s ease}.mobile-app__benefit.is-active .mobile-app__benefit-icon{color:var(--white);background:var(--indigo-500);box-shadow:0 .5rem 1.25rem rgb(var(--indigo-500-rgb) / .45)}.mobile-app__benefit-icon svg{position:absolute;width:1.05rem;height:1.05rem;transition:opacity .25s ease,transform .35s var(--mobile-app-ease)}.mobile-app__benefit-feature{opacity:0;transform:scale(.5) rotate(-20deg)}.mobile-app__benefit.is-active .mobile-app__benefit-check{opacity:0;transform:scale(.5) rotate(20deg)}.mobile-app__benefit.is-active .mobile-app__benefit-feature{opacity:1;transform:none}.mobile-app__benefit-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;transform-origin:left center;background:linear-gradient(90deg,var(--indigo-500),var(--indigo-100));animation:mobile-app-progress var(--mobile-app-cycle) linear forwards}.mobile-app.is-paused .mobile-app__benefit-progress{animation-play-state:paused}@keyframes mobile-app-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mobile-app__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:1.75rem}.mobile-app__store-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.75rem;min-width:13.25rem;padding:.7rem .85rem;border:1px solid rgb(var(--white-rgb) / .2);border-radius:var(--radius);color:var(--white);background:var(--black);box-shadow:0 1rem 2.5rem rgb(var(--black-rgb) / .3);text-decoration:none;transition:transform .25s var(--mobile-app-ease),border-color .25s ease,box-shadow .25s ease}.mobile-app__store-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgb(var(--white-rgb) / .18) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--mobile-app-ease);pointer-events:none}.mobile-app__store-button:hover{color:var(--white);border-color:rgb(var(--white-rgb) / .45);box-shadow:0 1.25rem 3rem rgb(var(--black-rgb) / .4),0 0 0 4px rgb(var(--indigo-500-rgb) / .25);transform:translateY(-3px)}.mobile-app__store-button:hover:after{transform:translate(120%)}.mobile-app__store-button:focus-visible{outline:3px solid var(--indigo-100);outline-offset:4px}.mobile-app__play-mark{width:1.8rem;height:2rem;flex:0 0 auto;transition:transform .3s var(--mobile-app-ease)}.mobile-app__store-button:hover .mobile-app__play-mark{transform:scale(1.08) rotate(-4deg)}.mobile-app__store-button span{display:grid;text-align:left}.mobile-app__store-button small{font-size:.58rem;line-height:1;letter-spacing:.09em}.mobile-app__store-button strong{margin-top:.15rem;font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1}.mobile-app__store-arrow{width:1rem;height:1rem;margin-left:auto;color:var(--indigo-100);transition:transform .3s var(--mobile-app-ease)}.mobile-app__store-button:hover .mobile-app__store-arrow{transform:translate(2px,-2px)}.mobile-app__availability{display:inline-flex;align-items:center;gap:.5rem;color:rgb(var(--white-rgb) / .66);font-size:.78rem;font-weight:var(--font-weight-semibold)}.mobile-app__availability svg{width:1rem;height:1rem}.mobile-app__visual{--tilt-x: 0;--tilt-y: 0;position:relative;padding:1.5rem 0 0;perspective:1600px;isolation:isolate}.mobile-app__visual:before{content:"";position:absolute;z-index:-2;inset:0 2% 15%;border-radius:50%;background:radial-gradient(ellipse at center,rgb(var(--indigo-500-rgb) / .4),transparent 70%)}.mobile-app__phones{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;width:100%;max-width:40rem;margin:0 auto;transform:rotateX(calc(var(--tilt-y) * -7deg)) rotateY(calc(var(--tilt-x) * 9deg));transition:transform .6s var(--mobile-app-ease)}.mobile-app__phones:after{content:"";position:absolute;z-index:-1;right:10%;bottom:-2.5rem;left:10%;height:3rem;border-radius:50%;background:rgb(var(--black-rgb) / .45);filter:blur(1.75rem)}.mobile-app__slot{--tx: 0%;--ty: 0rem;--ry: 0deg;--s: 1;position:relative;z-index:1;display:block;width:100%;min-width:0;padding:0;border:0;background:none;cursor:pointer;perspective:1200px;opacity:0;transform:translateY(4rem);transition:opacity .8s var(--mobile-app-ease) var(--enter-delay, 0ms),transform .9s var(--mobile-app-ease) var(--enter-delay, 0ms);-webkit-tap-highlight-color:transparent}.mobile-app.is-entered .mobile-app__slot{opacity:1;transform:none}.mobile-app__slot--center{--enter-delay: .12s}.mobile-app__slot--right{--enter-delay: .24s}.mobile-app__slot--left{--tx: 16%;--ry: 16deg;--s: .88}.mobile-app__slot--center{z-index:2}.mobile-app__slot--right{--tx: -16%;--ry: -16deg;--s: .88}.mobile-app__slot.is-active{z-index:4;--ry: 0deg;--ty: -.75rem;--s: 1.08}.mobile-app__slot--left.is-active{--tx: 22%}.mobile-app__slot--right.is-active{--tx: -22%}.mobile-app__slot--center.is-active{--s: 1.04}.mobile-app__slot:not(.is-active).mobile-app__slot--center{--s: .92}.mobile-app__slot:before{content:"";position:absolute;z-index:-1;inset:8% -6%;border-radius:50%;background:radial-gradient(ellipse at center,rgb(var(--indigo-500-rgb) / .6),transparent 70%);filter:blur(1.5rem);opacity:0;transform:translate(var(--tx)) scale(.8);transition:opacity .5s ease,transform .7s var(--mobile-app-ease)}.mobile-app__slot.is-active:before{opacity:1;transform:translate(var(--tx)) scale(1)}.mobile-app__slot:focus-visible{outline:none}.mobile-app__slot:focus-visible .mobile-app__phone{outline:3px solid var(--indigo-100);outline-offset:4px}.mobile-app__phone{position:relative;display:block;padding:.38rem;border:2px solid var(--gray-500);border-radius:2.15rem;background:linear-gradient(145deg,var(--gray-700),var(--black) 25%,var(--gray-900) 80%,var(--gray-500));box-shadow:0 .4rem .8rem rgb(var(--black-rgb) / .2),0 2rem 3rem -.8rem rgb(var(--black-rgb) / .6),inset 0 0 0 1px rgb(var(--white-rgb) / .16);filter:brightness(.66) saturate(.8);transform:translate(var(--tx)) translateY(var(--ty)) rotateY(var(--ry)) scale(var(--s));transition:transform .7s var(--mobile-app-ease),filter .5s ease,box-shadow .5s ease,border-color .5s ease;animation:mobile-app-float 6s ease-in-out infinite;will-change:transform}.mobile-app__slot--left .mobile-app__phone{animation-delay:-1.5s}.mobile-app__slot--right .mobile-app__phone{animation-delay:-3s}.mobile-app__slot.is-active .mobile-app__phone{border-color:var(--gray-400);filter:none;box-shadow:0 0 0 1px rgb(var(--indigo-500-rgb) / .35),0 0 3rem rgb(var(--indigo-500-rgb) / .35),0 2.75rem 4rem -1rem rgb(var(--black-rgb) / .75),inset 0 0 0 1px rgb(var(--white-rgb) / .22)}.mobile-app__slot:not(.is-active):hover .mobile-app__phone{filter:brightness(.85)}@keyframes mobile-app-float{0%,to{translate:0 0}50%{translate:0 -.55rem}}.mobile-app__phone:before{content:"";position:absolute;top:22%;right:-.24rem;width:.2rem;height:9%;border-radius:0 .2rem .2rem 0;background:var(--gray-500);box-shadow:0 3rem 0 var(--gray-500)}.mobile-app__camera{position:absolute;z-index:2;top:.78rem;left:50%;width:.46rem;height:.46rem;border:1px solid var(--gray-800);border-radius:50%;background:var(--black);box-shadow:0 0 0 1px rgb(var(--gray-700-rgb) / .9);transform:translate(-50%)}.mobile-app__screen{position:relative;display:block;aspect-ratio:9 / 20;overflow:hidden;border-radius:1.78rem;background:var(--gray-100)}.mobile-app__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;transition:transform .9s var(--mobile-app-ease)}.mobile-app__slot.is-active .mobile-app__screen img{transform:scale(1.015)}.mobile-app__screen:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgb(var(--white-rgb) / .45) 50%,transparent 65%);transform:translate(-130%);pointer-events:none}.mobile-app__slot.is-active .mobile-app__screen:after{animation:mobile-app-shine 1.1s var(--mobile-app-ease) .15s both}@keyframes mobile-app-shine{to{transform:translate(130%)}}.mobile-app__caption{display:flex;align-items:center;justify-content:center;gap:1rem;width:-webkit-fit-content;width:fit-content;max-width:100%;min-height:2.6rem;margin:3rem auto 0;padding:.4rem .5rem .4rem 1rem;border:1px solid rgb(var(--white-rgb) / .14);border-radius:var(--radius-pill);background:rgb(var(--white-rgb) / .08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1rem 2.5rem rgb(var(--black-rgb) / .2)}.mobile-app__caption-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--white);font-size:.82rem;font-weight:var(--font-weight-semibold);white-space:nowrap;animation:mobile-app-caption-in .45s var(--mobile-app-ease) both}.mobile-app__caption-label svg{width:1rem;height:1rem;color:var(--indigo-100)}@keyframes mobile-app-caption-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.mobile-app__dots{display:inline-flex;align-items:center;gap:.15rem;padding-left:.75rem;border-left:1px solid rgb(var(--white-rgb) / .14)}.mobile-app__dot{display:grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}.mobile-app__dot:before{content:"";width:.45rem;height:.45rem;border-radius:var(--radius-pill);background:rgb(var(--white-rgb) / .35);transition:width .4s var(--mobile-app-ease),background-color .3s ease}.mobile-app__dot:hover:before{background:rgb(var(--white-rgb) / .7)}.mobile-app__dot.is-active:before{width:1.1rem;background:var(--white)}.mobile-app__dot:focus-visible{outline:2px solid var(--indigo-100);outline-offset:1px;border-radius:var(--radius-pill)}@media(max-width:1023px){.mobile-app{display:block;min-height:0;padding:6rem 1.5rem 5rem}.mobile-app__inner{grid-template-columns:1fr;gap:3.5rem}.mobile-app__copy{max-width:42rem;text-align:center;justify-self:center}.mobile-app__intro{margin-right:auto;margin-left:auto}.mobile-app__benefits{width:-webkit-fit-content;width:fit-content;max-width:100%;margin-right:auto;margin-left:auto}.mobile-app__benefit.is-active{transform:none}.mobile-app__actions{justify-content:center}.mobile-app__visual{width:min(100%,42rem);margin:0 auto}}@media(min-width:1024px)and (max-height:760px){.mobile-app{min-height:0;padding-top:2.5rem;padding-bottom:2.5rem}.mobile-app__copy h2{margin-top:1rem;font-size:clamp(2.75rem,4vw,3.6rem)}.mobile-app__intro{margin-top:1rem;font-size:.98rem;line-height:1.6}.mobile-app__benefits{gap:.2rem;margin-top:1rem}.mobile-app__benefit{padding-top:.5rem;padding-bottom:.5rem}.mobile-app__actions{margin-top:1.25rem}.mobile-app__phones{max-width:34rem}.mobile-app__caption{margin-top:2.25rem}}@media(max-width:640px){.mobile-app{padding:5rem 1rem 4rem}.mobile-app__copy h2{font-size:clamp(2.45rem,12vw,3.4rem)}.mobile-app__intro{font-size:.98rem}.mobile-app__benefit{font-size:.92rem}.mobile-app__actions{flex-direction:column}.mobile-app__visual{padding-top:.5rem}.mobile-app__phone{padding:.2rem;border-radius:1rem}.mobile-app__screen{border-radius:.8rem}.mobile-app__camera{top:.4rem;width:.25rem;height:.25rem}.mobile-app__phone:before{box-shadow:0 1.8rem 0 var(--gray-500)}.mobile-app__caption{margin-top:2.25rem;padding-left:.85rem}.mobile-app__caption-label{font-size:.74rem}}@media(prefers-reduced-motion:reduce){.mobile-app__glow,.mobile-app__live-dot:after,.mobile-app__copy h2 span,.mobile-app__phone,.mobile-app__caption-label,.mobile-app__slot.is-active .mobile-app__screen:after{animation:none}.mobile-app__benefit-progress{display:none}.mobile-app__phones,.mobile-app__slot,.mobile-app__phone,.mobile-app__store-button{transition-duration:1ms}}