:root{--blue:#175cff;--navy:#07152e;--ink:#10213f;--muted:#65728a;--pale:#f4f7fc;--line:#dce4f0;--lime:#63dfab;--coral:#ff6175}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(16,33,63,.08);backdrop-filter:blur(16px)}.header__inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;color:var(--navy);font-size:1.24rem;font-weight:850;letter-spacing:-.06em;text-decoration:none}.brand>span:last-child{color:var(--blue)}.brand__mark{display:grid;place-items:center;width:27px;height:27px;margin-right:7px;border-radius:9px;background:var(--blue);color:white;font-size:.83rem;letter-spacing:0}.header nav{display:flex;gap:25px}.header nav a,footer a{color:#46536a;font-size:.83rem;font-weight:650;text-decoration:none}.header nav a:hover,footer a:hover{color:var(--blue)}.header__download{padding:10px 16px;border-radius:9px;background:var(--navy);color:white;font-size:.78rem;font-weight:750;text-decoration:none}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.center{text-align:center}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:850;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(3.25rem,6vw,5.9rem)}h1 em{color:var(--blue);font-style:normal}h2{font-size:clamp(2.5rem,4vw,4.25rem)}.lead{max-width:550px;margin:28px 0;color:var(--muted);font-size:1.12rem}.button{display:inline-flex;align-items:center;gap:20px;padding:15px 19px;border-radius:10px;background:var(--blue);color:#fff;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{box-shadow:0 12px 28px rgba(23,92,255,.25);transform:translateY(-2px)}.button span{font-size:1.25rem}.hero{overflow:hidden;padding:96px 0 82px;background:linear-gradient(126deg,#fff 0,#f5f8ff 58%,#eaf0ff 100%)}.hero__grid{display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:center}.hero__actions{display:flex;align-items:center;gap:20px}.hero__actions p{margin:0;color:#7a8599;font-size:.72rem}.hero__visual{position:relative;min-height:505px;display:grid;place-items:center}.phone{width:294px;height:510px;padding:12px;border:9px solid #152444;border-radius:39px;background:#fff;box-shadow:0 32px 50px rgba(25,66,141,.23);transform:rotate(4deg)}.phone__top{display:flex;justify-content:space-between;padding:4px 8px;color:#152444;font-size:.65rem}.mini-map,.screen-card__phone{position:relative;overflow:hidden;height:452px;border-radius:24px;background:linear-gradient(42deg,#dae9df,#eef1e9)}.road,.screen-card__phone:before,.screen-card__phone:after{position:absolute;display:block;background:#fff;content:""}.road--one{width:130%;height:30px;top:44%;left:-13%;transform:rotate(-26deg);box-shadow:0 0 0 4px #d3d7d4}.road--two{width:30px;height:115%;top:-9%;left:53%;transform:rotate(20deg);box-shadow:0 0 0 4px #d3d7d4}.route,.route-line{position:absolute;width:42%;height:44%;top:28%;left:38%;border:7px solid var(--blue);border-left:0;border-bottom:0;border-radius:0 35px 0 0;transform:rotate(16deg)}.pin,.screen-card__phone i{position:absolute;z-index:2;top:47%;left:49%;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal}.search{position:absolute;top:16px;left:14px;right:14px;padding:12px 14px;border-radius:10px;background:#fff;color:#758096;font-size:.76rem;box-shadow:0 4px 12px #0a21411a}.nav-card{position:absolute;right:11px;bottom:12px;left:11px;padding:13px;border-radius:13px;background:var(--navy);color:white;font-size:.74rem}.nav-card b,.nav-card span,.nav-card strong{display:block}.nav-card span{color:#c2ccdc}.nav-card strong{margin-top:8px;font-size:.68rem}.hero__badge{position:absolute;padding:10px 13px;border-radius:10px;background:#fff;box-shadow:0 8px 22px #173a7b1c;font-size:.73rem;font-weight:750}.badge--gps{top:65px;right:12px;color:#15875c}.badge--gps:first-letter{color:#42ca8b}.badge--offline{bottom:72px;left:13px;color:var(--blue)}.features{padding:110px 0}.features h2,.screens h2,.faq h2{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.feature-grid article{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e8efff;color:var(--blue);font-size:1.35rem}.feature-grid h3{margin:25px 0 9px;font-size:1.1rem;letter-spacing:-.035em}.feature-grid p{margin:0;color:var(--muted);font-size:.87rem}.flow{padding:100px 0;background:var(--navy);color:white}.flow__intro{max-width:640px}.flow .eyebrow{color:#7ca5ff}.flow__intro p:last-child{color:#a7b4cb}.flow__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:56px 0 0;padding:0;list-style:none}.flow__steps li{position:relative;padding:17px 15px;border-top:1px solid #42506a;color:#b4bfd3;font-size:.8rem}.flow__steps li:before{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#65728a;content:""}.flow__steps b,.flow__steps span{display:block}.flow__steps b{margin-bottom:32px;color:#8190a9;font-size:.66rem}.flow__steps .flow__active{color:#fff}.flow__steps .flow__active:before{width:12px;height:12px;top:-7px;background:var(--lime);box-shadow:0 0 0 7px #63dfab22}.flow__steps .flow__active b{color:var(--lime)}.screens{padding:110px 0;background:#f7f9fd}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:52px}.screen-card{padding:16px;border:1px solid #e1e7f0;border-radius:18px;background:#fff}.screen-card--featured{transform:translateY(-20px);box-shadow:0 18px 45px #15377f16}.screen-card__phone{height:370px;border-radius:13px}.screen-card__phone--route{background:linear-gradient(43deg,#dbe9de,#e5edf7)}.screen-card__phone--route:before{width:130%;height:27px;top:47%;left:-13%;transform:rotate(-27deg);box-shadow:0 0 0 4px #d1d7d7}.screen-card__phone--route:after{width:25px;height:115%;top:-12%;left:56%;transform:rotate(22deg);box-shadow:0 0 0 4px #d1d7d7}.map-label{position:absolute;top:23px;left:23px;color:#718198;font-size:.72rem}.screen-search{position:absolute;top:13px;right:13px;left:13px;padding:11px;border-radius:8px;background:#fff;color:#6e7a8d;font-size:.72rem}.screen-card__phone--drive{background:linear-gradient(42deg,#d6e4e0,#e9e5dc)}.screen-card__phone--drive:before{width:140%;height:28px;top:50%;left:-20%;transform:rotate(-18deg);box-shadow:0 0 0 5px #fdfdfd}.turn{position:absolute;z-index:2;top:14px;right:13px;left:13px;padding:14px;border-radius:9px;background:var(--navy);color:#fff;font-size:1.45rem}.turn span{margin-left:10px;font-size:.68rem;vertical-align:middle}.eta{position:absolute;right:13px;bottom:13px;left:13px;padding:13px;border-radius:9px;background:#fff;font-weight:850}.eta span{float:right;color:var(--muted);font-size:.72rem}.screen-card__phone--lost{background:#273a5c}.screen-card__phone--lost:before{width:140%;height:26px;top:55%;left:-20%;transform:rotate(-24deg);background:#51627c}.lost{position:absolute;z-index:2;top:25px;right:13px;left:13px;padding:13px;border-radius:9px;background:#ffeff1;color:#d5354e;font-size:.83rem;font-weight:800}.lost small{color:#8a5360;font-weight:500}.screen-card__phone--lost i{top:52%;background:var(--coral)}.screen-card__phone--lost button{position:absolute;right:13px;bottom:14px;left:13px;padding:11px;border:0;border-radius:8px;background:#fff;color:var(--navy);font-weight:800}.screen-card h3{margin:21px 6px 6px;font-size:1.05rem}.screen-card p{margin:0 6px 6px;color:var(--muted);font-size:.82rem}.transport{padding:110px 0;background:#c7eddb}.transport__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modes span{min-height:116px;padding:18px;border:1px solid #acd9c1;border-radius:15px;background:#d9f5e7;font-size:1.5rem}.modes b{display:block;margin-top:22px;color:#244d3c;font-size:.78rem}.offline{padding:112px 0}.offline__grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.offline__grid>div>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:1.07rem}.text-link{display:inline-block;margin-top:22px;color:var(--blue);font-size:.85rem;font-weight:800;text-decoration:none}.text-link span{font-size:1.2rem}.downloads{padding:17px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 40px #23447c12}.downloads>div{display:flex;align-items:center;gap:12px;padding:15px 7px;border-bottom:1px solid #e6ebf3;font-size:.8rem}.downloads>div:last-child{border:0}.downloads__head{justify-content:space-between;color:var(--navy);font-size:.9rem!important}.downloads span{flex:1}.downloads b,.downloads small{display:block}.downloads small{color:#8893a5}.downloads button{padding:8px 10px;border:1px solid #a9c1ff;border-radius:7px;background:#edf3ff;color:var(--blue);font-size:.72rem;font-weight:800}.downloaded i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d8f5e8;color:#0e915d;font-style:normal}.downloaded strong{color:#159966;font-size:.7rem}.faq{padding:100px 0;background:#f7f9fd}.faq__list{max-width:760px;margin:47px auto 0}.faq__list article{border-top:1px solid #dbe2ed}.faq__list article:last-child{border-bottom:1px solid #dbe2ed}.faq__button{display:flex;width:100%;justify-content:space-between;padding:21px 0;border:0;background:transparent;color:var(--navy);font-size:.98rem;font-weight:760;text-align:left}.faq__button span{color:var(--blue);font-size:1.4rem;font-weight:400}.faq__list p{display:none;max-width:640px;margin:0 0 20px;color:var(--muted);font-size:.9rem}.faq--open p{display:block}.faq--open .faq__button span{transform:rotate(45deg)}.cta{padding:112px 0;background:var(--blue);color:#fff}.cta .eyebrow{color:#b9ceff}.cta p:not(.eyebrow){max-width:480px;color:#d9e4ff;font-size:1.08rem}.button--dark{background:var(--navy)}.cta__actions{display:flex;align-items:center;gap:14px;margin-top:29px}.qr{display:grid;place-items:center;width:64px;height:64px;border:5px solid white;background:repeating-linear-gradient(90deg,#fff 0 5px,#133b9e 5px 9px),repeating-linear-gradient(#fff 0 5px,#133b9e 5px 9px);color:#fff;font-size:.6rem;font-weight:900;mix-blend-mode:normal}.cta__actions small{color:#c9d8ff;font-size:.7rem}footer{padding:32px 0} .footer__inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer__inner>div{display:flex;flex-wrap:wrap;gap:16px}.footer__inner p{margin:0;color:#8490a4;font-size:.72rem}
@media(max-width:800px){.wrap{width:min(100% - 32px,1160px)}.header nav{display:none}.header__download{font-size:.7rem}.hero{padding:66px 0 40px}.hero__grid,.offline__grid,.transport__inner{grid-template-columns:1fr}.hero__visual{min-height:450px;order:-1}.phone{transform:rotate(2deg) scale(.88)}.hero__copy{text-align:center}.lead{margin-right:auto;margin-left:auto}.hero__actions{justify-content:center;text-align:left}.feature-grid,.screen-grid{grid-template-columns:repeat(2,1fr)}.flow__steps{grid-template-columns:1fr}.flow__steps li{padding:13px 0 13px 22px;border-top:0;border-left:1px solid #42506a}.flow__steps li:before{top:15px;left:-5px}.flow__steps b{margin-bottom:2px}.screen-card--featured{transform:none}.transport__inner{gap:40px}.offline__grid{gap:50px}.footer__inner{align-items:flex-start;flex-direction:column}.footer__inner>div{gap:12px}}@media(max-width:480px){h1{font-size:3rem}.feature-grid,.screen-grid{grid-template-columns:1fr}.hero__actions{align-items:flex-start;flex-direction:column}.modes{grid-template-columns:repeat(2,1fr)}.screen-card__phone{height:320px}}