@font-face{font-family:Nunito;src:url('/fonts/regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('/fonts/bold.ttf') format('truetype');font-weight:600 800;font-display:swap}@font-face{font-family:Nunito;src:url('/fonts/black.ttf') format('truetype');font-weight:900;font-display:swap}
:root,.dark{--background:#0d1035;--foreground:#fff;--primary:#c8ff00;--primary-foreground:#0d1035;--input:#707497;--ring:#c8ff00;--font-sans:Nunito;--lime:#c8ff00;--muted:#adb0cf;--lavender:#d4b8ff}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--background);color:white;font-family:Nunito,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{cursor:pointer}p,h1,h2,h3{margin:0}svg{flex-shrink:0}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}.brand{display:flex;gap:10px;align-items:center;font-weight:900;line-height:1.06;font-size:19px}.brand svg{width:35px;height:35px}.brand em{font-style:normal;color:var(--lime)}nav{display:flex;gap:34px;color:#c0c2da;font-size:15px}nav a:hover,.text-link:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:18px 24px;background:var(--lime);color:#10132f;border:0;border-radius:15px;font-weight:900;transition:transform .2s,background .2s}.button:hover{background:#d7ff4d;transform:translateY(-2px)}.button:disabled{opacity:.6;cursor:wait}.button.small{padding:12px 18px;font-size:14px;border-radius:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;min-height:0;padding-block:6px 48px;gap:20px}.eyebrow{font-size:14px;letter-spacing:1.1px;font-weight:800;text-transform:uppercase;color:#c3c5df;display:flex;align-items:center;gap:9px;margin-bottom:24px}.dot{height:8px;width:8px;background:var(--lime);border-radius:50%}h1{font-size:clamp(52px,5.8vw,80px);line-height:1.04;letter-spacing:-3px;font-weight:900}h1 span,.lime{color:var(--lime)}h1 .period{color:#d4b8ff}.lead{font-size:19px;color:#bfc2df;max-width:460px;margin-top:27px;line-height:1.6}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:30px}.text-link{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800}.hero-note{display:flex;align-items:center;gap:10px;color:#9b9fbe;font-size:13px;margin-top:31px}.hero-note svg{color:#d4b8ff}.hero-art{height:610px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#5532b9 0%,#282185 60%,#171847 72%);box-shadow:0 0 100px #4b26a92e}.orbit:after{content:'';position:absolute;inset:-28px;border:1px dashed #9381e65c;border-radius:50%;transform:rotate(-20deg)}.phone{width:290px;z-index:1;transform:rotate(7deg);border:6px solid #292b48;border-radius:30px;background:#0d1035;box-shadow:20px 35px 60px #05071b90;overflow:hidden}.phone img{display:block;width:100%;height:auto}.big-paw{position:absolute;left:-8px;top:27px;width:135px;height:135px;color:var(--lime);transform:rotate(-24deg);z-index:2}.travel-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:13px;box-shadow:0 10px 30px #06062244;font-size:14px;font-weight:800;white-space:nowrap}.tag-one{right:-5px;top:93px;background:#d4b8ff;color:#22144a;transform:rotate(7deg)}.tag-two{bottom:92px;left:-12px;background:#fff;color:#111632;transform:rotate(-5deg)}.check-circle{padding:5px;background:var(--lime);border-radius:50%}.art-caption{position:absolute;bottom:14px;font-size:12px;color:#9598b7}.ticker{background:var(--lime);color:#151a33;display:flex;align-items:center;justify-content:space-around;gap:30px;padding:12px 30px;font-size:20px;font-weight:900;overflow:hidden}.ticker span{white-space:nowrap}.ticker svg{width:27px;height:27px}.section{padding-block:104px}h2{font-size:clamp(35px,3.7vw,50px);font-weight:900;line-height:1.12;letter-spacing:-1.5px}.lavender{color:var(--lavender)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-top>p{color:var(--muted);max-width:310px}.service-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.service{position:relative;overflow:hidden;min-height:268px;border-radius:26px;padding:30px 34px;background:#1a2288}.service-0{background:linear-gradient(125deg,#3223a2,#4b27bc)}.service-2{background:#d4b8ff;color:#201743}.service-3{background:#202460}.service-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.service-head>span{border:1px solid #ffffff42;border-radius:30px;padding:4px 12px;font-size:13px}.service-2 .service-head>span{border-color:#25174455}.service h3{font-size:26px;font-weight:900;line-height:1.15;max-width:350px;margin-bottom:13px;position:relative;z-index:1}.service p{max-width:370px;color:#d6d7ef;position:relative;z-index:1}.service-2 p{color:#4c3f6c}.card-paw{position:absolute;width:126px;height:126px;right:-25px;bottom:-30px;opacity:.07;transform:rotate(-23deg)}.coming{display:flex;gap:22px;align-items:center;margin-top:27px;font-size:14px}.coming>span:first-child{font-weight:800}.coming p{color:#adb0cf}.pill{border:1px solid #6a638e;padding:4px 12px;border-radius:20px;white-space:nowrap;font-size:12px;color:#d4b8ff}.how{background:#171b51}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:48px}.step-number{font-size:52px;color:var(--lime);font-weight:900;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;padding-bottom:18px;margin-bottom:22px}.step-number svg{color:#737aab}.steps h3{font-size:23px;line-height:1.2;font-weight:900;margin-bottom:14px}.steps p{color:var(--muted)}.why{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.why-intro{color:var(--muted);margin-top:24px;max-width:410px}.reasons{margin-top:27px}.reasons p{display:flex;gap:12px;align-items:center;margin-top:13px;font-size:15px}.reasons svg{color:var(--lime);width:19px}.story{padding:38px;border:1px solid #7964c255;border-radius:28px;background:linear-gradient(135deg,#24205a,#181641);transform:rotate(2deg)}.story>svg{color:var(--lavender);transform:rotate(-20deg)}blockquote{font-size:28px;line-height:1.3;font-weight:900;margin:22px 0}.story>p{color:#bdb7d9}.founder{display:flex;gap:13px;align-items:center;margin-top:28px;border-top:1px solid #ffffff1c;padding-top:23px}.founder>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lavender);color:#302352;font-weight:900}.founder small{display:block;font-size:12px;color:#bdb7d9;margin-top:3px}.join{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(115deg,#3820aa,#5028c0);border-radius:34px;padding:54px;gap:65px;overflow:hidden}.join-copy{position:relative}.join h2{font-size:54px}.join-copy>p{max-width:340px;margin-top:22px;color:#dbd2f2}.join .eyebrow{color:#dfd5ff}.countries{display:flex;gap:12px;margin-top:26px}.countries span{padding:8px 14px;border:1px solid #ffffff3b;border-radius:22px;font-size:14px}.join-paw{position:absolute;bottom:-64px;right:5px;width:165px;height:165px;color:#ad8bef;opacity:.22;transform:rotate(-25deg)}.form-card{padding:30px;background:#0d1035;border-radius:23px}.form-card>svg{color:var(--lime);margin-bottom:15px}.form-card h3{font-size:29px;font-weight:900}.form-card>p{color:var(--muted);font-size:15px;margin:8px 0 22px}form>label{display:block;font-size:14px;margin-bottom:8px;font-weight:800}input[type=email]{width:100%;border:1px solid #606584;background:#1b1f43;color:#fff;border-radius:10px;padding:14px 16px}input::placeholder{color:#959ab8}.consent{display:flex;gap:10px;align-items:flex-start;margin:17px 0 21px;font-weight:400;font-size:12px;color:#bfc2d8;line-height:1.5}.consent [data-slot=checkbox]{margin-top:3px;width:17px;height:17px}.form-card .button{width:100%;padding:15px}.form-status{font-size:14px;color:#d4b8ff;margin-top:10px}.form-card>small{color:#a0a5c4;font-size:12px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px}.download{padding-block:52px;display:flex;align-items:center;gap:24px}.download-icon{background:#232654;padding:20px;border-radius:19px;color:var(--lavender)}.download h3{font-size:23px;font-weight:900}.download p{font-size:14px;max-width:540px;color:var(--muted);margin-top:7px}.stores{display:flex;gap:12px;margin-left:auto}.stores>span{border:1px solid #4c506b;border-radius:12px;padding:10px 22px;font-size:20px;font-weight:800}.stores small{display:block;color:#a8acc7;font-size:12px;font-weight:400}footer{border-top:1px solid #ffffff20;display:flex;gap:20px;align-items:center;justify-content:space-between;padding-block:30px}footer .brand{font-size:16px}footer .brand svg{width:25px}footer>span,footer>small{color:#8f94b8;font-size:12px}
@media(min-width:1500px){.hero{padding-top:8px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:0}h1{font-size:61px}.hero-art{transform:scale(.88);transform-origin:center}.why{gap:35px}.join{padding:38px;gap:30px}.coming{flex-wrap:wrap;gap:12px}.ticker{justify-content:flex-start}.download{flex-wrap:wrap}.stores{margin-left:0}.header nav{gap:20px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:70px}.header nav{display:none}.brand{font-size:16px}.brand svg{width:29px}.button.small{padding:11px 13px;font-size:12px}.hero{display:block;padding-block:6px 20px}.hero .eyebrow{font-size:12px}h1{font-size:clamp(46px,10vw,70px);letter-spacing:-2px}.lead{font-size:17px;max-width:440px}.hero-art{height:545px;transform:scale(.9);margin:0 -12px}.orbit{width:340px;height:340px}.phone{width:265px}.big-paw{width:105px;left:0;top:34px}.tag-one{right:-8px;top:75px;font-size:12px}.tag-two{left:-8px;bottom:65px;font-size:12px}.art-caption{bottom:0}.hero-note{margin-top:23px}.ticker{font-size:16px;padding:10px 20px}.section{padding-block:65px}.section-top{display:block}.section-top>p{margin-top:20px;max-width:100%}h2{font-size:36px}.service-grid,.why,.steps,.join{grid-template-columns:1fr}.service{padding:26px;min-height:255px}.service h3{font-size:25px}.coming{align-items:flex-start}.coming p{width:100%;font-size:13px}.steps{gap:30px;margin-top:26px}.step-number{font-size:40px;margin-bottom:17px;padding-bottom:8px}.steps article:last-child .step-number svg{visibility:hidden}.why{gap:34px}.story{padding:27px;transform:none}blockquote{font-size:25px}.join{padding:28px;gap:30px;border-radius:25px}.join h2{font-size:43px}.join-paw{display:none}.form-card{padding:24px}.download{gap:16px;padding-block:34px}.download>div:nth-child(2){flex:1;min-width:200px}.stores{width:100%;padding-left:0}.stores>span{flex:1;font-size:18px}.download h3{font-size:21px}footer{align-items:flex-start;flex-direction:column;gap:14px}.eyebrow{font-size:12px;margin-bottom:18px}.story small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Services: four compact rows beside the complete app illustration. */
.services-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}
.services-layout .service-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.services-layout .service{min-height:0;padding:22px 26px 22px 78px;border-radius:20px}
.services-layout .service-head{margin-bottom:8px;justify-content:flex-start}
.services-layout .service-head>svg{position:absolute;left:25px;top:25px;width:28px;height:28px}
.services-layout .service-head>span{padding:0;border:0;font-size:12px;opacity:.8}
.services-layout .service h3{font-size:22px;max-width:none;margin-bottom:8px}
.services-layout .service p{font-size:15px;max-width:none}
.services-layout .hero-art{min-width:0;width:100%;margin:0}
@media(max-width:1050px) and (min-width:761px){.services-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.services-layout .service{padding:20px 20px 20px 62px}.services-layout .service-head>svg{left:20px;width:24px;height:24px}.services-layout .service h3{font-size:20px}.services-layout .orbit{width:340px;height:340px}.services-layout .phone{width:265px}.services-layout .travel-tag{font-size:12px;padding:12px}.services-layout .big-paw{width:105px;height:105px}}
@media(max-width:760px){.services-layout{grid-template-columns:minmax(0,1fr);gap:22px}.services-layout .service{padding:20px 20px 20px 66px}.services-layout .service-head>svg{left:21px;width:25px;height:25px}.services-layout .service h3{font-size:21px}.services-layout .hero-art{max-width:460px;justify-self:center}.services-layout .travel-tag{white-space:normal}}
/* Supplied taxi artwork in a softly lit hero frame. */
.hero>div{min-width:0}
.taxi-hero{position:relative;align-self:center;width:100%;padding:20px 0 28px 8px;isolation:isolate}
.taxi-glow{position:absolute;inset:4% -3% 0;background:radial-gradient(ellipse,#5935c35c 0%,#28236c2b 50%,transparent 72%);z-index:-1}
.taxi-frame{position:relative;overflow:hidden;border-radius:38px;background:#fff;transform:rotate(-3deg);box-shadow:0 28px 60px #04061770,0 0 0 1px #d4b8ff38}
.taxi-frame>img{display:block;width:100%;height:auto}
.taxi-stamp{position:absolute;left:0;top:0;width:10%;min-width:45px;height:16%;min-height:43px;display:grid;place-items:center;background:#fff;color:#35259c;border-bottom-right-radius:18px}
@media(max-width:1050px) and (min-width:761px){.taxi-frame{border-radius:28px}.taxi-stamp svg{width:25px;height:25px}}
@media(max-width:760px){.taxi-hero{width:min(100%,520px);margin:24px auto 8px;padding:10px 5px 18px}.taxi-frame{border-radius:28px;transform:rotate(-2deg)}.taxi-stamp svg{width:24px;height:24px}}
/* Seamless taxi illustration: no card, border, tilt or corner badge. */
.taxi-hero{padding:0;align-self:center}
.taxi-glow{display:none}
.taxi-frame{overflow:visible;border-radius:0;background:transparent;transform:none;box-shadow:none}
.taxi-frame>img{width:112%;max-width:none;margin-left:-6%;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
@media(max-width:760px){.taxi-hero{margin:24px auto 8px;padding:0}.taxi-frame{border-radius:0;transform:none}.taxi-frame>img{width:100%;margin:0}}
.services-layout .service-head{gap:12px;flex-wrap:wrap}
.services-layout .service-head>.service-status{margin-left:auto;padding:3px 10px;border:1px solid #6a638e;border-radius:20px;color:#d4b8ff;opacity:1;font-size:12px;white-space:nowrap}
.services-layout .service-head>.service-status{background:#202460}

.services-layout .service-2 .service-head>.service-status{color:#202460;background-color:#d4b8ff}

/* Tighter transition from services to the how-it-works section. */
#services{padding-bottom:48px}
#how{padding-top:48px;padding-bottom:64px}
@media(max-width:760px){#services{padding-bottom:32px}#how{padding-top:32px;padding-bottom:44px}}

footer.wrap{padding-block:14px}
@media(max-width:760px){footer.wrap{padding-block:16px;gap:8px}}



footer.wrap{flex-wrap:wrap;gap:14px 20px}.footer-links{display:flex;align-items:center;gap:14px}.footer-links>a:first-child{font-size:12px;color:#adb0cf;text-decoration:underline;text-underline-offset:3px}.footer-links>a:first-child:hover{color:#d4b8ff}.telegram-link{width:34px;height:34px;display:grid;place-items:center;background:#232654;border:1px solid #6a638e;border-radius:50%;color:#d4b8ff}.telegram-link:hover{background:#c8ff00;color:#0d1035}.privacy-page{max-width:800px;padding-block:32px 60px}.privacy-back{display:inline-block;color:#c8ff00;margin-bottom:32px}.privacy-page h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1px;overflow-wrap:anywhere;margin-bottom:24px}.privacy-page h2{font-size:24px;letter-spacing:0;margin:28px 0 12px}.privacy-page p{color:#c0c2da;line-height:1.75}.privacy-page .eyebrow{font-size:12px}
.privacy-page ul{margin:12px 0 20px;padding-left:1.25em;color:#c0c2da;line-height:1.75}
.privacy-page ol{margin:12px 0 20px;padding-left:1.25em;color:#c0c2da;line-height:1.75}
.privacy-page li{margin:6px 0}
.privacy-page h3{font-size:18px;letter-spacing:0;margin:20px 0 8px;font-weight:800}
.privacy-page strong{color:#fff;font-weight:800}

/* A consistent illustration for each stage of the journey. */
.steps{gap:28px}
.steps>article{min-width:0}
.step-illustration{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:20px;margin:0 0 24px;background:#0d1035}
.steps .step-number{margin-bottom:18px}
@media(max-width:760px){.steps{gap:34px}.step-illustration{max-width:480px;margin:0 auto 22px}.steps .step-number{margin-bottom:16px}}

/* Alternating journey with small pawprints leading to the next step. */
#how{background:#0d1035}
.steps{display:flex;flex-direction:column;gap:76px;margin-top:32px}
.steps>.journey-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:64px}
.step-illustration{border-radius:0;background:transparent;margin:0;mask-image:radial-gradient(ellipse 63% 62% at center,#000 58%,transparent 82%);width:100%;max-width:520px;justify-self:center}
.step-copy{max-width:390px}
.steps .step-number{border:0;padding:0;margin:0 0 12px;font-size:44px;line-height:1}
.steps h3{font-size:30px}
.steps p{font-size:17px}
.journey-step:nth-of-type(2n) .step-illustration{grid-column:2;grid-row:1}
.journey-step:nth-of-type(2n) .step-copy{grid-column:1;grid-row:1;justify-self:end}
.paw-trail{position:absolute;left:43%;bottom:-70px;width:140px;height:70px;display:flex;align-items:center;justify-content:space-between;transform:rotate(24deg);pointer-events:none}
.paw-trail svg{width:20px;height:23px;fill:var(--lime);transform:rotate(125deg)}
.paw-trail svg:nth-child(even){translate:0 -15px}
.journey-step:nth-of-type(2n) .paw-trail{transform:rotate(-24deg)}
.journey-step:nth-of-type(2n) .paw-trail svg{transform:rotate(55deg)}
@media(max-width:760px){
.steps{gap:78px}
.steps>.journey-step{grid-template-columns:1fr;gap:8px}
.step-illustration{max-width:420px}
.journey-step:nth-of-type(2n) .step-illustration{grid-column:1;grid-row:auto}
.journey-step:nth-of-type(2n) .step-copy{grid-column:1;grid-row:auto;justify-self:start}
.step-copy{max-width:440px;padding-inline:12px}
.steps h3{font-size:25px}
.steps .step-number{font-size:34px}
.paw-trail,.journey-step:nth-of-type(2n) .paw-trail{left:calc(50% - 65px);bottom:-65px;transform:rotate(15deg);height:50px}
}

/* Compact journey: preserve readable copy while reducing illustration height. */
#how .steps{gap:26px;margin-top:24px}
#how .steps>.journey-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px}
#how .step-illustration{width:100%;max-width:250px}
#how .step-copy{max-width:430px}
#how .paw-trail{bottom:-28px;height:28px;width:100px;left:calc(50% - 50px)}
#how .paw-trail svg{width:15px;height:18px}
#how .paw-trail svg:nth-child(even){translate:0 -8px}
@media(max-width:760px){
#how .steps{gap:34px;margin-top:22px}
#how .steps>.journey-step{column-gap:16px;grid-template-columns:minmax(0,130px) minmax(0,1fr)}
#how .step-illustration{max-width:130px}
#how .step-copy{padding:0}
#how .journey-step:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(0,130px)}
#how .journey-step:nth-of-type(2n) .step-illustration{grid-column:2;grid-row:1}
#how .journey-step:nth-of-type(2n) .step-copy{grid-column:1;grid-row:1}
#how .paw-trail{bottom:-31px}
}
@media(max-width:420px){
#how .steps>.journey-step{grid-template-columns:minmax(0,90px) minmax(0,1fr);column-gap:12px}
#how .journey-step:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(0,90px)}
#how .step-illustration{max-width:90px}
}

/* Paw trails follow the reading order: right to left, then left to right. */
#how .paw-trail{transform:rotate(-24deg)}
#how .paw-trail svg{transform:rotate(-90deg)}
#how .journey-step:nth-of-type(2n) .paw-trail{transform:rotate(24deg)}
#how .journey-step:nth-of-type(2n) .paw-trail svg{transform:rotate(90deg)}

/* Longer paired tracks, kept inside the gap and clear of step numbers. */
#how .paw-trail{width:156px;left:calc(50% - 90px);bottom:-24px;height:24px;transform:rotate(-12deg)}
#how .journey-step:nth-of-type(2n) .paw-trail{width:136px;left:calc(50% - 100px);transform:rotate(12deg)}
#how .paw-trail svg{width:14px;height:16px}
#how .paw-trail svg:nth-child(even){translate:0 -6px}
@media(max-width:760px){
#how .paw-trail{bottom:-28px;left:calc(50% - 78px)}
#how .journey-step:nth-of-type(2n) .paw-trail{left:calc(50% - 86px)}
}

/* Remove only the final print above 03 without redistributing the trail. */
#how .journey-step:nth-of-type(2) .paw-trail svg:last-child{visibility:hidden}

/* Native checkbox styled like the old shadcn control */
.consent input[type=checkbox]{
  appearance:none;-webkit-appearance:none;flex-shrink:0;margin-top:3px;width:17px;height:17px;
  border:1px solid #707497;border-radius:4px;background:transparent;cursor:pointer;position:relative;
}
.consent input[type=checkbox]:checked{background:#c8ff00;border-color:#c8ff00}
.consent input[type=checkbox]:checked::after{
  content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;
  border:solid #0d1035;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.consent input[type=checkbox]:focus-visible{outline:3px solid #c8ff00;outline-offset:3px}
.consent + .consent{margin-top:-6px}

/* --- visual fixes --- */
.big-paw{width:88px;height:88px;left:4px;top:40px;opacity:.85}
.services-layout .big-paw{width:88px;height:88px}
@media(max-width:1050px){.big-paw,.services-layout .big-paw{width:72px;height:72px}}
@media(max-width:760px){.big-paw{width:64px;height:64px;top:48px}}


#services{padding-top:56px;padding-bottom:40px}
#services .section-top{margin-bottom:28px}
#why{padding-top:56px}
.services-layout .service-grid{gap:10px}
.services-layout .service{padding:14px 24px 14px 72px}
.services-layout .service-head{margin-bottom:6px}
.services-layout .service-head>svg{top:18px;left:22px}
.services-layout .service h3{margin-bottom:6px}
@media(max-width:1050px) and (min-width:761px){
  .services-layout .service{padding:14px 18px 14px 58px}
  .services-layout .service-head>svg{top:16px;left:18px}
}
@media(max-width:760px){
  #services{padding-top:40px;padding-bottom:28px}
  #why{padding-top:40px}
  .services-layout .service{padding:14px 16px 14px 58px}
  .services-layout .service-head>svg{top:16px;left:18px}
}

/* Story: tighter padding, inline paw next to Аэропорт */
.story{padding:24px 26px}
.story>svg{display:none}
blockquote{margin:0 0 16px}
.quote-paw{
  display:inline-block;
  width:1.05em;
  height:1.05em;
  vertical-align:-0.12em;
  margin:0 0.12em;
  color:var(--lavender);
  transform:rotate(-18deg);
}
@media(max-width:760px){.story{padding:20px}}

/* How-it-works steps layout */
#how .steps{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:24px;
}
#how .steps > .journey-step{position:relative}

.founder-avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  display:block;
  background:var(--lavender);
}
.founder-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
  display:block;
}

.form-card h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.form-card h3 svg{color:var(--lime);margin:0}
.form-card>svg{display:none}

.lime-link{color:var(--lime);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.lime-link:hover{color:#d7ff4d}
.form-privacy{
  display:block;
  margin-top:10px;
  font-size:12px;
  color:#adb0cf;
  text-decoration:underline;
  text-underline-offset:3px;
}
.form-privacy:hover{color:#d4b8ff}
.form-legal-links{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.form-legal-links .form-privacy{margin-top:0}
.field-label-spaced{margin-top:14px!important}
.field-hint{margin:10px 0 0;font-size:12px;color:#a0a5c4;line-height:1.4}
.form-status{font-size:14px;color:#d4b8ff;margin-top:10px}
.form-status.is-error{
  color:#ff5c6c;
  font-weight:800;
  line-height:1.4;
}
.form-status.is-success{margin-top:0}
.form-status .form-success-text{display:block;line-height:1.45;color:#d4b8ff;margin-bottom:4px}
.form-card.is-submitted > h3,
.form-card.is-submitted > p,
.form-card.is-submitted > small,
.form-card.is-submitted #waitlist-form > :not(.form-status){
  display:none !important;
}
.form-tg-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
  padding:10px 14px;
  border-radius:12px;
  background:#232654;
  border:1px solid #6a638e;
  color:#d4b8ff;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
.form-tg-cta:hover{background:#c8ff00;color:#0d1035;border-color:#c8ff00}
.consent a{color:#d4b8ff;text-decoration:underline;text-underline-offset:2px}
.consent a:hover{color:var(--lime)}
form input[type=tel],
form input[type=text]{
  width:100%;
  border:1px solid #606584;
  background:#1b1f43;
  color:#fff;
  border-radius:10px;
  padding:14px 16px;
}
.footer-links{flex-wrap:wrap}
.footer-links>a:not(.telegram-link){
  font-size:12px;
  color:#adb0cf;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-links>a:not(.telegram-link):hover{color:#d4b8ff}

/* Tags locked to phone-stage — scale together with phone/orbit */
#services .phone-stage{
  position:relative;
  z-index:1;
  width:290px;
}
#services .phone-stage .phone{
  width:100%;
  position:relative;
  z-index:1;
}
#services .phone-stage .travel-tag{
  position:absolute;
  z-index:3;
  right:auto;
  bottom:auto;
  margin:0;
  cursor:default;
  user-select:none;
}
#services .phone-stage .tag-one{
  left:82.4%;
  top:-11.4%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 20px;
  border-radius:13px;
  background:#d4b8ff;
  color:#22144a;
  box-shadow:0 10px 30px #06062244;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
  transform:rotate(16deg);
}
#services .phone-stage .tag-two{
  left:-57.1%;
  top:87.3%;
  display:flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  width:auto;
  max-width:none;
  padding:14px 18px;
  border-radius:18px;
  background:#fff;
  color:#111632;
  box-shadow:0 10px 30px #06062244;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  white-space:normal;
  transform:rotate(-5deg);
}
#services .phone-stage .tag-two .check-circle{
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:28px;
  height:28px;
  padding:0;
  margin:0;
  background:var(--lime);
  border-radius:50%;
  color:#0d1035;
}
#services .phone-stage .tag-two .check-circle svg{
  width:15px;
  height:15px;
  stroke:#0d1035;
}
#services .phone-stage .tag-two .tag-two-text{
  display:block;
  text-align:left;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  color:#111632;
}
@media(max-width:1050px){
  #services .phone-stage{width:265px}
}
@media(max-width:760px){
  #services .phone-stage{width:265px}
  #services .phone-stage .tag-one,
  #services .phone-stage .tag-two{
    font-size:14px!important;
    padding:14px 18px!important;
  }
  #services .phone-stage .tag-one{padding:14px 20px!important}
}
.services-layout .phone-stage .travel-tag{
  font-size:14px!important;
  white-space:inherit!important;
}
.services-layout .phone-stage .tag-one{white-space:nowrap!important}
.services-layout .phone-stage .tag-two{white-space:normal!important;padding:14px 18px!important}

/* Checkerboard: step 2 swaps image/text */
#how .journey-step:nth-of-type(2n) .step-illustration{grid-column:2;grid-row:1}
#how .journey-step:nth-of-type(2n) .step-copy{grid-column:1;grid-row:1;justify-self:end}
@media(max-width:760px){
  #how .journey-step:nth-of-type(2n){
    grid-template-columns:minmax(0,1fr) minmax(0,130px);
  }
  #how .journey-step:nth-of-type(2n) .step-illustration{grid-column:2;grid-row:1}
  #how .journey-step:nth-of-type(2n) .step-copy{grid-column:1;grid-row:1;justify-self:start}
}
@media(max-width:420px){
  #how .journey-step:nth-of-type(2n){
    grid-template-columns:minmax(0,1fr) minmax(0,90px);
  }
}

/* === Mobile polish (phone only; desktop rules above stay as locked) === */
@media(max-width:760px){
  /* Slightly duller lime — less neon on phone screens */
  :root,.dark{
    --lime:#b4db1a;
    --primary:#b4db1a;
    --ring:#b4db1a;
  }
  .button:hover{background:#c2e62e}
  .lime-link:hover{color:#c2e62e}
  .telegram-link:hover{background:var(--lime)}
  .privacy-back{color:var(--lime)}
  .consent input[type=checkbox]:checked{background:var(--lime);border-color:var(--lime)}
  .consent input[type=checkbox]:focus-visible{outline-color:var(--lime)}
  .form-tg-cta:hover{background:var(--lime);border-color:var(--lime)}
  .ticker{background:var(--lime)}

  /* Prevent horizontal scroll from badges / oversized art */
  body{overflow-x:hidden}
  .wrap{width:calc(100% - 28px)}

  /* Header / CTA */
  .header{gap:10px}
  .button.small{padding:10px 12px;font-size:12px;gap:8px}
  .button.small svg{width:16px;height:16px}

  /* Hero */
  .hero{padding-block:8px 16px}
  h1{font-size:clamp(40px,11vw,56px);letter-spacing:-1.5px}
  .lead{font-size:16px;margin-top:18px}
  .hero-actions{width:100%;margin-top:22px}
  .hero-actions .button{width:100%;justify-content:center;padding:16px 18px;gap:12px}
  .taxi-hero{margin:18px auto 4px;max-width:100%}

  /* Ticker: only first two phrases + paw between them */
  .ticker{
    gap:14px;
    padding:10px 14px;
    font-size:13px;
    justify-content:center;
    flex-wrap:nowrap;
    overflow:hidden;
  }
  .ticker svg{
    display:block;
    width:22px;
    height:22px;
    flex-shrink:0;
  }
  .ticker span:nth-of-type(n+3),
  .ticker svg:nth-of-type(n+2){
    display:none;
  }

  /* Services + phone mock — narrow stage so paw/tags stay by the phone */
  .services-layout{gap:28px}
  .services-layout .hero-art{
    position:relative;
    height:auto;
    min-height:0;
    width:min(320px,100%);
    max-width:320px;
    margin:0 auto;
    overflow:visible;
    transform:none;
    padding:36px 0 8px;
    display:block;
  }
  .services-layout .orbit{
    left:50%;
    /* Align circle center with phone center (padding + half phone height) */
    top:calc(36px + 176px);
    transform:translate(-50%,-50%);
    width:250px;
    height:250px;
    z-index:0;
  }
  #services .phone-stage{
    position:relative;
    z-index:2;
    width:200px;
    margin:0 auto;
  }
  /* Badges beside the phone, not on the screen */
  #services .phone-stage .tag-one{
    left:78%;
    top:-8%;
    right:auto;
    gap:6px;
    padding:8px 10px!important;
    font-size:11px!important;
    max-width:none;
    white-space:nowrap!important;
    line-height:1.15;
    transform:rotate(12deg);
    z-index:4;
  }
  #services .phone-stage .tag-one svg{
    width:14px;
    height:14px;
  }
  #services .phone-stage .tag-two{
    left:auto;
    right:92%;
    top:auto;
    bottom:8%;
    gap:6px;
    padding:8px 10px!important;
    font-size:11px!important;
    max-width:none;
    width:max-content;
    line-height:1.15;
    transform:rotate(-5deg);
    z-index:4;
  }
  #services .phone-stage .tag-two .check-circle{
    width:20px;
    height:20px;
  }
  #services .phone-stage .tag-two .check-circle svg{
    width:11px;
    height:11px;
  }
  #services .phone-stage .tag-two .tag-two-text{
    font-size:11px;
    line-height:1.15;
  }
  .services-layout .big-paw,
  #services .hero-art .big-paw{
    position:absolute;
    left:12px;
    top:18%;
    width:52px;
    height:52px;
    z-index:1;
    opacity:1;
    color:var(--lime);
    fill:currentColor;
    transform:rotate(-24deg);
    pointer-events:none;
  }
  .services-layout .art-caption,
  #services .hero-art .art-caption{
    position:static !important;
    display:block;
    width:100%;
    max-width:280px;
    margin:20px auto 0;
    padding:0 8px;
    text-align:center;
    font-size:12px;
    line-height:1.35;
    color:#b4b8d4;
    z-index:2;
  }

  /* How-it-works: stacked column, larger art (override compact side-by-side) */
  #how{padding-top:28px;padding-bottom:40px}
  #how .steps{
    gap:36px;
    margin-top:20px;
  }
  #how .steps > .journey-step,
  #how .journey-step:nth-of-type(2n){
    display:grid;
    grid-template-columns:1fr !important;
    gap:14px;
    column-gap:0;
  }
  #how .step-illustration,
  #how .journey-step:nth-of-type(2n) .step-illustration{
    grid-column:1 !important;
    grid-row:2 !important;
    max-width:min(320px,100%);
    width:100%;
    justify-self:center;
    order:0;
  }
  #how .step-copy,
  #how .journey-step:nth-of-type(2n) .step-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:stretch !important;
    max-width:none;
    padding:0;
  }
  #how .steps .step-number{font-size:36px;margin:0 0 10px}
  #how .steps h3{font-size:24px;margin-bottom:10px}
  #how .steps p{font-size:15px}

  /* Why / story */
  #why{padding-top:36px;padding-bottom:48px}
  .why{gap:28px}
  blockquote{font-size:22px;line-height:1.35}
  .reasons p{font-size:14px;align-items:flex-start}

  /* Join / form */
  .join{
    padding:22px 16px;
    gap:22px;
    border-radius:22px;
  }
  .join h2{font-size:clamp(32px,9vw,40px);line-height:1.1}
  .join-copy>p{max-width:none;font-size:15px}
  .countries{flex-wrap:wrap}
  .form-card{padding:20px 16px}
  .form-card h3{font-size:24px}
  .consent{
    margin:12px 0 14px;
    font-size:12px;
    gap:10px;
  }
  .consent + .consent{margin-top:0}
  .field-hint{font-size:11px}
  form input[type=tel],
  form input[type=text]{
    padding:13px 14px;
    font-size:16px; /* iOS zoom prevention */
  }
  .form-card .button{padding:14px;font-size:15px;gap:10px}
  .form-tg-cta{width:100%;justify-content:center;box-sizing:border-box}

  /* Download */
  .download{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding-block:28px;
  }
  .download>div:nth-child(2){min-width:0;width:100%}
  .download p{max-width:none}
  .stores{width:100%;margin-left:0}
  .stores>span{flex:1;text-align:center;font-size:16px;padding:10px 14px}

  /* Footer — telegram in top-right of footer block */
  footer.wrap{
    position:relative;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding-block:20px;
    padding-right:52px;
  }
  .footer-links{
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 14px;
  }
  .footer-links>a:not(.telegram-link){font-size:13px}
  footer.wrap .telegram-link{
    position:absolute;
    top:20px;
    right:0;
    margin:0;
    flex-shrink:0;
  }

  /* Legal pages */
  .privacy-page{padding-block:24px 48px}
  .privacy-page h1{font-size:clamp(28px,8vw,40px)}
  .privacy-page h2{font-size:20px;margin:22px 0 10px}
}

@media(max-width:420px){
  .wrap{width:calc(100% - 24px)}
  .services-layout .hero-art{width:min(300px,100%);max-width:300px}
  #services .phone-stage{width:180px}
  #services .phone-stage .tag-one{
    left:72%;
    top:-10%;
    font-size:10px!important;
    padding:7px 9px!important;
  }
  #services .phone-stage .tag-two{
    right:88%;
    bottom:6%;
    font-size:10px!important;
    padding:7px 9px!important;
  }
  #services .hero-art .big-paw{
    left:6px;
    top:16%;
    width:44px;
    height:44px;
    opacity:1;
  }
  .services-layout .orbit{
    top:calc(36px + 158px);
    width:230px;
    height:230px;
  }
  #how .step-illustration,
  #how .journey-step:nth-of-type(2n) .step-illustration{
    max-width:min(280px,100%);
  }
  .join h2{font-size:30px}
  .form-card h3{font-size:22px}
}