.mobile-hero{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);isolation:isolate;background:var(--c-surface);width:100%;min-height:720px;position:relative;overflow:hidden}.mobile-hero,.mobile-hero *,.mobile-hero :before,.mobile-hero :after{box-sizing:border-box}.mobile-hero__container{z-index:2;grid-template-columns:40% 60%;align-items:center;width:calc(100% - 48px);max-width:1440px;min-height:720px;margin:0 auto;display:grid;position:relative}.mobile-hero--paused *,.mobile-hero--paused :before,.mobile-hero--paused :after{animation-play-state:paused!important}.mobile-hero__glow{z-index:0;filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.mobile-hero__glow--blue{background:#2ab5ff1f;width:560px;height:500px;animation:13s ease-in-out infinite alternate mobileGlowOne;top:-130px;right:8%}.mobile-hero__glow--purple{background:#874dff1c;width:500px;height:500px;animation:15s ease-in-out infinite alternate mobileGlowTwo;top:50px;right:-7%}.mobile-hero__glow--green{background:#26e0a31a;width:500px;height:450px;animation:14s ease-in-out infinite alternate mobileGlowThree;bottom:-200px;left:36%}@keyframes mobileGlowOne{to{transform:translate(45px,35px)scale(1.12)}}@keyframes mobileGlowTwo{to{transform:translate(-45px,35px)scale(1.15)}}@keyframes mobileGlowThree{to{transform:translate(40px,-35px)scale(1.12)}}.mobile-hero__content{z-index:20;min-width:0;padding:60px 0;position:relative}.mobile-hero__eyebrow,.mobile-hero__title,.mobile-hero__description,.mobile-hero__stores,.mobile-hero__browser,.mobile-hero__note{opacity:0;transition:opacity .8s ease, translate .85s var(--ease-out);translate:0 24px}.mobile-hero--ready .mobile-hero__eyebrow,.mobile-hero--ready .mobile-hero__title,.mobile-hero--ready .mobile-hero__description,.mobile-hero--ready .mobile-hero__stores,.mobile-hero--ready .mobile-hero__browser,.mobile-hero--ready .mobile-hero__note{opacity:1;translate:0}.mobile-hero__eyebrow{transition-delay:.1s}.mobile-hero__title{transition-delay:.2s}.mobile-hero__description{transition-delay:.3s}.mobile-hero__stores{transition-delay:.4s}.mobile-hero__browser{transition-delay:.5s}.mobile-hero__note{transition-delay:.6s}.mobile-hero__eyebrow{width:fit-content;color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));letter-spacing:1.8px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--c-accent) 14%, transparent);box-shadow:0 6px 18px color-mix(in srgb, var(--c-accent) 7%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--lightningcss-light,#ffffffbf)var(--lightningcss-dark,#131a2ebf);border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:7px 14px 7px 12px;font-size:11px;font-weight:700;display:inline-flex}.mobile-hero__eyebrow-dot{background:#22c58b;border-radius:50%;width:7px;height:7px;position:relative}.mobile-hero__eyebrow-dot:after{content:"";background:#22c58b;border-radius:50%;animation:2s ease-out infinite mobileHeroPing;position:absolute;inset:0}@keyframes mobileHeroPing{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.mobile-hero__title{color:var(--lightningcss-light,#0c122b)var(--lightningcss-dark,#8f9fe0);letter-spacing:-3.2px;margin:0;font-size:clamp(42px,4vw,67px);font-weight:800;line-height:1.03}.mobile-hero__near{display:inline-block;position:relative}.mobile-hero__underline{pointer-events:none;width:104%;height:.3em;position:absolute;bottom:-.1em;left:-2%;overflow:visible}.mobile-hero__underline path{fill:none;stroke:url(#mobileHeroBeam);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s var(--ease-out) 1s}.mobile-hero--ready .mobile-hero__underline path{stroke-dashoffset:0}.mobile-hero__accent{background:linear-gradient(90deg,#0879f9 0%,#2674fa 22%,#6558fb 48%,#a342ed 72%,#2674fa 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate mobileHeroShimmer}@keyframes mobileHeroShimmer{0%{background-position:0%}to{background-position:100%}}.mobile-hero__description{max-width:580px;color:var(--lightningcss-light,#4f596f)var(--lightningcss-dark,var(--c-muted));margin:25px 0 0;font-size:17px;line-height:1.5}.mobile-hero__stores{align-items:center;gap:17px;margin-top:27px;display:flex}.mobile-hero__store{width:176px;height:57px;transition:transform .3s var(--ease-back), filter .3s ease;border-radius:12px;flex-shrink:0;display:block;position:relative;overflow:hidden}.mobile-hero__store:nth-child(2){width:190px}.mobile-hero__store:hover{filter:drop-shadow(0 10px 18px rgb(var(--c-shadow) / .18));transform:translateY(-4px)}.mobile-hero__store:active{transform:translateY(-1px)scale(.98)}.mobile-hero__store-image{object-fit:contain}.mobile-hero__store-shine{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 35%,#ffffff61 50%,#0000 65%) 130% 0/250% 100%;animation:6s ease-in-out infinite mobileHeroShine;position:absolute;inset:0}.mobile-hero__store:nth-child(2) .mobile-hero__store-shine{animation-delay:.35s}.mobile-hero__store:hover .mobile-hero__store-shine{animation:.8s forwards mobileHeroShineFast}@keyframes mobileHeroShine{0%,70%{background-position:130% 0}90%,to{background-position:-30% 0}}@keyframes mobileHeroShineFast{0%{background-position:130% 0}to{background-position:-30% 0}}.mobile-hero__browser{--bx:0px;--by:0px;color:#236cd8;border:2px solid var(--lightningcss-light,#c8ddff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));width:fit-content;min-width:255px;min-height:52px;transform:translate3d(var(--bx), var(--by), 0);transition:opacity .8s ease .5s, translate .85s var(--ease-out) .5s, transform .35s var(--ease-out), background .25s ease, border-color .25s ease, box-shadow .25s ease;background:var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#131a2ed9);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:0 20px 0 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.mobile-hero__browser:hover{background:var(--c-surface);border-color:var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));box-shadow:0 12px 28px color-mix(in srgb, var(--c-accent) 14%, transparent)}.mobile-hero__browser-icon{color:#fff;background:linear-gradient(135deg, var(--c-accent-hi), #6558fb);width:34px;height:34px;box-shadow:0 6px 14px color-mix(in srgb, var(--c-accent) 28%, transparent);transition:transform .5s var(--ease-back);border-radius:9px;place-items:center;display:grid}.mobile-hero__browser-icon svg{width:18px;height:18px}.mobile-hero__browser:hover .mobile-hero__browser-icon{transform:rotate(-14deg)scale(1.06)}.mobile-hero__browser-arrow{width:18px;height:18px;transition:transform .3s var(--ease-out);margin-left:auto}.mobile-hero__browser:hover .mobile-hero__browser-arrow{transform:translate(4px)}.mobile-hero__note{color:var(--lightningcss-light,#657084)var(--lightningcss-dark,var(--c-muted));align-items:flex-start;gap:9px;margin:23px 0 0;font-size:13px;line-height:1.45;display:flex}.mobile-hero__note-icon{color:var(--lightningcss-light,#118058)var(--lightningcss-dark,#81eec7);background:#22c58b24;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.mobile-hero__note-icon svg{width:11px;height:11px}.mobile-hero__visual{--mx:0px;--my:0px;width:100%;height:720px;position:relative}.mobile-hero__scene{width:930px;height:710px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mobile-hero__shape{z-index:0;pointer-events:none;border-radius:47% 53% 61% 39%/45% 44% 56% 55%;position:absolute}.mobile-hero__shape--1{background:linear-gradient(135deg,#1dc1ff29,#1de5ad1f);width:620px;height:430px;animation:14s ease-in-out infinite alternate mobileShapeOne;top:65px;left:10px}.mobile-hero__shape--2{background:linear-gradient(135deg,#2fb5ff26,#854fff29);width:520px;height:470px;animation:17s ease-in-out infinite alternate mobileShapeTwo;top:10px;left:250px}.mobile-hero__shape--3{background:linear-gradient(135deg,#33e3b621,#6859ff21);width:450px;height:390px;animation:15s ease-in-out infinite alternate mobileShapeThree;bottom:25px;left:100px}@keyframes mobileShapeOne{0%{transform:rotate(-20deg)}to{transform:translate(35px,-25px)rotate(-12deg)}}@keyframes mobileShapeTwo{0%{transform:rotate(28deg)}to{transform:translate(-40px,35px)rotate(38deg)}}@keyframes mobileShapeThree{0%{transform:rotate(35deg)}to{transform:translate(30px,-30px)rotate(25deg)}}.mobile-hero__image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.mobile-hero__laptop-layer{z-index:3;opacity:0;width:760px;height:570px;transform:translate3d(calc(var(--mx) * .45), calc(45px + var(--my) * .45), 0);transition:opacity 1s ease, transform 1s var(--ease-out);position:absolute;top:45px;left:-25px}.mobile-hero--ready .mobile-hero__laptop-layer{opacity:1;transform:translate3d(calc(var(--mx) * .45), calc(var(--my) * .45), 0);transition:opacity 1s .2s,transform .55s ease-out}.mobile-hero__laptop-float{width:100%;height:100%;animation:8s ease-in-out infinite mobileLaptopFloat;position:relative}@keyframes mobileLaptopFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mobile-hero__beam{z-index:6;pointer-events:none;transform:translate3d(calc(var(--mx) * .6), calc(var(--my) * .6), 0);transition:transform .5s ease-out;position:absolute;inset:0}.mobile-hero__beam svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mobile-hero__beam-path{fill:none;stroke:url(#mobileHeroBeam);stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 9;opacity:0;transition:opacity .6s;animation:1.4s linear infinite mobileBeamFlow}.mobile-hero--ready .mobile-hero__beam-path{opacity:.35;transition-delay:1.4s}.mobile-hero__beam.is-active .mobile-hero__beam-path{opacity:.85;transition-delay:0s}@keyframes mobileBeamFlow{to{stroke-dashoffset:-22px}}.mobile-hero__comet{background:radial-gradient(circle, var(--c-surface) 0 22%, var(--c-accent-hi) 45%, #9b4dff00 72%);width:14px;height:14px;box-shadow:0 0 16px 4px color-mix(in srgb, var(--c-accent) 55%, transparent), 0 0 34px 10px #9b4dff40;offset-path:path("M 330 300 C 430 150, 640 150, 750 320");offset-rotate:0deg;offset-distance:0%;border-radius:50%;animation:.95s cubic-bezier(.5,0,.3,1) forwards mobileComet;position:absolute;top:0;left:0}@keyframes mobileComet{0%{offset-distance:0%;opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(1.8)}}.mobile-hero__phone-layer{z-index:8;opacity:0;transform:translate3d(calc(var(--mx) * .85), calc(55px + var(--my) * .85), 0);transition:opacity .9s ease, transform 1.1s var(--ease-out);position:absolute}.mobile-hero--ready .mobile-hero__phone-layer{opacity:1;transform:translate3d(calc(var(--mx) * .85), calc(var(--my) * .85), 0);transition:opacity .9s .5s,transform .5s ease-out}.mobile-hero__phone-layer--requests{width:230px;height:410px;top:270px;left:440px}.mobile-hero__phone-layer--notifications{width:230px;height:410px;top:275px;left:635px}.mobile-hero__phone-float{width:100%;height:100%;position:relative}.mobile-hero__phone-float--requests{animation:6s ease-in-out infinite mobilePhoneFloatOne}.mobile-hero__phone-float--notifications{animation:7s ease-in-out infinite mobilePhoneFloatTwo}@keyframes mobilePhoneFloatOne{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mobilePhoneFloatTwo{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}.mobile-hero__ripple{pointer-events:none;width:0;height:0;position:absolute;top:8%;left:50%}.mobile-hero__ripple span{opacity:0;width:120px;height:120px;animation:mobileRipple 1.3s var(--ease-out) forwards;border:2px solid #6558fb80;border-radius:50%;position:absolute;top:-60px;left:-60px;transform:scale(.2)}.mobile-hero__ripple span:nth-child(2){border-color:color-mix(in srgb, var(--c-accent) 45%, transparent);animation-delay:.18s}@keyframes mobileRipple{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.mobile-hero__sync{z-index:10;opacity:0;transform:translate3d(calc(var(--mx) * 1.1 - 20px), calc(var(--my) * 1.1), 0);transition:opacity .8s ease, transform .9s var(--ease-out);position:absolute;top:540px;left:40px}.mobile-hero--ready .mobile-hero__sync{opacity:1;transform:translate3d(calc(var(--mx) * 1.1), calc(var(--my) * 1.1), 0);transition:opacity .8s 1.2s,transform .5s ease-out}.mobile-hero__sync-float{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 34px rgb(var(--c-shadow) / .12), 0 2px 6px rgb(var(--c-shadow) / .05);background:var(--lightningcss-light,#ffffffdb)var(--lightningcss-dark,#131a2edb);border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:11px;padding:10px 16px 10px 10px;animation:7s ease-in-out -1s infinite mobilePushFloat;display:flex}.mobile-hero__sync-icon{color:#fff;background:linear-gradient(135deg,#22c58b,#14b8a6);border-radius:11px;place-items:center;width:36px;height:36px;transition:background .4s,box-shadow .4s;display:grid;box-shadow:0 6px 14px #22c58b4d}.mobile-hero__sync-icon svg{width:18px;height:18px;animation:mobileSyncPop .45s var(--ease-back)}.mobile-hero__sync.is-syncing .mobile-hero__sync-icon{background:linear-gradient(135deg, var(--c-accent-hi), #6558fb);box-shadow:0 6px 14px color-mix(in srgb, var(--c-accent) 32%, transparent)}.mobile-hero__sync.is-syncing .mobile-hero__sync-icon svg{animation:.9s linear infinite mobileSyncSpin}@keyframes mobileSyncPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes mobileSyncSpin{to{transform:rotate(360deg)}}.mobile-hero__sync-text{flex-direction:column;gap:2px;display:flex}.mobile-hero__sync-text b{color:var(--lightningcss-light,#10182f)var(--lightningcss-dark,#94a7db);min-width:128px;font-size:13px;font-weight:700}.mobile-hero__sync-text small{color:var(--lightningcss-light,#687081)var(--lightningcss-dark,var(--c-muted));font-size:11px}.mobile-hero__pushes{z-index:12;width:300px;height:290px;transform:translate3d(calc(var(--mx) * -.7), calc(var(--my) * -.7), 0);transition:transform .5s ease-out;position:absolute;top:22px;right:46px}.mobile-hero__push{--rank:0;width:100%;translate:0 calc(var(--rank) * 90px);scale:calc(1 - var(--rank) * .025);opacity:calc(1 - var(--rank) * .12);transition:translate .7s var(--ease-out), scale .7s var(--ease-out), opacity .6s ease;position:absolute;top:0;left:0}.mobile-hero__push.is-out{opacity:0;scale:.9;translate:0 calc(var(--rank) * 90px - 20px)}.mobile-hero__push-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:78px;box-shadow:0 18px 36px rgb(var(--c-shadow) / .11), 0 2px 6px rgb(var(--c-shadow) / .05);animation:mobilePushIn .75s var(--ease-back) both, mobilePushFloat 6s ease-in-out infinite;background:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#131a2ee6);border:1px solid #fffffff2;border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px 13px 13px;display:grid;position:relative}@keyframes mobilePushIn{0%{opacity:0;filter:blur(6px);transform:translate(46px,-10px)scale(.86)}to{opacity:1;filter:none;transform:none}}@keyframes mobilePushFloat{0%,to{translate:0}50%{translate:0 -5px}}.mobile-hero__push-card:before{content:"";border-radius:inherit;background:linear-gradient(120deg, var(--tone), #fff0 45%, #fff0 60%, var(--tone));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .6s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-hero__push.is-new .mobile-hero__push-card:before{opacity:.85}.mobile-hero__push-icon{color:#fff;background:var(--tone-bg);width:40px;height:40px;box-shadow:0 8px 16px var(--tone-shadow);border-radius:12px;place-items:center;display:grid}.mobile-hero__push-icon svg{width:20px;height:20px}.mobile-hero__push.is-new .mobile-hero__push-icon{animation:mobilePushIcon .7s var(--ease-back) .2s both}@keyframes mobilePushIcon{0%{transform:scale(.4)rotate(-20deg)}to{transform:none}}.mobile-hero__push-body{flex-direction:column;gap:1px;min-width:0;display:flex}.mobile-hero__push-title{color:var(--lightningcss-light,#10182f)var(--lightningcss-dark,#94a7db);font-size:13px;font-weight:700;line-height:1.3}.mobile-hero__push-accent{color:var(--lightningcss-light,color-mix(in srgb, var(--tone-text) 72%, #000))var(--lightningcss-dark,var(--tone-text));letter-spacing:-.3px;font-size:15px;font-weight:800;line-height:1.25}.mobile-hero__push-text{color:var(--lightningcss-light,#666f81)var(--lightningcss-dark,var(--c-muted));white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.35;overflow:hidden}.mobile-hero__push-meta{flex-direction:column;align-self:start;align-items:flex-end;gap:8px;padding-top:2px;display:flex}.mobile-hero__push-time{color:var(--lightningcss-light,#69707d)var(--lightningcss-dark,var(--c-faint));white-space:nowrap;font-size:10.5px}.mobile-hero__push-dot{background:var(--tone-text);width:8px;height:8px;box-shadow:0 0 0 4px var(--tone-shadow);animation:mobileSyncPop .45s var(--ease-back) .35s both;border-radius:50%}.mobile-hero__push--green{--tone:#22c58b;--tone-text:#12a26f;--tone-bg:linear-gradient(135deg, #2ed69b, #13b47d);--tone-shadow:#22c58b40}.mobile-hero__push--blue{--tone:var(--c-accent-hi);--tone-text:#1f73ec;--tone-bg:linear-gradient(135deg, #3d95ff, #1f6ff0);--tone-shadow:color-mix(in srgb, var(--c-accent) 25%, transparent)}.mobile-hero__push--violet{--tone:#8b5cf6;--tone-text:#7a46ee;--tone-bg:linear-gradient(135deg, #9f6bff, #6a48f2);--tone-shadow:#8b5cf640}.mobile-hero__push--orange{--tone:#ff8a3d;--tone-text:#ec6d17;--tone-bg:linear-gradient(135deg, #ffa057, #f5731f);--tone-shadow:#ff8a3d40}@media (max-width:1300px){.mobile-hero__container{grid-template-columns:43% 57%}.mobile-hero__title{font-size:54px}.mobile-hero__scene{transform-origin:0;transform:translateY(-50%)scale(.88)}}@media (max-width:1050px){.mobile-hero{min-height:auto}.mobile-hero__container{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:50px}.mobile-hero__content{text-align:center;max-width:760px;margin:0 auto;padding:0}.mobile-hero__title{font-size:60px}.mobile-hero__description{margin-left:auto;margin-right:auto}.mobile-hero__stores{justify-content:center}.mobile-hero__browser{margin-left:auto;margin-right:auto}.mobile-hero__note{text-align:left;justify-content:center}.mobile-hero__visual{width:100%;height:650px;margin-top:15px}.mobile-hero__scene{transform-origin:top;top:0;left:50%;transform:translate(-50%)scale(.85)}}@media (max-width:700px){.mobile-hero__container{width:calc(100% - 32px);padding-top:40px}.mobile-hero__eyebrow{letter-spacing:1.5px;margin-bottom:14px;font-size:10px}.mobile-hero__title{letter-spacing:-2px;font-size:clamp(36px,10.5vw,50px);line-height:1.04}.mobile-hero__description{margin-top:20px;font-size:15px}.mobile-hero__desktop-br{display:none}.mobile-hero__stores{gap:10px;margin-top:24px}.mobile-hero__store{width:145px;height:48px}.mobile-hero__store:nth-child(2){width:158px}.mobile-hero__browser{min-width:250px;min-height:50px;margin-top:14px}.mobile-hero__note{margin-top:19px;font-size:12px}.mobile-hero__visual{height:440px;margin-top:20px}.mobile-hero__scene{transform:translate(-50%)scale(.55)}.mobile-hero__pushes{transform-origin:100% 0;width:330px;top:0;right:80px;scale:1.12}.mobile-hero__sync{transform-origin:0 0;top:600px;left:70px;scale:1.25}}@media (max-width:430px){.mobile-hero__stores{flex-direction:column;width:100%}.mobile-hero__store,.mobile-hero__store:nth-child(2){width:180px;height:55px}.mobile-hero__browser{width:100%}.mobile-hero__visual{height:360px}.mobile-hero__scene{transform:translate(-50%)scale(.44)}.mobile-hero__pushes{scale:1.3}.mobile-hero__sync{scale:1.4}}@media (prefers-reduced-motion:reduce){.mobile-hero *,.mobile-hero :before,.mobile-hero :after{transition:none!important;animation:none!important}.mobile-hero__eyebrow,.mobile-hero__title,.mobile-hero__description,.mobile-hero__stores,.mobile-hero__browser,.mobile-hero__note,.mobile-hero__laptop-layer,.mobile-hero__phone-layer,.mobile-hero__sync{opacity:1!important;transform:none!important}.mobile-hero__underline path{stroke-dashoffset:0}.mobile-hero__beam-path{opacity:.35}}
.mobile-sync{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);background:var(--c-surface);width:100%;padding:30px 0 85px;position:relative;overflow:hidden}.mobile-sync,.mobile-sync *,.mobile-sync :before,.mobile-sync :after{box-sizing:border-box}.mobile-sync--paused *,.mobile-sync--paused :before,.mobile-sync--paused :after{animation-play-state:paused!important}.mobile-sync__container{width:calc(100% - 48px);max-width:1440px;margin:0 auto}.mobile-sync__box{isolation:isolate;border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:linear-gradient(135deg, var(--c-surface) 0%, var(--lightningcss-light,#fbfdff)var(--lightningcss-dark,var(--c-surface-2)) 100%);min-height:365px;box-shadow:0 18px 60px rgb(var(--c-shadow) / .05);border-radius:26px;padding:34px 36px 32px;position:relative;overflow:hidden}.mobile-sync__glow{z-index:-1;pointer-events:none;filter:blur(85px);border-radius:50%;position:absolute}.mobile-sync__glow--blue{background:#239bff1a;width:480px;height:300px;animation:12s ease-in-out infinite alternate mobileSyncGlow;top:-180px;right:12%}.mobile-sync__glow--purple{background:#824aff17;width:450px;height:300px;animation:15s ease-in-out -4s infinite alternate mobileSyncGlow;bottom:-180px;right:-150px}@keyframes mobileSyncGlow{0%{transform:translate(-15px)scale(.95)}to{transform:translate(25px,15px)scale(1.1)}}.mobile-sync__grid-bg{z-index:-1;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--c-accent) 13%, transparent) 1px, transparent 1.5px);opacity:.55;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 72%,#000 0%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 72%,#000 0%,#0000 75%)}.mobile-sync__heading{z-index:5;opacity:0;transition:opacity .8s ease, transform .8s var(--ease-out);justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:relative;transform:translateY(20px)}.mobile-sync--visible .mobile-sync__heading{opacity:1;transform:translateY(0)}.mobile-sync__eyebrow{width:fit-content;color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));letter-spacing:1.8px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--c-accent) 14%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--c-accent) 6%, transparent);background:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#131a2ecc);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px 6px 10px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.mobile-sync__eyebrow-dot{background:linear-gradient(135deg,#1689ff,#8243f6);border-radius:50%;width:6px;height:6px}.mobile-sync__heading h2{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);letter-spacing:-1.3px;margin:0;font-size:31px;font-weight:800;line-height:1.12}.mobile-sync__heading h2 br{display:none}.mobile-sync__heading h2 span{background:linear-gradient(90deg,#1689ff,#3468ff 45%,#8243f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-sync__heading p{color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));margin:10px 0 0;font-size:13px;line-height:1.45}.mobile-sync__live{color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));border:1px solid var(--lightningcss-light,#e8eef8)var(--lightningcss-dark,var(--c-border));box-shadow:0 8px 22px rgb(var(--c-shadow) / .06);background:var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#131a2ed9);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex}.mobile-sync__live>span:nth-child(2){min-width:104px}.mobile-sync__live-dot{background:#0bc96a;border-radius:50%;width:8px;height:8px;transition:background .3s;position:relative}.mobile-sync__live-dot:after{content:"";background:inherit;border-radius:50%;animation:1.8s ease-out infinite mobileSyncPing;position:absolute;inset:0}.mobile-sync__live.is-syncing .mobile-sync__live-dot{background:#2f7cff}@keyframes mobileSyncPing{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.mobile-sync__live b{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);font-variant-numeric:tabular-nums;border-left:1px solid var(--lightningcss-light,#e8eef8)var(--lightningcss-dark,var(--c-border));animation:mobileSyncBump .45s var(--ease-back);padding-left:10px;font-size:14px;font-weight:800}.mobile-sync__live small{color:var(--c-faint);font-size:12px}@keyframes mobileSyncBump{0%{opacity:0;color:#2f7cff;transform:translateY(-6px)scale(1.25)}to{opacity:1;transform:none}}.mobile-sync__visual{--tone:#1689ff;--tone-soft:var(--lightningcss-light,#e8f4ff)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:var(--c-accent);z-index:3;--sync-mouse-x:0px;--sync-mouse-y:0px;grid-template-columns:minmax(0,1.25fr) 56px minmax(150px,.78fr) 56px minmax(0,1.25fr) minmax(190px,.95fr);align-items:center;gap:12px;width:100%;margin-top:30px;display:grid;position:relative}.mobile-sync__visual--blue{--tone:#1689ff;--tone-soft:var(--lightningcss-light,#e6f3ff)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:var(--c-accent)}.mobile-sync__visual--orange{--tone:#ff7b38;--tone-soft:var(--lightningcss-light,#fff1e6)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:#f0661f}.mobile-sync__visual--violet{--tone:#8b5cf6;--tone-soft:var(--lightningcss-light,#f2ecff)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:#7a46ee}.mobile-sync__visual--pink{--tone:#f0468f;--tone-soft:var(--lightningcss-light,#ffe9f2)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:#e0357f}.mobile-sync__visual--green{--tone:#0bc96a;--tone-soft:var(--lightningcss-light,#e5f9ef)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:#08a457}.mobile-sync__visual--teal{--tone:#14b8a6;--tone-soft:var(--lightningcss-light,#e3f8f5)var(--lightningcss-dark,color-mix(in srgb, var(--tone) 18%, transparent));--tone-text:#0e9b8b}.mobile-sync__animated{opacity:0;transition:opacity .8s ease, translate .9s var(--ease-out), scale .9s var(--ease-out);translate:0 25px;scale:.97}.mobile-sync--visible .mobile-sync__animated{opacity:1;translate:0;scale:1}.mobile-sync__web{transition-delay:.15s}.mobile-sync__center{transition-delay:.35s}.mobile-sync__mobile{transition-delay:.55s}.mobile-sync__checklist{transition-delay:.75s}.mobile-sync__label{color:var(--c-accent);letter-spacing:1px;align-items:center;gap:6px;margin:0 0 9px 12px;font-size:12px;font-weight:800;line-height:1;display:flex}.mobile-sync__label svg{width:15px;height:15px}.mobile-sync__mobile .mobile-sync__label{color:#7a46ee}.mobile-sync__card{--x:50%;--y:50%;border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));min-height:150px;box-shadow:0 14px 38px rgb(var(--c-shadow) / .07);transition:transform .35s var(--ease-out), box-shadow .35s ease, border-color .35s ease;background:var(--lightningcss-light,#fffffff7)var(--lightningcss-dark,#131a2ef7);border-radius:18px;position:relative;overflow:hidden}.mobile-sync__card:hover{box-shadow:0 20px 45px rgb(var(--c-shadow) / .11);transform:translateY(-4px)}.mobile-sync__card:before{content:"";z-index:2;border-radius:inherit;background:radial-gradient(220px circle at var(--x) var(--y), var(--tone), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-sync__card:hover:before{opacity:.7}.mobile-sync__card--web.is-acting{border-color:color-mix(in srgb, var(--tone) 35%, var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border)));box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 10%, transparent), 0 14px 38px rgb(var(--c-shadow) / .07)}.mobile-sync__card--mobile.is-updated{border-color:color-mix(in srgb, var(--tone) 40%, var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border)));box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 12%, transparent), 0 18px 42px color-mix(in srgb, var(--tone) 16%, transparent)}.mobile-sync__card--mobile.is-updated:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--tone) 16%, transparent) 50%, transparent 70%);background-size:250% 100%;animation:.9s forwards mobileSyncFlash;position:absolute;inset:0}@keyframes mobileSyncFlash{0%{background-position:120% 0}to{background-position:-30% 0}}.mobile-sync__browser-bar,.mobile-sync__phone-bar{border-bottom:1px solid var(--lightningcss-light,#f0f3f9)var(--lightningcss-dark,var(--c-border));background:var(--lightningcss-light,#fafcff)var(--lightningcss-dark,var(--c-surface-2));align-items:center;gap:5px;height:30px;padding:0 14px;display:flex}.mobile-sync__browser-bar i{background:var(--lightningcss-light,#e3e8f1)var(--lightningcss-dark,var(--c-surface-3));border-radius:50%;width:7px;height:7px}.mobile-sync__browser-bar i:first-child{background:var(--lightningcss-light,#ff8a80)var(--lightningcss-dark,#ee3e2f24)}.mobile-sync__browser-bar i:nth-child(2){background:#ffd36b}.mobile-sync__browser-bar i:nth-child(3){background:#6fdc9a}.mobile-sync__browser-bar span{color:var(--c-faint);background:var(--lightningcss-light,#f0f3f9)var(--lightningcss-dark,var(--c-surface-3));border-radius:999px;margin-left:10px;padding:3px 12px;font-size:10px}.mobile-sync__phone-bar{color:var(--lightningcss-light,#1a2238)var(--lightningcss-dark,#9dabd2);justify-content:space-between;font-size:10px;font-weight:700}.mobile-sync__phone-bar>i{background:#10162d;border-radius:999px;width:54px;height:13px}.mobile-sync__phone-signal{align-items:flex-end;gap:2px;height:10px;display:flex}.mobile-sync__phone-signal em{background:#1a2238;border-radius:1px;width:3px}.mobile-sync__phone-signal em:first-child{height:4px}.mobile-sync__phone-signal em:nth-child(2){height:7px}.mobile-sync__phone-signal em:nth-child(3){height:10px}.mobile-sync__request{animation:mobileSyncContentIn .6s var(--ease-out) both;align-items:center;gap:14px;padding:16px 16px 18px;display:flex;position:relative}@keyframes mobileSyncContentIn{0%{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}.mobile-sync__request-icon{width:50px;height:50px;color:var(--tone-text);background:var(--tone-soft);border-radius:15px;flex:0 0 50px;justify-content:center;align-items:center;transition:background .4s,color .4s;display:flex}.mobile-sync__request-icon svg{width:24px;height:24px;animation:mobileSyncIconPop .6s var(--ease-back) .1s both}@keyframes mobileSyncIconPop{0%{opacity:0;transform:scale(.4)rotate(-15deg)}to{opacity:1;transform:none}}.mobile-sync__request-content{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.mobile-sync__kicker{color:var(--lightningcss-light,#677089)var(--lightningcss-dark,var(--c-muted));font-size:11px;line-height:1.4}.mobile-sync__request-content strong{color:var(--lightningcss-light,#182039)var(--lightningcss-dark,#9ba9d5);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.mobile-sync__request-content b{color:var(--lightningcss-light,#28334c)var(--lightningcss-dark,#a1afce);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.mobile-sync__request-content small{color:var(--lightningcss-light,#6a707b)var(--lightningcss-dark,var(--c-faint));margin-top:5px;font-size:10px;line-height:1.2}.mobile-sync__status,.mobile-sync__badge{opacity:0;transition:opacity .35s ease, transform .45s var(--ease-back);border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-25px;right:12px;transform:translateY(-4px)scale(.85)}.mobile-sync__status{color:var(--lightningcss-light,#068044)var(--lightningcss-dark,#7ef1b8);background:var(--lightningcss-light,#e5f9ef)var(--lightningcss-dark,#49d58f24)}.mobile-sync__status svg{width:10px;height:10px}.mobile-sync__badge{color:#fff;background:color-mix(in srgb, var(--tone) 78%, #000);box-shadow:0 6px 14px color-mix(in srgb, var(--tone) 35%, transparent);padding:4px 9px;right:36px}.mobile-sync__status.is-on,.mobile-sync__badge.is-on{opacity:1;transform:none}.mobile-sync__swap{align-self:stretch;max-width:100%;height:17px;margin-top:5px;display:block;position:relative;overflow:hidden}.mobile-sync__swap>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;transition:transform .5s var(--ease-out), opacity .4s ease;font-size:12px;font-weight:700;line-height:17px;display:block;overflow:hidden}.mobile-sync__swap-old{color:var(--lightningcss-light,#6a707b)var(--lightningcss-dark,var(--c-faint))}.mobile-sync__swap-old.is-gone{opacity:0;transform:translateY(-100%)}.mobile-sync__swap-new{color:var(--lightningcss-light,color-mix(in srgb, var(--tone-text) 85%, #000))var(--lightningcss-dark,var(--tone-text));opacity:0;position:absolute;top:0;left:0;right:0;transform:translateY(100%)}.mobile-sync__swap-new.is-in{opacity:1;transform:none}.mobile-sync__connector{opacity:0;height:24px;margin-top:22px;transition:opacity .6s .4s;position:relative}.mobile-sync--visible .mobile-sync__connector{opacity:1}.mobile-sync__connector-track,.mobile-sync__connector-fill{border-radius:2px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:6px}.mobile-sync__connector-track{background-image:linear-gradient(90deg,var(--lightningcss-light,#c9d8f2)var(--lightningcss-dark,#4a7cd324) 50%,#0000 50%);background-size:8px 2px;animation:.8s linear infinite mobileSyncDash}@keyframes mobileSyncDash{to{background-position:8px 0}}.mobile-sync__connector-fill{background:linear-gradient(90deg, #1689ff, var(--tone));transform-origin:0;transition:transform .7s var(--ease-out);transform:scaleX(0)}.mobile-sync__connector.is-active .mobile-sync__connector-fill,.mobile-sync__connector.is-done .mobile-sync__connector-fill{transform:scaleX(1)}.mobile-sync__connector-head{border-top:2px solid var(--lightningcss-light,#9fb7e3)var(--lightningcss-dark,#517dcd52);border-right:2px solid var(--lightningcss-light,#9fb7e3)var(--lightningcss-dark,#517dcd52);border-radius:1px;width:10px;height:10px;margin-top:-5px;transition:border-color .4s;position:absolute;top:50%;right:0;transform:rotate(45deg)}.mobile-sync__connector.is-active .mobile-sync__connector-head,.mobile-sync__connector.is-done .mobile-sync__connector-head{border-color:var(--tone)}.mobile-sync__packet{background:radial-gradient(circle, var(--c-surface) 0 25%, var(--tone) 55%);width:12px;height:12px;box-shadow:0 0 12px 3px color-mix(in srgb, var(--tone) 55%, transparent), -14px 0 14px -2px color-mix(in srgb, var(--tone) 30%, transparent);border-radius:50%;margin:-6px 0 0 -6px;animation:.72s cubic-bezier(.5,0,.3,1) forwards mobileSyncPacketX;position:absolute;top:50%;left:0}@keyframes mobileSyncPacketX{0%{opacity:0;left:0;transform:scale(.5)}15%{opacity:1;transform:scale(1)}to{opacity:1;left:calc(100% - 4px);transform:scale(1)}}.mobile-sync__center{border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));min-height:172px;box-shadow:0 14px 38px rgb(var(--c-shadow) / .065);isolation:isolate;background:var(--lightningcss-light,#fffffff5)var(--lightningcss-dark,#131a2ef5);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:22px;padding:20px 12px;display:flex;position:relative}@property --mobile-sync-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mobile-sync__center-ring{z-index:1;border-radius:inherit;background:conic-gradient(from var(--mobile-sync-angle), transparent 0deg, #1689ff 70deg, #8243f6 140deg, transparent 200deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .4s;animation:1.4s linear infinite mobileSyncSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-sync__center.is-syncing .mobile-sync__center-ring{opacity:1}@keyframes mobileSyncSpin{to{--mobile-sync-angle:360deg}}.mobile-sync__center-glow{z-index:-1;filter:blur(30px);background:#4774ff33;border-radius:50%;width:110px;height:110px;transition:background .4s;animation:4s ease-in-out infinite mobileSyncPulse;position:absolute;top:5px;left:50%;transform:translate(-50%)}.mobile-sync__center.is-syncing .mobile-sync__center-glow{background:#4774ff61}@keyframes mobileSyncPulse{0%,to{opacity:.45;scale:.85}50%{opacity:1;scale:1.15}}.mobile-sync__center-wave{z-index:-1;border:2px solid color-mix(in srgb, var(--c-accent) 40%, transparent);width:70px;height:70px;animation:mobileSyncWave .9s var(--ease-out) forwards;border-radius:50%;margin:-35px 0 0 -35px;position:absolute;top:50px;left:50%}@keyframes mobileSyncWave{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.mobile-sync__cloud{width:78px;height:66px;transform:translate3d(calc(var(--sync-mouse-x) * .35), calc(var(--sync-mouse-y) * .35), 0);justify-content:center;align-items:center;transition:transform .35s ease-out;display:flex;position:relative}.mobile-sync__cloud svg{width:75px;height:65px;filter:drop-shadow(0 9px 14px color-mix(in srgb, var(--c-accent) 22%, transparent));animation:5s ease-in-out infinite mobileSyncCloudFloat;overflow:visible}@keyframes mobileSyncCloudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mobile-sync__cloud-arrows{transform-box:fill-box;transform-origin:50%}.mobile-sync__center.is-syncing .mobile-sync__cloud-arrows{animation:.7s ease-in-out infinite mobileSyncArrowDrop}@keyframes mobileSyncArrowDrop{0%{opacity:0;transform:translateY(-8px)}35%{opacity:1}70%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translateY(8px)}}.mobile-sync__center>strong{color:var(--lightningcss-light,#11172d)var(--lightningcss-dark,#97a5d8);letter-spacing:.4px;margin-top:3px;font-size:16px;font-weight:800;line-height:1.2}.mobile-sync__center-status{color:#146ae5;margin-top:6px;font-size:12px;font-weight:700;line-height:1.2;transition:color .3s}.mobile-sync__center.is-done .mobile-sync__center-status{color:var(--lightningcss-light,#068044)var(--lightningcss-dark,#7ef1b8)}.mobile-sync__checklist{border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));min-height:190px;box-shadow:0 14px 38px rgb(var(--c-shadow) / .065);background:var(--lightningcss-light,#fffffff7)var(--lightningcss-dark,#131a2ef7);border-radius:20px;flex-direction:column;justify-content:center;gap:2px;margin-top:22px;padding:12px;display:flex}.mobile-sync__check-item{width:100%;font:inherit;text-align:left;cursor:pointer;transition:background .3s ease, transform .3s var(--ease-out);background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:6px 10px;display:flex;position:relative;overflow:hidden}.mobile-sync__check-item:hover{background:var(--c-hover);transform:translate(3px)}.mobile-sync__check-item:focus-visible{outline:2px solid var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));outline-offset:1px}.mobile-sync__check-item.is-active{background:var(--item-soft)}.mobile-sync__check-item--blue{--item:#1689ff;--item-soft:var(--lightningcss-light,#edf6ff)var(--lightningcss-dark,#2f8fee29)}.mobile-sync__check-item--orange{--item:#ff7b38;--item-soft:var(--lightningcss-light,#fff4ec)var(--lightningcss-dark,#ee802f29)}.mobile-sync__check-item--violet{--item:#8b5cf6;--item-soft:var(--lightningcss-light,#f5f0ff)var(--lightningcss-dark,#6f2fee29)}.mobile-sync__check-item--pink{--item:#f0468f;--item-soft:var(--lightningcss-light,#fff0f6)var(--lightningcss-dark,#ee2f7c29)}.mobile-sync__check-item--green{--item:#0bc96a;--item-soft:var(--lightningcss-light,#ebfaf2)var(--lightningcss-dark,#4bd28a29)}.mobile-sync__check-item--teal{--item:#14b8a6;--item-soft:var(--lightningcss-light,#e9f9f6)var(--lightningcss-dark,#4fcfb729)}.mobile-sync__check-icon{color:#fff;width:20px;height:20px;transition:background .3s ease, transform .4s var(--ease-back);background:#0bc96a;border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;display:flex;position:relative}.mobile-sync__check-icon svg{width:13px;height:13px;transition:opacity .25s ease, transform .4s var(--ease-back)}.mobile-sync__check-spinner{border:2px solid #ffffff59;border-top-color:var(--c-surface);opacity:0;border-radius:50%;transition:opacity .25s;animation:.7s linear infinite mobileSyncSpinner;position:absolute;inset:3px}@keyframes mobileSyncSpinner{to{transform:rotate(360deg)}}.mobile-sync__check-item.is-pending .mobile-sync__check-icon{background:var(--item)}.mobile-sync__check-item.is-pending .mobile-sync__check-icon svg{opacity:0;transform:scale(.3)}.mobile-sync__check-item.is-pending .mobile-sync__check-spinner{opacity:1}.mobile-sync__check-item.is-active:not(.is-pending) .mobile-sync__check-icon{animation:mobileSyncCheckPop .5s var(--ease-back)}@keyframes mobileSyncCheckPop{0%{transform:scale(.6)}to{transform:scale(1)}}.mobile-sync__check-text{color:var(--lightningcss-light,#39435b)var(--lightningcss-dark,var(--c-muted));font-size:12.5px;font-weight:500;line-height:1.3;transition:color .3s}.mobile-sync__check-item.is-active .mobile-sync__check-text{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);font-weight:700}.mobile-sync__check-progress{background:var(--item);transform-origin:0;opacity:.55;height:2px;animation:mobileSyncProgress var(--run-time) linear forwards;border-radius:2px;position:absolute;bottom:2px;left:10px;right:10px;transform:scaleX(0)}@keyframes mobileSyncProgress{to{transform:scaleX(1)}}@media (max-width:1250px){.mobile-sync__visual{grid-template-columns:minmax(0,1.25fr) 40px minmax(130px,.78fr) 40px minmax(0,1.25fr) minmax(160px,.95fr);gap:10px}.mobile-sync__request{gap:10px;padding:14px 12px 16px}.mobile-sync__request-icon{border-radius:12px;flex-basis:42px;width:42px;height:42px}.mobile-sync__request-icon svg{width:20px;height:20px}.mobile-sync__phone-bar>i,.mobile-sync__browser-bar span{display:none}.mobile-sync__checklist{padding:10px}}@media (max-width:1000px){.mobile-sync__box{padding:30px}.mobile-sync__heading{flex-direction:column;align-items:flex-start}.mobile-sync__heading h2{font-size:29px}.mobile-sync__visual{grid-template-columns:minmax(0,1fr) 36px minmax(140px,.75fr) 36px minmax(0,1fr);gap:10px}.mobile-sync__browser-bar span{display:block}.mobile-sync__checklist{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;margin-top:14px;display:grid}}@media (max-width:700px){.mobile-sync{padding:20px 0 60px}.mobile-sync__container{width:calc(100% - 32px)}.mobile-sync__box{border-radius:20px;min-height:0;padding:25px 18px}.mobile-sync__eyebrow{letter-spacing:1.5px;font-size:10px}.mobile-sync__heading h2{letter-spacing:-.8px;font-size:25px}.mobile-sync__heading p{font-size:12.5px}.mobile-sync__visual{flex-direction:column;align-items:stretch;gap:0;margin-top:24px;display:flex}.mobile-sync__web,.mobile-sync__mobile{width:100%}.mobile-sync__card{min-height:0}.mobile-sync__connector{width:24px;height:46px;margin:8px auto}.mobile-sync__connector-track,.mobile-sync__connector-fill{width:2px;height:auto;margin:0 0 0 -1px;inset:0 auto 6px 50%}.mobile-sync__connector-track{background-image:linear-gradient(var(--lightningcss-light,#c9d8f2)var(--lightningcss-dark,#4a7cd324) 50%,#0000 50%);background-size:2px 8px;animation-name:mobileSyncDashY}@keyframes mobileSyncDashY{to{background-position:0 8px}}.mobile-sync__connector-fill{background:linear-gradient(180deg, #1689ff, var(--tone));transform-origin:top;transform:scaleY(0)}.mobile-sync__connector.is-active .mobile-sync__connector-fill,.mobile-sync__connector.is-done .mobile-sync__connector-fill{transform:scaleY(1)}.mobile-sync__connector-head{margin:0 0 0 -5px;inset:auto auto 1px 50%;transform:rotate(135deg)}.mobile-sync__packet{box-shadow:0 0 12px 3px color-mix(in srgb, var(--tone) 55%, transparent);margin:-6px 0 0 -6px;animation-name:mobileSyncPacketY;top:0;left:50%}@keyframes mobileSyncPacketY{0%{opacity:0;top:0;transform:scale(.5)}15%{opacity:1;transform:scale(1)}to{opacity:1;top:calc(100% - 4px);transform:scale(1)}}.mobile-sync__center{width:100%;max-width:240px;min-height:150px;margin:0 auto}.mobile-sync__checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;margin-top:18px;padding:10px;display:grid}}@media (max-width:420px){.mobile-sync__heading h2{font-size:23px}.mobile-sync__live{font-size:11px}.mobile-sync__check-item{gap:8px;padding:6px 8px}.mobile-sync__check-text{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.mobile-sync *,.mobile-sync :before,.mobile-sync :after{transition:none!important;animation:none!important}.mobile-sync__heading,.mobile-sync__animated,.mobile-sync__connector{opacity:1!important;transform:none!important}.mobile-sync__cloud{transform:none!important}}
.mobile-features{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);background:var(--c-surface);width:100%;padding:30px 0 85px;position:relative;overflow:hidden}.mobile-features,.mobile-features *,.mobile-features :before,.mobile-features :after{box-sizing:border-box}.mobile-features--paused *,.mobile-features--paused :before,.mobile-features--paused :after{animation-play-state:paused!important}.mobile-features__container{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:calc(100% - 48px);max-width:1440px;margin:0 auto;display:grid}.mobile-features__card{--mouse-x:0px;--mouse-y:0px;--mouse-x-reverse:0px;--mouse-y-reverse:0px;--spot-x:50%;--spot-y:50%;isolation:isolate;border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:linear-gradient(145deg, var(--c-surface) 0%, var(--lightningcss-light,#fbfdff)var(--lightningcss-dark,var(--c-surface-2)) 100%);min-height:535px;box-shadow:0 18px 60px rgb(var(--c-shadow) / .05);opacity:0;transition:opacity .9s ease, translate 1s var(--ease-out), box-shadow .4s ease;border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden;translate:0 35px}.mobile-features--visible .mobile-features__card{opacity:1;translate:0}.mobile-features--visible .mobile-features__card--notifications{transition-delay:.15s,.15s,0s}.mobile-features__card:hover{box-shadow:0 24px 70px rgb(var(--c-shadow) / .08)}.mobile-features__card:after{content:"";z-index:30;border-radius:inherit;background:radial-gradient(320px circle at var(--spot-x) var(--spot-y), var(--card-accent,#3468ff), transparent 65%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-features__card:hover:after{opacity:.55}.mobile-features__card--request{--card-accent:#3468ff}.mobile-features__card--notifications{--card-accent:#14b8a6}.mobile-features__glow{z-index:-1;pointer-events:none;filter:blur(65px);border-radius:50%;animation:12s ease-in-out infinite alternate mobileFeaturesGlow;position:absolute}.mobile-features__glow--blue{background:#2aa7ff26;width:330px;height:300px;bottom:-100px;left:-140px}.mobile-features__glow--purple{background:#7d53ff21;width:330px;height:300px;animation-delay:-5s;bottom:-100px;right:-140px}.mobile-features__glow--cyan{background:#26b1ff29;width:400px;height:350px;bottom:-100px;right:-120px}.mobile-features__glow--green{background:#18dc9d26;width:350px;height:300px;animation-delay:-4s;bottom:-140px;left:30px}@keyframes mobileFeaturesGlow{0%{transform:translate(-15px)scale(.95)}to{transform:translate(25px,-15px)scale(1.1)}}.mobile-features__content{z-index:10;padding:32px 35px 0;position:relative}.mobile-features__eyebrow{width:fit-content;color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));letter-spacing:1.8px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--c-accent) 14%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--c-accent) 6%, transparent);background:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#131a2ecc);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px 6px 10px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.mobile-features__eyebrow-dot{background:#2f7cff;border-radius:50%;width:6px;height:6px;position:relative}.mobile-features__eyebrow-dot--green{background:#12b886}.mobile-features__eyebrow-dot:after{content:"";background:inherit;border-radius:50%;animation:2s ease-out infinite mobileFeaturesPing;position:absolute;inset:0}@keyframes mobileFeaturesPing{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.mobile-features__content h2{color:var(--lightningcss-light,#0d132a)var(--lightningcss-dark,#92a2dd);letter-spacing:-1.3px;margin:0;font-size:30px;font-weight:800;line-height:1.1}.mobile-features__content h2 span{background:linear-gradient(90deg,#1689ff,#3468ff 45%,#8243f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-features__card--notifications .mobile-features__content h2 span{background-image:linear-gradient(90deg,#10b981,#14b8a6 40%,#1689ff)}.mobile-features__content p{color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));margin:13px 0 0;font-size:13px;line-height:1.5}.mobile-features__scene{--s:1;z-index:5;width:100%;height:calc(var(--stage-h) * var(--s));margin-top:auto;position:relative}.mobile-features__scene--request,.mobile-features__scene--notifications{--stage-w:640px;--stage-h:395px}.mobile-features__stage{width:var(--stage-w);height:var(--stage-h);transform:translateX(-50%) scale(var(--s));transform-origin:bottom;position:absolute;bottom:0;left:50%}.mobile-features__phone{width:270px;height:470px;box-shadow:inset 0 0 0 1.5px #ffffff1f, inset 0 0 0 4px #0b0d16, 0 30px 60px rgb(var(--c-shadow) / .22), 0 8px 20px rgb(var(--c-shadow) / .12);background:linear-gradient(145deg,#2a2f40,#0d101b 45%,#1b1f2d);border-radius:46px;padding:9px;position:relative}.mobile-features__phone-btn{background:#1d2130;border-radius:3px 0 0 3px;width:3px;position:absolute;left:-3px}.mobile-features__phone-btn--1{height:26px;top:96px}.mobile-features__phone-btn--2{height:44px;top:140px}.mobile-features__phone-btn--3{border-radius:0 3px 3px 0;height:64px;top:120px;left:auto;right:-3px}.mobile-features__screen{border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden}.mobile-features__screen--light{background:linear-gradient(180deg, var(--c-surface) 0%, var(--lightningcss-light,#f7f9fe)var(--lightningcss-dark,var(--c-surface-2)) 100%)}.mobile-features__island{z-index:5;background:#05060b;border-radius:20px;width:84px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mobile-features__statusbar{z-index:4;color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);justify-content:space-between;height:44px;padding:14px 26px 0;font-size:12px;font-weight:700;display:flex;position:relative}.mobile-features__statusbar--light{color:#ffffffe6;letter-spacing:.6px;font-size:10px}.mobile-features__statusbar-icons{align-items:flex-end;gap:2px;height:11px;display:flex}.mobile-features__statusbar-icons i{background:currentColor;border-radius:1px;width:3px}.mobile-features__statusbar-icons i:first-child{height:5px}.mobile-features__statusbar-icons i:nth-child(2){height:8px}.mobile-features__statusbar-icons i:nth-child(3){height:11px}.mobile-features__request-phone{opacity:0;transition:opacity 1s ease, transform 1.2s var(--ease-out);position:absolute;bottom:-80px;left:40px;transform:translateY(80px)rotate(-3deg)}.mobile-features--visible .mobile-features__request-phone{opacity:1;transition-delay:.25s;transform:none}.mobile-features__request-phone-parallax,.mobile-features__notifications-phone-parallax{transform:translate3d(var(--mouse-x), var(--mouse-y), 0);transition:transform .4s ease-out;position:relative}@media (hover:hover){.mobile-features__card--request:hover .mobile-features__request-phone-parallax{translate:0 -6px}}.mobile-features__form{padding:14px 20px 0}.mobile-features__form-title{color:var(--lightningcss-light,#0d132a)var(--lightningcss-dark,#92a2dd);letter-spacing:-.5px;font-size:21px;font-weight:800}.mobile-features__form-label{color:var(--lightningcss-light,#5a6480)var(--lightningcss-dark,var(--c-muted));margin-top:16px;font-size:13px;font-weight:500}.mobile-features__field{color:var(--lightningcss-light,#2a3350)var(--lightningcss-dark,#a1acce);border:1.5px solid var(--lightningcss-light,#dfe5f0)var(--lightningcss-dark,var(--c-border));background:var(--c-surface);border-radius:14px;min-height:96px;margin-top:9px;padding:11px 12px;font-size:13px;line-height:1.5;transition:border-color .3s,box-shadow .3s;position:relative}.mobile-features__field.is-focused{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 12%, transparent);border-color:#6aa4ff}.mobile-features__placeholder{color:var(--lightningcss-light,#6a707c)var(--lightningcss-dark,var(--c-faint));position:absolute;top:11px;left:12px}.mobile-features__caret{vertical-align:-2px;background:#2f7cff;border-radius:1px;width:2px;height:15px;margin-left:1px;animation:1s step-end infinite mobileFeaturesCaret;display:inline-block}@keyframes mobileFeaturesCaret{50%{opacity:0}}.mobile-features__submit{color:#fff;width:100%;height:46px;font:inherit;background:linear-gradient(135deg, var(--c-accent-hi), #1f5ff0);box-shadow:0 10px 22px color-mix(in srgb, var(--c-accent) 30%, transparent);cursor:pointer;transition:transform .25s var(--ease-back), background .4s ease, box-shadow .4s ease;border:0;border-radius:13px;margin-top:12px;font-size:14px;font-weight:700;position:relative;overflow:hidden}.mobile-features__submit:hover{filter:brightness(1.06)}.mobile-features__submit.is-pressed{transform:scale(.95)}.mobile-features__submit.is-done{background:linear-gradient(135deg,#15c47f,#0ba86a);box-shadow:0 10px 22px #0ba86a47}.mobile-features__submit-label{transition:transform .45s var(--ease-out), opacity .35s ease;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.mobile-features__submit-label svg{width:17px;height:17px}.mobile-features__submit-label--done{opacity:0;transform:translateY(100%)}.mobile-features__submit.is-done .mobile-features__submit-label--idle{opacity:0;transform:translateY(-100%)}.mobile-features__submit.is-done .mobile-features__submit-label--done{opacity:1;transform:none}.mobile-features__submit-ripple{background:#ffffff73;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.6s ease-out forwards mobileFeaturesRipple;position:absolute;top:50%;left:50%}@keyframes mobileFeaturesRipple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(7)}}.mobile-features__offers-chip{width:fit-content;color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));background:var(--lightningcss-light,#f1f4fa)var(--lightningcss-dark,var(--c-surface-3));border-radius:999px;align-items:center;gap:6px;margin:12px auto 0;padding:6px 12px;font-size:11.5px;font-weight:600;transition:background .4s,color .4s;display:flex}.mobile-features__offers-chip b{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);font-variant-numeric:tabular-nums;animation:mobileFeaturesBump .45s var(--ease-back)}.mobile-features__offers-chip.is-on{color:var(--lightningcss-light,#c2410c)var(--lightningcss-dark,#f1a07e);background:var(--lightningcss-light,#fff1e6)var(--lightningcss-dark,#ee832f24)}.mobile-features__offers-chip.is-on b{color:#c2490a}.mobile-features__offers-dot{background:var(--lightningcss-light,#c3cad8)var(--lightningcss-dark,#517acd24);border-radius:50%;width:6px;height:6px;transition:background .3s}.mobile-features__offers-chip.is-on .mobile-features__offers-dot{background:#ff7b38;box-shadow:0 0 0 3px #ff7b3833}@keyframes mobileFeaturesBump{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}.mobile-features__progress{width:270px;transform:translate3d(var(--mouse-x-reverse), var(--mouse-y-reverse), 0);flex-direction:column;gap:16px;transition:transform .4s ease-out;display:flex;position:absolute;top:46px;left:350px}.mobile-features__progress-line{background:var(--lightningcss-light,#e8edf5)var(--lightningcss-dark,var(--c-surface-3));border-radius:2px;width:2px;position:absolute;top:14px;bottom:36px;left:10px;overflow:hidden}.mobile-features__progress-line span{transform-origin:top;transition:transform .7s var(--ease-out);background:linear-gradient(#0acb6c,#14b8a6);position:absolute;inset:0}.mobile-features__progress-item{opacity:0;transition:opacity .5s,transform .5s;transition-delay:calc(.6s + var(--step-index) * .12s);align-items:flex-start;gap:13px;display:flex;position:relative;transform:translateY(12px)}.mobile-features--visible .mobile-features__progress-item{opacity:1;transform:none}.mobile-features__progress-check{z-index:2;color:#fff;border:1.5px solid var(--lightningcss-light,#dfe5f0)var(--lightningcss-dark,var(--c-border));background:var(--c-surface);border-radius:7px;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.mobile-features__progress-check svg{opacity:0;width:14px;height:14px;transition:opacity .25s ease, transform .45s var(--ease-back);transform:scale(.3)}.mobile-features__progress-spinner{border:2px solid #ffffff59;border-top-color:var(--c-surface);opacity:0;border-radius:50%;animation:.7s linear infinite mobileFeaturesSpin;position:absolute;inset:3px}@keyframes mobileFeaturesSpin{to{transform:rotate(360deg)}}.mobile-features__progress-item.is-done .mobile-features__progress-check{animation:mobileFeaturesPop .45s var(--ease-back);background:#0acb6c;border-color:#0acb6c;box-shadow:0 4px 12px #0acb6c40}.mobile-features__progress-item.is-done .mobile-features__progress-check svg{opacity:1;transform:none}.mobile-features__progress-item.is-working .mobile-features__progress-check{box-shadow:0 0 0 5px color-mix(in srgb, var(--c-accent) 14%, transparent);background:#2f7cff;border-color:#2f7cff}.mobile-features__progress-item.is-working .mobile-features__progress-spinner{opacity:1}@keyframes mobileFeaturesPop{0%{transform:scale(.6)}to{transform:scale(1)}}.mobile-features__progress-text{flex-direction:column;display:flex}.mobile-features__progress-text strong{color:var(--lightningcss-light,#69707d)var(--lightningcss-dark,var(--c-faint));font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;line-height:1.35;transition:color .3s}.mobile-features__progress-item.is-done .mobile-features__progress-text strong,.mobile-features__progress-item.is-working .mobile-features__progress-text strong{color:var(--lightningcss-light,#202940)var(--lightningcss-dark,#a0adcf)}.mobile-features__progress-item.is-working .mobile-features__progress-text strong{background:linear-gradient(90deg,#202940 30%,#2f7cff 50%,#202940 70%) 0 0/250% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1.2s linear infinite mobileFeaturesShimmer}@keyframes mobileFeaturesShimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.mobile-features__progress-text span{color:var(--lightningcss-light,#6a707b)var(--lightningcss-dark,var(--c-faint));margin-top:3px;font-size:10.5px;line-height:1.2}.mobile-features__kinds{z-index:12;flex-wrap:wrap;gap:8px;margin:18px 35px 0;display:flex;position:relative}.mobile-features__kind{--kind:#94a3b8;color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));font:inherit;border:1px solid var(--lightningcss-light,#e6ebf3)var(--lightningcss-dark,var(--c-border));cursor:pointer;transition:color .25s ease, border-color .25s ease, background .25s ease, transform .3s var(--ease-back);background:var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#131a2ed9);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 7px;font-size:12px;font-weight:600;display:inline-flex}.mobile-features__kind:hover{transform:translateY(-2px)}.mobile-features__kind:active{transform:scale(.96)}.mobile-features__kind:focus-visible{outline:2px solid var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));outline-offset:2px}.mobile-features__kind--offers{--kind:#10b981}.mobile-features__kind--messages{--kind:#8b5cf6}.mobile-features__kind--statuses{--kind:#2f7cff}.mobile-features__kind.is-on{color:var(--lightningcss-light,#1a2238)var(--lightningcss-dark,#9dabd2);border-color:color-mix(in srgb, var(--kind) 35%, var(--lightningcss-light,#e6ebf3)var(--lightningcss-dark,var(--c-border)));background:color-mix(in srgb, var(--kind) 8%, var(--c-surface))}.mobile-features__kind-switch{background:var(--lightningcss-light,#d6dce7)var(--lightningcss-dark,var(--c-border-2));border-radius:999px;width:26px;height:15px;transition:background .25s;position:relative}.mobile-features__kind-switch span{background:var(--c-surface);width:11px;height:11px;box-shadow:0 1px 3px rgb(var(--c-shadow) / .18);transition:transform .3s var(--ease-back);border-radius:50%;position:absolute;top:2px;left:2px}.mobile-features__kind.is-on .mobile-features__kind-switch{background:var(--kind)}.mobile-features__kind.is-on .mobile-features__kind-switch span{transform:translate(11px)}.mobile-features__notifications-phone{opacity:0;transition:opacity 1s ease, transform 1.2s var(--ease-out);position:absolute;top:26px;right:120px;transform:translateY(90px)rotate(12deg)}.mobile-features--visible .mobile-features__notifications-phone{opacity:1;transition-delay:.35s;transform:rotate(5deg)}@media (hover:hover){.mobile-features__card--notifications:hover .mobile-features__notifications-phone-parallax{translate:0 -6px;rotate:-2deg}.mobile-features__notifications-phone-parallax{transition:transform .4s ease-out, rotate .6s var(--ease-out), translate .6s var(--ease-out)}}.mobile-features__phone--dark{width:280px;height:560px}.mobile-features__buzz.is-buzzing{animation:.45s mobileFeaturesBuzz}@keyframes mobileFeaturesBuzz{0%,to{transform:none}15%{transform:translate(-2.5px)rotate(-.6deg)}30%{transform:translate(2.5px)rotate(.6deg)}45%{transform:translate(-2px)rotate(-.4deg)}60%{transform:translate(2px)rotate(.4deg)}75%{transform:translate(-1px)}}.mobile-features__screen--lock{color:#fff;background:#1d2a6b}.mobile-features__wallpaper{filter:saturate(1.1);background:radial-gradient(circle at 25% 20%,#4fc3ff 0%,#0000 42%),radial-gradient(circle at 80% 35%,#8b5cf6 0%,#0000 45%),radial-gradient(circle at 30% 80%,#14d6a5 0%,#0000 45%),radial-gradient(circle at 85% 85%,#2f5bff 0%,#0000 50%),linear-gradient(160deg,#2a62ff,#5a3fe0);animation:16s ease-in-out infinite alternate mobileFeaturesWallpaper;position:absolute;inset:-20%}@keyframes mobileFeaturesWallpaper{0%{transform:rotate(0)scale(1)}to{transform:rotate(12deg)scale(1.08)}}.mobile-features__wake{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffffff73,#0000 70%);position:absolute;inset:0}.mobile-features__buzz.is-buzzing .mobile-features__wake{animation:1s ease-out mobileFeaturesWake}@keyframes mobileFeaturesWake{0%{opacity:0}20%{opacity:1}to{opacity:0}}.mobile-features__lock{z-index:3;color:#ffffffeb;width:18px;height:18px;margin:4px auto 0;position:relative}.mobile-features__lock svg{width:100%;height:100%}.mobile-features__clock{z-index:3;letter-spacing:-2px;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgb(var(--c-shadow) / .25);margin-top:4px;font-size:66px;font-weight:700;line-height:1;position:relative}.mobile-features__date{z-index:3;color:#ffffffd9;text-align:center;margin-top:6px;font-size:13px;font-weight:600;position:relative}.mobile-features__date:first-letter{text-transform:uppercase}.mobile-features__push-list{z-index:7;height:260px;transform:translate3d(calc(var(--mouse-x-reverse) - var(--mouse-x)), calc(var(--mouse-y-reverse) - var(--mouse-y)), 0);transition:transform .45s ease-out;position:absolute;top:178px;left:-48px;right:-48px}.mobile-features__push{--rank:0;width:100%;translate:0 calc(var(--rank) * 86px);scale:calc(1 - var(--rank) * .03);opacity:calc(1 - var(--rank) * .1);transition:translate .7s var(--ease-out), scale .7s var(--ease-out), opacity .6s ease;position:absolute;top:0;left:0}.mobile-features__push.is-out{opacity:0;scale:.88;translate:0 calc(var(--rank) * 86px - 24px)}.mobile-features__push-card{-webkit-backdrop-filter:blur(18px)saturate(1.4);min-height:76px;box-shadow:0 18px 38px rgb(var(--c-shadow) / .16), 0 2px 6px rgb(var(--c-shadow) / .06);animation:mobileFeaturesPushIn .75s var(--ease-back) both;background:var(--lightningcss-light,#ffffffdb)var(--lightningcss-dark,#131a2edb);border:1px solid #fffffff2;border-radius:20px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px 12px 12px;display:grid;position:relative}@keyframes mobileFeaturesPushIn{0%{opacity:0;filter:blur(6px);transform:translateY(-34px)scale(.86)}to{opacity:1;filter:none;transform:none}}.mobile-features__push.is-new .mobile-features__push-card{box-shadow:0 0 0 2px color-mix(in srgb, var(--kind) 45%, transparent), 0 20px 42px rgb(var(--c-shadow) / .2)}.mobile-features__push--offers{--kind:#10b981}.mobile-features__push--messages{--kind:#8b5cf6}.mobile-features__push--statuses{--kind:#2f7cff}.mobile-features__app-icon{background:linear-gradient(135deg, var(--c-accent-hi), var(--c-accent-2) 55%, #8243f6);border-radius:11px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 14px #4b55f54d}.mobile-features__app-icon svg{width:26px;height:26px}.mobile-features__push-body{flex-direction:column;min-width:0;display:flex}.mobile-features__push-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-features__push-app{color:var(--lightningcss-light,#657087)var(--lightningcss-dark,var(--c-muted));letter-spacing:.8px;font-size:10px;font-weight:700}.mobile-features__push-time{color:var(--lightningcss-light,#69707f)var(--lightningcss-dark,var(--c-muted));white-space:nowrap;font-size:10.5px}.mobile-features__push-body strong{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);align-items:center;gap:6px;margin-top:2px;font-size:14px;font-weight:700;line-height:1.25;display:flex}.mobile-features__push-body strong:before{content:"";background:var(--kind);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mobile-features__push-text{color:var(--lightningcss-light,#4f5a73)var(--lightningcss-dark,var(--c-muted));white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;line-height:1.35;overflow:hidden}@media (max-width:1200px){.mobile-features__content{padding:28px 27px 0}.mobile-features__content h2{font-size:27px}.mobile-features__kinds{margin-left:27px;margin-right:27px}}@media (max-width:850px){.mobile-features__container{grid-template-columns:minmax(0,1fr);gap:16px}.mobile-features__card{min-height:520px}.mobile-features__content{padding:31px 31px 0}.mobile-features__content h2{font-size:30px}.mobile-features__kinds{margin-left:31px;margin-right:31px}}@media (max-width:600px){.mobile-features{padding:20px 0 60px}.mobile-features__container{gap:14px;width:calc(100% - 32px)}.mobile-features__card{border-radius:20px;min-height:0}.mobile-features__content{padding:25px 20px 0}.mobile-features__eyebrow{letter-spacing:1.5px;margin-bottom:12px;font-size:10px}.mobile-features__content h2{letter-spacing:-.8px;font-size:25px}.mobile-features__content h2 br,.mobile-features__content p br{display:none}.mobile-features__content p{margin-top:10px;font-size:12.5px}.mobile-features__kinds{gap:6px;margin:16px 20px 0}.mobile-features__kind{padding:5px 10px 5px 6px;font-size:11.5px}.mobile-features__scene--request{--stage-w:410px;--stage-h:330px;margin-top:22px}.mobile-features__request-phone{transform-origin:0 100%;bottom:-110px;left:0;scale:.8}.mobile-features__progress{gap:13px;width:182px;top:8px;left:228px}.mobile-features__progress-text strong{font-size:12px}.mobile-features__scene--notifications{--stage-w:420px;--stage-h:380px;margin-top:18px}.mobile-features__notifications-phone{top:24px;right:70px}.mobile-features__push-list{left:-40px;right:-40px}}@media (prefers-reduced-motion:reduce){.mobile-features *,.mobile-features :before,.mobile-features :after{transition:none!important;animation:none!important}.mobile-features__card,.mobile-features__progress-item,.mobile-features__request-phone{opacity:1!important;transform:none!important}.mobile-features__notifications-phone{opacity:1!important;transform:rotate(5deg)!important}}
.mobile-capabilities{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);background:var(--c-surface);width:100%;padding:30px 0 85px;position:relative;overflow:hidden}.mobile-capabilities,.mobile-capabilities *,.mobile-capabilities :before,.mobile-capabilities :after{box-sizing:border-box}.mobile-capabilities--paused *,.mobile-capabilities--paused :before,.mobile-capabilities--paused :after{animation-play-state:paused!important}:where(.mobile-capabilities button){font-family:inherit}.mobile-capabilities__container{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:calc(100% - 48px);max-width:1440px;margin:0 auto;display:grid}.mobile-capabilities__card{--mouse-x:0px;--mouse-y:0px;--mouse-x-reverse:0px;--mouse-y-reverse:0px;--spot-x:50%;--spot-y:50%;isolation:isolate;border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:linear-gradient(145deg, var(--c-surface) 0%, var(--lightningcss-light,#fbfdff)var(--lightningcss-dark,var(--c-surface-2)) 100%);min-width:0;min-height:610px;box-shadow:0 18px 60px rgb(var(--c-shadow) / .05);opacity:0;transition:opacity .9s ease, translate 1s var(--ease-out), box-shadow .4s ease;border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden;translate:0 40px}.mobile-capabilities--visible .mobile-capabilities__card{opacity:1;translate:0}.mobile-capabilities--visible .mobile-capabilities__card:nth-child(2){transition-delay:.12s,.12s,0s}.mobile-capabilities--visible .mobile-capabilities__card:nth-child(3){transition-delay:.24s,.24s,0s}.mobile-capabilities__card:hover{box-shadow:0 24px 70px rgb(var(--c-shadow) / .08)}.mobile-capabilities__card--offers{--accent:#3468ff}.mobile-capabilities__card--chat{--accent:#14b8a6}.mobile-capabilities__card--modes{--accent:#8243f6}.mobile-capabilities__card:after{content:"";z-index:30;border-radius:inherit;background:radial-gradient(300px circle at var(--spot-x) var(--spot-y), var(--accent), transparent 65%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-capabilities__card:hover:after{opacity:.55}.mobile-capabilities__glow{z-index:-1;pointer-events:none;filter:blur(75px);border-radius:50%;width:320px;height:300px;animation:12s ease-in-out infinite alternate mobileCapabilitiesGlow;position:absolute}.mobile-capabilities__glow--blue{background:#27a9ff1f;bottom:-150px;left:-130px}.mobile-capabilities__glow--purple{background:#7746ff1c;animation-delay:-5s;bottom:-130px;right:-140px}.mobile-capabilities__glow--cyan{background:#1fcdd91c;bottom:-130px;left:-120px}.mobile-capabilities__glow--green{background:#18dc9d1a;animation-delay:-4s;bottom:-140px;right:-130px}@keyframes mobileCapabilitiesGlow{0%{transform:translate(-15px)scale(.95)}to{transform:translate(20px,-20px)scale(1.1)}}.mobile-capabilities__content{z-index:10;padding:31px 30px 0;position:relative}.mobile-capabilities__eyebrow{width:fit-content;color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));letter-spacing:1.6px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--c-accent) 14%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--c-accent) 6%, transparent);background:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#131a2ecc);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px 6px 10px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.mobile-capabilities__eyebrow-dot{background:#2f7cff;border-radius:50%;width:6px;height:6px;position:relative}.mobile-capabilities__eyebrow-dot--teal{background:#12b8a0}.mobile-capabilities__eyebrow-dot--violet{background:#8243f6}.mobile-capabilities__eyebrow-dot:after{content:"";background:inherit;border-radius:50%;animation:2s ease-out infinite mobileCapabilitiesPing;position:absolute;inset:0}@keyframes mobileCapabilitiesPing{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.mobile-capabilities__content h2{color:var(--lightningcss-light,#0d1329)var(--lightningcss-dark,#93a2dd);letter-spacing:-1.3px;margin:0;font-size:30px;font-weight:800;line-height:1.1}.mobile-capabilities__content h2 span{background:linear-gradient(90deg,#1689ff,#3468ff 45%,#8243f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-capabilities__card--chat .mobile-capabilities__content h2 span{background-image:linear-gradient(90deg,#10b981,#14b8a6 40%,#1689ff)}.mobile-capabilities__card--modes .mobile-capabilities__content h2 span{background-image:linear-gradient(90deg,#6558fb,#a342ed)}.mobile-capabilities__content p{max-width:380px;color:var(--lightningcss-light,#677181)var(--lightningcss-dark,var(--c-muted));margin:12px 0 0;font-size:13px;line-height:1.5}.mobile-capabilities__scene{--s:1;z-index:5;width:100%;height:calc(var(--stage-h) * var(--s) + 18px);margin-top:auto;padding-top:18px;position:relative}.mobile-capabilities__scene--offers,.mobile-capabilities__scene--chat{--stage-w:400px;--stage-h:430px}.mobile-capabilities__scene--modes{--stage-w:420px;--stage-h:400px}.mobile-capabilities__stage{width:var(--stage-w);height:var(--stage-h);transform:translateX(-50%) scale(var(--s));transform-origin:bottom;position:absolute;bottom:0;left:50%}.mobile-capabilities__float{opacity:0;transition:opacity 1s ease, transform 1.2s var(--ease-out);position:absolute;top:16px;left:30px;transform:translateY(85px)}.mobile-capabilities--visible .mobile-capabilities__float{opacity:1;transition-delay:.35s;transform:none}.mobile-capabilities__parallax{transform:translate3d(var(--mouse-x), var(--mouse-y), 0);transition:transform .4s ease-out, translate .5s var(--ease-out)}@media (hover:hover){.mobile-capabilities__card:hover .mobile-capabilities__parallax{translate:0 -6px}}.mobile-capabilities__phone{box-shadow:inset 0 0 0 1.5px #ffffff1f, inset 0 0 0 4px #0b0d16, 0 30px 60px rgb(var(--c-shadow) / .2), 0 8px 20px rgb(var(--c-shadow) / .1);background:linear-gradient(145deg,#2a2f40,#0d101b 45%,#1b1f2d);border-radius:46px;padding:9px;position:relative}.mobile-capabilities__phone--wide{width:340px;height:540px}.mobile-capabilities__phone--mini{border-radius:30px;width:162px;height:312px;padding:6px}.mobile-capabilities__phone-btn{background:#1d2130;border-radius:3px 0 0 3px;width:3px;position:absolute;left:-3px}.mobile-capabilities__phone-btn--1{height:26px;top:96px}.mobile-capabilities__phone-btn--2{height:44px;top:140px}.mobile-capabilities__phone-btn--3{border-radius:0 3px 3px 0;height:64px;top:120px;left:auto;right:-3px}.mobile-capabilities__phone--mini .mobile-capabilities__phone-btn--1{height:16px;top:60px}.mobile-capabilities__phone--mini .mobile-capabilities__phone-btn--2{height:28px;top:86px}.mobile-capabilities__phone--mini .mobile-capabilities__phone-btn--3{height:40px;top:76px}.mobile-capabilities__screen{background:linear-gradient(180deg, var(--c-surface) 0%, var(--lightningcss-light,#f7f9fe)var(--lightningcss-dark,var(--c-surface-2)) 100%);border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mobile-capabilities__phone--mini .mobile-capabilities__screen{border-radius:25px}.mobile-capabilities__island{z-index:5;background:#05060b;border-radius:20px;width:84px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mobile-capabilities__phone--mini .mobile-capabilities__island{width:48px;height:14px;top:7px}.mobile-capabilities__statusbar{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);flex-shrink:0;justify-content:space-between;height:44px;padding:14px 26px 0;font-size:12px;font-weight:700;display:flex}.mobile-capabilities__phone--mini .mobile-capabilities__statusbar{height:28px;padding:8px 15px 0;font-size:8px}.mobile-capabilities__statusbar-icons{align-items:flex-end;gap:2px;height:11px;display:flex}.mobile-capabilities__statusbar-icons i{background:currentColor;border-radius:1px;width:3px}.mobile-capabilities__statusbar-icons i:first-child{height:5px}.mobile-capabilities__statusbar-icons i:nth-child(2){height:8px}.mobile-capabilities__statusbar-icons i:nth-child(3){height:11px}.mobile-capabilities__phone--mini .mobile-capabilities__statusbar-icons{height:7px}.mobile-capabilities__phone--mini .mobile-capabilities__statusbar-icons i{width:2px}.mobile-capabilities__phone--mini .mobile-capabilities__statusbar-icons i:first-child{height:3px}.mobile-capabilities__phone--mini .mobile-capabilities__statusbar-icons i:nth-child(2){height:5px}.mobile-capabilities__phone--mini .mobile-capabilities__statusbar-icons i:nth-child(3){height:7px}.mobile-capabilities__back{color:#286bdb;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.mobile-capabilities__back svg{width:20px;height:20px}.mobile-capabilities__logo{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid}.mobile-capabilities__logo--teal{background:linear-gradient(135deg,#2dd4bf,#0ea5a4)}.mobile-capabilities__logo--violet{background:linear-gradient(135deg,var(--lightningcss-light,#a78bfa)var(--lightningcss-dark,#602fee24),#7c3aed)}.mobile-capabilities__logo--pink{background:linear-gradient(135deg,#f472b6,#db2777)}.mobile-capabilities__logo--orange{background:linear-gradient(135deg,#fdba74,#f97316)}.mobile-capabilities__app-head{align-items:center;gap:6px;padding:2px 14px 0 8px;display:flex}.mobile-capabilities__app-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-capabilities__app-head strong{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);letter-spacing:-.3px;font-size:15.5px;font-weight:800}.mobile-capabilities__app-head span:not(.mobile-capabilities__back):not(.mobile-capabilities__compare){color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));font-size:11.5px}.mobile-capabilities__compare{height:28px;color:var(--c-faint);background:var(--lightningcss-light,#f1f4fa)var(--lightningcss-dark,var(--c-surface-3));border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;transition:color .3s,background .3s;display:inline-flex}.mobile-capabilities__compare svg{width:15px;height:15px}.mobile-capabilities__compare b{font-variant-numeric:tabular-nums;animation:mobileCapabilitiesBump .45s var(--ease-back)}.mobile-capabilities__compare.is-on{color:#fff;background:linear-gradient(135deg, var(--c-accent-hi), #1f5ff0);box-shadow:0 6px 14px color-mix(in srgb, var(--c-accent) 30%, transparent)}@keyframes mobileCapabilitiesBump{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:none}}.mobile-capabilities__tabs{--tab:0;background:var(--lightningcss-light,#f1f4fa)var(--lightningcss-dark,var(--c-surface-3));border-radius:12px;grid-template-columns:repeat(3,1fr);margin:12px 14px 0;padding:3px;display:grid;position:relative}.mobile-capabilities__tabs-pill{background:var(--c-surface);width:calc(33.3333% - 2px);box-shadow:0 0 0 1.5px #2f7cff, 0 4px 10px color-mix(in srgb, var(--c-accent) 18%, transparent);transform:translateX(calc(var(--tab) * 100%));transition:transform .5s var(--ease-out);border-radius:9px;position:absolute;top:3px;bottom:3px;left:3px}.mobile-capabilities__tabs button{z-index:1;height:32px;color:var(--lightningcss-light,#667084)var(--lightningcss-dark,var(--c-muted));cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600;transition:color .3s;position:relative}.mobile-capabilities__tabs button.is-active{color:#1d69e4;font-weight:700}.mobile-capabilities__offers{--row:68px;--gap:7px;height:calc(4 * var(--row) + 3 * var(--gap));margin:10px 14px 0;position:relative}.mobile-capabilities__offer{--rank:0;height:var(--row);border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:var(--c-surface);box-shadow:0 4px 12px rgb(var(--c-shadow) / .04);translate:0 calc(var(--rank) * (var(--row) + var(--gap)));transition:translate .7s var(--ease-out), border-color .4s ease, box-shadow .4s ease;border-radius:15px;align-items:center;gap:10px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0}.mobile-capabilities__offer.is-top{z-index:2}.mobile-capabilities__offer.is-best{border-color:#10b98173;box-shadow:0 0 0 3px #10b9811a,0 8px 18px #10b9811f}.mobile-capabilities__offer-info{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-capabilities__offer-name{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.mobile-capabilities__tag{letter-spacing:.2px;animation:mobileCapabilitiesPop .5s var(--ease-back);border-radius:999px;padding:3px 8px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:-8px;right:12px}.mobile-capabilities__tag--best{color:#fff;background:linear-gradient(135deg,#22c55e,#059669);box-shadow:0 4px 10px #0596694d}.mobile-capabilities__tag--new{color:#fff;background:linear-gradient(135deg, var(--c-accent-hi), #1f5ff0);box-shadow:0 4px 10px color-mix(in srgb, var(--c-accent) 30%, transparent)}@keyframes mobileCapabilitiesPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.mobile-capabilities__offer-info b{color:#b94f18;letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.mobile-capabilities__offer.is-best .mobile-capabilities__offer-info b{color:var(--lightningcss-light,#047f59)var(--lightningcss-dark,#7ef1cd)}.mobile-capabilities__offer-info small{color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.mobile-capabilities__pick{color:#1d69e4;border:1.5px solid var(--lightningcss-light,#bcd3ff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));background:var(--c-surface);cursor:pointer;height:30px;transition:background .25s ease, color .25s ease, border-color .25s ease, transform .3s var(--ease-back);border-radius:9px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.mobile-capabilities__pick:hover{background:var(--lightningcss-light,#f2f7ff)var(--lightningcss-dark,var(--c-surface-3));border-color:#2f7cff}.mobile-capabilities__pick:active{transform:scale(.94)}.mobile-capabilities__pick svg{width:11px;height:11px}.mobile-capabilities__pick.is-picked{color:#fff;background:linear-gradient(135deg, var(--c-accent-hi), #1f5ff0);border-color:#0000}.mobile-capabilities__phone--wide:has(.mobile-capabilities__chat-head){height:466px}.mobile-capabilities__chat-head{border-bottom:1px solid var(--lightningcss-light,#eef2f8)var(--lightningcss-dark,var(--c-border));flex-shrink:0;align-items:center;gap:9px;padding:0 14px 10px 8px;display:flex}.mobile-capabilities__avatar{color:#fff;background:linear-gradient(135deg,#2dd4bf,#0ea5a4);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid;position:relative}.mobile-capabilities__avatar i{border:2px solid var(--c-surface);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.mobile-capabilities__chat-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-capabilities__chat-head strong{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);font-size:14.5px;font-weight:800}.mobile-capabilities__chat-head>div span{color:var(--lightningcss-light,#11813a)var(--lightningcss-dark,#81eea9);font-size:11px;font-weight:600}.mobile-capabilities__chat-head>div span.is-typing{color:#286bdb}.mobile-capabilities__web-sync{color:var(--lightningcss-light,#09695f)var(--lightningcss-dark,#7ef1e4);letter-spacing:.4px;background:var(--lightningcss-light,#e3f8f5)var(--lightningcss-dark,#4bd2bf24);border-radius:999px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.mobile-capabilities__web-sync svg{width:10px;height:10px}.mobile-capabilities__web-sync.is-pulse{animation:.9s ease-out mobileCapabilitiesSync}@keyframes mobileCapabilitiesSync{0%{box-shadow:0 0 #14b8a673}to{box-shadow:0 0 0 10px #14b8a600}}.mobile-capabilities__messages{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--c-accent) 5%, transparent), transparent 40%), radial-gradient(circle at 80% 70%, #14b8a60f, transparent 45%);flex-direction:column;flex:1;justify-content:flex-end;gap:8px;min-height:0;padding:8px 12px 6px;transition:opacity .5s,transform .5s;display:flex;overflow:hidden}.mobile-capabilities__messages.is-clearing{opacity:0;transform:translateY(-14px)}.mobile-capabilities__day{color:var(--c-faint);background:var(--lightningcss-light,#f1f4fa)var(--lightningcss-dark,var(--c-surface-3));border-radius:999px;align-self:center;margin-bottom:auto;padding:3px 10px;font-size:10px;font-weight:600}.mobile-capabilities__msg{animation:mobileCapabilitiesMsgIn .5s var(--ease-back) both;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.mobile-capabilities__msg--me{transform-origin:100% 100%;justify-content:flex-end}.mobile-capabilities__msg--seller{transform-origin:0 100%}@keyframes mobileCapabilitiesMsgIn{0%{opacity:0;transform:translateY(12px)scale(.85)}to{opacity:1;transform:none}}.mobile-capabilities__msg .mobile-capabilities__logo{border-radius:8px;width:26px;height:26px;font-size:11px}.mobile-capabilities__bubble{color:var(--lightningcss-light,#1a2238)var(--lightningcss-dark,#9dabd2);border-radius:16px;max-width:78%;padding:8px 11px 6px;font-size:12.5px;line-height:1.4}.mobile-capabilities__msg--me .mobile-capabilities__bubble{color:var(--lightningcss-light,#1650c8)var(--lightningcss-dark,#7ea4f1);background:var(--lightningcss-light,#e5efff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 14%, transparent));border-bottom-right-radius:5px}.mobile-capabilities__msg--seller .mobile-capabilities__bubble{background:var(--c-surface);border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));box-shadow:0 4px 12px rgb(var(--c-shadow) / .05);border-bottom-left-radius:5px}.mobile-capabilities__meta{float:right;color:var(--c-faint-2);align-items:center;gap:2px;margin-top:4px;margin-left:8px;font-size:9.5px;display:inline-flex}.mobile-capabilities__ticks{color:#286bdb;display:inline-flex}.mobile-capabilities__ticks svg{width:10px;height:10px}.mobile-capabilities__ticks svg+svg{margin-left:-5px}.mobile-capabilities__bubble--typing{gap:4px;padding:11px 13px;display:flex}.mobile-capabilities__bubble--typing i{background:#9aa5ba;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite mobileCapabilitiesDots}.mobile-capabilities__bubble--typing i:nth-child(2){animation-delay:.15s}.mobile-capabilities__bubble--typing i:nth-child(3){animation-delay:.3s}@keyframes mobileCapabilitiesDots{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.mobile-capabilities__quick{flex-shrink:0;gap:6px;padding:4px 12px 6px;display:flex}.mobile-capabilities__quick span{color:var(--lightningcss-light,#0b7e71)var(--lightningcss-dark,#7ef1e4);background:var(--lightningcss-light,#f2fbf9)var(--lightningcss-dark,#51cdb124);border:1px solid var(--lightningcss-light,#c6eee8)var(--lightningcss-dark,#51cdba52);border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700}.mobile-capabilities__composer{border-top:1px solid var(--lightningcss-light,#eef2f8)var(--lightningcss-dark,var(--c-border));background:var(--c-surface);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px 52px;display:flex}.mobile-capabilities__input{color:var(--lightningcss-light,#1a2238)var(--lightningcss-dark,#9dabd2);white-space:nowrap;border:1.5px solid var(--lightningcss-light,#e3e8f1)var(--lightningcss-dark,var(--c-border));background:var(--c-surface-2);border-radius:999px;flex:1;align-items:center;min-width:0;height:38px;padding:0 12px;font-size:12px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.mobile-capabilities__input.is-active{border-color:var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 10%, transparent)}.mobile-capabilities__placeholder{color:var(--lightningcss-light,#6a707b)var(--lightningcss-dark,var(--c-faint))}.mobile-capabilities__caret{vertical-align:-2px;background:#2f7cff;width:1.5px;height:13px;margin-left:1px;animation:1s step-end infinite mobileCapabilitiesCaret;display:inline-block}@keyframes mobileCapabilitiesCaret{50%{opacity:0}}.mobile-capabilities__send{color:#fff;width:38px;height:38px;transition:background .3s ease, transform .35s var(--ease-back), box-shadow .3s ease;background:var(--lightningcss-light,#c3cfe4)var(--lightningcss-dark,#517ecd24);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mobile-capabilities__send svg{width:17px;height:17px}.mobile-capabilities__send.is-ready{background:linear-gradient(135deg, var(--c-accent-hi), #1f5ff0);box-shadow:0 6px 14px color-mix(in srgb, var(--c-accent) 35%, transparent);transform:scale(1.06)}.mobile-capabilities__switch{border:1px solid var(--lightningcss-light,#e8ecf5)var(--lightningcss-dark,var(--c-border));background:var(--lightningcss-light,#f4f6fb)var(--lightningcss-dark,var(--c-surface-3));border-radius:14px;grid-template-columns:1fr 1fr;width:fit-content;margin-top:18px;padding:4px;display:grid;position:relative}.mobile-capabilities__switch-pill{background:linear-gradient(135deg, var(--c-accent-hi), #3468ff);width:calc(50% - 4px);box-shadow:0 6px 16px color-mix(in srgb, var(--c-accent) 30%, transparent);transition:transform .5s var(--ease-out), background .5s ease, box-shadow .5s ease;border-radius:10px;position:absolute;top:4px;bottom:4px;left:4px}.mobile-capabilities__switch--seller .mobile-capabilities__switch-pill{background:linear-gradient(135deg,#8b5cf6,#6d3df2);transform:translate(100%);box-shadow:0 6px 16px #7c3aed4d}.mobile-capabilities__switch button{z-index:1;min-width:112px;height:34px;color:var(--lightningcss-light,#5b6680)var(--lightningcss-dark,var(--c-muted));cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:13px;font-weight:700;transition:color .3s;position:relative}.mobile-capabilities__switch button.is-active{color:#fff}.mobile-capabilities__switch button:focus-visible{outline:2px solid var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));outline-offset:2px;border-radius:10px}.mobile-capabilities__mode{text-align:center;cursor:pointer;opacity:0;width:200px;transition:opacity .9s ease, translate 1.1s var(--ease-out);background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:0;translate:0 65px}.mobile-capabilities__mode--buyer{--tone:#2f7cff;left:0}.mobile-capabilities__mode--seller{--tone:#8b5cf6;right:0}.mobile-capabilities--visible .mobile-capabilities__mode{opacity:1;translate:0}.mobile-capabilities--visible .mobile-capabilities__mode--buyer{transition-delay:.5s}.mobile-capabilities--visible .mobile-capabilities__mode--seller{transition-delay:.7s}.mobile-capabilities__mode-phone{filter:saturate(.55);opacity:.6;transition:transform .6s var(--ease-out), filter .6s ease, opacity .6s ease;position:relative;transform:scale(.92)}.mobile-capabilities__mode.is-active .mobile-capabilities__mode-phone{filter:none;opacity:1;transform:none}.mobile-capabilities__mode-phone:before{content:"";z-index:-1;background:var(--tone);filter:blur(40px);opacity:0;border-radius:50%;transition:opacity .6s;position:absolute;inset:10% -6% -4%}.mobile-capabilities__mode.is-active .mobile-capabilities__mode-phone:before{opacity:.22}.mobile-capabilities__mode-parallax{transform:translate3d(var(--mouse-x-reverse), var(--mouse-y-reverse), 0);transition:transform .4s ease-out}.mobile-capabilities__mode--seller .mobile-capabilities__mode-parallax{transform:translate3d(var(--mouse-x), var(--mouse-y), 0)}.mobile-capabilities__mode:hover .mobile-capabilities__mode-phone{opacity:1}.mobile-capabilities__mode-caption{max-width:180px;color:var(--lightningcss-light,#677181)var(--lightningcss-dark,var(--c-muted));flex-direction:column;gap:4px;margin-top:14px;font-size:11.5px;line-height:1.45;transition:color .4s;display:flex}.mobile-capabilities__mode-caption b{color:var(--lightningcss-light,#69707d)var(--lightningcss-dark,var(--c-faint));font-size:14px;font-weight:800;transition:color .4s}.mobile-capabilities__mode.is-active .mobile-capabilities__mode-caption{color:var(--lightningcss-light,#4f5a73)var(--lightningcss-dark,var(--c-muted))}.mobile-capabilities__mode.is-active .mobile-capabilities__mode-caption b{color:var(--tone)}.mobile-capabilities__mini-title{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);text-align:left;padding:4px 12px 8px;font-size:12px;font-weight:800}.mobile-capabilities__mini-list{flex-direction:column;gap:5px;padding:0 8px;display:flex}.mobile-capabilities__mini-row,.mobile-capabilities__incoming-card{text-align:left;border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:var(--c-surface);border-radius:10px;align-items:center;gap:6px;padding:7px;display:flex}.mobile-capabilities__mini-row>div,.mobile-capabilities__incoming-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-capabilities__mini-row strong,.mobile-capabilities__incoming-card strong{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:700;overflow:hidden}.mobile-capabilities__mini-row span:not(.mobile-capabilities__mini-icon),.mobile-capabilities__incoming-card span:not(.mobile-capabilities__mini-icon){color:var(--c-faint);font-size:7.5px}.mobile-capabilities__mini-row em{color:var(--lightningcss-light,#047857)var(--lightningcss-dark,#7ef1d0);background:var(--lightningcss-light,#d9f8ea)var(--lightningcss-dark,#42dc9624);border-radius:999px;place-items:center;min-width:18px;height:16px;padding:0 4px;font-size:8px;font-style:normal;font-weight:800;display:grid}.mobile-capabilities__mini-row em.is-bump{animation:mobileCapabilitiesBump .5s var(--ease-back)}.mobile-capabilities__mini-icon{border-radius:7px;flex-shrink:0;width:22px;height:22px}.mobile-capabilities__mini-icon:before{content:"";border:2px solid;border-radius:3px;width:10px;height:10px;margin:6px;display:block}.mobile-capabilities__mini-icon--blue{color:#2f7cff;background:var(--lightningcss-light,#e6f0ff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 14%, transparent))}.mobile-capabilities__mini-icon--orange{color:#f97316;background:var(--lightningcss-light,#fff1e6)var(--lightningcss-dark,#ee832f24)}.mobile-capabilities__mini-icon--teal{color:var(--lightningcss-light,#0e9b8b)var(--lightningcss-dark,#7ef1e4);background:var(--lightningcss-light,#e3f8f5)var(--lightningcss-dark,#4bd2bf24)}.mobile-capabilities__mini-btn{color:#fff;text-align:center;background:linear-gradient(135deg, var(--c-accent-hi), #1f5ff0);box-shadow:0 6px 12px color-mix(in srgb, var(--c-accent) 28%, transparent);border-radius:9px;margin:auto 10px 14px;padding:9px 0;font-size:9px;font-weight:700}.mobile-capabilities__mode--seller .mobile-capabilities__mini-btn{background:linear-gradient(135deg,#8b5cf6,#6d3df2);box-shadow:0 6px 12px #7c3aed47}.mobile-capabilities__mode.is-active .mobile-capabilities__mini-btn--pulse{animation:2.2s ease-in-out infinite mobileCapabilitiesBtnPulse}@keyframes mobileCapabilitiesBtnPulse{0%,to{box-shadow:0 6px 12px #7c3aed47,0 0 #8b5cf666}50%{box-shadow:0 6px 12px #7c3aed47,0 0 0 7px #8b5cf600}}.mobile-capabilities__incoming{padding:0 8px;position:relative}.mobile-capabilities__incoming-card{z-index:2;animation:mobileCapabilitiesIncoming .65s var(--ease-back) both;border-color:#8b5cf64d;padding:9px 8px;position:relative;box-shadow:0 8px 18px #7c3aed1f}@keyframes mobileCapabilitiesIncoming{0%{opacity:0;transform:translateY(-16px)scale(.9)}to{opacity:1;transform:none}}.mobile-capabilities__incoming-card em{color:var(--lightningcss-light,#11813a)var(--lightningcss-dark,#81eea9);align-items:center;gap:4px;margin-top:4px;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.mobile-capabilities__incoming-card em i{background:radial-gradient(circle, var(--c-surface) 0 45%, transparent 47%), conic-gradient(#22c55e calc(var(--match) * 1%), var(--lightningcss-light,#e5e9f1)var(--lightningcss-dark,var(--c-surface-3)) 0);border-radius:50%;width:12px;height:12px}.mobile-capabilities__incoming-ghost{border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:var(--lightningcss-light,#fafbfe)var(--lightningcss-dark,var(--c-surface-2));border-radius:10px;height:30px;margin:-22px 8px 0}@media (max-width:1200px){.mobile-capabilities__card{min-height:570px}.mobile-capabilities__content{padding:27px 25px 0}.mobile-capabilities__content h2{font-size:26px}.mobile-capabilities__switch button{min-width:96px;padding:0 12px}}@media (max-width:950px){.mobile-capabilities__container{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-capabilities__card--modes{grid-column:1/-1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:0;display:grid}.mobile-capabilities__card--modes .mobile-capabilities__content{padding-bottom:30px}.mobile-capabilities__card--modes .mobile-capabilities__scene{height:calc(var(--stage-h) * var(--s) + 40px);margin:0;padding:20px 10px 20px 0}.mobile-capabilities__card--modes .mobile-capabilities__stage{bottom:20px}}@media (max-width:650px){.mobile-capabilities{padding:20px 0 60px}.mobile-capabilities__container{grid-template-columns:minmax(0,1fr);gap:14px;width:calc(100% - 32px)}.mobile-capabilities__card,.mobile-capabilities__card--modes{border-radius:20px;flex-direction:column;grid-column:auto;min-height:0;display:flex}.mobile-capabilities__card--modes .mobile-capabilities__content{padding-bottom:0}.mobile-capabilities__card--modes .mobile-capabilities__scene{height:calc(var(--stage-h) * var(--s) + 34px);padding:18px 0 16px}.mobile-capabilities__card--modes .mobile-capabilities__stage{bottom:16px}.mobile-capabilities__content{padding:25px 20px 0}.mobile-capabilities__eyebrow{letter-spacing:1.4px;margin-bottom:12px;font-size:10px}.mobile-capabilities__content h2{letter-spacing:-.8px;font-size:25px}.mobile-capabilities__content h2 br{display:none}.mobile-capabilities__content p{max-width:100%;margin-top:10px;font-size:12.5px}.mobile-capabilities__switch{width:100%}.mobile-capabilities__switch button{min-width:0}}@media (prefers-reduced-motion:reduce){.mobile-capabilities *,.mobile-capabilities :before,.mobile-capabilities :after{transition:none!important;animation:none!important}.mobile-capabilities__card,.mobile-capabilities__float,.mobile-capabilities__mode{opacity:1!important;transform:none!important}.mobile-capabilities__parallax,.mobile-capabilities__mode-parallax{transform:none!important}}
.mobile-control{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);background:var(--c-surface);width:100%;padding:30px 0 85px;position:relative;overflow:hidden}.mobile-control,.mobile-control *,.mobile-control :before,.mobile-control :after{box-sizing:border-box}:where(.mobile-control button){font-family:inherit}.mobile-control--paused *,.mobile-control--paused :before,.mobile-control--paused :after{animation-play-state:paused!important}.mobile-control__container{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:20px;width:calc(100% - 48px);max-width:1440px;margin:0 auto;display:grid;position:relative}.mobile-control__card{--spot-x:50%;--spot-y:50%;isolation:isolate;border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:linear-gradient(145deg, var(--c-surface) 0%, var(--lightningcss-light,#fbfdff)var(--lightningcss-dark,var(--c-surface-2)) 100%);min-width:0;min-height:330px;box-shadow:0 18px 60px rgb(var(--c-shadow) / .05);opacity:0;transition:opacity .85s ease, translate .95s var(--ease-out), box-shadow .35s ease;border-radius:26px;padding:30px;position:relative;overflow:hidden;translate:0 35px}.mobile-control--visible .mobile-control__card{opacity:1;translate:0}.mobile-control--visible .mobile-control__card--notifications{transition-delay:.15s,.15s,0s}.mobile-control__card:hover{box-shadow:0 22px 65px rgb(var(--c-shadow) / .08)}.mobile-control__card--sync{--accent:#3468ff}.mobile-control__card--notifications{--accent:#14b8a6}.mobile-control__card:after{content:"";z-index:40;border-radius:inherit;background:radial-gradient(320px circle at var(--spot-x) var(--spot-y), var(--accent), transparent 65%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-control__card:hover:after{opacity:.5}.mobile-control__glow{z-index:-1;pointer-events:none;filter:blur(75px);border-radius:50%;position:absolute}.mobile-control__glow--blue{background:#22bfff1f;width:340px;height:270px;animation:12s ease-in-out infinite alternate mobileControlGlowA;bottom:-180px;left:-150px}.mobile-control__glow--purple{background:#7b53ff17;width:320px;height:260px;animation:14s ease-in-out infinite alternate mobileControlGlowB;top:-160px;right:-170px}.mobile-control__glow--green{background:#22d5b621;width:380px;height:290px;animation:13s ease-in-out infinite alternate mobileControlGlowB;top:-160px;right:-150px}.mobile-control__glow--cyan{background:#1faaff17;width:300px;height:240px;animation:15s ease-in-out infinite alternate mobileControlGlowA;bottom:-160px;left:-150px}@keyframes mobileControlGlowA{0%{transform:translate(-15px)scale(.95)}to{transform:translate(30px,-20px)scale(1.12)}}@keyframes mobileControlGlowB{0%{transform:translate(0,0)scale(1)}to{transform:translate(-35px,25px)scale(1.15)}}.mobile-control__heading{z-index:10;opacity:0;transition:opacity .75s ease, transform .85s var(--ease-out);position:relative;transform:translateY(14px)}.mobile-control--visible .mobile-control__heading{opacity:1;transition-delay:.25s;transform:none}.mobile-control__heading--row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mobile-control__eyebrow{width:fit-content;color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));letter-spacing:1.6px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--c-accent) 14%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--c-accent) 6%, transparent);background:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#131a2ecc);border-radius:999px;align-items:center;gap:8px;margin-bottom:13px;padding:6px 12px 6px 10px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.mobile-control__eyebrow-dot{background:#2f7cff;border-radius:50%;width:6px;height:6px;position:relative}.mobile-control__eyebrow-dot--green{background:#12b886}.mobile-control__eyebrow-dot:after{content:"";background:inherit;border-radius:50%;animation:2s ease-out infinite mobileControlPing;position:absolute;inset:0}@keyframes mobileControlPing{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.mobile-control__heading h2{color:var(--lightningcss-light,#0d1329)var(--lightningcss-dark,#93a2dd);letter-spacing:-1.1px;margin:0;font-size:28px;font-weight:800;line-height:1.1}.mobile-control__heading h2 span{background:linear-gradient(90deg,#1689ff,#3468ff 45%,#8243f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-control__card--notifications .mobile-control__heading h2 span{background-image:linear-gradient(90deg,#10b981,#14b8a6 50%,#1689ff)}.mobile-control__heading p{color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));margin:9px 0 0;font-size:12.5px;line-height:1.45}.mobile-control__devices{border:1px solid var(--lightningcss-light,#e8eef8)var(--lightningcss-dark,var(--c-border));box-shadow:0 8px 22px rgb(var(--c-shadow) / .06);background:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#131a2ee6);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-top:2px;padding:7px 14px 7px 8px;display:inline-flex}.mobile-control__device{color:#286bdb;background:var(--lightningcss-light,#edf4ff)var(--lightningcss-dark,var(--c-surface-3));border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.mobile-control__device svg{width:16px;height:16px}.mobile-control__devices-link{gap:3px;display:flex}.mobile-control__devices-link i{background:var(--lightningcss-light,#c9d5ea)var(--lightningcss-dark,#517ecd24);border-radius:50%;width:4px;height:4px}.mobile-control__devices.is-syncing .mobile-control__devices-link i{background:#2f7cff;animation:.9s ease-in-out infinite mobileControlDots}.mobile-control__devices-link i:nth-child(2){animation-delay:.15s}.mobile-control__devices-link i:nth-child(3){animation-delay:.3s}@keyframes mobileControlDots{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.mobile-control__devices.is-done .mobile-control__devices-link i{background:#10b981}.mobile-control__devices-text{min-width:104px;color:var(--lightningcss-light,#4b5a78)var(--lightningcss-dark,var(--c-muted));margin-left:4px;font-size:12px;font-weight:700}.mobile-control__devices.is-done .mobile-control__devices-text{color:var(--lightningcss-light,#047f59)var(--lightningcss-dark,#7ef1cd)}.mobile-control__sync{z-index:5;margin-top:24px;position:relative}.mobile-control__sync-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.mobile-control__sync-item{--x:50%;--y:50%;--c1:#3d95ff;--c2:#1f6ff0;--soft:color-mix(in srgb, var(--c-accent) 14%, transparent);border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));min-width:0;height:116px;box-shadow:0 8px 25px rgb(var(--c-shadow) / .03);cursor:pointer;opacity:0;transition:opacity .65s ease calc(.3s + var(--item-index) * 80ms), translate .6s var(--ease-out), scale .6s var(--ease-out), border-color .35s ease, box-shadow .35s ease;background:var(--lightningcss-light,#fffffff5)var(--lightningcss-dark,#131a2ef5);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 6px 12px;display:flex;position:relative;translate:0 25px;scale:.96}.mobile-control--visible .mobile-control__sync-item{opacity:1;translate:0;scale:1}.mobile-control__sync-item--blue{--c1:#3d95ff;--c2:#1f6ff0;--soft:color-mix(in srgb, var(--c-accent) 16%, transparent)}.mobile-control__sync-item--green{--c1:#34d399;--c2:#059669;--soft:#10b98129}.mobile-control__sync-item--violet{--c1:#a78bfa;--c2:#7c3aed;--soft:#8b5cf629}.mobile-control__sync-item--red{--c1:#fb7185;--c2:#e11d48;--soft:#f43f5e26}.mobile-control__sync-item--sky{--c1:#38bdf8;--c2:#2563eb;--soft:#38bdf829}.mobile-control__sync-item--teal{--c1:#2dd4bf;--c2:#16a34a;--soft:#2dd4bf29}.mobile-control__sync-item:before{content:"";border-radius:inherit;background:radial-gradient(140px circle at var(--x) var(--y), var(--soft), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.mobile-control__sync-item:hover:before{opacity:1}.mobile-control__sync-item:hover{border-color:var(--lightningcss-light,#dfe7f1)var(--lightningcss-dark,var(--c-border));box-shadow:0 15px 35px rgb(var(--c-shadow) / .08);transition-delay:0s;translate:0 -5px}.mobile-control__sync-item:focus-visible{outline:2px solid var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));outline-offset:2px}.mobile-control__sync-item.is-active{border-color:color-mix(in srgb, var(--c2) 40%, var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border)));box-shadow:0 0 0 4px var(--soft), 0 18px 36px color-mix(in srgb, var(--c2) 18%, transparent);transition-delay:0s;translate:0 -7px}.mobile-control__sync-item.is-tapped{animation:mobileControlTap .55s var(--ease-back)}@keyframes mobileControlTap{0%{scale:1}35%{scale:.94}to{scale:1}}.mobile-control__sync-icon{color:#fff;background:linear-gradient(140deg, var(--c1), var(--c2));width:48px;height:48px;box-shadow:inset 0 1px 0 #ffffff59, 0 8px 16px color-mix(in srgb, var(--c2) 28%, transparent);transition:transform .45s var(--ease-back);border-radius:15px;flex-shrink:0;place-items:center;display:grid;position:relative}.mobile-control__sync-icon svg{width:24px;height:24px}.mobile-control__sync-item:hover .mobile-control__sync-icon{transform:translateY(-3px)rotate(-6deg)scale(1.06)}.mobile-control__sync-item.is-active .mobile-control__sync-icon{animation:mobileControlIconPulse .6s var(--ease-back)}@keyframes mobileControlIconPulse{0%{transform:scale(1)}40%{transform:scale(1.16)rotate(-8deg)}to{transform:scale(1)}}.mobile-control__sync-item.is-active .mobile-control__sync-icon:after{content:"";border:2px solid var(--c1);border-radius:18px;animation:.9s ease-out forwards mobileControlRing;position:absolute;inset:-4px}@keyframes mobileControlRing{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.mobile-control__sync-title{color:var(--lightningcss-light,#30384d)var(--lightningcss-dark,var(--c-muted));text-align:center;white-space:nowrap;font-size:11.5px;font-weight:700;line-height:1.2}.mobile-control__sync-hint{z-index:20;color:#fff;text-align:center;width:max-content;max-width:170px;box-shadow:0 10px 20px rgb(var(--c-shadow) / .2);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .3s var(--ease-out);background:#10162d;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.3;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px)}.mobile-control__sync-hint:after{content:"";border:5px solid #0000;border-top-color:#10162d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mobile-control__sync-item:hover .mobile-control__sync-hint{opacity:1;transform:translate(-50%)}.mobile-control__sync-badge{color:#fff;opacity:0;width:18px;height:18px;transition:opacity .25s ease, transform .45s var(--ease-back);background:#10b981;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.3);box-shadow:0 3px 8px #10b98159}.mobile-control__sync-badge svg{width:10px;height:10px}.mobile-control__sync-item.is-synced .mobile-control__sync-badge{opacity:1;transform:none}.mobile-control__rail{--fill:0;height:14px;margin:12px 8.33333% 0;position:relative}.mobile-control__rail-track,.mobile-control__rail-fill{border-radius:2px;height:2px;position:absolute;top:6px;left:0;right:0}.mobile-control__rail-track{background-image:linear-gradient(90deg,var(--lightningcss-light,#d6e0f0)var(--lightningcss-dark,#5181cd24) 50%,#0000 50%);background-size:8px 2px}.mobile-control__rail-fill{transform:scaleX(var(--fill));transform-origin:0;transition:transform .6s var(--ease-out);background:linear-gradient(90deg,#3d95ff,#8b5cf6,#10b981)}.mobile-control__rail-dot{top:1px;left:calc(var(--fill) * 100%);background:radial-gradient(circle, var(--c-surface) 0 25%, #3468ff 55%);width:12px;height:12px;box-shadow:0 0 12px 3px color-mix(in srgb, var(--c-accent) 45%, transparent);transition:left .6s var(--ease-out);border-radius:50%;margin-left:-6px;position:absolute}.mobile-control__card--notifications{padding-bottom:0}.mobile-control__notifications-visual{--parallax-x:0px;--parallax-y:0px;z-index:5;opacity:0;width:92%;transform:translate3d(calc(65px + var(--parallax-x)), var(--parallax-y), 0);transition:opacity .9s ease, transform 1s var(--ease-out);margin:20px -31px -1px auto;position:relative}.mobile-control--visible .mobile-control__notifications-visual{opacity:1;transform:translate3d(var(--parallax-x), var(--parallax-y), 0);transition-delay:.45s,0s}.mobile-control__panel{border:1px solid var(--lightningcss-light,#e8edf6)var(--lightningcss-dark,var(--c-border));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -10px 40px rgb(var(--c-shadow) / .08);background:var(--lightningcss-light,#fffffff0)var(--lightningcss-dark,#131a2ef0);border-bottom:0;border-right:0;border-radius:20px 0 0;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);display:grid}.mobile-control__panel-side{border-right:1px solid var(--lightningcss-light,#eef2f8)var(--lightningcss-dark,var(--c-border));flex-direction:column;gap:14px;min-width:0;padding:18px 16px;display:flex}.mobile-control__panel-title{align-items:center;gap:10px;display:flex}.mobile-control__panel-title>div{flex-direction:column;min-width:0;display:flex}.mobile-control__panel-title strong{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);letter-spacing:-.4px;font-size:17px;font-weight:800}.mobile-control__panel-title span:not(.mobile-control__bell){color:var(--lightningcss-light,#677081)var(--lightningcss-dark,var(--c-muted));font-size:11.5px;font-weight:600;animation:.4s mobileControlFade}@keyframes mobileControlFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mobile-control__bell{color:#fff;background:linear-gradient(135deg,#2dd4bf,#0ea5a4);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .4s,box-shadow .4s;display:grid;box-shadow:0 8px 16px #0ea5a44d}.mobile-control__bell svg{transform-origin:50% 10%;width:20px;height:20px}.mobile-control__bell.is-ringing svg{animation:.8s mobileControlRingBell}@keyframes mobileControlRingBell{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.mobile-control__bell.is-off{box-shadow:none;background:linear-gradient(135deg,var(--lightningcss-light,#b8c1d1)var(--lightningcss-dark,#517ecd24),#8e99ad)}.mobile-control__preview{min-height:62px;position:relative}.mobile-control__preview-card{border:1px solid var(--lightningcss-light,#edf1f7)var(--lightningcss-dark,var(--c-border));background:var(--c-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 10%, transparent), 0 10px 22px rgb(var(--c-shadow) / .08);animation:mobileControlPreview .6s var(--ease-back) both;border-radius:14px;align-items:center;gap:9px;padding:10px;display:flex}@keyframes mobileControlPreview{0%{opacity:0;filter:blur(4px);transform:translateY(-14px)scale(.9)}to{opacity:1;filter:none;transform:none}}.mobile-control__preview-icon{color:#fff;background:var(--tone);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.mobile-control__preview-icon svg{width:16px;height:16px}.mobile-control__preview-body{flex-direction:column;min-width:0;display:flex}.mobile-control__preview-body b{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);font-size:11.5px;font-weight:800}.mobile-control__preview-body small{color:var(--lightningcss-light,#657087)var(--lightningcss-dark,var(--c-muted));white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.3;overflow:hidden}.mobile-control__preview-empty{height:62px;color:var(--c-faint);border:1.5px dashed var(--lightningcss-light,#dbe2ee)var(--lightningcss-dark,var(--c-border));border-radius:14px;place-items:center;font-size:11.5px;font-weight:600;animation:.4s mobileControlFade;display:grid}.mobile-control__toggles{flex-direction:column;gap:2px;min-width:0;margin:0;padding:10px 12px 12px;list-style:none;display:flex}.mobile-control__toggles li{opacity:0;transition:opacity .5s ease, transform .6s var(--ease-out);transition-delay:calc(.6s + var(--row-index) * 70ms);transform:translate(18px)}.mobile-control--visible .mobile-control__toggles li{opacity:1;transform:none}.mobile-control__toggle{width:100%;color:var(--c-faint);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:6px 8px;font-size:12.5px;font-weight:600;transition:background .3s,color .3s;display:flex}.mobile-control__toggle:hover{background:var(--c-hover)}.mobile-control__toggle:focus-visible{outline:2px solid var(--lightningcss-light,#8dbbff)var(--lightningcss-dark,color-mix(in srgb, var(--c-accent) 32%, transparent));outline-offset:1px}.mobile-control__toggle.is-on{color:var(--lightningcss-light,#1a2238)var(--lightningcss-dark,#9dabd2)}.mobile-control__toggle.is-live{background:color-mix(in srgb, var(--tone) 8%, var(--c-surface))}.mobile-control__toggle-icon{width:24px;height:24px;color:var(--lightningcss-light,#6a707c)var(--lightningcss-dark,var(--c-faint));background:var(--lightningcss-light,#eef1f6)var(--lightningcss-dark,var(--c-surface-3));border-radius:7px;flex-shrink:0;place-items:center;transition:background .3s,color .3s;display:grid}.mobile-control__toggle-icon svg{width:14px;height:14px}.mobile-control__toggle.is-on .mobile-control__toggle-icon{color:#fff;background:var(--tone)}.mobile-control__toggle-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mobile-control__switch{background:var(--lightningcss-light,#d9dfe9)var(--lightningcss-dark,var(--c-surface-3));border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .3s;position:relative}.mobile-control__switch span{background:var(--c-surface);width:18px;height:18px;box-shadow:0 2px 5px rgb(var(--c-shadow) / .2);transition:transform .35s var(--ease-back);border-radius:50%;position:absolute;top:2px;left:2px}.mobile-control__toggle.is-on .mobile-control__switch{background:linear-gradient(135deg,#2ed69b,#10b981)}.mobile-control__toggle.is-on .mobile-control__switch span{transform:translate(16px)}.mobile-control__toggle:active .mobile-control__switch span{width:22px}.mobile-control__tone--green{--tone:#10b981}.mobile-control__tone--violet{--tone:#8b5cf6}.mobile-control__tone--teal{--tone:#14b8a6}.mobile-control__tone--blue{--tone:#2f7cff}.mobile-control__tone--slate{--tone:#64748b}@media (max-width:1200px){.mobile-control__container{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.mobile-control__heading--row{flex-direction:column;gap:14px}.mobile-control__sync-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-control__sync-item{flex-direction:row;justify-content:flex-start;gap:10px;height:78px;padding:10px 12px}.mobile-control__sync-icon{border-radius:13px;width:42px;height:42px}.mobile-control__sync-title{text-align:left;white-space:normal}.mobile-control__rail{display:none}.mobile-control__notifications-visual{width:calc(100% + 1px)}.mobile-control__panel-title strong{font-size:15px}.mobile-control__panel-side{padding:16px 12px}}@media (max-width:900px){.mobile-control__container{grid-template-columns:minmax(0,1fr);gap:16px}.mobile-control__card{min-height:0}.mobile-control__heading--row{flex-direction:row}.mobile-control__sync-list{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-control__sync-item{flex-direction:column;justify-content:center;gap:9px;height:112px;padding:12px 5px}.mobile-control__sync-title{text-align:center;white-space:nowrap;font-size:11px}.mobile-control__rail{display:block}.mobile-control__notifications-visual{width:78%}}@media (max-width:650px){.mobile-control{padding:20px 0 60px}.mobile-control__container{gap:14px;width:calc(100% - 32px)}.mobile-control__card{border-radius:20px;padding:25px 18px}.mobile-control__eyebrow{letter-spacing:1.3px;font-size:10px}.mobile-control__heading h2{letter-spacing:-.7px;font-size:24px}.mobile-control__heading--row{flex-direction:column}.mobile-control__sync{margin-top:20px}.mobile-control__sync-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-control__sync-item{flex-direction:row;justify-content:flex-start;gap:10px;height:70px;padding:10px}.mobile-control__sync-icon{border-radius:12px;width:40px;height:40px}.mobile-control__sync-icon svg{width:20px;height:20px}.mobile-control__sync-title{text-align:left;white-space:normal}.mobile-control__sync-hint,.mobile-control__rail{display:none}.mobile-control__card--notifications{min-height:0;padding-bottom:18px}.mobile-control__notifications-visual{width:100%;margin:20px 0 0}.mobile-control--visible .mobile-control__notifications-visual{transform:none}.mobile-control__panel{border:1px solid var(--lightningcss-light,#e8edf6)var(--lightningcss-dark,var(--c-border));border-radius:18px;grid-template-columns:minmax(0,1fr)}.mobile-control__panel-side{border-right:0;border-bottom:1px solid var(--lightningcss-light,#eef2f8)var(--lightningcss-dark,var(--c-border))}}@media (prefers-reduced-motion:reduce){.mobile-control *,.mobile-control :before,.mobile-control :after{transition:none!important;animation:none!important}.mobile-control__card,.mobile-control__heading,.mobile-control__sync-item,.mobile-control__toggles li,.mobile-control__notifications-visual{opacity:1!important;transform:none!important}}
