:root{--red:#c80a3f;--ink:#171419;--muted:#6d6870;--cream:#f6f2eb;--yellow:#ffd326;--line:rgba(23,20,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;background:#fff;color:var(--red);border-radius:8px}.skip-link:focus{top:16px}
.logo-filter{position:absolute;pointer-events:none}.site-header{position:absolute;inset:0 0 auto;z-index:20;color:#fff}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:inline-flex;align-items:center}.brand-logo-frame{position:relative;display:block;width:215px;height:72px;flex:0 0 215px;overflow:hidden}.brand-logo-frame img{position:absolute;left:50%;top:50%;display:block;width:100%;height:auto;transform:translate(-50%,-50%);filter:url(#remove-crimson-background)}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.site-header nav a{color:rgba(255,255,255,.78);transition:.2s}.site-header nav a:hover,.site-header nav a:focus{color:#fff}.nav-action{border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:11px 18px;font-size:13px;font-weight:700}
.hero{position:relative;min-height:760px;padding:170px 0 90px;color:#fff;background:linear-gradient(122deg,#9c002d 0%,#c90b40 53%,#e32759 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(65,0,18,.18) 1px,transparent 1px),linear-gradient(rgba(65,0,18,.14) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 75%)}.hero-glow{position:absolute;border-radius:50%}.hero-glow-one{width:520px;height:520px;right:-160px;top:-160px;background:rgba(255,203,44,.13)}.hero-glow-two{width:310px;height:310px;left:42%;bottom:-220px;background:rgba(255,255,255,.08)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:62px}.eyebrow{margin:0 0 24px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:800;color:rgba(255,255,255,.72)}.eyebrow span{width:28px;height:2px;background:var(--yellow)}.eyebrow-dark{color:var(--red)}.hero h1{margin:0;max-width:690px;font-size:clamp(54px,6.2vw,88px);line-height:.95;letter-spacing:-5px;font-weight:800}.hero h1 em{color:var(--yellow);font-style:normal}.hero-lead{max-width:620px;margin:28px 0 34px;font-size:18px;line-height:1.72;color:rgba(255,255,255,.78)}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 23px;border-radius:999px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover,.button:focus{transform:translateY(-2px)}.button-primary{background:var(--yellow);color:#351b00;box-shadow:0 14px 30px rgba(65,0,18,.18)}.button-quiet{color:#fff;border:1px solid rgba(255,255,255,.28)}.play{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:9px}.hero-notes{display:flex;gap:25px;margin-top:32px;color:rgba(255,255,255,.68);font-size:12px;font-weight:600}.hero-notes i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--yellow);font-style:normal}
.hero-visual{position:relative;min-height:460px}.route-map{position:absolute;inset:35px 0 20px 40px;border:1px solid rgba(255,255,255,.14);border-radius:48% 42% 48% 38%;transform:rotate(-7deg)}.route-map:after{content:"";position:absolute;inset:45px;border:1px dashed rgba(255,255,255,.23);border-radius:50%}.map-label{position:absolute;padding:6px 10px;background:rgba(89,0,26,.5);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:10px;font-weight:800}.map-label-a{left:-15px;top:83px}.map-label-b{right:-28px;bottom:95px}.map-line{position:absolute;width:8px;height:8px;left:23%;top:38%;border-radius:50%;background:var(--yellow);box-shadow:225px 97px 0 var(--yellow)}.taxi-wrap{position:absolute;inset:80px -35px 0 28px;display:grid;place-items:center}.taxi-wrap img{position:relative;width:min(520px,100%);filter:drop-shadow(0 35px 24px rgba(53,0,15,.3));transform:rotate(-2deg)}.taxi-shadow{position:absolute;width:72%;height:22%;bottom:58px;left:16%;background:rgba(54,0,15,.28);filter:blur(24px);border-radius:50%}.route-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;min-width:205px;padding:13px 15px;background:rgba(255,255,255,.96);color:var(--ink);border-radius:16px;box-shadow:0 20px 50px rgba(68,0,20,.22)}.route-card-top{right:-10px;top:18px}.route-card-bottom{left:-6px;bottom:10px}.route-card small,.route-card strong{display:block}.route-card small{font-size:9px;color:#8d858e}.route-card strong{font-size:12px;margin-top:3px}.route-card b{margin-left:auto;padding:5px 8px;border-radius:7px;background:#f2e7eb;color:var(--red);font-size:9px}.route-dot{width:12px;height:12px;border-radius:50%}.route-dot-pink{background:var(--red);box-shadow:0 0 0 5px rgba(200,10,63,.1)}.driver-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:var(--yellow);font-size:12px;font-weight:900}.route-card b.live{background:#eaf8ef;color:#178445}.route-card b.live span{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:#2ab365}
.app-showcase{padding:115px 0 125px;background:#fff}.section-heading{display:grid;grid-template-columns:1fr 360px;align-items:end;gap:50px;margin-bottom:62px}.section-heading h2,.how h2,.confidence h2,.final-cta h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-3.2px}.section-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.app-grid{display:grid;gap:24px}.app-card{position:relative;min-height:620px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:32px}.passenger-card{background:#f3eee6}.driver-card{background:#19161b;color:#fff}.app-content{position:relative;padding:70px 58px;display:flex;flex-direction:column;align-items:flex-start}.app-number{position:absolute;right:42px;top:38px;font-size:76px;font-weight:900;letter-spacing:-7px;color:rgba(200,10,63,.09)}.driver-card .app-number{color:rgba(255,255,255,.06)}.app-kicker{margin:0 0 20px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.driver-card .app-kicker{color:var(--yellow)}.app-content h3{margin:0;max-width:470px;font-size:clamp(34px,3.5vw,51px);line-height:1.04;letter-spacing:-2.4px}.app-content>p:not(.app-kicker){margin:24px 0;color:var(--muted);line-height:1.7}.driver-card .app-content>p:not(.app-kicker){color:rgba(255,255,255,.6)}.app-content ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:13px;font-weight:700}.app-content li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:rgba(200,10,63,.1);color:var(--red);font-size:10px}.driver-card .app-content li:before{background:rgba(255,211,38,.13);color:var(--yellow)}.availability{margin-top:auto;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.driver-card .availability{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.65)}
.phone-stage{position:relative;display:grid;place-items:end center;padding:54px 35px 0;background:radial-gradient(circle at 50% 45%,rgba(200,10,63,.18),transparent 60%)}.driver-card .phone-stage{background:radial-gradient(circle at 50% 45%,rgba(255,211,38,.13),transparent 60%)}.phone{width:min(310px,90%);height:580px;padding:10px;border-radius:44px 44px 0 0;box-shadow:0 30px 60px rgba(46,24,31,.23);overflow:hidden}.phone-light{background:#151216}.phone-dark{background:#efefed}.phone-bar{height:29px;padding:4px 15px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800}.phone-light .phone-bar{color:#fff}.phone-bar i{display:block;width:54px;height:16px;border-radius:20px;background:#0a090b}.phone-screen{height:calc(100% - 29px);padding:24px 17px;background:#fff;border-radius:31px 31px 0 0;overflow:hidden}.phone-dark .phone-screen{background:#242126;color:#fff}.mini-brand{display:flex;align-items:center;gap:8px;color:var(--red);font-size:10px;font-weight:900}.mini-brand span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px 9px 9px 3px;background:var(--red);color:#fff;font-size:8px}.screen-label{margin:28px 0 14px;font-size:17px;font-weight:900;letter-spacing:-.5px}.screen-label-small{margin-top:25px;font-size:12px}.location-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ece7e8;border-radius:13px}.location-row span{font-size:11px;font-weight:800}.location-row small{display:block;margin-bottom:2px;color:#9b9498;font-size:8px;font-weight:500}.pin{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(200,10,63,.09)}.pin-end{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,211,38,.18)}.location-rail{height:9px;margin-left:17px;border-left:1px dashed #cfc6c9}.phone-screen button{width:100%;margin-top:17px;padding:12px;border:0;border-radius:12px;background:var(--red);color:#fff;font-size:10px;font-weight:800}.trip-preview{display:flex;align-items:center;gap:10px;padding:12px;background:#f6f2f3;border-radius:13px}.trip-preview>span{color:var(--red);font-size:11px;font-weight:900}.trip-preview div{flex:1}.trip-preview strong,.trip-preview small{display:block}.trip-preview strong{font-size:9px}.trip-preview small{margin-top:3px;color:#989095;font-size:7px}.trip-preview b{font-size:13px}
.driver-screen-head{display:flex;align-items:center;justify-content:space-between}.driver-screen-head small,.driver-screen-head strong{display:block}.driver-screen-head small{color:#999198;font-size:8px}.driver-screen-head strong{margin-top:3px;font-size:17px}.driver-screen-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--yellow);color:#3b2f00;font-size:10px;font-weight:900}.earnings-card{margin-top:22px;padding:18px;border-radius:17px;background:linear-gradient(135deg,var(--red),#8e0029)}.earnings-card>small{font-size:8px;color:rgba(255,255,255,.7)}.earnings-card>strong{display:block;margin:9px 0 17px;font-size:15px}.earnings-card em{color:var(--yellow);font-style:normal}.earnings-card div{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:rgba(255,255,255,.65)}.earnings-card b{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.15);color:#fff}.phone-dark .screen-label{font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-grid div{padding:13px 5px;background:#302c32;border-radius:12px;text-align:center}.metric-grid span,.metric-grid small{display:block}.metric-grid span{color:var(--yellow);font-size:17px;font-weight:900}.metric-grid small{margin-top:4px;color:#989197;font-size:7px}.driver-alert{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px;background:#302c32;border-radius:13px}.driver-alert i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(54,191,111,.14);color:#51d087;font-style:normal;font-size:10px}.driver-alert strong,.driver-alert small{display:block}.driver-alert strong{font-size:9px}.driver-alert small{margin-top:3px;color:#948e93;font-size:7px}
.how{padding:110px 0;background:var(--cream)}.how-intro{max-width:620px;margin-bottom:54px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{display:flex;gap:20px;padding:42px 35px;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.steps article>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:900}.steps h3{margin:4px 0 10px;font-size:19px}.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.confidence{padding:115px 0;color:#fff;background:#19161b}.confidence-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.confidence h2{max-width:450px}.confidence-points{display:grid}.confidence-points article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:29px 0;border-bottom:1px solid rgba(255,255,255,.11)}.confidence-points article:first-child{padding-top:0}.confidence-points>article>span{color:var(--yellow);font-size:11px;font-weight:800}.confidence-points h3{margin:0 0 8px;font-size:21px}.confidence-points p{margin:0;color:rgba(255,255,255,.54);font-size:14px;line-height:1.65}.final-cta{padding:90px 0;background:var(--yellow)}.final-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:50px}.final-cta h2{max-width:760px}.final-cta .eyebrow-dark{color:#7d5510}.final-cta .eyebrow-dark span{background:var(--red)}.final-cta .button-primary{background:var(--red);color:#fff}
footer{padding:68px 0 25px;background:#100e11;color:#fff}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;padding-bottom:45px}.footer-main>p{margin:0;color:rgba(255,255,255,.45);font-size:13px}.footer-links{display:flex;gap:23px;color:rgba(255,255,255,.65);font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.35);font-size:10px;text-transform:uppercase;letter-spacing:1px}.footer-bottom a{transition:color .2s}.footer-bottom a:hover,.footer-bottom a:focus{color:var(--yellow)}
@media(max-width:900px){.site-header nav{display:none}.hero{padding-top:135px}.hero-grid,.section-heading,.app-card,.confidence-grid{grid-template-columns:1fr}.hero-visual{min-height:420px}.section-heading>p{max-width:600px}.app-card{min-height:unset}.driver-card .phone-stage{order:2}.app-content{min-height:560px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.confidence-grid{gap:55px}.footer-main{grid-template-columns:1fr}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.nav-wrap{height:76px}.nav-action{padding:9px 13px;font-size:11px}.brand-logo-frame{width:170px;height:58px;flex-basis:170px}.hero{min-height:850px;padding:125px 0 55px}.hero h1{font-size:52px;letter-spacing:-3.4px}.hero-lead{font-size:16px}.hero-notes{flex-direction:column;gap:10px}.hero-visual{min-height:340px;margin-top:15px}.taxi-wrap{inset:64px -10px 0}.route-map{inset:35px 10px 20px}.route-card{min-width:175px;padding:10px}.route-card-top{right:0}.route-card-bottom{left:0}.app-showcase,.how,.confidence{padding:78px 0}.section-heading h2,.how h2,.confidence h2,.final-cta h2{font-size:40px;letter-spacing:-2px}.app-content{min-height:520px;padding:52px 27px}.app-number{right:24px;font-size:58px}.phone-stage{padding:40px 15px 0}.phone{height:540px}.steps article{padding:30px 15px}.final-cta{padding:65px 0}.footer-links{flex-wrap:wrap}.footer-bottom{gap:20px}.footer-main{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Mobile home-screen install prompt */
.install-banner { position: fixed; z-index: 1000; left: 16px; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(200, 10, 63, .15); border-radius: 16px; background: #fff; box-shadow: 0 12px 35px rgba(40, 17, 25, .22); }
.install-banner[hidden] { display: none; }
.install-banner img { width: 42px; height: 42px; object-fit: contain; border-radius: 10px; }
.install-banner div { flex: 1; min-width: 0; }
.install-banner strong, .install-banner small { display: block; }
.install-banner small { margin-top: 3px; color: #665c60; }
.install-banner .button { padding: 10px 13px; white-space: nowrap; }
.install-dismiss { border: 0; background: transparent; color: #665c60; font-size: 24px; line-height: 1; cursor: pointer; }
@media (max-width: 480px) { .install-banner { align-items: flex-start; } .install-banner .button { font-size: 12px; padding: 9px 10px; } .install-banner small { font-size: 11px; } }
.web-trip-form { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; margin-top: 30px; }
.trip-point-card { display: flex; gap: 16px; padding: 24px; background: #fff; border: 1px solid rgba(53, 30, 38, .12); border-radius: 20px; box-shadow: 0 12px 30px rgba(53, 30, 38, .08); }
.trip-point-marker { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; color: #fff; font-weight: 700; }
.pickup-marker { background: #c80a3f; } .dropoff-marker { background: #241c20; }
.trip-point-card > div { flex: 1; } .trip-point-card .eyebrow { margin: 0 0 10px; }
.trip-point-card label { display: block; margin-top: 12px; color: #5d5155; font-size: 13px; font-weight: 600; }
.trip-point-card select { display: block; width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid #ded5d8; border-radius: 10px; background: #fff; color: #241c20; font: inherit; }
.trip-route-line { width: 56px; height: 2px; background: linear-gradient(90deg, #c80a3f, #241c20); }
.trip-search-submit { grid-column: 1 / -1; justify-self: center; }
.trip-results { margin-top: 30px; } .trip-results h3 { margin-bottom: 14px; }
.trip-result-card { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-top: 10px; padding: 18px 20px; border-radius: 14px; background: #fff; border: 1px solid rgba(53, 30, 38, .12); }
.trip-result-card strong, .trip-result-card span { display: block; } .trip-result-card span { margin-top: 5px; color: #6d6266; font-size: 13px; }
.trip-result-meta { text-align: right; } .trip-result-meta strong { color: #c80a3f; }
.trip-empty { padding: 18px; border-radius: 12px; background: rgba(255, 255, 255, .7); }
@media (max-width: 760px) { .web-trip-form { grid-template-columns: 1fr; gap: 12px; } .trip-route-line { width: 2px; height: 22px; justify-self: center; } .trip-result-card { align-items: flex-start; flex-direction: column; } .trip-result-meta { text-align: left; } }