:root{--navy:#061f2c;--harbor:#023047;--cyan:#8ecae6;--mist:#f4fbfd;--ice:#dff2f8;--white:#fff;--ink:#082533;--slate:#476b79;--line:#bde2f0;--warm:#f2b66d;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;color:var(--ink);background:var(--mist);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:100;left:16px;top:16px;transform:translateY(-150%);background:#fff;padding:12px 18px;border-radius:4px}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:1fr minmax(100px,360px) 1fr;align-items:center;padding:20px clamp(20px,4vw,64px);color:#fff;mix-blend-mode:difference;transition:padding .3s var(--ease)}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;text-decoration:none;font:800 14px/1 Manrope,sans-serif;letter-spacing:.12em}.brand b{color:var(--cyan)}.brand-route{position:relative;display:grid;grid-template-columns:repeat(3,5px);align-items:end;gap:3px;width:21px;height:22px}.brand-route i{display:block;width:5px;background:currentColor;border-radius:2px}.brand-route i:nth-child(1){height:9px}.brand-route i:nth-child(2){height:21px}.brand-route i:nth-child(3){height:14px;background:var(--cyan)}.film-progress{justify-self:center;width:100%;height:1px;background:#ffffff3b}.film-progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.header-menu{position:relative;justify-self:end}.menu-trigger{display:flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;color:inherit;background:none;font:700 13px "DM Sans",sans-serif;letter-spacing:.04em;cursor:pointer}.menu-trigger i,.menu-trigger i:after{display:block;width:20px;height:1px;background:currentColor;transition:transform .2s var(--ease)}.menu-trigger i{position:relative}.menu-trigger i:after{content:"";position:absolute;top:6px;left:0}.menu-trigger[aria-expanded="true"] i{transform:translateY(3px) rotate(45deg)}.menu-trigger[aria-expanded="true"] i:after{transform:translateY(-6px) rotate(90deg)}.site-menu{position:fixed;z-index:60;top:74px;right:clamp(20px,4vw,64px);width:min(330px,calc(100vw - 40px));padding:18px;color:var(--ink);background:var(--white);box-shadow:0 24px 70px #00131db3}.site-menu[hidden]{display:none}.menu-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--slate);font:800 10px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}.menu-heading button{display:grid;place-items:center;width:44px;height:44px;margin:-12px -10px -12px 0;border:0;color:var(--slate);background:transparent;font-size:25px;cursor:pointer}.site-menu>a{display:grid;grid-template-columns:32px 1fr;align-items:center;min-height:48px;border-bottom:1px solid var(--line);color:var(--harbor);font:700 14px Manrope,sans-serif;text-decoration:none}.site-menu>a span{color:var(--slate);font-size:9px;letter-spacing:.12em}.site-menu>a:hover,.site-menu>a:focus-visible{background:var(--mist)}.menu-signin{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin-top:14px;padding:0 16px;border:0;color:#fff;background:var(--harbor);font:800 12px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.menu-signin span{font-size:18px;transition:transform .2s var(--ease)}.menu-signin:hover span{transform:translateX(4px)}.menu-trigger:focus-visible,.menu-heading button:focus-visible,.site-menu>a:focus-visible,.menu-signin:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.cinema{height:620vh;background:#071b24}.cinema-sticky{position:sticky;top:0;height:100svh;overflow:hidden;color:#fff;background:#0a2330}.cinema-video,.cinema-poster,.cinema-poster img,.fallback-city{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-poster{z-index:1;transition:opacity .5s}.cinema-poster img{object-fit:cover}.cinema-video{z-index:2;opacity:0;background:#102b35;transition:opacity .4s}.cinema-video.is-ready{opacity:1}.cinema-video-mobile{display:none}.fallback-city{background:#b9ddea;overflow:hidden}.fallback-grid{position:absolute;inset:-25%;background:linear-gradient(90deg,transparent 47%,#f8f3e8 47% 53%,transparent 53%),linear-gradient(transparent 47%,#f8f3e8 47% 53%,transparent 53%),repeating-linear-gradient(90deg,#74a9b9 0 1px,transparent 1px 8%),repeating-linear-gradient(#74a9b9 0 1px,transparent 1px 8%);transform:rotate(-9deg) scale(1.2)}.fallback-taxi{position:absolute;left:56%;top:44%;padding:12px 20px;color:#082533;background:#f3c36f;font:900 11px Manrope;letter-spacing:.12em;transform:rotate(-9deg);border-radius:5px}.cinema-vignette{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(0,12,18,.55),transparent 52%),linear-gradient(0deg,rgba(0,12,18,.52),transparent 35%);pointer-events:none}.chapter{position:absolute;z-index:5;left:clamp(24px,7vw,110px);top:50%;width:min(600px,78vw);transform:translateY(-45%);opacity:0;pointer-events:none;will-change:transform,opacity}.chapter.is-active{opacity:1}.chapter p{margin:0}.chapter-kicker,.chapter-index{font:700 11px/1 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.2em}.chapter h1,.chapter h2{margin:18px 0 20px;font:700 clamp(50px,7vw,112px)/.9 Manrope,sans-serif;letter-spacing:-.065em}.chapter h1 em{color:var(--cyan);font-style:normal}.chapter>p:last-child{font-size:13px;letter-spacing:.08em}.chapter-taxi{left:auto;right:6vw;text-align:right}.chapter-taxi h2,.chapter-meter h2,.chapter-modern h2{font-size:clamp(42px,5.5vw,88px)}.chapter-meter{top:28%}.chapter-modern{top:auto;bottom:12%;transform:none}.phone-reveal{position:absolute;z-index:4;top:50%;left:68%;width:min(23vw,330px);transform:translate(-50%,-35%) scale(.64);opacity:0;will-change:transform,opacity}.phone-shell,.device{position:relative;border:7px solid #07151b;border-radius:clamp(24px,3vw,44px);overflow:hidden;background:#07151b;box-shadow:0 40px 90px #0009}.phone-shell:before,.device:before{content:"";position:absolute;z-index:2;top:8px;left:50%;width:26%;height:17px;transform:translateX(-50%);border-radius:20px;background:#07151b}.phone-shell img,.device img{width:100%;height:auto}.phone-signal{position:absolute;inset:-10%;border:1px solid var(--cyan);border-radius:50%;animation:signal 2.2s infinite}@keyframes signal{from{transform:scale(.75);opacity:.7}to{transform:scale(1.2);opacity:0}}.scroll-hint{position:absolute;z-index:6;right:clamp(20px,4vw,64px);bottom:28px;display:flex;align-items:center;gap:10px;font:700 9px Manrope;letter-spacing:.15em;text-transform:uppercase}.scroll-hint span{width:28px;height:1px;background:#fff}
.section-shell{width:min(1320px,calc(100% - 48px));margin:auto}.product-intro{position:relative;min-height:92vh;display:grid;align-items:center;background:var(--mist);overflow:hidden}.product-intro-grid{position:absolute;inset:0;opacity:.15;background-size:56px 56px;background-image:linear-gradient(to right,var(--harbor) 1px,transparent 1px),linear-gradient(to bottom,var(--harbor) 1px,transparent 1px);mask-image:radial-gradient(circle at 65% 45%,black,transparent 68%)}.intro-layout{position:relative;display:grid;grid-template-columns:100px 1.6fr 1fr;gap:6vw;align-items:end}.section-number{align-self:start;font:700 11px Manrope;letter-spacing:.18em}.eyebrow{margin:0 0 24px;color:var(--slate);font:800 11px/1 Manrope;text-transform:uppercase;letter-spacing:.2em}.eyebrow:before{content:"";display:inline-block;width:22px;height:2px;margin:0 10px 3px 0;background:var(--cyan)}.intro-layout h2,.feature-copy h2,.earnings h2,.promise h2,.finale h2{margin:0;font:700 clamp(46px,6.2vw,96px)/.94 Manrope;letter-spacing:-.06em}.intro-copy{margin:0 0 8px;font-size:clamp(17px,1.7vw,23px);line-height:1.55;color:var(--slate)}
.feature{padding:150px 0;overflow:hidden}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.feature-copy{max-width:560px}.feature-copy h2{font-size:clamp(43px,5vw,74px)}.feature-copy>p:not(.eyebrow){max-width:500px;margin:32px 0 46px;color:var(--slate);font-size:18px;line-height:1.65}.feature-rates{background:var(--white)}.feature-estimate{background:var(--ice)}.feature-ledger{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.feature-ledger li{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.feature-ledger span{font:700 10px Manrope;color:var(--slate)}.feature-ledger em{font-style:normal;font-variant-numeric:tabular-nums}.phone-stage{position:relative;min-height:760px;display:grid;place-items:center;background:var(--navy);overflow:hidden;border-radius:2px;perspective:1200px}.phone-stage .device{z-index:2;width:min(310px,55%);transition:transform .25s ease-out;box-shadow:0 55px 95px #0008}.route-line{position:absolute;width:80%;height:80%;border:2px solid #8ecae64d;border-radius:50%;transform:rotate(-28deg)}.route-line:after{content:"";position:absolute;top:14%;right:2%;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 12px #8ecae620}.stage-note{position:absolute;z-index:3;right:7%;bottom:8%;color:#fff;font:700 12px/1.4 Manrope;text-transform:uppercase;letter-spacing:.12em}.feature-layout-reverse{grid-template-columns:1.1fr .9fr}.stage-light{background:#fff}.estimate-orbit{position:absolute;inset:9%;border:1px solid var(--line);border-radius:50%;transform:rotate(20deg)}.estimate-orbit:after{content:"";position:absolute;inset:17%;border:1px solid var(--line);border-radius:50%}.estimate-orbit span{position:absolute;right:-2%;top:39%;padding:12px 16px;background:var(--harbor);color:#fff;font:800 14px Manrope;box-shadow:0 10px 30px #02304726}.estimate-breakdown{border-top:1px solid #a8d7e8}.estimate-breakdown div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #a8d7e8;font-size:14px}.estimate-breakdown b{font-variant-numeric:tabular-nums}.estimate-breakdown .estimate-total{padding-top:20px;font-size:17px}
.earnings{padding:160px 0;background:var(--navy);color:#fff}.earnings-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:90px}.earnings-heading h2{font-size:clamp(50px,6vw,92px)}.earnings-heading>p{color:#a9c7d1;font-size:17px;line-height:1.6}.earnings .eyebrow{color:var(--cyan)}.earnings-console{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:70px;align-items:center}.earnings-phone{width:100%}.shift-ledger{border-top:1px solid #ffffff28}.shift-summary{display:grid;grid-template-columns:1fr auto;gap:6px;padding:25px 0 34px;border-bottom:1px solid #ffffff28}.shift-summary span{font:800 11px Manrope;letter-spacing:.16em;color:var(--cyan)}.shift-summary strong{grid-row:span 2;font:700 clamp(38px,5vw,70px)/1 Manrope;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.shift-summary small{color:#9cbac5}.ride-row{display:grid;grid-template-columns:85px 1fr auto;gap:24px;align-items:center;padding:19px 0;border-bottom:1px solid #ffffff20}.ride-row time{font-size:12px;color:#9cbac5}.ride-row span,.ride-row strong{display:grid;gap:4px}.ride-row b{font-size:14px}.ride-row small{font-size:11px;font-weight:500;color:#8baab5}.ride-row>strong{text-align:right;font:700 18px Manrope;font-variant-numeric:tabular-nums}
.promise{padding:160px 0;background:#fff}.promise-grid{display:grid;grid-template-columns:.5fr 1fr .75fr;gap:6vw;align-items:start}.promise h2{font-size:clamp(45px,5.4vw,80px)}.promise-copy{font-size:18px;line-height:1.6;color:var(--slate)}.promise-copy p{margin-top:0}.promise-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.promise-tags span{padding:10px 13px;border:1px solid var(--line);font:700 10px Manrope;text-transform:uppercase;letter-spacing:.1em}.finale{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;color:#fff;background:#0a2735;overflow:hidden}.finale-road{position:absolute;inset:-40% -10%;transform:perspective(600px) rotateX(62deg);background:repeating-linear-gradient(90deg,#0a2735 0 12%,#0e3445 12% 13%,#0a2735 13% 25%)}.finale-road i{position:absolute;left:50%;top:0;width:4px;height:100%;background:repeating-linear-gradient(#8ecae6 0 28px,transparent 28px 60px);opacity:.35}.finale-road i:first-child{left:25%}.finale-road i:last-child{left:75%}.finale-inner{position:relative}.finale h2{font-size:clamp(65px,10vw,150px);line-height:.82}.finale-inner>p:not(.eyebrow){color:#b2cbd4;font-size:18px}.final-cta{display:inline-flex;align-items:center;gap:50px;margin-top:35px;padding:8px 8px 8px 26px;background:#fff;color:var(--navy);text-decoration:none;font:800 13px Manrope;text-transform:uppercase;letter-spacing:.1em}.final-cta i{display:grid;place-items:center;width:48px;height:48px;background:var(--cyan);font-style:normal;transition:transform .25s var(--ease)}.final-cta:hover i{transform:rotate(45deg)}footer{padding:50px 0;color:#c6dbe2;background:#04151d}footer .section-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:12px}footer nav{display:flex;gap:25px}footer nav a{font-size:12px;text-decoration:none}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;padding:18px 20px}.film-progress{display:none}.menu-trigger>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-trigger{width:44px;justify-content:center}.site-menu{position:fixed;top:68px;right:16px}.cinema{height:560vh}.cinema-video-desktop{display:none}.cinema-video-mobile{display:block}.cinema-vignette{background:linear-gradient(0deg,rgba(0,12,18,.7),transparent 48%)}.chapter{left:24px;right:auto;top:auto;bottom:12%;width:calc(100% - 48px);transform:none}.chapter h1,.chapter h2{font-size:clamp(43px,14vw,68px)}.chapter-taxi{text-align:left}.chapter-meter{bottom:15%;top:auto}.chapter-modern{bottom:10%}.phone-reveal{left:50%;top:39%;width:min(49vw,235px)}.scroll-hint{bottom:20px}.section-shell{width:min(100% - 40px,650px)}.product-intro{min-height:auto;padding:110px 0}.intro-layout{grid-template-columns:1fr;gap:35px}.section-number{display:none}.intro-layout h2,.feature-copy h2,.earnings h2,.promise h2{font-size:clamp(42px,12vw,62px)}.feature{padding:100px 0}.feature-layout,.feature-layout-reverse{grid-template-columns:1fr;gap:70px}.feature-layout-reverse .phone-stage{order:2}.phone-stage{min-height:620px}.phone-stage .device{width:min(275px,63%)}.earnings{padding:110px 0}.earnings-heading{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.earnings-console{grid-template-columns:1fr;gap:60px}.earnings-phone{width:min(265px,70%);margin:auto}.shift-summary{grid-template-columns:1fr}.shift-summary strong{grid-row:auto}.ride-row{grid-template-columns:62px 1fr auto;gap:10px}.ride-row b{font-size:12px}.promise{padding:110px 0}.promise-grid{grid-template-columns:1fr;gap:30px}.promise .eyebrow{margin-bottom:0}.finale{min-height:85vh}footer .section-shell{align-items:flex-start;flex-direction:column}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema{height:auto}.cinema-sticky{position:relative;min-height:100svh}.cinema-video,.scroll-hint,.phone-signal{display:none}.cinema-poster{opacity:1}.chapter{display:none}.chapter-city{display:block;opacity:1}.phone-stage .device,.menu-trigger i,.menu-trigger i:after,.menu-signin span,.final-cta i{transition:none}}
@media(prefers-reduced-data:reduce){.cinema-video{display:none}.cinema-poster{opacity:1}}
.headlight-flash{position:absolute;z-index:4;inset:0;background:#fff;opacity:0;pointer-events:none;will-change:opacity}
.site-header>.language-switcher{position:absolute;top:20px;right:clamp(100px,10vw,148px);width:auto;min-width:92px;min-height:40px;padding:0 28px 0 10px;border:1px solid rgba(255,255,255,.34);border-radius:8px;color:#fff;background:rgba(6,31,44,.55);font:700 11px/1 "DM Sans",sans-serif;letter-spacing:.04em;backdrop-filter:blur(10px)}

/* Eight-second scroll film: product UI is staged inside the windshield composition. */
.cinema{height:520vh}
.drive-story{position:absolute;z-index:5;inset:0;display:flex;align-items:center;gap:clamp(22px,3vw,54px);padding:clamp(78px,8vw,128px) clamp(24px,6vw,104px) 52px;opacity:0;pointer-events:none;will-change:opacity,transform}
.drive-story-right{justify-content:flex-end}.drive-story-left{justify-content:flex-start}.drive-story-final{justify-content:center}
.story-device{flex:0 0 clamp(225px,24vw,372px);max-height:min(78svh,790px);overflow:hidden;border:5px solid #07151b;border-radius:clamp(22px,2.4vw,38px);background:#07151b;box-shadow:0 28px 72px rgba(0,0,0,.54),0 0 0 1px rgba(142,202,230,.22);transform:translate3d(0,calc((1 - var(--story-progress))*20px),0) rotateY(calc((1 - var(--story-progress))*-5deg));transform-origin:center;transition:box-shadow .2s}
.story-device img{display:block;width:100%;height:auto}
.story-copy{width:min(32vw,430px);padding:20px 0;text-shadow:0 2px 22px #00131ddd}
.story-copy .chapter-index{margin:0 0 14px;font:800 10px/1 Manrope,sans-serif;letter-spacing:.19em;color:var(--cyan)}
.story-copy h2{margin:0 0 16px;font:750 clamp(34px,4.2vw,70px)/.94 Manrope,sans-serif;letter-spacing:-.055em}
.story-copy>p:last-of-type{max-width:34ch;margin:0;color:#e3f1f5;font-size:clamp(13px,1.2vw,17px);line-height:1.55}
.drive-story-left .story-device{order:2}.drive-story-left .story-copy{text-align:right}
.drive-story-final .story-copy{width:min(36vw,500px)}
.cinema-cta{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:24px;padding:0 18px;border:1px solid rgba(142,202,230,.58);border-radius:10px;color:#fff;background:rgba(2,48,71,.72);font:800 11px/1 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(12px)}
.cinema-cta:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}

@media(max-width:800px){.cinema{height:480vh}.drive-story{align-items:flex-end;justify-content:center;gap:14px;padding:82px 14px 52px}.story-device{flex-basis:clamp(174px,51vw,255px);max-height:68svh;border-width:4px}.story-copy{width:min(42vw,220px)}.story-copy h2{font-size:clamp(25px,7vw,39px)}.story-copy>p:last-of-type{font-size:12px}.drive-story-left .story-copy{text-align:left}.drive-story-final{align-items:center}.drive-story-final .story-copy{width:min(42vw,230px)}.cinema-cta{padding:0 13px;font-size:9px}}
@media(max-width:800px){.site-header>.language-switcher{top:20px;right:72px;min-width:86px;max-width:104px;min-height:36px}}
@media(max-width:420px){.drive-story{gap:10px;padding-inline:10px}.story-device{flex-basis:168px}.story-copy{width:calc(100vw - 198px)}.story-copy h2{font-size:24px}.story-copy>p:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){.drive-story{display:none}.drive-story[data-story="intro"]{display:block;opacity:1;transform:none}.cinema-cta{backdrop-filter:none}}
.account-dialog{width:min(460px,calc(100% - 32px));padding:0;border:0;border-radius:14px;color:var(--ink);background:var(--white);box-shadow:0 32px 90px #00131dc7}.account-dialog::backdrop{background:#02131ccc}.account-dialog section{padding:56px 42px 42px}.account-dialog h2{margin:18px 0 8px;font:800 30px/1.1 Manrope,sans-serif;letter-spacing:-.03em}.account-dialog section>p{margin:0 0 24px;color:var(--slate);font-size:15px;line-height:1.55}.account-brand{position:absolute;top:24px;left:42px;display:flex;align-items:center;gap:8px;color:var(--harbor);font:800 11px Manrope,sans-serif;letter-spacing:.1em}.account-brand b{color:#2585a9}.account-brand .brand-route{transform:scale(.78);transform-origin:left center}.account-close{position:absolute;z-index:1;top:12px;right:12px;width:44px;height:44px;border:0;color:var(--slate);background:transparent;font-size:27px;cursor:pointer}.account-dialog form{display:grid;gap:15px}.account-dialog label{display:grid;gap:7px;color:var(--slate);font:800 11px Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase}.account-dialog input{width:100%;height:52px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font:500 16px "DM Sans",sans-serif;outline:none}.account-dialog input:focus{border-color:var(--harbor);box-shadow:0 0 0 3px #8ecae65c}.account-primary{min-height:54px;border:0;border-radius:10px;color:#fff;background:var(--harbor);font:800 13px Manrope,sans-serif;letter-spacing:.08em;cursor:pointer}.account-primary:disabled{cursor:wait;opacity:.58}.account-link,.account-back{min-height:44px;width:max-content;padding:0;border:0;color:var(--harbor);background:transparent;font:800 13px "DM Sans",sans-serif;cursor:pointer}.account-link{justify-self:end;margin-top:-9px}.account-back{margin:-12px 0 4px}.account-message{min-height:20px!important;margin:0!important;color:#a32632!important;font-size:13px!important}.account-message.success{color:#087f6b!important}.account-dialog button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.site-menu>a{display:flex;padding:0 8px}.menu-heading button i,.menu-heading button i:after{content:"";display:block;position:absolute;width:17px;height:1.5px;background:currentColor}.menu-heading button i{transform:rotate(45deg)}.menu-heading button i:after{transform:rotate(90deg)}.menu-signin span{position:relative;width:17px;height:10px;font-size:0}.menu-signin span:before{content:"";position:absolute;top:4px;left:0;width:16px;height:1px;background:currentColor}.menu-signin span:after{content:"";position:absolute;top:1px;right:0;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
@media(max-width:520px){.account-dialog section{padding:58px 24px 28px}.account-brand{left:24px}}

/* Keep the official Metro Meter lockup and every header control on one shared axis. */
.brand-official{height:44px;align-items:center;flex:0 0 auto}
.brand-logo{width:clamp(138px,16vw,184px);height:auto}
.header-actions{justify-self:end;display:flex;align-items:center;gap:12px;height:44px}
.menu-language{padding:14px 8px 0}
.menu-language>.language-switcher{position:static;width:100%;max-width:none;min-height:44px;margin:0;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:8px;color:var(--harbor);background:var(--mist);font:700 13px/1 "DM Sans",sans-serif;letter-spacing:.02em}
.header-actions .header-menu,.header-actions .menu-trigger{height:44px}

@media(max-width:800px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
  .brand-logo{width:clamp(132px,36vw,154px)}
  .header-actions{gap:6px}
}

@media(max-width:370px){
  .brand-logo{width:122px}
}

.account-social{display:grid;gap:12px;margin-bottom:24px}.account-provider{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:10px;text-decoration:none;font:600 16px/1.4 "DM Sans",sans-serif;text-align:center}.account-provider-apple{background:#000;color:#fff}.account-provider-google{background:#fff;color:#1f1f1f;border:1px solid #747775}.account-provider:hover{filter:brightness(.94)}.account-provider:focus-visible{outline:3px solid var(--harbor);outline-offset:3px}.account-dialog section>.account-divider{display:flex;align-items:center;gap:12px;font-size:13px;margin:0 0 20px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:var(--line)}

/* Product screenshots are deliberately prominent and open into a focused, accessible viewer. */
.story-device{flex-basis:clamp(250px,25vw,360px);max-height:none}
.story-copy{width:min(35vw,520px)}
.story-copy h2{font-size:clamp(48px,5.3vw,88px);line-height:.91;letter-spacing:-.04em}
.phone-stage{min-height:760px}
.phone-stage .device{width:min(280px,52%)}
.earnings-console{grid-template-columns:minmax(240px,300px) 1fr}
.earnings-phone{width:min(280px,100%)}
.screenshot-trigger{padding:0;font:inherit;color:inherit;cursor:zoom-in}
.screenshot-trigger:after{content:"View larger";position:absolute;z-index:4;right:12px;bottom:12px;padding:9px 11px;border-radius:8px;color:#fff;background:rgba(1,31,46,.88);font:800 9px/1 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .18s var(--ease),transform .18s var(--ease)}
.screenshot-trigger:hover:after,.screenshot-trigger:focus-visible:after{opacity:1;transform:none}
.screenshot-trigger:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.screenshot-dialog{width:auto;max-width:calc(100vw - 32px);height:auto;max-height:calc(100svh - 32px);padding:0;border:0;overflow:visible;background:transparent}
.screenshot-dialog::backdrop{background:rgba(2,19,28,.62);backdrop-filter:blur(18px)}
.screenshot-dialog img{display:block;width:auto;max-width:min(720px,calc(100vw - 32px));height:auto;max-height:calc(100svh - 32px);border:6px solid #07151b;border-radius:clamp(22px,3vw,40px);box-shadow:0 32px 100px rgba(0,0,0,.72)}
.screenshot-close{position:absolute;z-index:2;top:-14px;right:-14px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:var(--harbor);font:400 30px/1 sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.screenshot-close:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:800px){.story-device{flex-basis:clamp(170px,46vw,240px);max-height:none}.story-copy{width:min(41vw,245px)}.story-copy h2{font-size:clamp(31px,8.8vw,48px)}.drive-story-final .story-copy{width:min(41vw,250px)}.phone-stage{min-height:680px}.phone-stage .device{width:min(240px,58%)}.earnings-phone{width:min(240px,64%)}.screenshot-trigger:after{opacity:1;transform:none}.screenshot-dialog img{border-width:4px}.screenshot-close{top:-10px;right:-8px}}
@media(max-width:420px){.story-device{flex-basis:160px}.story-copy{width:calc(100vw - 186px)}.story-copy h2{font-size:30px}.phone-stage{min-height:600px}.phone-stage .device{width:min(220px,56%)}}
@media(prefers-reduced-motion:reduce){.screenshot-trigger:after{transition:none}}
/* WCAG 2.2: preserve focus visibility and deterministic header contrast. */
html{scroll-padding-top:96px}
:target{scroll-margin-top:96px}
.site-header{background:rgba(4,21,29,.96);mix-blend-mode:normal}
.finale .eyebrow{color:var(--cyan)}
@media(forced-colors:active){.site-header{border-bottom:1px solid CanvasText}.skip-link,.final-cta{border:1px solid ButtonText}}