@charset "UTF-8";
:root{--ink:#102938;--night:#071c29;--cyan:#3bd2f3;--muted:#60717b;--line:#dce6eb;--paper:#fff;--soft:#f3f7f9;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;font-size:16px;scroll-behavior:smooth;scroll-padding-top:32px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #008aac;outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.65}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.cyan{color:var(--cyan)}.opening{background:var(--night);color:white;overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:29px;border-bottom:1px solid #ffffff16}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.6rem;font-weight:750;letter-spacing:-.055em}.brand img{border-radius:11px;width:42px;height:42px}.desktop-nav{display:flex;gap:34px;font-size:.875rem;color:#c9d6dd}.desktop-nav a{padding:12px 0;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.language{display:flex;gap:9px;align-items:center;color:#607f90;font-size:.875rem}.language button{border:0;background:transparent;color:#8ca4b0;padding:10px 3px;font-size:.875rem;font-weight:650}.language button[aria-pressed=true]{color:white}.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:36px;padding-top:62px;padding-bottom:66px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.15em;color:#16728c;margin-bottom:26px}.hero .eyebrow{color:#b1cad6;letter-spacing:.13em}.location-pin{font-size:1.5rem;line-height:1;color:var(--cyan)}h1{font-size:clamp(3.6rem,6.1vw,5.6rem);line-height:1.03;font-weight:740;letter-spacing:-.062em}h1>span{display:block}.hero-description{color:#b9ccd5;max-width:465px;font-size:1.08rem;line-height:1.8;margin-top:27px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:.9375rem;line-height:1.4;font-weight:650;padding:18px 24px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-cyan{background:var(--cyan);color:#062332}.button-cyan:hover{background:#80e7ff}.hero-note{display:flex;gap:12px;color:#8eaab9;font-size:.8125rem;margin-top:21px}.note-divider{color:#426274}.hero-visual{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;padding-bottom:30px}.hero-orbit{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#13566b 0,#0b3445 54%,#092633 72%);box-shadow:0 0 0 38px #ffffff02,0 0 0 39px #a4eaff08;transform:translate(15px,15px)}.phone{width:263px;position:relative;border:6px solid #162c36;outline:1px solid #49606e;border-radius:42px;overflow:hidden;transform:rotate(5deg);box-shadow:14px 22px 64px #0008;z-index:1}.phone img{width:100%;height:auto}.route-result{position:absolute;z-index:2;bottom:93px;left:-10px;display:flex;gap:14px;align-items:center;background:#fff;color:var(--ink);padding:18px 22px;border:1px solid #d9e9ec;border-radius:13px;box-shadow:0 12px 30px #0003;transform:rotate(-3deg)}.result-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ddf8f2;color:#147366;font-size:1.125rem;font-weight:700}.route-result strong{display:block;font-size:.9375rem;letter-spacing:-.02em}.route-result div>span{display:block;font-size:.75rem;color:#62747d;margin-top:5px}.hero-visual figcaption{position:absolute;bottom:0;color:#7e9dad;font-size:.75rem}.section{padding-block:105px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section-intro h2{font-size:clamp(2.3rem,3.5vw,3.25rem);line-height:1.13;max-width:520px;font-weight:650}.section-intro p{font-size:1.0625rem;color:var(--muted);padding-top:4px}.skip-link{position:absolute;top:15px;left:15px;padding:12px;background:white;color:var(--ink);z-index:20;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.header-shell{background:var(--night);color:white}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px}.benefits article{border-top:1px solid var(--line);padding-top:24px}.index{display:block;color:#348299;font-size:.75rem;letter-spacing:.08em;margin-bottom:24px}.benefits h3,.feature-grid h3{font-size:1.2rem;font-weight:650;line-height:1.35;letter-spacing:-.03em;margin-bottom:12px}.benefits p,.feature-grid p{font-size:.9375rem;color:var(--muted);line-height:1.7}.how{background:var(--soft);border-block:1px solid #e9f0f3}.section-intro .how-intro{padding-top:36px}.how-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-top:58px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:34px}.steps li{display:flex;gap:19px;align-items:flex-start}.step-number{flex-shrink:0;width:33px;height:33px;display:grid;place-items:center;border:1px solid #cadde5;border-radius:50%;color:#27839d;font-size:.8125rem;font-weight:650}.steps h3{font-size:1.1875rem;letter-spacing:-.025em;line-height:1.45;margin-bottom:9px}.steps p{font-size:.9375rem;color:var(--muted);line-height:1.7}.comparison{padding:30px;background:white;border:1px solid #d8e5eb;border-radius:18px;box-shadow:0 15px 40px #203d4f08}.comparison-header{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.1em;color:#647f8d}.example-label{font-size:.75rem;letter-spacing:0;background:#eff5f8;padding:6px 8px;border-radius:5px;white-space:nowrap}.route-switch{display:flex;border:0;padding:5px;margin:25px 0 30px;background:#eef3f5;border-radius:9px;gap:4px;min-width:0}.route-switch label{position:relative;flex:1;min-width:0;cursor:pointer}.route-switch input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.route-switch label>span{display:flex;justify-content:center;align-items:center;min-height:44px;text-align:center;font-size:.875rem;line-height:1.4;font-weight:600;border-radius:6px;padding:8px 7px;color:#587281;transition:background .2s,color .2s}.route-switch input:checked+span{background:var(--night);color:white;box-shadow:0 2px 7px #0c283222}.route-switch input:focus-visible+span{outline:3px solid #008aac;outline-offset:2px}.comparison-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:31px}.comparison-stats>div+div{border-left:1px solid var(--line);padding-left:24px}.metric-label{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:8px}.comparison-stats strong{font-size:2.5rem;font-weight:650;line-height:1.3;letter-spacing:-.045em}.comparison-stats small{font-size:1rem;font-weight:500;color:var(--muted);letter-spacing:0}.chart-heading{font-size:.8125rem;color:var(--muted);margin-bottom:12px}.surface-bar{height:14px;background:#edf2f4;border-radius:5px;overflow:hidden}.surface-bar span{display:block;height:100%;width:39.56%;background:#17bada;border-radius:5px;transition:width .45s,background .3s}.surface-bar span.normal{width:100%;background:#e99a49}.chart-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#6a818d;margin-top:8px}.comparison-takeaway{background:#ecf9fb;border:1px solid #d4eef3;padding:13px 14px;font-size:.875rem;color:#196b7e;border-radius:7px;margin-top:23px;font-weight:550}.comparison-note{font-size:.75rem;color:#71848e;line-height:1.65;margin-top:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:52px}.feature-grid svg{width:26px;height:26px;color:#178caa;margin-bottom:23px}.pro-panel{margin-top:76px;display:grid;grid-template-columns:.85fr 1fr;gap:60px;align-items:center;padding:52px;background:var(--night);color:white;border-radius:20px;overflow:hidden}.pro-copy .eyebrow{color:#a0c6d7;letter-spacing:.13em}.pro-tag{display:inline-block;font-size:.75rem;letter-spacing:.08em;background:#29454f;color:var(--cyan);padding:3px 7px;border:1px solid #456474;border-radius:4px}.pro-copy h2{font-size:2.6rem;line-height:1.13;font-weight:650;letter-spacing:-.045em;margin-bottom:21px}.pro-copy>p:not(.eyebrow){color:#b8ccd6;font-size:1rem;line-height:1.75}.pro-copy .pro-footnote{font-size:.75rem!important;color:#7da0b2!important;margin-top:25px}.carplay-visual img{width:100%;border:5px solid #253c48;outline:1px solid #416170;border-radius:23px;box-shadow:0 12px 30px #0003}.carplay-visual figcaption{text-align:center;color:#8aa6b5;font-size:.75rem;margin-top:13px}.faq{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;padding-top:15px}.faq-heading h2{font-size:3rem;line-height:1.12;max-width:340px;font-weight:650}.faq-heading>p:last-child{font-size:1rem;margin-top:23px;color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{list-style:none;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5;position:relative;padding-right:36px;letter-spacing:-.018em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:-2px;color:#4e7d90;font-size:1.4rem;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:.9375rem;line-height:1.8;color:var(--muted);margin-top:17px;padding-right:28px}.closing{background:var(--night);color:#fff;padding:85px 0 74px;text-align:center}.closing .eyebrow{display:block;color:#8cabbc;margin-bottom:23px}.closing h2{font-size:clamp(2.25rem,4.1vw,3.6rem);font-weight:620;line-height:1.18;letter-spacing:-.05em}.closing h2>span{display:block}.closing .button{margin-top:33px}.footer{background:var(--night);color:white}.footer-inner{display:flex;align-items:center;gap:28px;border-top:1px solid #ffffff1a;padding-block:28px}.footer .brand{font-size:1.375rem}.footer .brand img{width:32px;height:32px;border-radius:8px}.footer p{font-size:.8125rem;color:#87a3b3}.copyright{margin-left:auto;color:#7899aa;font-size:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[lang=uk] h1{font-size:clamp(3rem,5.2vw,4.7rem);letter-spacing:-.05em}html[lang=uk] .route-result{left:-35px}html[lang=uk] .desktop-nav{gap:25px}
@media(min-width:1550px){.hero{padding-block:80px 85px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:20px}.hero{gap:20px}h1{font-size:4.2rem}.hero-visual{min-height:575px}.phone{width:240px}.route-result{left:-15px;padding:15px}.hero-orbit{width:360px;height:360px}.section-intro{gap:48px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:18px;gap:14px}.brand{font-size:1.4rem}.brand img{width:35px;height:35px}.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:32px}.hero-copy{max-width:580px}h1{font-size:clamp(3.5rem,10vw,5rem)}.hero-description{font-size:1rem;max-width:490px}.hero .eyebrow{margin-bottom:22px;font-size:.75rem}.hero-note{font-size:.8125rem;flex-wrap:wrap}.hero-visual{min-height:540px}.phone{width:228px;transform:rotate(4deg)}.hero-orbit{width:330px;height:330px}.route-result{left:calc(50% - 166px);bottom:64px}.hero-visual figcaption{bottom:0;text-align:center}.section{padding-block:64px}.section-intro{grid-template-columns:1fr;gap:24px}.section-intro h2{font-size:2.5rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:18px}.section-intro p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.how-grid{gap:45px}.comparison{padding:24px}.comparison-header{align-items:start}.comparison-stats strong{font-size:2.15rem}.benefits{gap:27px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:36px 48px}.pro-panel{padding:35px;gap:35px}.pro-copy h2{font-size:2.15rem}.faq{gap:55px}.faq-heading h2{font-size:2.5rem}.footer-inner{gap:20px}.footer p{max-width:220px}html[lang=uk] .route-result{left:-40px}html[lang=uk] .desktop-nav{gap:16px}}
@media(max-width:760px){.benefits{grid-template-columns:1fr;gap:27px;margin-top:38px}.index{margin-bottom:15px}.benefits article{padding-top:20px}.how-grid{grid-template-columns:1fr;gap:42px;margin-top:35px}.section-intro .how-intro{padding-top:0}.comparison{max-width:530px;width:100%;margin-inline:auto;padding:24px 21px}.comparison-header{font-size:.75rem;letter-spacing:.075em}.comparison-stats strong{font-size:2.3rem}.comparison-stats>div+div{padding-left:18px}.metric-label{font-size:.75rem}.feature-grid{gap:34px 25px;margin-top:35px}.feature-grid h3{font-size:1.0625rem}.feature-grid p{font-size:.875rem}.pro-panel{margin-top:46px;grid-template-columns:1fr;gap:32px;padding:30px 24px;border-radius:14px}.pro-copy h2{font-size:2.3rem;max-width:370px}.pro-copy .pro-footnote{margin-top:17px}.faq{grid-template-columns:1fr;gap:35px;padding-top:8px}.faq-heading h2{max-width:400px}.faq-heading>p:last-child{margin-top:15px}.faq details{padding:21px 0}.faq details p{padding-right:8px}.closing{padding:60px 0}.closing h2{font-size:2.3rem;line-height:1.2}.footer-inner{flex-wrap:wrap;gap:15px 22px;padding-block:24px}.footer p{font-size:.75rem;max-width:none;order:3;width:100%}.copyright{font-size:.75rem}html[lang=uk] h1{font-size:clamp(2.5rem,8.2vw,4rem)}html[lang=uk] .route-result{left:calc(50% - 163px);padding:15px 13px;max-width:calc(100% - 3px)}html[lang=uk] .route-result strong{font-size:.875rem}html[lang=uk] .route-result div>span{max-width:235px;font-size:.75rem}}
@media(max-width:370px){.comparison-stats strong{font-size:2rem}.feature-grid{grid-template-columns:1fr}.comparison-header{flex-direction:column;gap:8px}.route-result{left:0;right:0;padding:14px;gap:10px}.route-result strong{font-size:.875rem}.copyright{margin-left:0}.hero-note{gap:8px}}

.benefits p,.feature-grid p,.steps p,.faq details p{font-size:1rem}.metric-label,.chart-heading{font-size:.875rem}
@media(max-width:370px){.comparison-stats strong{font-size:1.75rem}.comparison-stats>div+div{padding-left:12px}.metric-label{font-size:.875rem}}

/* The supplied street photo stays decorative; the copy remains real, selectable text. */
.why{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:#fff}
.why::before,.why::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.why::before{background:url("assets/lviv-cobblestone.jpg") center 36% / cover no-repeat}
.why::after{background:linear-gradient(90deg,rgba(5,22,33,.88),rgba(5,22,33,.73) 55%,rgba(5,22,33,.68)),linear-gradient(0deg,rgba(5,22,33,.2),transparent 55%)}
.why .eyebrow,.why .index{color:#87e7fc}
.why .section-intro p,.why .benefits p{color:#e0eaf0}
.why .benefits article{border-top-color:rgba(220,238,248,.32)}
.why h2,.why h3,.why p{text-shadow:0 2px 16px rgba(0,0,0,.28)}
@media(max-width:760px){.why::before{background-position:52% center}.why::after{background:linear-gradient(180deg,rgba(5,22,33,.82),rgba(5,22,33,.74) 45%,rgba(5,22,33,.87))}}