:root{--blue:#0879f9;--blue-dark:#0751bd;--ink:#102544;--muted:#5f7089;--line:#dce8f7;--sky:#eaf4ff;--mint:#dff7e9;--mint-ink:#187b4d;--lilac:#eee6ff;--lilac-ink:#6c49aa;--white:#fff;--shadow:0 28px 70px rgba(24,78,139,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Manrope",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(210,226,245,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:17px}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--blue);background:var(--sky);font-size:12px}.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.main-nav a{font-size:14px;font-weight:600;color:#53647c;transition:.2s}.main-nav a:hover{color:var(--blue)}.nav-download,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;padding:13px 21px;border-radius:7px;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(8,121,249,.2);transition:.2s}.nav-download:hover,.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.menu-button{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px}.menu-button svg{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.hero{min-height:720px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f7fbff 0%,#edf6ff 52%,#e8f3ff 100%)}.hero-map{position:absolute;inset:0;opacity:.8}.hero-map:before,.hero-map:after{content:"";position:absolute;background:#d9e9f8}.hero-map:before{width:140%;height:20px;transform:rotate(-12deg);top:25%;left:-20%}.hero-map:after{width:18px;height:120%;transform:rotate(17deg);top:-10%;left:70%}.road{position:absolute;background:rgba(255,255,255,.8);border:1px solid #dceafb}.road-one{width:120%;height:46px;top:65%;left:-10%;transform:rotate(8deg)}.road-two{width:34px;height:120%;left:24%;top:-10%;transform:rotate(-12deg)}.road-three{width:90%;height:26px;top:14%;left:30%;transform:rotate(-6deg)}.route-line{position:absolute;inset:0;width:100%;height:100%}.route-line path{fill:none;stroke:rgba(8,121,249,.34);stroke-width:4;stroke-linecap:round;stroke-dasharray:8 14}.hero-grid{min-height:720px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;padding:70px 0 66px}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(8,121,249,.12)}h1,h2,h3{font-family:"Plus Jakarta Sans",sans-serif;margin:0;letter-spacing:0}h1{margin-top:22px;font-size:clamp(48px,6vw,77px);line-height:1.02;max-width:690px}h1 span{color:var(--blue)}.hero-text{max-width:610px;font-size:18px;line-height:1.75;color:var(--muted);margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.store-button{min-width:184px;min-height:58px;background:#0d213d;color:#fff;border-radius:7px;padding:9px 18px;display:flex;align-items:center;gap:12px;transition:.2s;box-shadow:0 12px 24px rgba(16,37,68,.2)}.store-button:hover{transform:translateY(-2px);background:#07182e}.store-button svg{width:27px;height:31px}.store-button span{font-size:19px;font-weight:800;line-height:1.05}.store-button small{display:block;font-size:9px;font-weight:600;margin-bottom:4px}.text-link{font-size:15px;font-weight:800;color:var(--blue)}.text-link span{margin-left:5px}.trust-row{display:flex;gap:28px;margin-top:30px;color:#53647c;font-size:13px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row svg,.note-icon svg,.feature-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.phone-stage{min-height:580px;position:relative;display:grid;place-items:center}.phone-frame{position:relative;width:304px;padding:24px 16px 17px;border:9px solid #12223b;border-radius:42px;background:#fff;box-shadow:var(--shadow);z-index:3}.phone-frame img{width:100%;border-radius:25px}.speaker{position:absolute;top:9px;left:50%;width:68px;height:5px;border-radius:8px;background:#26364b;transform:translateX(-50%)}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(8,121,249,.23)}.orbit-one{width:430px;height:430px}.orbit-two{width:520px;height:520px}.pin{position:absolute;z-index:2;width:46px;height:46px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#fff;box-shadow:0 15px 30px rgba(38,96,166,.2);border:4px solid var(--blue)}.pin span{display:grid;place-items:center;width:100%;height:100%;transform:rotate(45deg);font-size:12px;font-weight:800;color:var(--blue)}.pin-a{left:3%;top:18%}.pin-b{right:2%;bottom:17%;border-color:#45c985}.pin-b span{color:#258c62}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 17px;border-radius:7px;box-shadow:0 18px 38px rgba(35,85,145,.18);min-width:218px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:13px}.floating-note small{font-size:10px;color:#71819a;margin-top:4px}.note-top{right:-2%;top:22%}.note-bottom{left:-8%;bottom:16%}.note-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.note-icon.blue{background:#e7f2ff;color:var(--blue)}.note-icon.green{background:#e5f8ec;color:#28a46b}
.feature-section{padding:110px 0;background:#fff}.section-heading{text-align:center;max-width:720px;margin:0 auto 50px}.section-heading h2,.steps-copy h2,.privacy-copy h2,.download-panel h2{font-size:clamp(34px,4vw,52px);line-height:1.12;margin-top:14px}.section-heading p,.steps-copy>p,.privacy-copy>p{color:var(--muted);font-size:16px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:18px}.feature{min-height:245px;padding:28px;border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.feature-map{grid-row:1/3;background:var(--sky);border-color:#d6eaff;min-height:508px}.feature-phone{background:var(--mint);border-color:#cfefdc}.feature-invite{background:#e7f3ff;border-color:#d5e9ff}.feature-area{background:var(--lilac);border-color:#e1d5fa}.feature-icon{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:0 8px 20px rgba(41,90,143,.1)}.feature-phone .feature-icon{color:var(--mint-ink)}.feature-area .feature-icon{color:var(--lilac-ink)}.feature h3{font-size:20px;margin:20px 0 8px}.feature p{color:#61718a;font-size:14px;line-height:1.65;margin:0;max-width:380px}.mini-map{height:210px;background:#f8fcff;border:1px solid #d6e9f8;border-radius:7px;margin-top:28px;position:relative;overflow:hidden}.mini-road{position:absolute;background:#dfebf5}.r1{width:120%;height:20px;top:55%;left:-10%;transform:rotate(-12deg)}.r2{height:140%;width:18px;top:-20%;left:65%;transform:rotate(16deg)}.mini-map svg{position:absolute;inset:0;width:100%;height:100%}.mini-map path{fill:none;stroke:var(--blue);stroke-width:3;stroke-dasharray:5 7}.avatar-dot{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;border:4px solid #fff;font-size:10px;font-weight:800;z-index:2;box-shadow:0 6px 14px rgba(8,121,249,.24)}.dot-1{left:23%;top:22%}.dot-2{right:12%;bottom:15%;background:#35ad78}
.steps-section{padding:110px 0;background:#f7fbff;border-top:1px solid #e4eef9;border-bottom:1px solid #e4eef9}.steps-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.steps-copy>p{margin:20px 0 30px}.steps-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}.steps-list li{background:#fff;border:1px solid var(--line);padding:24px;display:flex;gap:20px;align-items:flex-start;border-radius:7px;box-shadow:0 10px 28px rgba(43,84,132,.06)}.steps-list li>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;flex:0 0 auto}.steps-list h3{font-size:18px;margin:2px 0 7px}.steps-list p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.privacy-section{padding:110px 0}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.privacy-visual{height:420px;background:#eaf4ff;position:relative;display:grid;place-items:center;border-radius:8px;overflow:hidden}.shield{width:122px;height:122px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;z-index:3;box-shadow:0 25px 60px rgba(8,121,249,.25)}.shield svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.privacy-ring{position:absolute;border:1px solid rgba(8,121,249,.24);border-radius:50%}.ring-a{width:260px;height:260px}.ring-b{width:390px;height:390px}.privacy-pin{position:absolute;width:14px;height:14px;background:#fff;border:4px solid var(--blue);border-radius:50%;z-index:2}.p1{left:18%;top:24%}.p2{right:15%;top:38%;border-color:#3bc081}.p3{left:28%;bottom:14%;border-color:#835bd2}.privacy-copy>p{margin:20px 0 26px}.policy-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.policy-links a{font-weight:800;color:var(--blue);border-bottom:1px solid rgba(8,121,249,.28);padding-bottom:4px}
.download-section{padding:0 0 90px}.download-panel{background:var(--blue);color:#fff;padding:52px 58px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.download-panel:after{content:"";position:absolute;width:300px;height:300px;border:50px solid rgba(255,255,255,.08);border-radius:50%;right:170px;top:-170px}.section-label.light{color:#cfe6ff}.download-panel h2{max-width:700px;font-size:40px}.download-panel p{margin:14px 0 0;color:#d9ebff}.light-button{background:#fff;color:var(--ink);position:relative;z-index:2;flex:0 0 auto}.light-button:hover{background:#f3f8ff}.site-footer{border-top:1px solid var(--line);padding:32px 0}.footer-grid{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px}.footer-links{display:flex;justify-content:flex-end;gap:24px;font-size:13px;color:#60718a}.footer-grid p{grid-column:1/-1;margin:8px 0 0;color:#8290a4;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.nav-download,.primary-button,.store-button{transition:none}}
@media (max-width:900px){.site-header{height:70px}.menu-button{display:block;margin-left:auto}.nav-download{display:none}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:flex-start;gap:18px}.main-nav.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:24px;padding-top:70px}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.phone-stage{min-height:590px}.steps-grid,.privacy-grid{grid-template-columns:1fr;gap:55px}.privacy-visual{order:2}.feature-grid{grid-template-columns:1fr 1fr}.feature-map{grid-column:1/-1;grid-row:auto}.download-panel{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-grid p{grid-column:auto}}
@media (max-width:620px){.shell{width:min(100% - 28px,1160px)}.brand{font-size:14px}.hero{min-height:0}.hero-grid{padding:52px 0 40px}.eyebrow{font-size:11px}h1{font-size:44px}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.trust-row{gap:14px;flex-wrap:wrap}.phone-stage{min-height:500px}.phone-frame{width:244px;border-width:7px;border-radius:34px;padding:20px 12px 13px}.orbit-one{width:330px;height:330px}.orbit-two{width:410px;height:410px}.floating-note{min-width:180px;padding:10px}.note-top{right:-6%;top:20%}.note-bottom{left:-3%;bottom:13%}.feature-section,.steps-section,.privacy-section{padding:78px 0}.section-heading h2,.steps-copy h2,.privacy-copy h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.feature-map{grid-column:auto;min-height:460px}.feature{min-height:230px}.steps-list li{padding:20px}.privacy-visual{height:330px}.download-section{padding-bottom:55px}.download-panel{padding:38px 28px}.download-panel h2{font-size:31px}.footer-links{flex-direction:column;gap:13px}.pin{display:none}.floating-note small{display:none}}

/* Homepage mockup and brand-led hero */
h1{font-size:clamp(54px,6.2vw,82px);line-height:.98}h1 span{color:var(--blue)}.hero-tagline{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(23px,2.4vw,32px);font-weight:700;color:var(--ink);margin:22px 0 0}.hero-text{margin-top:14px}.phone-stage{min-height:610px}.phone-frame{padding:24px 12px 13px}.app-screen{overflow:hidden;border-radius:25px;background:#fff}.phone-frame .app-screen>img{width:100%;border-radius:0}.app-bottom-nav{height:61px;border-top:1px solid #dce8f7;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 4px 5px}.app-bottom-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;color:#53647c}.app-bottom-nav span.active{color:var(--blue)}.app-bottom-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-bottom-nav small{font-size:8px;font-weight:700}.gesture-bar{width:72px;height:4px;border-radius:8px;background:#12223b;margin:6px auto 2px}.note-bottom{left:-22%;bottom:7%}
.phone-frame{background:linear-gradient(145deg,#162943 0%,#0d1c32 48%,#1b304c 100%);border:8px solid #0b192d;padding:20px 11px 12px;border-radius:44px;box-shadow:0 35px 80px rgba(10,43,87,.3),inset 0 0 0 1px rgba(255,255,255,.18);transform:perspective(1100px) rotateY(-4deg)}.phone-frame:after{content:"";position:absolute;inset:7px;border-radius:37px;pointer-events:none;border:1px solid rgba(255,255,255,.16)}.app-screen{position:relative;z-index:1;border-radius:27px;box-shadow:inset 0 0 0 1px rgba(11,26,49,.25),0 0 0 3px #050d19}.app-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.17),transparent 23%,transparent 74%,rgba(255,255,255,.05));mix-blend-mode:screen}.speaker{z-index:4;top:8px;width:64px;height:5px;background:#020a16;box-shadow:0 1px 0 rgba(255,255,255,.18)}.camera-dot{position:absolute;z-index:4;top:7px;left:calc(50% + 42px);width:7px;height:7px;border-radius:50%;background:#020a16;box-shadow:inset 0 0 0 2px #142943,0 1px 0 rgba(255,255,255,.12)}.side-button{position:absolute;z-index:2;right:-12px;width:4px;border-radius:0 3px 3px 0;background:#172e4b;box-shadow:inset 1px 0 rgba(255,255,255,.2)}.side-button-top{top:108px;height:37px}.side-button-middle{top:159px;height:58px}.side-button-bottom{top:227px;height:58px}.app-bottom-nav{position:relative;z-index:2}.gesture-bar{position:relative;z-index:2}
@media (max-width:900px){.phone-stage{min-height:640px}.steps-grid{grid-template-columns:1fr}}
@media (max-width:620px){h1{font-size:46px}.hero-tagline{font-size:22px}.phone-stage{min-height:570px}.phone-frame{padding:20px 9px 10px;border-width:7px;border-radius:36px}.phone-frame:after{inset:6px;border-radius:30px}.app-screen{border-radius:22px}.app-bottom-nav{height:54px}.camera-dot{left:calc(50% + 34px)}.side-button{right:-10px}.note-bottom{display:none}}

/* Keep the phone close to the supplied reference: a clean white device with the app nested inside. */
.phone-frame{width:280px;padding:24px 12px 17px;border:9px solid #12223b;border-radius:42px;background:#fff;box-shadow:var(--shadow);transform:none}
.phone-frame:after{display:none}
.camera-dot,.side-button{display:none}
.app-screen{border-radius:25px;box-shadow:none}
.speaker{top:9px;width:68px;height:5px;background:#26364b;box-shadow:none}
@media (max-width:620px){.phone-frame{width:230px;padding:20px 10px 13px;border-width:7px;border-radius:34px}.app-screen{border-radius:21px}}