.mobile-app-premium{--map-navy: #0f172a;--map-slate: #475569;--map-teal: #3dbdaa;--map-line: #dce5ec;--map-surface: #f4f8fb;--map-white: #ffffff;background:var(--map-white);color:var(--map-navy);overflow-x:clip}.map-shell{margin:0 auto;max-width:1180px;padding-inline:24px;width:100%}.map-kicker{color:#158576;font-size:.78rem;font-weight:800;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}.map-kicker--on-dark{color:#5eead4}.map-reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.map-reveal--up{transform:translateY(28px)}.map-reveal--left{transform:translate(-28px)}.map-reveal--right{transform:translate(28px)}.map-reveal.is-visible{opacity:1;transform:translate(0)}.map-hero{background:radial-gradient(circle at 12% 18%,rgba(61,189,170,.22),transparent 34%),radial-gradient(circle at 88% 12%,rgba(15,23,42,.08),transparent 30%),linear-gradient(160deg,#f7fffd,#eef4fa 55%,#e8eef5);border-bottom:1px solid var(--map-line);overflow:hidden;padding:clamp(56px,8vw,104px) 0 clamp(48px,7vw,88px);position:relative}.map-hero__layout{align-items:center;display:grid;gap:clamp(36px,6vw,72px);grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}.map-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0;max-width:14ch}.map-hero__lead{color:var(--map-slate);font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.7;margin:20px 0 0;max-width:48ch}.map-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.map-btn{align-items:center;border-radius:12px;display:inline-flex;font-size:.92rem;font-weight:700;padding:13px 18px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.map-btn--primary{background:var(--map-navy);box-shadow:0 12px 28px #0f172a2e;color:#fff}.map-btn--primary:hover{background:#0a66c2;box-shadow:0 16px 34px #0a66c247;color:#fff;transform:translateY(-2px)}.map-btn--ghost{background:#ffffffb3;border:1px solid rgba(15,23,42,.12);color:var(--map-navy)}.map-btn--ghost:hover{background:#fff;transform:translateY(-2px)}.map-hero__badges{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}.map-hero__badges li{background:#ffffffd1;border:1px solid rgba(61,189,170,.22);border-radius:999px;color:#0f766e;font-size:.78rem;font-weight:700;padding:7px 12px}.map-devices-stage{position:relative}.map-devices-stage__badge{align-items:center;background:#ffffffe0;border:1px solid rgba(61,189,170,.28);border-radius:999px;box-shadow:0 10px 24px #0f172a14;color:#0f766e;display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:.04em;margin:0 0 18px;padding:8px 14px}.map-devices{display:grid;grid-template-columns:1fr 1fr;min-height:420px;place-items:end center;position:relative}.map-devices__glow{background:radial-gradient(circle,rgba(61,189,170,.35) 0%,rgba(61,189,170,.08) 42%,transparent 68%);filter:blur(8px);height:70%;left:50%;pointer-events:none;position:absolute;top:55%;transform:translate(-50%,-50%);width:78%;z-index:0}.map-device{margin:0;position:relative;transition:transform .35s cubic-bezier(.22,1,.36,1);width:min(100%,220px);z-index:1}.map-device--ios{animation:map-float-ios 5.2s ease-in-out infinite;justify-self:end;margin-right:-18px;z-index:2}.map-device--android{animation:map-float-android 5.8s ease-in-out infinite;animation-delay:.35s;justify-self:start;margin-bottom:28px;margin-left:-18px;z-index:1}.map-device:hover{animation-play-state:paused;transform:translateY(-10px) scale(1.03) rotate(0);z-index:3}.map-device__frame{background:#111827;border:2px solid #1f2937;border-radius:34px;box-shadow:0 28px 60px #0f172a47,0 10px 24px #0f172a29,inset 0 0 0 2px #ffffff14;overflow:hidden;position:relative;transition:box-shadow .35s ease,transform .35s ease}.map-device:hover .map-device__frame{box-shadow:0 36px 72px #0f172a57,0 14px 28px #3dbdaa33,inset 0 0 0 2px #ffffff1f}.map-device__frame--ios{border-radius:36px;padding:10px 8px 12px}.map-device__frame--android{border-radius:28px 28px 22px 22px;padding:8px 7px 10px}.map-device__notch{background:#0b1220;border-radius:0 0 14px 14px;height:18px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:42%;z-index:2}.map-device__frame--android .map-device__notch{display:none}.map-device__frame img{background:#fff;border-radius:24px;display:block;height:auto;object-fit:cover;object-position:top center;width:100%}.map-device__frame--android img{border-radius:18px}.map-device__home{background:#ffffff59;border-radius:999px;bottom:6px;height:4px;left:50%;position:absolute;transform:translate(-50%);width:34%}.map-device__frame--android .map-device__home{display:none}.map-device__nav{background:#fff3;border-radius:999px;bottom:5px;height:3px;left:50%;position:absolute;transform:translate(-50%);width:28%}.map-device__label{color:var(--map-slate);font-size:.78rem;font-weight:800;letter-spacing:.1em;margin-top:12px;text-align:center;text-transform:uppercase}@keyframes map-float-ios{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes map-float-android{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-14px) rotate(4deg)}}.map-platforms{background:var(--map-surface);border-bottom:1px solid var(--map-line);padding:28px 0}.map-platforms__list{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.map-platforms__item{background:var(--map-white);border:1px solid var(--map-line);border-radius:16px;display:grid;gap:4px;padding:16px 18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.map-platforms__item:hover{border-color:#3dbdaa59;box-shadow:0 12px 28px #0f172a14;transform:translateY(-3px)}.map-platforms__item strong{font-size:1rem}.map-platforms__item span{color:var(--map-slate);font-size:.88rem}.map-outcomes{background:linear-gradient(180deg,#f7fffd,#f4f8fb);border-bottom:1px solid var(--map-line);padding:clamp(48px,7vw,80px) 0}.map-outcomes .map-section__header{margin-bottom:28px}.map-outcomes__list{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.map-outcomes__item{background:var(--map-white);border:1px solid var(--map-line);border-radius:18px;display:grid;gap:8px;padding:22px 20px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.map-outcomes__item:hover{border-color:#3dbdaa66;box-shadow:0 16px 36px #0f172a1a;transform:translateY(-4px)}.map-outcomes__item strong{color:var(--map-navy);font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.map-outcomes__item span{color:var(--map-slate);font-size:.9rem;line-height:1.5}.map-section{padding:clamp(56px,8vw,96px) 0}.map-section--muted{background:var(--map-surface)}.map-section__header{margin-bottom:36px;max-width:720px}.map-section__header h2,.map-cta h2,.map-related h2{color:var(--map-navy);font-family:var(--font-display);font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.map-cta h2{color:#fff}.map-section__header p{color:var(--map-slate);font-size:1.02rem;line-height:1.7;margin:14px 0 0}.map-offerings{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.map-offering{background:var(--map-surface);border:1px solid var(--map-line);border-radius:18px;padding:24px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.map-offering:hover{background:var(--map-white);border-color:#3dbdaa59;box-shadow:0 18px 40px #0f172a1a;transform:translateY(-5px)}.map-offering__index{color:var(--brand-teal-ink);display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:12px}.map-offering h3{font-size:1.08rem;font-weight:800;line-height:1.3;margin:0 0 10px}.map-offering p{color:var(--map-slate);font-size:.94rem;line-height:1.65;margin:0}.map-process{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;position:relative}.map-process:before{background:linear-gradient(90deg,#3dbdaa26,#3dbdaa73,#3dbdaa26);content:"";height:2px;left:4%;position:absolute;right:4%;top:42px;z-index:0}.map-process__item{align-items:start;background:var(--map-white);border:1px solid var(--map-line);border-radius:18px;display:grid;gap:14px;grid-template-columns:1fr;padding:22px 20px;position:relative;transition:transform .28s ease,box-shadow .28s ease;z-index:1}.map-process__item:hover{box-shadow:0 16px 36px #0f172a14;transform:translateY(-5px)}.map-process__item span{align-items:center;background:#3dbdaa1f;border-radius:12px;color:#0f766e;display:inline-flex;font-size:.85rem;font-weight:800;height:42px;justify-content:center;width:42px}.map-process__item h3{font-size:1.08rem;margin:0 0 6px}.map-process__item p{color:var(--map-slate);font-size:.94rem;line-height:1.65;margin:0}.map-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.map-chips li{background:var(--map-surface);border:1px solid var(--map-line);border-radius:999px;box-shadow:0 6px 16px #0f172a0a;font-size:.88rem;font-weight:650;padding:10px 14px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.map-chips li:hover{border-color:#3dbdaa66;box-shadow:0 10px 22px #0f172a14;transform:translateY(-3px)}.map-showcase{padding:clamp(56px,8vw,96px) 0}.map-showcase__grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.map-showcase__card{background:var(--map-white);border:1px solid var(--map-line);border-radius:24px;display:grid;gap:22px;overflow:hidden;padding:28px 24px 26px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.map-showcase__card:hover{border-color:#3dbdaa59;box-shadow:0 22px 48px #0f172a1f;transform:translateY(-6px)}.map-showcase__screens{align-items:end;display:flex;gap:12px;justify-content:center;min-height:280px;padding:8px 0 4px}.map-showcase__screens--1 .map-showcase__device{max-width:200px;width:100%}.map-showcase__screens--2 .map-showcase__device{max-width:148px;width:46%}.map-showcase__screens--2 .map-showcase__device:first-child{transform:rotate(-4deg) translateY(8px)}.map-showcase__screens--2 .map-showcase__device:last-child{transform:rotate(5deg) translateY(0)}.map-showcase__card:hover .map-showcase__screens--2 .map-showcase__device:first-child{transform:rotate(-2deg) translateY(0)}.map-showcase__card:hover .map-showcase__screens--2 .map-showcase__device:last-child{transform:rotate(2deg) translateY(-4px)}.map-showcase__device{transition:transform .35s cubic-bezier(.22,1,.36,1)}.map-showcase__body{text-align:left}.map-showcase__card h3{font-size:1.3rem;margin:0 0 8px}.map-showcase__card p{color:var(--map-slate);font-size:.95rem;line-height:1.65;margin:0}.map-showcase__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}.map-showcase__tags li{background:#3dbdaa1a;border-radius:999px;color:#0f766e;font-size:.75rem;font-weight:700;padding:6px 10px}.map-faq{display:grid;gap:14px}.map-faq__item{background:var(--map-surface);border:1px solid var(--map-line);border-radius:16px;padding:22px 24px;transition:transform .25s ease,box-shadow .25s ease}.map-faq__item:hover{box-shadow:0 14px 30px #0f172a14;transform:translate(4px)}.map-faq__item h3{font-size:1.02rem;margin:0 0 8px}.map-faq__item p{color:var(--map-slate);font-size:.95rem;line-height:1.7;margin:0}.map-related{padding:clamp(48px,7vw,72px) 0}.map-related__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.map-related__link{background:var(--map-surface);border:1px solid var(--map-line);border-radius:999px;color:var(--map-navy);font-size:.9rem;font-weight:700;padding:10px 16px;transition:transform .25s ease,background .25s ease,border-color .25s ease}.map-related__link:hover{background:#3dbdaa1f;border-color:#3dbdaa59;color:var(--map-navy);transform:translateY(-2px)}.map-cta{background:var(--map-navy);color:#fff;overflow:hidden;padding:clamp(56px,8vw,88px) 0;position:relative}.map-cta:before{background:radial-gradient(circle at 18% 40%,rgba(61,189,170,.28),transparent 42%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.map-cta__inner{align-items:center;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;position:relative;z-index:1}.map-cta p{color:#cbd5e1;font-size:1.02rem;line-height:1.7;margin:12px 0 0;max-width:48ch}.map-cta .map-kicker--on-dark{color:#5eead4}.map-cta__actions{display:flex;flex-wrap:wrap;gap:12px}.map-cta .map-btn--primary{background:var(--map-teal);color:#04342e}.map-cta .map-btn--primary:hover{background:#5eead4;color:#04342e}.map-btn--on-dark{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff}.map-btn--on-dark:hover{background:#ffffff14;color:#fff;transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.map-reveal,.map-device--ios,.map-device--android,.map-btn,.map-offering,.map-process__item,.map-chips li,.map-showcase__card,.map-faq__item,.map-platforms__item,.map-outcomes__item,.map-related__link{animation:none!important;transition:none!important}.map-reveal{opacity:1;transform:none}}@media (max-width: 1024px){.map-hero__layout{grid-template-columns:1fr}.map-hero h1{max-width:none}.map-devices-stage{order:-1;text-align:center}.map-devices{min-height:360px}.map-outcomes__list,.map-process{grid-template-columns:repeat(2,minmax(0,1fr))}.map-process:before{display:none}.map-offerings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.map-shell{padding-inline:20px}.map-platforms__list,.map-showcase__grid,.map-offerings,.map-process{grid-template-columns:1fr}.map-device--ios,.map-device--android{margin-left:0;margin-right:0}.map-devices{gap:12px;place-items:center}.map-showcase__screens{min-height:240px}.map-process__item:hover{transform:translateY(-3px)}}@media (max-width: 576px){.map-hero{padding-top:48px}.map-devices{grid-template-columns:1fr;min-height:auto}.map-device--android{display:none}.map-device--ios{animation:map-float-ios 5.2s ease-in-out infinite;justify-self:center;width:min(100%,240px)}.map-device--ios .map-device__label:after{content:" · Android too"}.map-outcomes__list{grid-template-columns:1fr}.map-showcase__screens--2 .map-showcase__device{max-width:132px}.map-cta__inner{align-items:flex-start;flex-direction:column}}@media (max-width: 360px){.map-shell{padding-inline:16px}.map-offering,.map-process__item,.map-faq__item,.map-showcase__card,.map-outcomes__item{border-radius:14px}}
