@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--pace-bg:#050e22;--pace-surface:#071936;--pace-surface-raised:#0a2042;--pace-border:#173762;--pace-text:#f4f8ff;--pace-muted:#8eaedc;--pace-cyan:#00d9f5;--pace-blue:#087cff}*{box-sizing:border-box}.pace-page{min-height:100vh;color:var(--pace-text);background:radial-gradient(at 50% 0,#105bb438,#0000 48%),linear-gradient(145deg,#08152f,#030917 70%);padding:28px 16px;font-family:Inter,sans-serif}.pace-container{padding:0!important}.pace-phone{border:1px solid #23436c;width:100%;max-width:470px;margin:0 auto;padding:24px;overflow:hidden;box-shadow:0 28px 90px #0006,inset 0 0 0 1px #82b4ff0d;color:var(--pace-text)!important;background:linear-gradient(160deg,#061631 0%,#041027 100%)!important;border-radius:38px!important}.pace-statusbar{justify-content:space-between;align-items:center;margin:0 4px 18px;display:flex}.pace-time{letter-spacing:.2px;font-size:15px!important;font-weight:700!important}.pace-status-icons{letter-spacing:2px;color:#eaf3ff;font-size:14px!important}.pace-header{margin-bottom:22px}.pace-logo{color:#04152d;background:linear-gradient(145deg,#21d9ff,#0875ff 70%);border-radius:14px;place-items:center;width:42px;height:42px;font-size:33px;font-style:italic;font-weight:800;display:grid;box-shadow:0 5px 20px #00abff33}.pace-brand{font-size:20px!important;font-weight:750!important;line-height:1.3!important}.pace-tagline{color:var(--pace-muted);margin-top:2px!important;font-size:12px!important}.pace-icon-button{width:42px;height:42px;position:relative;color:#e5f4ff!important;background:#10284a!important;border:1px solid #1b3a64!important}.pace-notification-dot{background:var(--pace-cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px;box-shadow:0 0 9px #00d9f5b3}.pace-map{isolation:isolate;background:radial-gradient(at 75% 30%,#00685c38,#0000 23%),radial-gradient(at 26% 70%,#004c8347,#0000 32%),#061a39;border:1px solid #16365f;border-radius:26px;height:310px;position:relative;overflow:hidden}.map-grid{opacity:.65;background-image:repeating-linear-gradient(28deg,#0000 0 27px,#123662 28px 30px,#0000 31px 56px),repeating-linear-gradient(118deg,#0000 0 35px,#12345d 36px 38px,#0000 39px 68px);position:absolute;inset:-45px}.map-grid-two{opacity:.3;background-image:repeating-linear-gradient(90deg,#0000 0 52px,#205083 53px 55px,#0000 56px 94px);transform:rotate(17deg)scale(1.2)}.map-park{opacity:.52;filter:blur(1px);background:#06434a;position:absolute;transform:rotate(25deg)}.park-one{border-radius:12px;width:74px;height:44px;top:52%;left:15%}.park-two{border-radius:18px;width:95px;height:52px;top:12%;right:10%}.map-road{background:#0b2b53;border:1px solid #173b6b;border-radius:100%;height:7px;position:absolute}.road-one{width:120%;top:32%;left:-10%;transform:rotate(22deg)}.road-two{width:120%;top:63%;left:-10%;transform:rotate(-35deg)}.road-three{width:120%;top:80%;left:-10%;transform:rotate(15deg)}.road-four{width:100%;top:47%;left:5%;transform:rotate(73deg)}.road-five{width:90%;top:20%;left:20%;transform:rotate(-55deg)}.map-back,.map-locate{z-index:4;color:#d8eaff!important;background:#071b3aeb!important;border:1px solid #214572!important;position:absolute!important}.map-back{top:16px;left:16px}.map-locate{bottom:16px;right:16px}.map-label{color:#6288bb;position:absolute;font-size:14px!important;font-weight:500!important}.map-westlands{top:28%;right:10%}.map-kilimani{bottom:28%;left:18%}.route-svg{z-index:2;width:100%;height:100%;position:absolute;inset:0}.map-pickup-marker{z-index:3;background:#00e4c6;border:5px solid #0b3352;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:15%;left:24%;box-shadow:0 0 0 5px #00e4c61f,0 0 18px #00e4c673}.map-pickup-marker span{background:#fff;border-radius:50%;width:5px;height:5px}.map-callout{z-index:3;border:1px solid #1c4778;position:absolute;color:var(--pace-text)!important;background:#041229f0!important;border-radius:13px!important;padding:9px 12px!important}.map-callout p{font-size:11px;font-weight:650}.map-callout p+p{color:var(--pace-cyan);margin-top:2px;font-weight:500}.pickup-callout{top:11%;left:33%}.drop-callout{top:60%;right:7%}.map-car{z-index:4;background:#eaf6ff;border:2px solid #6c9acb;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:48%;left:52%;transform:rotate(-24deg);box-shadow:0 5px 18px #020b1b}.map-drop-marker{z-index:3;filter:drop-shadow(0 4px 8px #ff466440);position:absolute;top:72%;left:65%}.map-eta{z-index:4;border:1px solid #1b4778;align-items:center;gap:12px;display:flex;position:absolute;bottom:16px;left:16px;color:var(--pace-text)!important;background:#041229f0!important;border-radius:18px!important;padding:12px 15px!important}.eta-main{font-size:17px!important;font-weight:750!important}.eta-sub{color:var(--pace-muted);margin-top:2px!important;font-size:12px!important}.pace-route-card{border:1px solid #193c68;margin-top:16px;color:var(--pace-text)!important;background:linear-gradient(130deg,#0a2042,#071832)!important;border-radius:20px!important;padding:18px 16px!important}.route-timeline{flex-direction:column;align-items:center;padding:6px 0;display:flex}.timeline-dot{border-radius:50%;flex:0 0 12px;width:12px;height:12px}.pickup-dot{background:#00dfc5;box-shadow:0 0 10px #00dfc540}.drop-dot{background:#ff5d76}.timeline-line{opacity:.7;background:linear-gradient(#00dfc5,#ff5d76);flex:1;width:2px;min-height:29px}.route-stops{flex:1;min-width:0}.route-stop{padding:2px 0 10px}.route-stop:last-child{padding:10px 0 0}.stop-name{font-size:14px!important;font-weight:700!important}.stop-subtitle{color:var(--pace-muted);margin-top:4px!important;font-size:12px!important}.route-divider{border-color:#19365e!important}.route-arrow{color:#8fbaff;align-self:flex-start;margin-top:9px}.ride-heading{margin:22px 0 12px}.section-title{font-size:17px!important;font-weight:750!important}.best-value-chip{color:#00e5c5!important;background:#00d5bc1a!important;height:28px!important;font-size:11px!important;font-weight:650!important}.best-value-chip .MuiChip-icon{margin-left:9px}.best-value-star{color:#00e5c5;font-size:16px}.ride-option{text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;color:var(--pace-text)!important;background:linear-gradient(130deg,#0a2041,#07162f)!important;border:1px solid #17365f!important;border-radius:19px!important;padding:13px!important}.ride-option:hover{transform:translateY(-1px);border-color:#2875b8!important}.ride-option-selected{box-shadow:0 0 0 1px #00d9f50d,0 8px 24px #0076ff14;border:2px solid var(--pace-cyan)!important;background:linear-gradient(120deg,#0083ff2b,#00d5f50f)!important;padding:12px!important}.vehicle-art{background:radial-gradient(circle,#12365e,#0a1d3b);border-radius:50%;flex:0 0 68px;place-items:center;width:68px;height:68px;font-size:34px;display:grid}.ride-details{flex:1;min-width:0}.ride-name{white-space:nowrap;font-size:13px!important;font-weight:750!important}.seat-count{color:var(--pace-muted);margin-top:5px}.seat-count p{font-size:11px!important}.ride-description{color:var(--pace-muted);margin-top:6px!important;font-size:10px!important;line-height:1.4!important}.ride-price{text-align:right;flex:none}.price-value{white-space:nowrap;font-size:13px!important;font-weight:750!important}.ride-option-selected .price-value{color:var(--pace-cyan)}.price-eta{color:var(--pace-muted);white-space:nowrap;margin-top:6px!important;font-size:10px!important}.ride-radio{color:#fff;border:2px solid #355a88;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;margin-left:2px;display:grid}.ride-radio-selected{background:linear-gradient(135deg,#087cff,#00c7ef);border-color:#00a9ff}.confirm-ride-button{color:#fff!important;text-transform:none!important;background:linear-gradient(100deg,#086bff,#00c7e8)!important;border-radius:18px!important;min-height:58px!important;margin-top:20px!important;font-size:16px!important;font-weight:750!important;transition:filter .2s,transform .2s!important;box-shadow:0 10px 28px #0084ff33!important}.confirm-ride-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.confirm-ride-button.Mui-disabled{color:#ffffffa6!important;background:#23456b!important}.trust-footer{color:#7596c5;margin-top:22px;padding:0 2px 3px}.trust-footer .MuiStack-root{gap:5px}.trust-footer p{white-space:nowrap;font-size:9px!important}.trust-footer svg{flex:none}.footer-separator{background:#1c365b;width:1px;height:18px}.pace-phone-embedded{max-width:300px;margin:0 auto;border:2px solid #3b82f64d!important;border-radius:36px!important;padding:14px 14px 12px!important;box-shadow:0 25px 60px -15px #000000b3,0 0 35px -8px #2563eb59!important}.pace-phone-embedded .pace-statusbar{margin:0 2px 8px}.pace-phone-embedded .pace-time{font-size:11px!important}.pace-phone-embedded .pace-status-icons{letter-spacing:1.5px;font-size:11px!important}.pace-phone-embedded .pace-header{margin-bottom:10px}.pace-phone-embedded .pace-logo{border-radius:9px;width:28px;height:28px;font-size:20px}.pace-phone-embedded .pace-brand{font-size:15px!important}.pace-phone-embedded .pace-tagline{margin-top:1px!important;font-size:9.5px!important}.pace-phone-embedded .pace-icon-button{width:30px;height:30px}.pace-phone-embedded .pace-icon-button svg{width:14px;height:14px}.pace-phone-embedded .pace-map{border-radius:18px;height:155px}.pace-phone-embedded .map-back{width:26px;height:26px;top:8px;left:8px;padding:4px!important}.pace-phone-embedded .map-back svg{width:13px;height:13px}.pace-phone-embedded .map-locate{width:26px;height:26px;bottom:8px;right:8px;padding:4px!important}.pace-phone-embedded .map-locate svg{width:13px;height:13px}.pace-phone-embedded .map-label{font-size:10.5px!important}.pace-phone-embedded .map-pickup-marker{border-width:3px;width:16px;height:16px}.pace-phone-embedded .map-pickup-marker span{width:4px;height:4px}.pace-phone-embedded .map-callout{border-radius:8px!important;padding:4px 7px!important}.pace-phone-embedded .map-callout p{font-size:8px}.pace-phone-embedded .map-callout p+p{font-size:7.5px}.pace-phone-embedded .map-car{width:24px;height:24px;font-size:14px}.pace-phone-embedded .map-drop-marker svg{width:18px;height:18px}.pace-phone-embedded .map-eta{gap:5px;bottom:8px;left:8px;border-radius:11px!important;padding:5px 8px!important}.pace-phone-embedded .map-eta svg{width:14px;height:14px}.pace-phone-embedded .eta-main{font-size:11.5px!important}.pace-phone-embedded .eta-sub{font-size:8.5px!important}.pace-phone-embedded .pace-route-card{margin-top:8px;border-radius:13px!important;padding:8px 10px!important}.pace-phone-embedded .timeline-dot{flex:0 0 8px;width:8px;height:8px}.pace-phone-embedded .timeline-line{min-height:16px}.pace-phone-embedded .route-stop{padding:0 0 4px}.pace-phone-embedded .route-stop:last-child{padding:4px 0 0}.pace-phone-embedded .stop-name{font-size:11px!important}.pace-phone-embedded .stop-subtitle{margin-top:1px!important;font-size:9px!important}.pace-phone-embedded .route-arrow{width:15px;height:15px;margin-top:4px}.pace-phone-embedded .ride-heading{margin:9px 0 5px}.pace-phone-embedded .section-title{font-size:12px!important}.pace-phone-embedded .best-value-chip{height:19px!important;font-size:9px!important}.pace-phone-embedded .best-value-star{font-size:11px}.pace-phone-embedded .ride-list{gap:5px}.pace-phone-embedded .ride-option{gap:7px;border-radius:12px!important;padding:6px 8px!important}.pace-phone-embedded .ride-option-selected{padding:5px 7px!important}.pace-phone-embedded .vehicle-art{flex:0 0 34px;width:34px;height:34px;font-size:17px}.pace-phone-embedded .ride-name{font-size:11px!important}.pace-phone-embedded .seat-count{margin-top:1px}.pace-phone-embedded .seat-count p{font-size:9px!important}.pace-phone-embedded .seat-count svg{width:10px;height:10px}.pace-phone-embedded .ride-description{margin-top:1px!important;font-size:8px!important}.pace-phone-embedded .price-value{font-size:11px!important}.pace-phone-embedded .price-eta{margin-top:1px!important;font-size:8px!important}.pace-phone-embedded .ride-radio{flex:0 0 16px;width:16px;height:16px}.pace-phone-embedded .ride-radio svg{width:10px;height:10px}.pace-phone-embedded .confirm-ride-button{border-radius:11px!important;min-height:38px!important;margin-top:9px!important;font-size:12px!important}.pace-phone-embedded .confirm-ride-button svg{width:16px;height:16px}.pace-phone-embedded .trust-footer{margin-top:9px}.pace-phone-embedded .trust-footer p{font-size:7.5px!important}.pace-phone-embedded .trust-footer svg{width:11px;height:11px}.pace-phone-embedded .footer-separator{height:11px}@keyframes mapPing{0%{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}to{opacity:.9;transform:scale(1)}}.map-pickup-marker{animation:2.5s ease-in-out infinite mapPing}@media (max-width:480px){.pace-page{background:#041027;padding:0}.pace-phone:not(.pace-phone-embedded){min-height:100vh;box-shadow:none;border:0;padding:18px 15px 16px;border-radius:0!important}.pace-phone.pace-phone-embedded{padding:18px 15px 16px;border-radius:28px!important}.pace-map{height:clamp(230px,35vh,280px)}.ride-option{gap:8px;padding:10px!important}.ride-option-selected{padding:9px!important}.vehicle-art{flex-basis:48px;width:48px;height:48px;font-size:26px}.ride-name{font-size:12px!important}.ride-description{font-size:9px!important}.price-value{font-size:11px!important}.price-eta{font-size:9px!important}.ride-radio{flex-basis:22px;width:22px;height:22px}.trust-footer{gap:7px}.trust-footer p{font-size:8px!important}.trust-footer .MuiStack-root{gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}