:root{color-scheme:dark;--bg:#030c15;--gold:#ffb900;--text:#f5f7fb;--muted:#9ab5d1;--line:#1b3044;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}img{max-width:100%;object-fit:contain}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;flex-shrink:0}.skip-link{position:fixed;left:16px;top:-70px;padding:16px;background:var(--gold);color:#05101c;z-index:100}.skip-link:focus{top:12px}.site-header{position:relative;z-index:20;border-bottom:1px solid #132331;background:#030c15}.header-inner{max-width:1600px;margin:auto;padding:20px 3.4%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand img{width:50px;height:50px}.brand strong{display:block;color:var(--gold);font-size:25px;letter-spacing:-1px}.brand small{display:block;color:#b5cee6;font-size:12px;margin-top:2px;letter-spacing:.15px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{font-size:13px;white-space:nowrap;padding:12px 0;position:relative}.main-nav a:hover{color:var(--gold)}.main-nav a[aria-current]{color:var(--gold);font-weight:700}.main-nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:14px 18px;border-radius:10px;font-size:14px;font-weight:700;line-height:1.25;border:1px solid transparent;transition:transform .18s,filter .18s;cursor:pointer}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-gold{background:linear-gradient(120deg,#ffc600,#ffb000);color:#03101a}.login{border-radius:30px;min-height:44px;padding:11px 22px}.menu-toggle{display:none;border:1px solid var(--line);background:#0a1724;border-radius:8px;width:44px;height:44px;padding:10px;color:white;cursor:pointer}.menu-toggle span{display:block;height:2px;background:currentColor;margin:4px 0}
.hero{position:relative;background:linear-gradient(90deg,rgba(3,12,21,.32),transparent 70%),linear-gradient(0deg,var(--bg),transparent 30%),url('hero-mobilidade.png') center 52%/cover no-repeat;overflow:hidden}.hero-inner{max-width:1600px;margin:auto;padding:46px 4% 38px;position:relative;min-height:740px}.hero-copy{position:relative;z-index:2;width:59%;max-width:850px}.eyebrow{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#bdd4ee;border:1px solid #20384e;border-radius:24px;padding:10px 14px;margin:0 0 20px;background:#030c15a6}.eyebrow span{color:var(--gold)}h1{font-size:clamp(38px,4.05vw,62px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 19px;font-weight:800;text-shadow:0 2px 18px #030c15}h1 span{color:var(--gold)}.hero-description{max-width:560px;color:var(--muted);font-size:19px;line-height:1.55;margin:0 0 31px;text-shadow:0 2px 6px #030c15}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service{--accent:#147aff;--button-text:#fff;display:flex;align-items:center;flex-direction:column;min-width:0;min-height:255px;text-align:center;padding:23px 12px 15px;border:1px solid color-mix(in srgb,var(--accent) 35%,#0b1420);background:linear-gradient(160deg,#05101bec,#030c15df);border-radius:16px;box-shadow:0 10px 25px #0003}.service-gold{--accent:#ffb900;--button-text:#03101a}.service-green{--accent:#2be779;--button-text:#03101a}.service-purple{--accent:#a58aff;--button-text:#081022}.service-icon{width:44px;height:44px;color:var(--accent);stroke-width:2;margin-bottom:15px}.service h2{font-size:21px;letter-spacing:-.8px;white-space:nowrap;margin:0 0 10px}.service p{font-size:13px;line-height:1.55;color:#c8d9ea;margin:0 0 17px;flex:1}.service .button{width:100%;padding:12px 7px;font-size:12px;gap:4px;background:var(--accent);color:var(--button-text);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 12%,transparent)}.service .icon{width:15px;height:15px}.benefits{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:27px 0 0;margin:32px 0 0;border-top:1px solid #1b3044a8}.benefits li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:var(--muted)}.benefits svg{width:32px;height:36px;flex-shrink:0;color:#83b3e4}.benefits strong{display:block;color:#fff;font-size:12px}.hero-visual{position:absolute;right:12.5%;top:32px;margin:0;width:300px;z-index:1}.phone{padding:9px;background:linear-gradient(120deg,#adb4ba,#080b10 9%,#10151b 90%,#7b8893);border:1px solid #97a6b4;border-radius:47px;transform:rotate(7deg);box-shadow:14px 22px 20px #0009,-8px 3px 15px #0009;width:300px}.phone-screen{overflow:hidden;background:#f3f6fa;color:#101b2b;border-radius:37px;position:relative}.phone-screen:before{content:"";position:absolute;top:0;left:72px;width:136px;height:22px;background:#03080d;border-radius:0 0 17px 17px;z-index:1}.phone-top{background:#05234a;color:#fff;display:flex;justify-content:space-between;padding:24px 18px 0;font-size:10px;font-weight:bold}.phone-header{background:#05234a;color:#fff;padding:25px 18px 38px}.phone-header img{float:right}.phone-header strong{display:block;font-size:19px}.phone-header small{display:block;font-size:10px;margin-top:6px;color:#dae9f9}.phone-search{position:relative;display:flex;gap:8px;align-items:center;margin:-23px 12px 10px;background:white;box-shadow:0 5px 10px #1026441a;padding:14px 12px;border-radius:22px;font-size:11px;color:#274468}.phone-search span{margin-left:auto;font-size:20px;line-height:10px}.phone-body{padding:12px 14px 16px}.phone-section{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:13px}.phone-section span{font-size:9px;color:#926500}.phone-services{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-services>div{background:white;border-radius:14px;padding:14px 8px;text-align:center;font-size:11px;font-weight:bold;box-shadow:0 3px 10px #24304408}.phone-services svg{display:block;width:31px;height:31px;margin:0 auto 8px}.blue svg{color:#147aff}.gold svg{color:#eea100}.green svg{color:#1cc768}.purple svg{color:#8965f3}.phone-banner{background:linear-gradient(90deg,#03162ddd,#03162d33),url('hero-mobilidade.png') 72% 55%/cover;border-radius:16px;padding:19px 14px;margin-top:16px;color:#fff;min-height:153px}.phone-banner strong{font-size:20px;line-height:1.05;letter-spacing:-.7px}.phone-banner p{font-size:10px;line-height:1.5;color:#d2e1f2;max-width:135px;margin:8px 0}.phone-banner img{height:24px;width:24px}.phone-nav{display:flex;justify-content:space-around;background:#05234a;color:#b0c6e4;padding:12px 4px 15px}.phone-nav span{font-size:20px;text-align:center;line-height:1}.phone-nav small{display:block;font-size:9px;margin-top:6px}.phone-nav span:first-child{color:var(--gold)}.visual-tag{position:absolute;left:calc(100% + 65px);top:6px;font-size:11px;line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:#81b9ea}.visual-tag strong{font-weight:400}.visual-tag:after{content:"";display:block;width:38px;height:2px;background:var(--gold);margin-top:14px}.hero-visual figcaption{color:#a8bfd5;font-size:10px;text-align:center;position:relative;margin-top:35px;text-shadow:0 1px 5px #000}.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #1b3044;background:#030c15;padding:32px max(4%,calc((100vw - 1472px)/2));}.platform-item{flex:1;text-align:center;border-right:1px solid var(--line);padding:8px 14px}.platform-item strong{display:block;color:var(--gold);font-size:25px;margin-bottom:9px}.platform-item span{font-size:13px;color:var(--muted)}.download-cta{margin-left:20px;text-align:center;flex-shrink:0}.download-cta .button{border-radius:30px;padding:17px 25px;font-size:16px}.download-cta>span{display:block;font-size:11px;margin-top:10px;color:var(--muted)}.section-width{max-width:1472px;margin:auto;padding-left:4%;padding-right:4%}.how-section{padding-top:80px;padding-bottom:72px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.section-kicker{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:bold;color:var(--gold);margin:0 0 15px}h2{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0 0 16px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps li>span{color:var(--gold);font-size:12px;display:block;margin-bottom:20px}.steps h3{font-size:16px;line-height:1.4;margin:0 0 10px}.steps p,.contact-section p,.download-section p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.contact-section{padding-top:45px;padding-bottom:45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-section .section-kicker{color:var(--gold);margin-bottom:12px;font-size:10px}.contact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:430px}.button-outline{border-color:#35516c;color:#e1eaf3;background:#0a1724}.text-link{color:var(--muted);font-size:13px;padding:12px 0}.text-link:hover{color:var(--gold)}.download-section{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.download-section h2{font-size:24px;margin-bottom:8px}.store-links{display:flex;gap:12px}.site-footer{padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);display:flex;gap:25px;color:var(--muted);font-size:11px}.site-footer>span{margin-right:auto}.site-footer a:hover{color:var(--gold)}dialog{position:fixed;border:1px solid #35516c;border-radius:24px;background:#081725;color:white;width:min(440px,calc(100% - 32px));padding:38px 28px;text-align:center;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#b4c7db;font-size:30px;width:44px;height:44px;cursor:pointer}.dialog-icon{width:34px;height:34px;color:var(--gold);margin:0 auto 22px}.dialog-links{display:grid;gap:12px;margin-top:24px}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero{background-size:1600px auto}}
@media(max-width:1350px){.main-nav{gap:15px}.main-nav a{font-size:12px}.header-inner{gap:18px}.brand strong{font-size:22px}.hero-inner{padding-left:3%;padding-right:3%;min-height:700px}.hero-copy{width:62%}.hero-visual{right:9%;width:270px;top:52px}.phone{width:270px}.visual-tag{left:calc(100% + 32px);font-size:9px}.service{padding-left:9px;padding-right:9px}.service h2{font-size:19px}.benefits{gap:9px}.benefits li{gap:7px;font-size:11px}.benefits strong{font-size:11px}.benefits svg{width:26px}.phone-header strong{font-size:17px}.phone-screen:before{left:63px;width:125px}.hero-description{font-size:18px;max-width:520px}.platform-strip{gap:10px}.platform-item strong{font-size:22px}.platform-item{padding:8px}.download-cta{margin-left:8px}}
@media(max-width:1150px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block}.main-nav{display:none;order:3;flex-basis:100%;grid-template-columns:repeat(4,1fr);gap:6px 20px;padding:10px 0}.main-nav.is-open{display:grid}.main-nav a{font-size:14px}.hero-copy{width:64%}h1{font-size:45px}.services{grid-template-columns:repeat(2,1fr);max-width:580px}.service{min-height:216px;padding:17px 15px}.service-icon{width:35px;height:35px;margin-bottom:10px}.service p{max-width:200px}.service h2{font-size:21px}.service .button{font-size:13px}.hero-visual{top:120px;right:5%;width:250px}.phone{width:250px}.visual-tag{display:none}.phone-header strong{font-size:15px}.phone-header img{width:27px}.phone-screen:before{left:58px;width:112px}.benefits{grid-template-columns:repeat(2,1fr);row-gap:20px}.platform-strip{flex-wrap:wrap;justify-content:center;padding:25px 3%}.platform-item{flex-basis:20%}.platform-item:nth-child(4){border:0}.download-cta{margin:10px 0 0;width:100%}.how-section{gap:30px;grid-template-columns:1fr}.steps{gap:25px}.contact-section h2{font-size:27px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header-inner{padding:14px 5%;gap:12px}.brand strong{font-size:21px}.brand img{width:40px;height:40px}.brand small{font-size:10px}.login{padding:11px 17px;min-height:42px;font-size:13px}.login svg{display:none}.header-actions{gap:9px}.main-nav{grid-template-columns:repeat(2,1fr)}.hero{background-position:68% top;background-size:auto 760px}.hero-inner{padding:35px 5% 25px;background:linear-gradient(180deg,#030c15b0,#030c15d9 65%,#030c15)}.hero-copy{width:100%;max-width:none}.eyebrow{font-size:8px;letter-spacing:1.4px;padding:9px 10px;gap:7px;margin-bottom:20px}h1{font-size:clamp(32px,6.5vw,48px);letter-spacing:-1.4px;line-height:1.1}.hero-description{font-size:16px;max-width:530px;margin-bottom:25px}.services{max-width:none;gap:12px}.service{min-height:225px;padding:19px 11px 13px;backdrop-filter:blur(6px)}.service h2{font-size:21px}.service p{font-size:13px}.service .button{font-size:12px}.hero-visual{position:relative;top:auto;right:auto;width:248px;margin:45px auto 12px}.phone{width:248px;transform:rotate(4deg)}.hero-visual figcaption{margin-top:22px;font-size:9px}.benefits{padding-top:23px;margin-top:25px;column-gap:20px}.benefits li{font-size:12px}.benefits strong{font-size:12px}.benefits svg{width:30px}.platform-strip{padding:25px 5%;row-gap:25px}.platform-item{flex-basis:40%;padding:0 5px}.platform-item:nth-child(2){border:0}.platform-item strong{font-size:22px}.platform-item span{font-size:12px}.download-cta{margin-top:0}.how-section{padding-top:45px;padding-bottom:40px}.section-width{padding-left:5%;padding-right:5%}.steps{grid-template-columns:1fr;gap:22px}.steps li{padding-left:38px;position:relative}.steps li>span{position:absolute;left:0;top:3px}.steps p{max-width:500px}.contact-section,.download-section{align-items:flex-start;flex-direction:column;gap:22px;padding-top:32px;padding-bottom:32px}.contact-actions{justify-content:flex-start}.store-links{flex-wrap:wrap}.site-footer{flex-wrap:wrap;gap:20px;line-height:1.6}.site-footer>span{flex-basis:100%}.hero-visual{display:none}}
@media(max-width:360px){.brand strong{font-size:18px}.brand img{width:33px}.header-inner{padding-left:4%;padding-right:4%}.login{padding:10px 13px}.service h2{font-size:18px}.service .button{font-size:11px;padding-left:4px;padding-right:4px}.service p{font-size:12px}.service .icon{width:12px}.eyebrow{letter-spacing:1px;font-size:7px}}
@media(max-width:1150px){html:not(.js) .main-nav{display:grid}html:not(.js) .menu-toggle{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* v4: simulação isolada da interface passenger.php. */
.demo-visual{top:20px;right:10.5%;width:300px;perspective:1100px;z-index:3}.phone-stage{perspective:1100px;animation:phone-float 7s ease-in-out infinite;padding:10px 0}.demo-phone{width:300px;transform:rotateY(-19deg) rotateZ(7deg);transition:transform .75s cubic-bezier(.2,.8,.2,1),box-shadow .75s;transform-style:preserve-3d;will-change:transform}.phone-stage:hover .demo-phone,.demo-visual:focus-within .demo-phone{transform:rotateY(0) rotateZ(0);box-shadow:0 25px 55px #0009,0 0 35px #ffbd0014}.phone-stage:hover{animation-play-state:paused}.demo-screen{height:574px;background:#e8ece9;color:#243044;font-family:Arial,Helvetica,sans-serif;isolation:isolate}.demo-screen:before{left:86px;width:112px;height:19px;z-index:10;background:#03080d}.demo-statusbar{position:absolute;z-index:5;inset:0 0 auto;height:43px;padding:25px 16px 0;display:flex;justify-content:space-between;background:#0e3065;color:white;font-size:9px;font-weight:700}.passenger-map-head{position:absolute;z-index:3;top:54px;left:9px;right:9px;display:flex;align-items:center;gap:6px}.map-circle{height:28px;width:28px;display:grid;place-items:center;background:white;color:#344354;border-radius:50%;box-shadow:0 2px 5px #0003;font-size:18px;flex-shrink:0}.map-logo{height:40px;width:40px}.passenger-map-head strong{font-size:9px;max-width:85px;line-height:1.25;color:#566660}.exit-icon{margin-left:auto;font-size:15px}.demo-map{position:absolute;top:43px;left:0;width:100%;height:470px;stroke-linecap:round}.demo-mode-badge{position:absolute;z-index:4;right:12px;top:110px;border:1px solid #002a6833;border-radius:14px;background:#fffffff0;color:#0e3065;font-size:8px;font-weight:700;letter-spacing:1px;padding:5px 8px}.demo-route-shadow{stroke:white;stroke-width:8;fill:none;opacity:0}#demo-route{stroke:#2389d4;stroke-width:4;fill:none;opacity:0}.demo-destination,#demo-vehicle{opacity:0;transition:opacity .4s}.demo-pulse{transform-origin:0 0;animation:map-pulse 2.8s ease-out infinite}.passenger-sheet{position:absolute;z-index:4;bottom:51px;left:0;right:0;padding:18px 15px 12px;background:#fff;border-radius:21px 21px 0 0;box-shadow:0 -4px 20px #00000008;transition:padding .3s}.passenger-sheet h3{font-size:13px;margin:0 0 13px;font-weight:700;line-height:1.3}.passenger-sheet h3>span{color:#ffc400}.passenger-addresses{background:#d5d5d5;border-radius:9px;padding:10px 9px;display:grid;gap:7px;margin-bottom:19px}.passenger-addresses>div{display:flex;gap:6px;align-items:center;min-width:0}.passenger-addresses b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#444}.passenger-addresses span{color:#f44550;font-size:12px;line-height:1}.passenger-addresses>div+div span{color:#11a94d}.passenger-action{display:block;border:none;border-radius:24px;background:#ffc400;color:#203553;font-size:11px;font-weight:800;min-height:39px;width:100%;padding:10px 8px;cursor:pointer}.passenger-action:hover{background:#ffd33a}.passenger-action:focus-visible{outline:3px solid #1768ab;outline-offset:3px}.demo-price-note{font-size:7px;text-align:center;line-height:1.5;color:#697384;margin:8px 0 0}.passenger-estimate,.passenger-search,.passenger-driver,.passenger-done{display:none}.passenger-estimate{border:2px solid #ffc400;border-radius:12px;padding:10px;margin:-6px 0 13px}.passenger-estimate>div{display:flex;gap:10px;align-items:center}.passenger-estimate svg{width:32px;height:27px;color:#002a68}.passenger-estimate strong{font-size:13px}.passenger-estimate b{font-size:13px;margin-left:auto;text-align:right}.passenger-estimate small{display:block;font-size:7px;font-weight:400;color:#647184;margin-top:4px}.passenger-search{text-align:center;padding:0 0 18px}.search-rings{border:1px solid #e6cd65;box-shadow:0 0 0 8px #ffc40011,0 0 0 17px #ffc40009;background:#fff6d4;width:54px;height:54px;margin:12px auto 22px;border-radius:50%;display:grid;place-items:center}.search-rings svg{width:28px;height:28px;color:#0e3065}.passenger-search strong{font-size:14px}.passenger-search p{font-size:10px;margin:8px 0 0;color:#697384}.driver-details{display:flex;align-items:center;gap:10px}.driver-avatar{width:38px;height:38px;background:#ecf1f9;display:grid;place-items:center;border-radius:50%;color:#0e3065}.driver-details small{display:block;font-size:7px;color:#6b7c90;letter-spacing:.4px}.driver-details strong{display:block;font-size:12px;margin:5px 0}.driver-details div>span{display:block;color:#6b7c90;font-size:9px}.ride-status{padding:10px;margin:13px 0;border-radius:8px;background:#e8f0fc;color:#0e3065;font-size:10px;font-weight:700;text-align:center}.passenger-done{text-align:center;padding-bottom:17px}.passenger-done>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:white;background:#11a94d;font-size:26px;margin:0 auto 12px}.passenger-done strong{display:block;font-size:20px;color:#0e3065}.passenger-done p{font-size:10px;line-height:1.6;color:#647184;margin:8px 0 0}.demo-app-nav{position:absolute;z-index:6;bottom:0;left:0;right:0;height:51px;background:#0e3065;color:#b2c5df;display:flex;justify-content:space-around;padding:7px 0}.demo-app-nav>span{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;line-height:1}.demo-app-nav small{font-size:8px;font-weight:700;margin-top:4px}.demo-app-nav .selected{color:#ffc400}.demo-app-nav .icon{height:18px;width:18px}
.demo-phone:not([data-phase="0"]) #demo-route,.demo-phone:not([data-phase="0"]) .demo-route-shadow,.demo-phone:not([data-phase="0"]) .demo-destination{opacity:1}.demo-phone[data-phase="1"] .passenger-estimate{display:block}.demo-phone[data-phase="2"] .passenger-search{display:block}.demo-phone[data-phase="3"] .passenger-driver,.demo-phone[data-phase="4"] .passenger-driver{display:block}.demo-phone[data-phase="3"] #demo-vehicle,.demo-phone[data-phase="4"] #demo-vehicle{opacity:1}.demo-phone[data-phase="5"] .passenger-done{display:block}.demo-phone[data-phase="2"] .passenger-addresses,.demo-phone[data-phase="3"] .passenger-addresses,.demo-phone[data-phase="4"] .passenger-addresses,.demo-phone[data-phase="5"] .passenger-addresses{display:none}.demo-phone[data-phase="5"] .passenger-sheet h3{display:none}
.demo-controls{position:relative;display:flex;gap:7px;align-items:center;justify-content:center;margin-top:12px}.demo-controls button{width:32px;height:32px;border:1px solid #416080;border-radius:50%;background:#071724;color:#e6eff8;font-size:19px;cursor:pointer}.demo-controls button:hover{border-color:#ffc400;color:#ffc400}.demo-controls span{font-size:10px;color:#b0c9e1;min-width:38px;text-align:center}.demo-visual figcaption{margin-top:8px;line-height:1.6}.demo-visual figcaption strong{display:block;font-size:11px;color:#ffce3a}.demo-visual figcaption span{display:block;font-size:9px;color:#bad0e4}.demo-test-button{display:block;margin:9px auto 0;color:#ffc400;background:#081b2c;border:1px solid #aa821b;border-radius:16px;padding:8px 16px;font-size:10px;font-weight:700;cursor:pointer}.demo-test-button:hover{background:#122944}.demo-visual.is-paused .phone-stage,.demo-visual.is-paused .demo-pulse{animation-play-state:paused}
@keyframes phone-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes map-pulse{0%{transform:scale(.75);opacity:.8}100%{transform:scale(1.65);opacity:0}}
@media(min-width:1151px){.hero-inner{min-height:815px}}
@media(max-width:1350px) and (min-width:1151px){.demo-visual{right:6%;top:26px;width:270px}.demo-phone{width:270px}.demo-screen{height:551px}.demo-screen:before{left:70px}.demo-map{height:450px}.passenger-map-head{gap:4px}.passenger-map-head strong{font-size:8px}}
@media(max-width:1150px) and (min-width:761px){.demo-visual{right:4%;top:96px;width:246px}.demo-phone{width:246px}.demo-screen{height:525px}.demo-screen:before{left:56px}.demo-map{height:430px}.map-circle{width:23px;height:23px;font-size:15px}.map-logo{height:33px;width:33px}.passenger-map-head{gap:4px}.passenger-map-head strong{font-size:8px}.passenger-sheet{padding:14px 12px 10px}.passenger-addresses b{font-size:8px}}
@media(max-width:760px){.demo-visual{display:block;position:relative;right:auto;top:auto;width:280px;max-width:100%;margin:37px auto 8px}.demo-phone{width:280px;max-width:100%;transform:rotateY(-13deg) rotateZ(4deg)}.demo-screen{height:552px}.demo-screen:before{left:75px}.demo-map{height:452px}.demo-controls{margin-top:10px}.hero-inner{overflow:hidden}}
html:not(.js) .demo-controls,html:not(.js) .demo-test-button{display:none}html:not(.js) .passenger-action{pointer-events:none}
@media(prefers-reduced-motion:reduce){.phone-stage,.demo-pulse{animation:none}.demo-phone{transform:none;transition:none}.demo-screen *{transition:none!important}.phone-stage:hover .demo-phone{transform:none}}
.demo-visual:focus-within .phone-stage{animation-play-state:paused}
.demo-visual.is-interactive .phone-stage{animation-play-state:paused}