@font-face{font-family:Inter;src:url(assets/inter.ttf)}@font-face{font-family:Inter;src:url(assets/inter-bold.ttf);font-weight:700}:root{--green:#11BD7A;--paper:#F5F6F9;--ink:#171A20;--muted:#626974}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:26px}.brand img{width:78px}nav{display:flex;gap:36px}h1,h2{font-size:48px;line-height:1.15;letter-spacing:-.035em;font-weight:700;margin:0 0 28px}h3{font-size:24px;line-height:1.35;margin:0 0 12px}p{margin:0 0 24px;color:var(--muted)}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative}.feature{min-height:90vh;display:flex;align-items:center}.copy{padding:70px 0;max-width:510px}.copy p{max-width:460px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--ink);padding:15px 25px;border-radius:12px;font:700 18px/1.4 Inter,Arial;border:0;cursor:pointer;margin-top:12px}.screen-column{position:relative}.sticky-phone{position:sticky;top:7vh;height:86vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.phone{height:min(72vh,720px);max-width:100%;border:6px solid #25292f;border-radius:33px;overflow:hidden;background:white;box-shadow:0 20px 45px #171a2012}.phone img{height:100%;width:auto;max-width:none;display:block}figcaption{font-size:14px;color:var(--muted);text-align:center;max-width:320px;line-height:1.5;margin-top:16px;min-height:42px}.mobile-screen{display:none}.more,.join,.questions{padding-block:110px;border-top:1px solid #dfe3e8}.more{display:grid;grid-template-columns:1fr 1fr;gap:90px}.more-text>div{margin-bottom:40px}.more-text>div:last-child{margin-bottom:0}.join{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.taxi{margin-top:45px}form{background:#fff;border-radius:18px;padding:34px}form h3{margin-bottom:8px}.form-intro{margin-bottom:28px}form>label,legend{display:block;margin:20px 0 10px;font-size:18px}input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #d7dde3;border-radius:8px;font:18px Inter;background:#fff}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}form small,em,.demo-note{font-size:14px;color:var(--muted);font-style:normal}form small{display:block;margin-top:8px}em{margin-left:8px}fieldset{border:0;padding:0;margin:24px 0}.choices{display:flex;flex-wrap:wrap;gap:20px}.choices label,.consent{display:flex;align-items:center;gap:8px}.consent{align-items:start;font-size:14px}.consent input{margin-top:4px}.demo-note{margin:22px 0}.button[type=submit]{width:100%}#form-status{font-size:14px;margin-top:15px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:90px}details{padding:22px 0;border-bottom:1px solid #dfe3e8}summary{cursor:pointer;font-size:18px}details p{margin:18px 0 0}footer{display:flex;align-items:center;flex-wrap:wrap;gap:30px;padding-block:35px;border-top:1px solid #dfe3e8}footer>a:nth-child(2){margin-left:auto}footer p{width:100%;font-size:14px;margin:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #657085;outline-offset:5px}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.showcase,.more,.join,.questions{gap:40px}h1,h2{font-size:38px}.phone{height:min(65vh,620px)}body{font-size:17px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}header{height:90px}nav{gap:18px;font-size:14px}.brand{font-size:22px}.brand img{width:60px}.showcase{display:block}.screen-column{display:none}.feature{display:block;min-height:0;padding:45px 0 65px;border-bottom:1px solid #dfe3e8}.copy{padding:0 0 35px}.mobile-screen{display:flex;margin:0;flex-direction:column;align-items:center}.mobile-screen img{width:auto;max-width:100%;max-height:68vh;border:5px solid #25292f;border-radius:27px}.mobile-screen figcaption:empty{display:none}.more,.join,.questions{display:block;padding-block:65px}.more-text{margin-top:40px}.join form{margin-top:35px;padding:24px}.taxi{max-width:420px;margin-top:25px}.questions>div{margin-top:25px}h1,h2{font-size:38px}h3{font-size:24px}footer>a:nth-child(2){margin-left:0}footer{gap:24px}.button{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.taxi{width:100%}

/* Real phone hardware over an independently changing display. */
.screen-column{min-width:0}.sticky-phone{isolation:isolate}.car-scene{height:min(78vh,780px);aspect-ratio:2/3;position:relative;flex-shrink:0;max-width:none}.dashboard{position:absolute;width:310%;max-width:none;left:50%;top:53%;transform:translate(-50%,-50%);opacity:.22;mix-blend-mode:multiply;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 70%)}.phone-display{position:absolute;left:20.05%;top:3.55%;width:59.9%;height:91.4%;border-radius:9% / 4%;overflow:hidden;background:#fff;z-index:1}.phone-display img{width:100%;height:100%;object-fit:fill;max-width:none}.hardware{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:2}.screen-column{z-index:0}.features{z-index:1}.showcase{column-gap:60px}.copy{position:relative;z-index:3}.sticky-phone figcaption{position:relative;z-index:3}@media(max-width:650px){.mobile-screen{position:relative}.mobile-screen img{border:0;border-radius:0;max-height:none;width:100%;max-width:none}.mobile-screen .car-scene{height:min(72vh,680px);max-width:none}.mobile-screen .dashboard{width:310%;max-width:none}.mobile-screen .hardware{height:100%;width:100%}.mobile-screen .phone-display img{width:100%;height:100%}body{overflow-x:clip}}
.dashboard{opacity:.42;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 76%)}
body{overflow-x:clip}
.phone-display img{object-fit:cover}
.phone-display img{object-fit:contain;background:#fff}
.dashboard{opacity:.26;mask-image:linear-gradient(90deg,transparent 10%,#000 48%,#000 72%,transparent 97%)}

.phone-display video{width:100%;height:100%;object-fit:contain;background:#fff;display:block}.phone-display [hidden]{display:none!important}
/* Navigation and buttons from the original BUF website. */
header.wrap{position:sticky;top:14px;z-index:20;height:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#ffffffe0;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:48px;padding:12px 20px;box-shadow:0 8px 30px #171a2008;margin-top:14px}
header .brand{gap:10px;font-size:23px;font-weight:600}header .brand b{font-weight:600}header .brand img{width:78px;height:auto}header nav{display:flex;align-items:center;gap:30px;font-size:15px}header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.button,header .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 20px;border-radius:30px;background:#11BD7A;color:#fff;font:600 15px/1.6 Inter,Arial,sans-serif;border:0;cursor:pointer}.button{margin-top:12px}header .nav-cta{margin:0}header .nav-cta svg{width:18px;height:18px;flex:none}
@media(max-width:650px){header.wrap{top:8px;flex-wrap:wrap;padding:12px 15px;border-radius:26px}header nav{order:3;width:100%;justify-content:space-between;font-size:13px}header .nav-cta{min-height:40px;padding:9px 14px;font-size:13px}header .brand{font-size:23px}header .brand img{width:78px}}
/* Match the physical mockup display to the original 1080 × 2338 recording. */
.car-scene{aspect-ratio:1 / 1.4194}
.phone-display{top:3.55%;left:20.05%;width:59.9%;height:91.4%}
.scroll-cue{display:inline-flex;align-items:center;gap:12px;margin-top:36px;color:var(--muted);font-size:14px;line-height:1.5}
.scroll-cue svg{width:22px;height:30px;animation:scroll-nudge 2s ease-in-out infinite;flex:none}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}}

.car-scene{aspect-ratio:1 / 1.315}.hardware{height:130.8%}.phone-display{left:22.1%;top:3.86%;width:55.5%;height:91.4%}@media(max-width:650px){.mobile-screen .hardware{height:130.8%}}

.car-scene{aspect-ratio:1 / 1.4194}.hardware{height:100%}.phone-display{left:20.05%;top:3.55%;width:59.9%;height:91.4%}@media(max-width:650px){.mobile-screen .hardware{height:100%}}

/* Keep all recorded navigation inside the unobstructed glass area. */
.car-scene{aspect-ratio:1 / 1.462}.phone-display{top:3.6%;height:88.7%;left:20.05%;width:59.9%}
.dashboard{opacity:.24;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 65%,transparent 96%),linear-gradient(90deg,#000 0%,#000 76%,transparent 100%);mask-composite:intersect}

.dashboard{width:260%;left:40%}@media(max-width:650px){.mobile-screen .dashboard{width:260%;left:40%}}

.dashboard{width:310%;left:50%;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 65%,transparent 96%),linear-gradient(90deg,transparent 10%,#000 48%,#000 72%,transparent 97%);mask-composite:intersect}@media(max-width:650px){.mobile-screen .dashboard{width:310%;left:50%}}

/* Black backing prevents a pale seam around contained screen media. */
.phone-display,.phone-display video,.phone-display img{background:#000}

/* Geometry measured from the transparent PNG: x208–817, y54–1425. */
.car-scene{aspect-ratio:1 / 1.4424203744225625}.phone-display{left:20.3125%;top:3.515625%;width:59.47265625%;height:89.2578125%;border-radius:0}
.phone-display,.phone-display video,.phone-display img{background:transparent}

.phone-display{isolation:isolate}.phone-display .video-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}.phone-display video{position:relative}

.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pause-button{margin-top:12px;min-height:50px;padding:13px 20px;border-radius:30px;border:1px solid #cdd3da;background:transparent;color:var(--ink);font:600 15px/1.6 Inter,Arial,sans-serif;cursor:pointer}.pause-button:hover{background:#fff}.pause-button:focus-visible{outline:3px solid #657085;outline-offset:5px}

.pause-button{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;flex-shrink:0}.pause-button img{width:20px;height:20px}

/* Fluid type scale: one display size, section heading, subheading and body. */
:root{--type-display:clamp(2.65rem,5.35vw,5rem);--type-heading:clamp(2.125rem,3.8vw,3.5rem);--type-subheading:clamp(1.25rem,1.8vw,1.5rem);--type-body:clamp(1rem,.8rem + .42vw,1.25rem);--type-ui:clamp(.875rem,.8rem + .18vw,1rem);--type-small:clamp(.8125rem,.75rem + .15vw,.9375rem)}
body{font-size:var(--type-body)}h1{font-size:var(--type-display);line-height:1.08;letter-spacing:-.04em}h2{font-size:var(--type-heading);line-height:1.15}h3,form h3{font-size:var(--type-subheading)}.brand-green{color:#11BD7A}.copy{max-width:100%}.copy p{max-width:100%}.feature{min-width:0}.showcase{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:55px}
header nav{font-size:var(--type-ui)}.button,header .nav-cta,.pause-button{font-size:var(--type-ui)}form>label,legend,input:not([type=checkbox]),summary{font-size:var(--type-body)}form small,em,.demo-note,.consent,figcaption,.scroll-cue,footer,footer p,#form-status{font-size:var(--type-small)}
@media(max-width:900px){.showcase{gap:32px}header nav{font-size:var(--type-ui)}}
@media(max-width:650px){.showcase{display:block}h1{font-size:var(--type-display)}h2{font-size:var(--type-heading)}h3{font-size:var(--type-subheading)}header nav{font-size:var(--type-ui)}header .nav-cta{font-size:var(--type-ui)}.copy{padding-bottom:35px}.feature{padding-top:45px}}

:root{--type-display:clamp(2.65rem,6.5vw,6rem)}html{overflow-x:clip}

@media(max-width:650px){header.wrap{gap:12px}header .brand{font-size:20px;gap:7px}header .brand img{width:65px}header .nav-cta{font-size:12px;padding:9px 12px;gap:6px}}

.sound-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;width:50px;height:50px;padding:0;border:1px solid #cdd3da;border-radius:30px;background:transparent;cursor:pointer;flex-shrink:0}.sound-button img{width:20px;height:20px}.sound-button:hover{background:#fff}.sound-button:focus-visible{outline:3px solid #657085;outline-offset:5px}

.pretitle{font-size:var(--type-body);margin-bottom:16px;color:var(--muted)}

.first-screen-scroll{position:absolute;top:calc(100svh - 64px);left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap}.first-screen-scroll .scroll-cue{margin:0;display:flex;flex-direction:column-reverse;gap:2px;font-size:var(--type-small)}.first-screen-scroll .scroll-cue svg{height:25px}
@media(max-width:650px){.first-screen-scroll{position:static;transform:none;display:flex;justify-content:center;padding:0 0 22px;order:2}main{display:flex;flex-direction:column}.showcase{order:1}.more{order:3}.join{order:4}.questions{order:5}.first-screen-scroll{display:none}.feature:first-child{position:relative;padding-bottom:85px}.feature:first-child:after{content:'↓';position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:24px}}

@media(max-width:650px){main{display:block}.first-screen-scroll{display:block;position:absolute;top:calc(100svh - 62px);left:50%;transform:translateX(-50%);padding:0;background:#f5f6f9e8;border-radius:20px;padding:4px 14px}.feature:first-child:after{content:none}.feature:first-child{padding-bottom:65px}}

.first-screen-scroll{position:fixed;transition:opacity .12s linear;will-change:opacity}@media(prefers-reduced-motion:reduce){.first-screen-scroll{transition:none}}

.copy .pretitle{display:flex;align-items:center;gap:12px;font-size:clamp(.75rem,.7rem + .2vw,.875rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;color:#657085;margin-bottom:20px}.pretitle:before{content:"";display:block;width:26px;height:3px;background:#11BD7A;flex:none;border-radius:2px}

header .brand img{height:50px;width:auto;max-width:none}header .brand{font-size:29px}@media(max-width:650px){header .brand img{height:40px;width:auto}header .brand{font-size:23px}header.wrap{gap:10px}header .nav-cta{font-size:11px;padding:9px 10px}}

html{scroll-padding-top:115px}.welcome{text-align:center;padding-top:clamp(55px,7vw,100px);position:relative}.android-label{display:flex;justify-content:center;align-items:center;gap:10px;font-size:var(--type-ui);margin-bottom:24px}.android-label svg{width:24px;height:24px;color:#11BD7A}.welcome h1{font-size:clamp(40px,5.5vw,80px);line-height:1.1;max-width:1050px;margin:0 auto 26px}.welcome-description{font-size:clamp(17px,1.65vw,22px);max-width:780px;margin:0 auto 25px}.welcome-actions{display:flex;align-items:center;justify-content:center;gap:28px}.welcome-actions .button{margin:0}.welcome-link{font-size:var(--type-ui);font-weight:600}.welcome-art{margin:30px auto 0;width:min(820px,100%);position:relative;mask-image:linear-gradient(180deg,#000 65%,transparent 100%)}.welcome-art img{width:100%;height:auto;mix-blend-mode:multiply}.feature-title{font-size:var(--type-display);line-height:1.08;letter-spacing:-.04em}header nav{gap:24px}.first-screen-scroll{display:none}
@media(max-width:650px){.welcome{padding-top:45px}.welcome h1{font-size:clamp(36px,8.5vw,48px)}.desktop-break{display:none}.welcome-actions{gap:20px}.welcome-art{margin-top:35px}.android-label{font-size:12px}.welcome-description{font-size:17px}header nav{gap:10px}.feature-title{font-size:var(--type-display)}}

header .brand b{color:#657085}.welcome-art{width:100vw;max-width:1600px;margin-left:50%;transform:translateX(-50%);mask-image:none;margin-top:40px}.welcome-art img{mix-blend-mode:normal}.welcome{padding-bottom:35px}@media(max-width:650px){.welcome-art{width:140vw;margin-top:35px}}

.welcome{padding-top:clamp(20px,3vh,42px);padding-bottom:12px}.welcome h1{font-size:clamp(32px,3.5vw,56px);line-height:1.12;margin-bottom:18px;max-width:1150px}.android-label{margin-bottom:15px}.welcome-description{margin-bottom:20px;font-size:clamp(16px,1.5vw,21px)}.welcome-art{margin-top:16px;width:100vw;max-width:1200px;height:clamp(220px,calc(100svh - 365px),480px)}.welcome-art img{height:100%;width:100%;object-fit:contain}
@media(max-width:650px){.welcome{padding-top:28px}.welcome h1{font-size:clamp(29px,7.2vw,40px)}.welcome h1 br{display:none}.welcome h1 span:before{content:' '}.welcome-description{font-size:17px}.welcome-art{width:115vw;height:auto;margin-top:25px}.welcome-art img{height:auto}.android-label{font-size:11px}}

@media(min-width:651px) and (max-height:850px){.welcome-art{height:clamp(180px,calc(100svh - 430px),420px)}.welcome{padding-top:20px}.welcome h1{font-size:clamp(32px,3.1vw,48px)}}

.welcome{padding-top:clamp(18px,2.5vh,32px)}.welcome h1{font-size:clamp(38px,4.5vw,68px);line-height:1.06;margin-bottom:12px}.carrier-subtitle{font-size:clamp(21px,2.2vw,30px);font-weight:400;line-height:1.35;color:#657085;margin:0 auto 16px}.welcome-description{font-size:clamp(16px,1.4vw,19px);margin-bottom:18px}.welcome-art{height:auto;width:min(100vw,1400px);max-width:none;margin-top:18px}.welcome-art img{height:auto;width:100%;max-height:calc(100svh - 395px);object-fit:contain}
@media(min-width:651px) and (max-height:850px){.welcome h1{font-size:clamp(38px,4vw,58px)}.welcome-art{height:auto}.welcome-art img{max-height:calc(100svh - 370px)}.android-label{margin-bottom:12px}.welcome-description{margin-bottom:14px}.carrier-subtitle{margin-bottom:12px}}
@media(max-width:650px){.welcome h1{font-size:clamp(34px,8vw,46px)}.welcome h1 br{display:initial}.carrier-subtitle{font-size:23px}.welcome-art{width:125vw}.welcome-art img{max-height:none}.welcome-description{font-size:16px}}

.android-label img{width:28px;height:auto;flex:none}

/* Full-width hero illustration behind the copy. */
.welcome.wrap{width:100%;max-width:none;min-height:calc(100svh - 104px);padding:clamp(30px,5vh,65px) 24px clamp(330px,43vh,520px);background-image:linear-gradient(180deg,#f5f6f9 0%,#f5f6f9ed 18%,#f5f6f9a8 35%,#f5f6f900 62%),url('assets/car-city-LM2.png');background-repeat:no-repeat;background-position:center top,center bottom;background-size:100% 100%,min(1400px,110vw) auto;isolation:isolate}.welcome h1{font-size:clamp(44px,5.8vw,88px);line-height:1.04;max-width:1200px;margin-bottom:16px}.carrier-subtitle{font-size:clamp(22px,2.3vw,32px);margin-bottom:18px}.welcome-description{margin-bottom:24px}.welcome-actions{position:relative;z-index:1}
@media(min-width:651px) and (max-height:850px){.welcome.wrap{padding-top:24px;padding-bottom:310px;min-height:calc(100svh - 104px);background-size:100% 100%,min(1200px,105vw) auto}.welcome h1{font-size:clamp(44px,5.2vw,76px)}.android-label{margin-bottom:14px}}
@media(max-width:650px){.welcome.wrap{min-height:calc(100svh - 140px);padding:35px 20px 280px;background-size:100% 100%,165vw auto;background-position:center top,center bottom}.welcome h1{font-size:clamp(36px,9vw,54px);line-height:1.08}.carrier-subtitle{font-size:24px}.welcome-description{max-width:360px}.welcome-actions{gap:18px}}

.welcome.wrap{background-image:url('assets/car-city-LM2.png');background-size:min(1400px,110vw) auto;background-position:center bottom}.welcome-copy{position:relative;z-index:1;isolation:isolate}.welcome-copy:before{content:"";position:absolute;z-index:-1;left:-24px;right:-24px;top:-70px;bottom:-100px;background:linear-gradient(180deg,#f5f6f9 0%,#f5f6f9 65%,#f5f6f9f5 76%,#f5f6f9b8 88%,#f5f6f900 100%);pointer-events:none}
@media(min-width:651px) and (max-height:850px){.welcome.wrap{background-size:min(1200px,105vw) auto}}
@media(max-width:650px){.welcome.wrap{background-size:165vw auto}.welcome-copy:before{left:-20px;right:-20px;bottom:-80px}}

.feature .copy h1,.feature .copy h2,.feature .copy .feature-title{font-size:var(--type-display);line-height:1.08;letter-spacing:-.04em}

/* Responsive layout boundaries: type follows its column rather than the viewport. */
header .brand,header .nav-cta{flex-shrink:0}header .nav-cta{white-space:nowrap}header nav{flex-wrap:wrap;justify-content:center}.features,.feature,.copy{min-width:0}.copy{container-type:inline-size}.feature .copy h1,.feature .copy h2,.feature .copy .feature-title{font-size:clamp(36px,10.8cqw,68px);line-height:1.1;overflow-wrap:anywhere;hyphens:auto}.feature .copy p{overflow-wrap:break-word}.showcase{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:60px}.sticky-phone{top:110px;height:calc(100svh - 125px)}.screen-column .car-scene{height:min(66svh,690px)}.screen-column figcaption{font-size:13px;max-width:290px}.button{max-width:100%;text-align:center}
@media(max-width:1050px){header.wrap{gap:15px}header .brand img{height:40px}header .brand{font-size:24px}header nav{gap:18px;font-size:14px}header .nav-cta{font-size:13px;padding:11px 16px}.showcase{gap:35px}.screen-column .car-scene{height:min(62svh,600px)}}
@media(max-width:850px){header.wrap{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 18px;border-radius:25px}header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:14px;width:100%;font-size:14px}header .brand{grid-column:1;grid-row:1}header .nav-cta{grid-column:2;grid-row:1}.showcase{display:block}.screen-column{display:none}.feature{display:block;min-height:0;padding:65px 0;border-bottom:1px solid #dfe3e8}.copy{padding:0 0 35px;max-width:620px}.feature .copy h1,.feature .copy h2,.feature .copy .feature-title{font-size:clamp(34px,7vw,54px);overflow-wrap:normal;hyphens:auto}.mobile-screen{display:flex;flex-direction:column;align-items:center;margin:0;position:relative}.mobile-screen .car-scene{height:min(72svh,650px);width:auto;max-width:none;flex-shrink:0}.mobile-screen .hardware{position:absolute;inset:0;width:100%;height:100%;max-width:none}.mobile-screen .phone-display img,.mobile-screen .phone-display video{width:100%;height:100%;max-height:none;max-width:none;object-fit:contain}.mobile-screen .dashboard{width:240%;max-width:none;left:50%;height:auto}.mobile-screen figcaption{max-width:340px;font-size:13px}.join,.questions{grid-template-columns:1fr;gap:35px}.join form{width:100%;max-width:600px}.welcome.wrap{padding-top:35px;padding-bottom:300px;background-size:1000px auto;min-height:0}.welcome h1{font-size:clamp(36px,6.5vw,58px)}.welcome-copy:before{bottom:-80px}.first-screen-scroll{display:none}}
@media(max-width:500px){.wrap{width:calc(100% - 32px)}header.wrap{padding:11px 13px;top:8px;margin-top:8px;gap:10px}header .brand img{height:32px}header .brand{font-size:21px;gap:7px}header .nav-cta{font-size:11px;padding:9px 11px;min-height:38px}header .nav-cta svg{width:14px}header nav{font-size:13px;gap:10px}.welcome.wrap{width:100%;padding:28px 16px 240px;background-size:155vw auto}.welcome h1{font-size:clamp(33px,8.2vw,42px);line-height:1.1}.carrier-subtitle{font-size:22px}.welcome-description{font-size:16px}.welcome-actions{gap:16px;flex-wrap:wrap}.welcome-actions .button{font-size:14px}.welcome-link{font-size:14px}.feature{padding:48px 0}.feature .copy h1,.feature .copy h2,.feature .copy .feature-title{font-size:clamp(32px,8.4vw,40px);overflow-wrap:anywhere}.hero-actions{gap:10px}.pause-button,.sound-button{width:46px;height:46px;min-width:46px}.copy .pretitle{font-size:11px;letter-spacing:.08em}.mobile-screen .car-scene{height:min(66svh,540px)}.join,.questions{padding-block:50px}.join form{padding:22px}.choices{gap:12px}input:not([type=checkbox]){min-width:0;font-size:16px}footer{gap:18px}footer>a:nth-child(2){margin-left:0}}

.feature>.copy{width:100%;flex:1 1 100%}.features{width:100%}

.menu-toggle{display:none;background:transparent;border:0;color:var(--ink);width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;cursor:pointer}.menu-toggle:focus-visible{outline:3px solid #657085;outline-offset:3px}
@media(max-width:850px){header.wrap{grid-template-columns:1fr auto auto;gap:12px}header .brand{grid-column:1;grid-row:1}header .nav-cta{grid-column:2;grid-row:1}.menu-toggle{display:inline-flex;grid-column:3;grid-row:1}header nav#main-navigation{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;gap:0;margin-top:4px;padding-top:8px;border-top:1px solid #e4e7eb}header nav#main-navigation.is-open{display:flex}header nav#main-navigation a{padding:12px 8px;text-align:left;border-radius:8px}header nav#main-navigation a:hover{background:#eff1f5}.feature .copy{text-align:center;margin-inline:auto}.feature .copy .pretitle{justify-content:center}.hero-actions{justify-content:center}.feature .copy p{margin-left:auto;margin-right:auto}.feature .copy .button{margin-inline:auto}}
@media(max-width:500px){header.wrap{gap:7px;padding:10px 12px}header .brand img{height:29px}header .brand{font-size:20px;gap:6px}header .nav-cta{font-size:10px;padding:9px 10px;gap:4px}.menu-toggle{width:36px;height:40px}}

@media(max-width:850px){.feature .copy .hero-actions{justify-content:center;gap:14px}.feature .copy .hero-actions>.button{margin-left:0;margin-right:0}.hero-actions>.pause-button,.hero-actions>.sound-button{margin-left:0;margin-right:0}}

.questions>div{display:flex;flex-direction:column;gap:12px}.questions details{padding:0;border:1px solid #e1e5ea;border-radius:16px;background:#ffffff80;overflow:hidden;transition:background .2s,border-color .2s}.questions details[open]{background:#fff;border-color:#d3dce0}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;list-style:none;font-size:var(--type-body);font-weight:600;line-height:1.5}.questions summary::-webkit-details-marker{display:none}.questions summary::marker{content:""}.questions summary:after{content:"";display:block;flex:none;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s;color:#657085}.questions details[open] summary:after{transform:rotate(180deg);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");color:#11BD7A}.questions details p{margin:0;padding:0 24px 24px;font-size:var(--type-body);line-height:1.75}.questions summary:hover{background:#ffffff60}.questions details[open] p{animation:faq-reveal .24s ease-out}@keyframes faq-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@supports(interpolate-size:allow-keywords){.questions details{interpolate-size:allow-keywords}.questions details::details-content{height:0;overflow:clip;transition:height .25s ease,content-visibility .25s;transition-behavior:allow-discrete}.questions details[open]::details-content{height:auto}}@media(max-width:500px){.questions summary{padding:18px;gap:15px}.questions details p{padding:0 18px 20px}}@media(prefers-reduced-motion:reduce){.questions details,.questions summary:after,.questions details::details-content{transition:none}.questions details[open] p{animation:none}}

.questions{display:block;max-width:960px}.questions .faq-heading{display:block;text-align:center;margin-bottom:40px}.faq-heading h2{max-width:800px;margin-inline:auto}.faq-heading p{font-size:var(--type-body);margin:0}.faq-heading a{text-decoration:underline;text-underline-offset:4px}.questions .faq-items{display:flex;flex-direction:column;gap:12px}.questions summary{text-align:left}.questions details p{text-align:left}@media(max-width:650px){.questions .faq-heading{margin-bottom:28px}}

.questions{max-width:760px}

header.wrap nav#main-navigation,header.wrap nav#main-navigation a{font-size:var(--type-body)}

header.wrap nav#main-navigation a{transition:color .18s ease}header.wrap nav#main-navigation a:hover{color:#11BD7A;text-decoration:none}@media(prefers-reduced-motion:reduce){header.wrap nav#main-navigation a{transition:none}}

main p a,.article p a,.help-box a,.back-link,.welcome-link{color:#11BD7A}.faq-heading a{color:#11BD7A}main p a:hover,.article p a:hover,.help-box a:hover,.back-link:hover,.welcome-link:hover{text-decoration:underline;text-underline-offset:4px}

.join>div{min-width:0}.join .taxi{width:145%;max-width:none;margin-left:-32%;margin-top:30px;height:auto}.join form{position:relative;z-index:1}
@media(max-width:850px){.join .taxi{width:115%;max-width:none;margin-left:-7.5%;margin-top:25px}.join>div{overflow:visible}}
@media(max-width:500px){.join .taxi{width:120%;margin-left:-10%}}

#tester-form input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;margin:0;border:2px solid #657085;border-radius:3px;background:#fff;display:inline-block;vertical-align:middle;cursor:pointer;transition:background-color .15s,border-color .15s;background-position:center;background-repeat:no-repeat;background-size:16px}
#tester-form input[type=checkbox]:checked{background-color:#11BD7A;border-color:#11BD7A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4 10-10'/%3E%3C/svg%3E")}
#tester-form input[type=checkbox]:focus-visible{outline:3px solid #11bd7a40;outline-offset:4px}#tester-form .choices label{min-height:44px;gap:10px;cursor:pointer}#tester-form .consent{gap:12px;cursor:pointer}#tester-form .consent input{margin-top:2px}@media(prefers-reduced-motion:reduce){#tester-form input[type=checkbox]{transition:none}}

.footer-brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer .brand b{color:#657085}.copyright{font-size:var(--type-small);color:var(--muted)}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin-left:auto;font-size:var(--type-small)}.footer-links a:hover{color:#11BD7A;text-decoration:none}@media(max-width:650px){.footer-links{margin-left:0;width:100%;gap:20px}.footer-brand{gap:18px}}

.contact{max-width:760px;padding-block:80px;scroll-margin-top:130px}.contact-heading{text-align:center;margin-bottom:32px}.contact-heading h2{font-size:var(--type-heading);line-height:1.1;margin-bottom:20px}.contact-heading p{font-size:var(--type-body)}#contact-form>label:first-child{margin-top:0}#contact-form textarea{display:block;width:100%;box-sizing:border-box;padding:14px;border:1px solid #d7dde3;border-radius:8px;font:inherit;line-height:1.6;background:#fff;resize:vertical;min-height:160px}#contact-form input{box-sizing:border-box}#contact-form textarea:focus-visible{outline:3px solid #657085;outline-offset:5px}#contact-form .demo-note{margin:20px 0}#contact-form .button{width:100%;justify-content:center}#contact-status{font-size:var(--type-small);margin:16px 0 0}#contact-status:empty{display:none}@media(max-width:650px){.contact{padding-block:50px}#contact-form{padding:24px}#contact-form textarea{font-size:16px}}

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cf-turnstile{margin:0;min-height:0;max-width:100%}form button:disabled{opacity:.55;cursor:wait}

.contact-page main{min-height:calc(100svh - 240px)}.contact-page .contact{padding-top:clamp(40px,6vw,80px)}.contact-heading h1{font-size:var(--type-heading);line-height:1.1;margin-bottom:20px}header nav a[aria-current="page"]{color:#11BD7A}

#tester-form select{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:14px 38px 14px 14px;border:1px solid #d7dde3;border-radius:8px;background-color:#fff;font:inherit;color:inherit}#tester-form select:focus-visible{outline:3px solid #657085;outline-offset:5px}.signup-privacy{margin-top:10px}.signup-privacy summary{font-size:var(--type-small);cursor:pointer;color:#11BD7A}.signup-privacy p{font-size:var(--type-small);line-height:1.6;margin:10px 0}.signup-privacy a{color:#11BD7A}@media(max-width:500px){#tester-form select{font-size:16px}}

.buf-buttons-benefits{font-size:var(--type-body);line-height:1.6;color:var(--muted);padding-left:1.15em;margin:0 0 28px;display:grid;gap:12px}.buf-buttons-benefits strong{font-weight:600;color:var(--ink)}#kolejna-funkcja .copy>p:not(.pretitle){margin-bottom:18px}@media(max-width:850px){.buf-buttons-benefits{padding-left:0;list-style:none;text-align:center;max-width:640px;margin-inline:auto}}

.feature-benefits{font-size:var(--type-body);line-height:1.6;color:var(--muted);padding-left:1.15em;margin:0 0 28px;display:grid;gap:12px}.feature-benefits strong{font-weight:600;color:var(--ink)}.feature .copy>p:not(.pretitle){margin-bottom:18px}@media(max-width:850px){.feature-benefits{padding-left:0;list-style:none;text-align:center;max-width:640px;margin-inline:auto}}

/* Keep intrinsic logo proportions, including generated image dimensions. */
footer .brand img{height:auto;flex-shrink:0}
.carrier-subtitle{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px}.carrier-subtitle>span{white-space:nowrap}.hero-android{display:inline-flex;align-items:center;gap:8px;font-size:.72em}.hero-android img{width:1.3em;height:auto}.carrier-divider{margin-right:6px}@media(max-width:500px){.hero-android{flex-basis:100%;justify-content:center}.carrier-divider{display:none}.carrier-subtitle{row-gap:6px}}

.signup-privacy summary{display:flex;align-items:center;gap:8px;list-style:none}.signup-privacy summary::-webkit-details-marker{display:none}.signup-privacy summary::marker{content:""}.signup-privacy summary:before{content:"";width:18px;height:18px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}.signup-privacy[open] summary:before{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.signup-privacy summary:before{transition:none}}