@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--green:#0284c7;--green-dark:#0369a1;--green-deep:#075985;--mint:#e0f2fe;--lime:#38bdf8;--lime-soft:#f0f9ff;--blue:#0284c7;--blue-bright:#0ea5e9;--blue-dark:#0369a1;--blue-deep:#075985;--blue-light:#e0f2fe;--blue-soft:#f0f9ff;--ink:#0f172a;--muted:#475569;--line:#cbd5e1;--paper:#ffffff;--soft:#f8fafc;--shadow:0 16px 45px rgba(2,132,199,0.12);--shadow-glow:0 0 30px rgba(14,165,233,0.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.site-header{height:82px;border-bottom:1px solid rgba(225,234,243,.8);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-wrap{height:100%;justify-content:space-between}.brand,.nav-wrap{display:flex;align-items:center}.brand{gap:12px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.1;text-decoration:none;color:#0f172a}.brand-mark{width:56px;height:40px;padding:4px 6px;border-radius:12px;background:linear-gradient(180deg,#ffffff,#f0f9ff);border:1.5px solid #bae6fd;box-shadow:0 3px 10px rgba(2,132,199,.1),inset 0 1px 0 rgba(255,255,255,.9);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.brand:hover .brand-mark{transform:translateY(-1px);border-color:#7dd3fc;box-shadow:0 5px 14px rgba(2,132,199,.18)}.brand-light{color:#0284c7;font-weight:800}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:8.5px;letter-spacing:1.1px;color:#64748b;margin-top:3px;font-weight:700}.nav-links{display:flex;align-items:center;gap:29px}.nav-link{font-size:13px;font-weight:600;color:#536b80;transition:color .2s}.mobile-menu,.nav-link:hover{color:var(--green)}.mobile-menu{display:none;border:0;background:var(--mint);border-radius:9px;padding:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:700;font-size:13px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:white;box-shadow:0 5px 12px rgba(57,125,187,.13)}.button-primary:hover{background:var(--green-dark)}.button-quiet{color:#3c5870}.button-quiet:hover{background:#eff6fc}.button-large{padding:15px 20px;border-radius:12px;font-size:13px}.button-white{background:white;color:var(--green-dark)}.button-white:hover{background:#f0f7ff}.button-outline{border-color:#dce7f1;background:white;color:#3a5268}.button-outline:hover{background:#f6faff}.button-small{padding:8px 11px;font-size:12px;border-radius:9px}.button-full{width:100%}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#e6f2ff 0,rgba(241,247,253,.68) 30%,transparent 60%),linear-gradient(180deg,#fff,#f9fcff);padding:78px 0 27px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.hero-copy{padding:0 0 22px}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #dceaf7;background:rgba(255,255,255,.8);padding:9px 12px;border-radius:50px;color:#3572a6;font-size:10px;font-weight:800;letter-spacing:1.1px}.live-dot,.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#36a879;box-shadow:0 0 0 3px rgba(54,168,121,.13)}h1,h2,h3,p{margin-top:0}.dashboard-top h1,.hero h1,.page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.1vw,64px);line-height:1.13;letter-spacing:-3.4px;font-weight:800;margin:25px 0 19px;color:#172b40}.dashboard-top h1 span,.hero h1 span,.page-heading h1 span{color:var(--green)}.hero-lead{font-size:16px;line-height:1.85;color:#6a7d90;max-width:505px;margin-bottom:27px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions,.hero-proof{display:flex;align-items:center}.hero-proof{gap:13px;margin-top:35px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack span{width:31px;height:31px;border-radius:50%;border:2px solid white;background:#d7eaff;color:#246047;display:grid;place-items:center;font-size:9px;font-weight:800;margin-left:-5px}.avatar-stack span:nth-child(2){background:#f2e3c8;color:#805b2d}.avatar-stack span:nth-child(3){background:#dfe7f3;color:#3d5c83}.hero-proof small,.hero-proof strong{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:#8295a7;margin-top:4px}.hero-visual{height:460px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;border:1px solid #d7e8f8;border-radius:50%;width:440px;height:440px}.orbit-two{width:355px;height:355px;border-style:dashed;border-color:#d5e6f7}.hero-image{position:relative;z-index:2;width:min(390px,90%);height:395px;border-radius:27px;background:linear-gradient(155deg,#dceeff,#b7d6f3 58%,#8fbbe5);overflow:hidden;box-shadow:0 24px 55px rgba(34,89,140,.18)}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,55,90,.17),transparent 65%)}.hero-image:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.35);left:15px;top:30px}.image-top-label{position:absolute;top:20px;left:20px;z-index:3;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.77);padding:9px 11px;border-radius:8px;font-size:9px;letter-spacing:1px;font-weight:800;color:#315d43}.vehicle-illustration{position:absolute;width:290px;height:200px;top:104px;left:50%;transform:translateX(-50%);z-index:3}.vehicle-roof{position:absolute;top:0;left:72px;width:140px;height:20px;background:#f9fcff;border-radius:8px 8px 3px 3px;transform:skew(-5deg);box-shadow:0 4px 0 #6ca1d0}.vehicle-canopy{position:absolute;top:18px;left:63px;width:158px;height:67px;background:#f6fbff;border-radius:9px 9px 3px 3px;border:5px solid white;box-shadow:inset -35px 0 0 #c0def5}.vehicle-body{position:absolute;left:28px;top:80px;width:238px;height:65px;background:#f7fbff;border-radius:10px 24px 14px 14px;border-bottom:12px solid #397dbb;box-shadow:0 12px 0 rgba(33,95,145,.15)}.vehicle-window{position:absolute;left:55px;top:10px;width:63px;height:35px;border-radius:4px;background:#9bc9ec;border:3px solid #e7f3ff}.vehicle-seat{position:absolute;left:130px;top:12px;width:35px;height:28px;border-radius:5px;background:#d5e8f8}.vehicle-front{position:absolute;right:9px;top:20px;width:20px;height:17px;background:#d5f5ff;border-radius:6px}.vehicle-frame{position:absolute;top:143px;left:60px;width:185px;height:8px;background:#2b5475;border-radius:9px}.wheel{position:absolute;top:132px;width:48px;height:48px;background:#253744;border:7px solid #e4f2fc;border-radius:50%;box-shadow:inset 0 0 0 4px #7195b7}.wheel-one{left:52px}.wheel-two{right:47px}.vehicle-light{position:absolute;top:108px;right:22px;width:7px;height:9px;border-radius:3px;background:#d7f6ff}.image-bottom{position:absolute;z-index:4;left:17px;right:17px;bottom:17px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);padding:13px;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-icon{width:38px;height:38px;border-radius:11px;background:#e2f0ff;color:var(--green);display:grid;place-items:center}.image-bottom small,.image-bottom strong{display:block}.image-bottom strong{font-size:12px}.image-bottom small{font-size:10px;color:#778b9e;margin-top:4px}.image-arrow{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#f0f6fc;display:grid;place-items:center;color:var(--green)}.floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:white;padding:12px 15px;border:1px solid #edf1f6;border-radius:13px;box-shadow:0 15px 40px rgba(20,67,110,.12)}.floating-top{top:55px;right:-13px}.floating-bottom{bottom:54px;left:-28px}.floating-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e6f2ff;color:var(--green)}.floating-icon-dark{background:#eaf0ff;color:#4b68a5}.floating-card small,.floating-card strong{display:block}.floating-card strong{font-size:11px}.floating-card small{font-size:9px;color:#8798a8;margin-top:4px}.hero-bottom{display:flex;gap:27px;flex-wrap:wrap;border-top:1px solid #e5eef7;padding-top:20px;margin-top:35px}.hero-bottom span{display:flex;align-items:center;gap:7px;font-size:11px;color:#687d90}.hero-bottom svg{color:var(--green)}.trust-strip{border-bottom:1px solid #edf1f6}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}.trust-label{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#99a8b6}.trust-inner div{display:flex;align-items:center;gap:9px;font-size:12px;color:#536b7f;font-weight:700}.trust-inner svg{color:var(--green)}.section{padding:90px 0}.section-soft{background:#f7fafd}.section-title{text-align:center;max-width:660px;margin:0 auto 44px}.eyebrow{display:inline-block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.6px}.cta-copy h2,.section-title h2,.split-copy h2{font-family:Manrope,sans-serif;font-size:clamp(29px,3.2vw,40px);line-height:1.25;letter-spacing:-1.5px;margin:14px 0;color:#182b40}.section-title p{font-size:14px;line-height:1.8;color:#73879a;max-width:590px;margin:0 auto}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.benefit-card{position:relative;background:white;border:1px solid #e8eef5;border-radius:17px;padding:27px 25px;min-height:205px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.benefit-icon{width:47px;height:47px;border-radius:14px;background:#e6f2ff;color:var(--green);display:grid;place-items:center}.benefit-icon svg{width:22px;height:22px}.card-index{position:absolute;right:24px;top:30px;color:#c1ceda;font-size:11px;font-weight:800}.benefit-card h3{font-family:Manrope,sans-serif;font-size:16px;margin:22px 0 9px;letter-spacing:-.4px}.benefit-card p{font-size:12px;color:#75889a;line-height:1.8;margin:0}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.split-visual{position:relative;background:linear-gradient(145deg,#e7f3ff,#c9e2f8);border-radius:24px;min-height:360px;display:grid;place-items:center;overflow:hidden}.split-visual:before{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(57,125,187,.15);border-radius:50%}.split-visual:after{content:"";position:absolute;width:220px;height:220px;border:1px dashed rgba(57,125,187,.22);border-radius:50%}.route-card{position:relative;z-index:2;background:white;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 55px rgba(26,77,120,.13);width:min(350px,85%);padding:22px;border-radius:17px}.route-card-head{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#8798a8}.route-badge{font-size:9px;color:#3a7c56;background:#eaf7ee;border-radius:5px;padding:5px 7px}.route-line{height:55px;display:flex;flex-direction:column;align-items:flex-start;padding-left:7px;position:relative;margin-top:22px}.route-point{width:12px;height:12px;border:3px solid white;box-shadow:0 0 0 2px var(--green);border-radius:50%;z-index:1;background:var(--green)}.route-point-end{background:#c4e6ff;box-shadow:0 0 0 2px #79a9d5}.route-dash{height:30px;border-left:2px dashed #bdd5e8;margin-left:5px}.route-locations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:-54px;margin-left:29px}.route-locations div{display:flex;flex-direction:column;gap:6px}.route-locations small{font-size:8px;color:#9aa9b6;font-weight:800;letter-spacing:.7px}.route-locations strong{font-size:11px}.route-summary{display:flex;gap:14px;margin-top:27px;padding-top:15px;border-top:1px solid #edf1f6}.route-summary span{display:flex;align-items:center;gap:6px;font-size:9px;color:#63798c}.route-summary svg{color:var(--green)}.route-note{margin-top:16px;padding:11px;background:#f3f8fe;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.5;color:#4f6f8b}.route-note svg{flex-shrink:0;color:var(--green)}.decor-dot{position:absolute;width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.35)}.dot-a{top:40px;right:65px}.dot-b{bottom:42px;left:50px}.split-copy h2{font-size:36px}.split-copy>p{color:#718598;line-height:1.9;font-size:13px}.check-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:13px}.check-list li{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#41596e}.check-list svg{width:17px;height:17px;color:var(--green)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--green);font-weight:800;margin-top:5px}.cta-section{padding:0 0 80px}.cta-box{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(115deg,#285f94,#397dbb 68%,#5798d5);padding:47px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.cta-glow{position:absolute;width:350px;height:350px;right:140px;top:-190px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 80px rgba(255,255,255,.025)}.cta-copy{max-width:580px;position:relative;z-index:1}.eyebrow-light{color:#c4e6ff}.cta-copy h2{font-size:31px;color:white;margin:12px 0}.cta-copy p{font-size:12px;line-height:1.8;color:#d0e6f9;margin:0}.cta-box>.button{position:relative;z-index:1;flex-shrink:0}.footer{border-top:1px solid #eaf0f6;padding:27px 0}.footer-inner{display:flex;align-items:center;gap:24px}.footer-brand{font-size:20px}.footer-brand .brand-mark{width:48px;height:35px;padding:3px 5px;border-radius:10px}.footer-inner>p{margin:0;color:#8a9baa;font-size:10px}.footer-copy{margin-left:auto;color:#8a9baa;font-size:10px}.app-page{background:#f5f9fd;min-height:calc(100vh - 82px);padding:43px 0 76px}.dashboard-top,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.dashboard-top h1,.page-heading h1{font-size:38px;letter-spacing:-1.8px;margin:10px 0 8px}.dashboard-top p,.page-heading p{color:#778b9d;font-size:13px;margin:0}.demo-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #dfe9f3;background:white;border-radius:30px;padding:10px 13px;color:#5b7185;font-size:10px;font-weight:700;white-space:nowrap}.customer-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:22px;align-items:start}.panel{background:white;border:1px solid #e6edf5;border-radius:17px;padding:25px;box-shadow:0 6px 20px rgba(20,60,100,.025)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-kicker{display:block;color:#8a9bab;font-size:9px;letter-spacing:1.3px;font-weight:800;margin-bottom:7px}.add-driver-form h2,.panel-heading h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.6px;margin:0;color:#1b3045}.panel-icon{width:40px;height:40px;border-radius:12px;background:#e8f3ff;color:var(--green);display:grid;place-items:center}.booking-form{display:flex;flex-direction:column}.field-label{display:block;font-size:12px;font-weight:700;color:#1e293b;margin:0 0 6px}.input-icon-wrap{min-height:49px;border:1px solid #dfe8f1;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-bottom:19px;color:#7b91a4;transition:border .2s}.input-icon-wrap:focus-within{border-color:#54a0dc;box-shadow:0 0 0 3px #e8f3ff}.input-icon-wrap input{width:100%;min-width:0;border:0;outline:0;color:#20384d;background:transparent;font-size:12px}.input-icon-wrap input::placeholder{color:#a0afbb}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:20px}.service-option{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e1e9f2;border-radius:12px;background:white;padding:12px 10px;min-width:0;transition:border .2s,background .2s}.service-selected{border-color:#54a0dc;background:#f1f8ff;box-shadow:inset 0 0 0 1px #54a0dc}.service-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e6f2ff;color:var(--green);flex-shrink:0}.service-option span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.service-option strong{font-size:11px}.service-option small{font-size:9px;color:#8498a9;white-space:nowrap}.service-option>b{font-size:10px;margin-left:auto;white-space:nowrap}.fare-box{background:#f6f9fd;border:1px solid #edf1f6;border-radius:11px;padding:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.fare-box small,.fare-box span{display:block}.fare-box span{font-size:11px;font-weight:700}.fare-box small{font-size:9px;color:#8b9ba9;margin-top:5px}.fare-box strong{font-family:Manrope,sans-serif;font-size:20px;color:var(--green)}.form-footnote{display:flex;align-items:center;justify-content:center;gap:6px;color:#8a9aab;font-size:9px;margin:13px 0 0}.form-footnote svg{color:var(--green)}.customer-aside{display:grid;gap:13px}.ride-illustration{min-height:320px;border-radius:17px;overflow:hidden;position:relative;background:linear-gradient(150deg,#dff0ff,#a9cfee);padding:21px}.ride-illustration:before{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.5);border-radius:50%;right:-80px;top:15px}.ride-illustration:after{content:"";position:absolute;width:220px;height:220px;border:1px dashed rgba(255,255,255,.65);border-radius:50%;right:-45px;top:50px}.ride-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;font-weight:800;color:#326748}.mini-vehicle,.ride-label{position:relative;z-index:2}.mini-vehicle{width:220px;height:120px;margin:22px auto 5px}.mini-roof{position:absolute;top:0;left:66px;width:92px;height:14px;background:#f7fbff;border-radius:7px 7px 2px 2px;box-shadow:0 4px 0 #75a9d4}.mini-window{position:absolute;top:13px;left:60px;width:104px;height:44px;border:4px solid white;background:#9bceef;border-radius:7px 7px 2px 2px}.mini-body{position:absolute;top:54px;left:18px;width:186px;height:39px;border-radius:8px 17px 10px 10px;background:#f9fcff;border-bottom:8px solid #397dbb;box-shadow:0 8px 0 rgba(36,89,140,.13)}.mini-body:after{content:"";position:absolute;right:8px;top:10px;width:7px;height:8px;background:#d7f7ff;border-radius:2px}.mini-wheel{position:absolute;top:82px;width:33px;height:33px;border:5px solid #e8f5ff;border-radius:50%;background:#293944;box-shadow:inset 0 0 0 3px #7194b5}.mini-wheel-a{left:34px}.mini-wheel-b{right:32px}.ride-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:21px;color:#164b72}.ride-caption>span{font-size:8px;font-weight:800;letter-spacing:1.2px}.ride-caption h3{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:8px 0}.ride-caption p{font-size:10px;line-height:1.6;color:#4c7595;max-width:240px;margin:0}.aside-info-card{display:flex;gap:13px;align-items:flex-start;padding:17px;border:1px solid #e6edf5;background:white;border-radius:13px}.aside-info-icon{width:37px;height:37px;display:grid;place-items:center;background:#eaf4ff;color:var(--green);border-radius:10px;flex-shrink:0}.aside-info-card strong{font-size:11px}.aside-info-card p{font-size:10px;line-height:1.65;color:#8498a9;margin:5px 0 0}.booking-success{text-align:center;padding:15px 5px 0}.success-icon{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#e0f5e7;color:#278451;margin:0 auto 16px}.booking-success h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.6px;margin:9px 0}.booking-success>p{font-size:11px;line-height:1.7;color:#788c9d;max-width:390px;margin:0 auto 20px}.order-id{background:#f5f9fd;border:1px dashed #d6e5f2;border-radius:10px;padding:12px;margin-bottom:16px}.order-id span,.order-id strong{display:block}.order-id span{font-size:8px;letter-spacing:1px;color:#8598a8;font-weight:800}.order-id strong{font-family:Manrope,sans-serif;color:var(--green);font-size:18px;margin-top:5px}.order-route{text-align:left;display:grid;gap:13px;margin:17px 0;padding:16px;background:#f8fafc;border-radius:10px}.order-route>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#455d71}.order-route svg{color:var(--green);flex-shrink:0}.status-timeline{display:grid;gap:0;text-align:left;margin:18px 0 20px}.timeline-step{display:flex;align-items:center;gap:12px;min-height:36px;color:#9aa9b5;font-size:10px}.timeline-marker{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;border:1px solid #dfe8f1;background:white;font-size:9px;z-index:1}.timeline-active{color:#276e49;font-weight:700}.timeline-active .timeline-marker{border-color:#3e9a65;background:#e8f6ec;color:#278451}.timeline-step:not(:last-child) .timeline-marker{position:relative}.timeline-step:not(:last-child) .timeline-marker:after{content:"";position:absolute;width:1px;height:14px;background:#dfe8f1;top:22px;left:10px}.completed-note{display:flex;align-items:center;justify-content:center;gap:7px;background:#eaf7ee;border-radius:9px;padding:13px;color:#26724a;font-size:11px;font-weight:700;margin-bottom:10px}.booking-success>.button-outline{margin-top:9px}.dashboard-top,.online-toggle{align-items:center}.online-toggle{display:inline-flex;gap:10px;padding:10px 18px;border:1.5px solid #cbd5e1;background:#f8fafc;border-radius:999px;color:#64748b;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s cubic-bezier(.16,1,.3,1)}.online-toggle:hover{border-color:#94a3b8;background:#ffffff}.online-toggle .status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;display:inline-block;transition:all .2s ease}.online-toggle.is-online{background:#f0f9ff;border-color:#38bdf8;color:#0284c7;box-shadow:0 0 12px rgba(14,165,233,.25)}.online-toggle.is-online .status-dot{background:#0284c7;box-shadow:0 0 0 4px rgba(14,165,233,.25);animation:livePing 1.8s cubic-bezier(0,0,.2,1) infinite}.demo-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#eaf4ff;border:1px solid #d7e9fb;border-radius:11px;color:#526f8b;font-size:12px;line-height:1.6;margin-bottom:20px}.demo-banner svg{color:#0284c7;flex-shrink:0}.demo-banner strong{color:#0369a1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid #e2e8f0;border-radius:16px;padding:22px;min-width:0;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px rgba(2,132,199,.08)}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;margin-bottom:14px}.stat-icon svg{width:20px;height:20px}.stat-green{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.stat-lime{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.stat-blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.stat-purple{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.stat-label{font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.stat-card>strong{font-family:inherit;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:6px 0 4px;color:#0f172a;white-space:nowrap}.stat-card>small{font-size:12px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:4px;line-height:1.5}.stat-card>small.stat-positive{color:#0284c7;background:#f0f9ff;padding:2px 8px;border-radius:6px;font-weight:700}.stat-of{font-family:DM Sans,sans-serif;font-size:11px;color:#8a988f;letter-spacing:0;font-weight:500}.driver-content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:20px;align-items:start}.count-badge{font-size:9px;color:#3573a0;background:#edf6ff;border-radius:7px;padding:7px 9px;font-weight:800;white-space:nowrap}.order-list{display:grid;gap:0}.driver-order{border:1px solid #e8eef5;border-radius:12px;padding:15px;margin-bottom:11px}.driver-order:last-child{margin-bottom:0}.driver-order-bottom,.driver-order-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-code{font-size:9px;font-weight:800;letter-spacing:.5px;color:#4a779b;background:#eff7ff;padding:6px 8px;border-radius:6px}.order-time{display:flex;align-items:center;gap:5px;font-size:9px;color:#95a4b0}.order-customer{display:block;font-size:12px;margin:12px 0 0}.order-route.compact{gap:9px;margin:12px 0;padding:0;background:transparent}.order-route.compact>div{font-size:10px}.driver-order-bottom{border-top:1px solid #edf1f6;padding-top:12px;margin-top:12px;font-size:10px;color:#7d8e9c}.driver-order-bottom strong{color:#253c50}.driver-side{display:grid;gap:15px}.vehicle-panel{padding-bottom:21px}.vehicle-check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e5f6e9;color:#278451}.vehicle-art{height:125px;background:linear-gradient(145deg,#eaf4ff,#d2e7fa);border-radius:11px;display:grid;place-items:center;overflow:hidden;margin-bottom:17px}.vehicle-art .mini-vehicle{transform:scale(.83);margin:0}.vehicle-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-details div{display:flex;flex-direction:column;gap:6px}.battery-row span,.vehicle-details span{font-size:9px;color:#8b9aa8}.vehicle-details strong{font-size:10px}.green-text{color:#26804d}.battery-row{justify-content:space-between;margin-top:18px}.battery-row,.battery-row span{display:flex;align-items:center}.battery-row span{gap:6px}.battery-row svg{color:var(--green)}.battery-row strong{font-size:10px;color:#34784d}.battery-track,.queue-track{height:6px;background:#edf2f7;border-radius:10px;overflow:hidden;margin-top:8px}.battery-track div{height:100%;background:#44a66b;border-radius:10px}.fairness-panel{background:linear-gradient(140deg,white,#f3f8ff)}.fairness-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#e1f0ff;color:var(--green);margin-bottom:13px}.fairness-panel h3{font-family:Manrope,sans-serif;font-size:15px;margin-bottom:8px}.fairness-panel>p{font-size:10px;line-height:1.75;color:#778b9b;margin-bottom:17px}.fairness-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #e4edf5;padding-top:13px;font-size:9px;color:#47805b}.fairness-foot svg{color:var(--green)}.active-ride-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ride-state{font-size:9px;border-radius:6px;padding:6px 8px;font-weight:700;background:#edf6ff;color:#4777aa}.ride-state-done{background:#e9f7ed;color:#28754a}.active-ride h3{font-family:Manrope,sans-serif;font-size:19px;margin:15px 0}.order-meta{justify-content:space-between;margin:16px 0;font-size:10px;color:#728698}.order-meta,.order-meta span{display:flex;align-items:center}.order-meta span{gap:6px}.order-meta svg{color:var(--green)}.order-meta strong{font-size:13px;color:#203a50}.ride-progress{height:6px;border-radius:10px;background:#edf2f7;overflow:hidden}.progress-fill{height:100%;background:#52aa71;border-radius:10px;transition:width .25s}.progress-accepted{width:25%}.progress-pickup{width:50%}.progress-ongoing{width:75%}.progress-done{width:100%}.muted-small{color:#8395a3;margin:12px 0 16px}.muted-small,.offline-notice{font-size:10px;line-height:1.6}.offline-notice{background:#fff8e7;color:#92702d;padding:14px;border-radius:9px}.empty-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9aabb8;gap:9px}.empty-state strong{font-size:12px;color:#526a7e}.empty-state p{font-size:10px;margin:0}.admin-actions{gap:10px}.admin-actions,.inline-notice{display:flex;align-items:center}.inline-notice{gap:9px;padding:12px 14px;background:#eaf7ee;color:#2b754a;border:1px solid #d6ebdc;border-radius:10px;font-size:11px;margin-bottom:18px}.inline-notice button{margin-left:auto;border:0;background:transparent;color:#2b754a;font-size:20px}.add-driver-form{display:grid;grid-template-columns:1.1fr 1.4fr 1fr auto;align-items:end;gap:13px;margin-bottom:20px}.add-driver-form label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#63798b}.add-driver-form input{height:39px;border:1px solid #dfe8f1;border-radius:8px;padding:0 10px;outline:none;font-size:11px;min-width:0}.add-driver-form input:focus{border-color:#64a6dc}.form-actions{display:flex;gap:8px}.form-actions .button{padding:10px;font-size:10px}.admin-stats .stat-card>strong{font-size:23px}.admin-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:19px;margin-bottom:20px}.chart-panel,.queue-panel{min-width:0}.panel-subtitle{font-size:10px;color:#899aa8;margin:6px 0 0}.select-like{gap:9px;background:white;border:1px solid #e2e9f1;border-radius:8px;padding:8px 10px;font-size:10px;color:#63788a}.chart-summary,.select-like{display:flex;align-items:center}.chart-summary{gap:10px;flex-wrap:wrap;margin:20px 0 4px}.chart-summary strong{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px}.chart-up{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:800;color:#2d8b55;background:#eaf7ee;padding:5px 7px;border-radius:6px}.chart-summary small{width:100%;font-size:9px;color:#8c9ba8;margin-top:-3px}.bar-chart{height:170px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:15px 8px 0;border-bottom:1px solid #e9eff5;background:repeating-linear-gradient(180deg,transparent 0,transparent 41px,#eff3f7 42px,#eff3f7 43px)}.bar-column{height:100%;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.bar{width:min(34px,70%);min-height:5px;border-radius:6px 6px 0 0;background:#b9d9f4;transition:height .3s}.bar-highlight{background:var(--green-dark)}.bar-column small{font-size:9px;color:#8498a8;margin-bottom:-20px;transform:translateY(22px)}.chart-legend{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:9px;color:#8b9aa8}.chart-legend span:first-child{display:flex;align-items:center;gap:7px}.chart-legend i{width:8px;height:8px;background:var(--green-dark);border-radius:3px}.queue-total{display:flex;align-items:baseline;gap:9px;margin:15px 0 22px}.queue-total strong{font-family:Manrope,sans-serif;font-size:37px;letter-spacing:-1px}.queue-total span{font-size:10px;color:#8b97a5}.queue-item{display:flex;align-items:center;gap:8px;font-size:10px;color:#65798b;margin-top:16px}.queue-dot{width:8px;height:8px;border-radius:3px}.queue-dot-green{background:#50a96e}.queue-dot-blue{background:#7396d8}.queue-dot-orange{background:#e5ae60}.queue-item strong{margin-left:auto;color:#30485c;font-size:11px}.queue-track{height:5px;margin-top:8px}.queue-track div{height:100%;border-radius:10px;background:#50a96e}.queue-track-blue div{background:#7396d8}.queue-track-orange div{background:#e5ae60}.queue-foot{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #edf1f6;padding-top:15px;margin-top:22px;color:#68859a;font-size:9px;line-height:1.6}.queue-foot svg{flex-shrink:0;color:var(--green)}.table-panel{padding:0;overflow:hidden}.table-heading{padding:23px 24px 0;margin-bottom:19px}.table-heading .button{font-size:10px;padding:10px 12px}.table-toolbar{gap:10px;padding:0 24px 18px}.search-field,.table-toolbar{display:flex;align-items:center}.search-field{gap:9px;border:1px solid #e1e9f2;border-radius:9px;height:38px;padding:0 11px;color:#8a98a7;flex:1 1;max-width:370px}.search-field input{border:0;outline:0;width:100%;font-size:10px;background:transparent;color:#2b4054}.search-field input::placeholder{color:#9ca9b5}.table-toolbar select{height:38px;border:1px solid #e1e9f2;border-radius:9px;background:white;color:#617689;padding:0 10px;font-size:10px;outline:none}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#f8fafd}th{font-size:8px;letter-spacing:.7px;color:#8a9aa8;font-weight:800;padding:13px 17px}td:first-child,th:first-child{padding-left:24px}td{padding:14px 17px;border-top:1px solid #edf1f6;font-size:10px;color:#62788a}td:first-child{min-width:190px}.driver-cell{display:flex;align-items:center;gap:10px}.driver-avatar{width:32px;height:32px;border-radius:10px;background:#e6f3ff;display:grid;place-items:center;color:#3173a4;font-size:9px;font-weight:800;flex-shrink:0}.driver-cell small,.driver-cell strong{display:block}.driver-cell strong{font-size:10px;color:#2b4054}.driver-cell small{font-size:8px;color:#97a6b2;margin-top:4px}.unit-pill{font-size:9px;font-weight:700;background:#f1f5f9;border:1px solid #e6ecf2;border-radius:6px;padding:5px 7px;color:#687b8d}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 8px;font-size:8px;font-weight:700}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-online{background:#eaf7ed;color:#2b8a50}.status-offline{background:#f0f2f5;color:#7d8995}.status-trip{background:#edf3ff;color:#5476b4}.income-cell{font-weight:700;color:#2f4938}.icon-button{border:0;background:transparent;color:#89978d;border-radius:7px;padding:5px;display:grid;place-items:center}.icon-button:hover{background:#f0f6fc;color:var(--green)}.table-empty{text-align:center;padding:30px;color:#8b98a5;font-size:11px}.table-footer{border-top:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;color:#8d9ba7;font-size:9px}.admin-footnote{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;border:1px solid #e4ecf4;background:white;border-radius:11px;color:#7d8e9c;font-size:10px;line-height:1.7}.admin-footnote svg{color:var(--green);flex-shrink:0}.admin-footnote strong{color:#435c70}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 85% 10%,#eaf4ff 0,transparent 38%),#f5f9fd}.login-card{width:100%;max-width:440px;padding:32px;border:1px solid #e1eaf3;border-radius:22px;background:white;box-shadow:var(--shadow)}.login-back{gap:8px;margin-bottom:28px;color:#687b8e;font-size:14px}.login-back,.login-brand{display:inline-flex;align-items:center;text-decoration:none}.login-brand{gap:12px;margin-bottom:24px}.login-brand .brand-mark{width:68px;height:48px;padding:5px 8px;border-radius:14px}.login-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:15px;background:#eaf4ff;color:#397dbb}.login-card h1{margin:0 0 10px;color:#172b40;font-size:26px;line-height:1.3}.login-description{margin:0 0 26px;color:#687b8e;font-size:14px;line-height:1.7}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{margin-top:8px;color:#172b40;font-size:14px;font-weight:600}.login-form input{width:100%;min-height:46px;padding:12px 14px;border:1px solid #dce7f1;border-radius:10px;background:white;color:#172b40;font:inherit;outline:none}.login-form input:focus{border-color:#78aee8;box-shadow:0 0 0 3px #eaf4ff}.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px}.login-submit:disabled{cursor:wait;opacity:.7}.login-error{margin:8px 0 0;color:#b42318;font-size:13px}.login-footnote{margin:22px 0 0;color:#687b8e;font-size:12px;line-height:1.6;text-align:center}@media (max-width:1000px){.hero-grid{gap:25px}.hero-orbit{width:360px;height:360px}.orbit-two{width:290px;height:290px}.floating-top{right:0}.floating-bottom{left:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.add-driver-form{grid-template-columns:1fr 1fr}}@media (max-width:760px){.container{width:calc(100% - 28px)}.site-header{height:70px}.brand{font-size:19px;gap:8px}.brand-mark{height:32px;width:auto}.mobile-menu{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:16px;box-shadow:0 15px 25px rgba(15,50,80,.08);align-items:stretch;gap:0}.nav-links.nav-open{display:flex;flex-direction:column}.nav-link{padding:13px 7px;border-bottom:1px solid #f0f3f7;font-size:13px}.nav-cta{margin-top:12px}.hero{padding:48px 0 24px}.hero-grid{grid-template-columns:1fr;gap:10px}.hero-copy{padding-bottom:0}.hero h1{font-size:45px;letter-spacing:-2.4px;margin:21px 0 15px}.hero-lead{font-size:14px;line-height:1.8}.hero-visual{height:390px;transform:none;margin-top:4px}.hero-image{height:340px;width:310px}.hero-orbit{width:350px;height:350px}.orbit-two{width:285px;height:285px}.vehicle-illustration{transform:translateX(-50%) scale(.85);top:82px}.floating-top{right:0;top:37px}.floating-bottom{left:0;bottom:40px}.floating-card{padding:9px 11px}.floating-card strong{font-size:10px}.floating-card small{font-size:8px}.image-bottom{left:12px;right:12px;bottom:12px;padding:10px}.hero-bottom{margin-top:23px;gap:12px 18px}.hero-bottom span{font-size:9px}.trust-inner{justify-content:center;flex-wrap:wrap;padding:19px 0;gap:15px 22px}.trust-label{width:100%;text-align:center}.trust-inner div{font-size:10px}.section{padding:62px 0}.section-title{margin-bottom:29px}.section-title h2,.split-copy h2{font-size:30px}.section-title p{font-size:12px}.benefit-grid{grid-template-columns:1fr;gap:11px}.benefit-card{min-height:0;padding:21px}.benefit-card h3{margin-top:16px}.split-section{grid-template-columns:1fr;gap:30px}.split-visual{min-height:330px}.split-copy h2{font-size:31px}.cta-section{padding-bottom:45px}.cta-box{padding:30px 24px;align-items:flex-start;flex-direction:column;gap:20px;border-radius:19px}.cta-copy h2{font-size:27px}.cta-box>.button{width:100%}.footer-inner{flex-wrap:wrap;gap:13px}.footer-inner>p{width:100%;order:3}.footer-copy{margin-left:auto}.app-page{padding:30px 0 52px;min-height:calc(100vh - 70px)}.dashboard-top,.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px;gap:15px}.dashboard-top h1,.page-heading h1{font-size:32px;letter-spacing:-1.5px}.demo-tag{font-size:9px}.customer-layout{grid-template-columns:1fr}.customer-aside{grid-template-columns:1fr 1fr}.ride-illustration{grid-column:span 2;min-height:300px}.aside-info-card{padding:12px;gap:9px}.aside-info-icon{width:32px;height:32px}.aside-info-card strong{font-size:10px}.aside-info-card p{font-size:9px}.panel{padding:19px}.panel-heading h2{font-size:17px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:15px}.stat-card>strong{font-size:22px}.stat-icon{margin-bottom:13px}.admin-main-grid,.driver-content-grid{grid-template-columns:1fr}.driver-side{grid-template-columns:1fr 1fr}.driver-side .fairness-panel,.driver-side .vehicle-panel{min-width:0}.add-driver-form,.vehicle-details{grid-template-columns:1fr}.form-actions{grid-column:auto}.admin-actions{width:100%;justify-content:space-between}.admin-actions .button{font-size:10px;padding:10px}.table-heading{padding:19px 18px 0}.table-toolbar{padding:0 18px 15px}.table-heading .button{font-size:9px}.table-footer{padding:13px 18px;gap:12px;font-size:8px}.table-footer span:last-child{text-align:right}.chart-panel,.queue-panel{padding:19px}.admin-footnote{font-size:9px}}@media (max-width:480px){.login-card{padding:24px 20px}.login-card h1{font-size:23px}.customer-aside,.service-options{grid-template-columns:1fr}.ride-illustration{grid-column:auto}.driver-side{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-visual{transform:scale(.92);transform-origin:top center;margin-bottom:-20px}.hero-actions .button{width:100%}.footer-copy{width:100%;margin-left:0}}.becak-anim-section{position:relative;overflow:hidden;padding:48px 0 24px;background:radial-gradient(ellipse at 50% 0,#e0f2fe 0,rgba(240,249,255,.7) 45%,transparent 75%),linear-gradient(180deg,#ffffff,#f8fafc)}.becak-anim-bg-glow{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.18) 0,rgba(56,189,248,.08) 50%,transparent 80%);pointer-events:none;filter:blur(40px)}.becak-anim-header{text-align:center;max-width:820px;margin:0 auto 36px}.pill-blue{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7;font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:16px}.status-dot-blue{width:8px;height:8px;border-radius:50%;background:#0284c7;box-shadow:0 0 10px #38bdf8;animation:pulseBlue 1.8s infinite}@keyframes pulseBlue{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}.icon-pulse{animation:pulseBlue 1.5s ease-in-out infinite}.becak-anim-title{font-family:Manrope,sans-serif;font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.18;color:#0f172a;margin:0 0 16px;letter-spacing:-.8px}.becak-anim-subtitle{font-size:clamp(14px,1.8vw,16px);color:#475569;line-height:1.6;margin:0 0 24px}.becak-anim-quick-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.becak-stage-card{background:#ffffff;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 20px 50px rgba(2,132,199,.12);overflow:hidden;contain:paint;isolation:isolate;position:relative;margin-top:10px}.stage-topbar{justify-content:space-between;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:12px;min-height:52px}.stage-topbar,.telemetry-item{display:flex;align-items:center}.telemetry-item{gap:8px;font-size:12px;color:#0f172a;flex-shrink:0}.live-indicator-dot{width:9px;height:9px;border-radius:50%;background:#0284c7;box-shadow:0 0 10px #0284c7}.telemetry-badges{display:flex;align-items:center;gap:8px}.telemetry-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1}.stage-controls{display:flex;align-items:center;gap:8px}.ctrl-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;background:#ffffff;color:#334155;transition:all .2s}.ctrl-btn:hover{background:#f1f5f9;border-color:#94a3b8}.ctrl-btn-active{background:#0284c7;color:#ffffff;border-color:#0284c7}.stage-viewport{position:relative;height:380px;background-color:#020617;overflow:hidden;contain:paint;isolation:isolate}.sky-layer{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);will-change:opacity}.sky-layer-day{background:linear-gradient(180deg,#7dd3fc,#bae6fd 45%,#e0f2fe 75%,#f8fafc)}.sky-layer-sunset{background:linear-gradient(180deg,#c2410c,#ea580c 25%,#f97316 48%,#fed7aa 78%,#ffedd5)}.sky-layer-night{background:linear-gradient(180deg,#020617,#090d16 35%,#0f172a 70%,#1e293b)}.stage-viewport.theme-day .sky-layer-day,.stage-viewport.theme-night .sky-layer-night,.stage-viewport.theme-sunset .sky-layer-sunset{opacity:1}.sky-sun{position:absolute;top:24px;right:14%;width:52px;height:52px;pointer-events:none;z-index:2;transition:transform 1.4s cubic-bezier(.4,0,.2,1),opacity 1.4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.sun-core{position:relative;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fef08a 0,#facc15 60%,#eab308 100%);box-shadow:0 0 35px #fde047,0 0 60px rgba(250,204,21,.45);animation:sunGlowPulse 4s ease-in-out infinite alternate;transition:box-shadow 1.4s ease;overflow:hidden}.sun-core:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fed7aa 0,#fb923c 55%,#ea580c 100%);opacity:0;transition:opacity 1.4s ease}.stage-viewport.theme-day .sky-sun{transform:translateZ(0) scale(1);opacity:1}.stage-viewport.theme-sunset .sky-sun{transform:translate3d(-80px,36px,0) scale(1.22);opacity:1}.stage-viewport.theme-sunset .sun-core{box-shadow:0 0 50px #f97316,0 0 95px rgba(234,88,12,.75)}.stage-viewport.theme-sunset .sun-core:after{opacity:1}.stage-viewport.theme-night .sky-sun{transform:translate3d(-150px,110px,0) scale(.4);opacity:0}.sky-moon{position:absolute;top:28px;right:18%;width:44px;height:44px;pointer-events:none;z-index:2;transition:transform 1.4s cubic-bezier(.34,1.25,.64,1),opacity 1.4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.moon-crescent{width:38px;height:38px;border-radius:50%;box-shadow:9px 3px 0 0 #f8fafc,0 0 28px rgba(255,255,255,.9);transform:rotate(-22deg);animation:moonGentleFloat 5s ease-in-out infinite alternate}.stage-viewport.theme-day .sky-moon{transform:translate3d(40px,80px,0) scale(.5);opacity:0}.stage-viewport.theme-sunset .sky-moon{transform:translate3d(30px,60px,0) scale(.6);opacity:0}.stage-viewport.theme-night .sky-moon{transform:translateZ(0) scale(1);opacity:1}.stars-field{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);will-change:opacity}.stage-viewport.theme-day .stars-field{opacity:0}.stage-viewport.theme-sunset .stars-field{opacity:.15}.stage-viewport.theme-night .stars-field{opacity:1}.star{position:absolute;width:3px;height:3px;background:#ffffff;border-radius:50%;box-shadow:0 0 6px #ffffff}.star-1{top:12%;left:8%;animation:starTwinkle 2.2s ease-in-out infinite}.star-2{top:22%;left:24%;animation:starTwinkle 3.1s ease-in-out .4s infinite}.star-3{top:10%;left:38%;animation:starTwinkle 1.8s ease-in-out .8s infinite}.star-4{top:28%;left:52%;animation:starTwinkle 2.7s ease-in-out 1.2s infinite}.star-5{top:14%;left:66%;animation:starTwinkle 2.4s ease-in-out .3s infinite}.star-6{top:20%;left:82%;animation:starTwinkle 3.5s ease-in-out .9s infinite}.star-7{top:8%;left:92%;animation:starTwinkle 2s ease-in-out .6s infinite}.star-8{top:26%;left:96%;animation:starTwinkle 2.9s ease-in-out 1.5s infinite}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.cloud-svg-shape{fill:rgba(255,255,255,.82);transition:fill 1.2s ease}.stage-viewport.theme-sunset .cloud-svg-shape{fill:rgba(254,215,170,.72)}.stage-viewport.theme-night .cloud-svg-shape{fill:rgba(71,85,105,.42)}.bird-svg-shape{fill:#0284c7;transition:fill 1.2s ease}.stage-viewport.theme-sunset .bird-svg-shape{fill:#78350f}.stage-viewport.theme-night .bird-svg-shape{fill:#94a3b8}.clouds-floating-layer{position:absolute;top:10px;left:0;width:100%;height:120px;pointer-events:none;z-index:2;overflow:hidden}.cloud{position:absolute}.cloud-slow{top:15px;animation:floatCloudAcross 45s linear infinite}.cloud-medium{top:45px;animation:floatCloudAcross 30s linear -15s infinite}@keyframes floatCloudAcross{0%{transform:translateX(110vw)}to{transform:translateX(-220px)}}.birds-flying-flock{position:absolute;top:38px;left:0;width:100%;pointer-events:none;z-index:3;animation:birdsFlyTrack 22s linear infinite}.bird{position:absolute;animation:wingFlap .38s ease-in-out infinite alternate}.bird-1{left:0;top:0}.bird-2{left:24px;top:10px;animation-delay:.1s}.bird-3{left:44px;top:4px;animation-delay:.2s}@keyframes birdsFlyTrack{0%{transform:translateX(105vw) translateY(0)}35%{transform:translateX(65vw) translateY(-8px)}70%{transform:translateX(30vw) translateY(4px)}to{transform:translateX(-90px) translateY(0)}}@keyframes wingFlap{0%{transform:scaleY(1)}to{transform:scaleY(.25)}}.kota-angin-leaves{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.drift-leaf{position:absolute}.leaf-1{bottom:85px;animation:leafFloat1 9s linear infinite}.leaf-2{bottom:60px;animation:leafFloat2 12s linear 3s infinite}.leaf-3{bottom:105px;animation:leafFloat1 11s linear 6s infinite}@keyframes leafFloat1{0%{transform:translateX(105vw) translateY(0) rotate(0deg);opacity:0}10%{opacity:.9}45%{transform:translateX(55vw) translateY(-26px) rotate(320deg)}80%{transform:translateX(15vw) translateY(14px) rotate(640deg);opacity:.85}to{transform:translateX(-40px) translateY(-10px) rotate(880deg);opacity:0}}@keyframes leafFloat2{0%{transform:translateX(105vw) translateY(0) rotate(0deg);opacity:0}12%{opacity:.8}50%{transform:translateX(50vw) translateY(18px) rotate(-340deg)}85%{transform:translateX(10vw) translateY(-16px) rotate(-680deg);opacity:.8}to{transform:translateX(-40px) translateY(5px) rotate(-960deg);opacity:0}}.eco-commuter-track{position:absolute;left:0;bottom:68px;width:100%;pointer-events:none;z-index:3}.eco-commuter-rider{position:absolute;animation:commuterRideAcross 24s linear infinite}@keyframes commuterRideAcross{0%{transform:translateX(110vw) scale(.82);opacity:0}3%{opacity:.85}95%{opacity:.85}to{transform:translateX(-140px) scale(.82);opacity:0}}.commuter-wheel-front,.commuter-wheel-rear{transform-box:fill-box;transform-origin:center;animation:spinWheel .8s linear infinite}.passenger-waving-arm{transform-box:view-box;transform-origin:188px 87px;animation:waveArm 2.4s ease-in-out infinite}@keyframes waveArm{0%,to{transform:rotate(0deg)}25%{transform:rotate(-18deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-14deg)}}.driver-pedaling-legs{transform-box:view-box;transform-origin:88px 114px;animation:pedalBob .55s ease-in-out infinite alternate}@keyframes pedalBob{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.skyline-backdrop{position:absolute;top:35px;left:0;width:2400px;height:180px;pointer-events:none;transition:filter 1.2s cubic-bezier(.4,0,.2,1);will-change:filter}.stage-viewport.theme-sunset .skyline-backdrop{filter:hue-rotate(150deg) saturate(1.3) brightness(.9)}.stage-viewport.theme-night .skyline-backdrop{filter:brightness(.38) hue-rotate(22deg) contrast(1.15)}.skyline-svg{width:100%;height:100%}.skyline-moving{animation:moveSkyline 30s linear infinite}@keyframes moveSkyline{0%{transform:translateX(0)}to{transform:translateX(-1200px)}}.energy-particles-field{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#38bdf8;opacity:.6}.particle-1{top:30%;left:20%;animation:floatP1 4s ease-in-out infinite}.particle-2{top:45%;left:45%;animation:floatP2 3.5s ease-in-out infinite}.particle-3{top:25%;left:70%;animation:floatP1 5s ease-in-out infinite}.particle-4{top:55%;left:85%;animation:floatP2 4.2s ease-in-out infinite}@keyframes floatP1{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-16px) scale(1.4);opacity:.9}}@keyframes floatP2{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-22px) scale(1.5);opacity:.8}}.becak-position-wrap{position:absolute;left:50%;bottom:24px;transform:translateX(-55%);z-index:5;pointer-events:auto;width:510px;height:175px}.becak-vehicle{position:relative;width:100%;height:100%;transform-origin:bottom center;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.becak-bobbing .becak-unit-gliding{animation:becakBob 1.35s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}@keyframes becakBob{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-3px,0)}}.becak-braking{transform:translate3d(2px,1px,0) rotate(-1.2deg)}.becak-accelerating{transform:translate3d(-2px,-1px,0) rotate(.8deg)}.becak-stopped{transform:translateZ(0) rotate(0deg)}.headlight-beam{position:absolute;top:102px;left:278px;width:260px;height:65px;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(56,189,248,.45) 50%,transparent);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);pointer-events:none;filter:blur(2px);transform-origin:left center}.headlight-beaming{animation:beamGlow 1.8s ease-in-out infinite}@keyframes beamGlow{0%,to{opacity:.8;filter:drop-shadow(0 0 12px #38bdf8)}50%{opacity:1;filter:drop-shadow(0 0 22px #0ea5e9)}}.wheel-spinning{animation:spinWheel 1.1s linear infinite}@keyframes spinWheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-badge{position:absolute;display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #bae6fd;border-radius:12px;box-shadow:0 10px 25px rgba(2,132,199,.12);pointer-events:none;white-space:nowrap}.floating-badge strong{display:block;font-size:11px;color:#0f172a}.floating-badge small{display:block;font-size:10px;color:#64748b}.badge-top-left{top:-150px;left:0}.badge-top-right{top:-150px;right:-20px}.badge-icon-blue{background:#f0f9ff;color:#0284c7;place-items:center}.badge-icon-blue,.badge-icon-cyan{width:32px;height:32px;border-radius:8px;display:grid}.badge-icon-cyan{background:#f0fdfa;color:#0891b2;place-items:center}.roadside-intersection-group{position:absolute;left:calc(50% + 205px);bottom:0;height:100%;z-index:4;pointer-events:auto;will-change:transform,opacity}.intersection-hidden{transform:translateX(calc(50vw + 250px));opacity:0;pointer-events:none;visibility:hidden;transition:none!important}.intersection-entering{transition:transform 1.3s cubic-bezier(.12,.8,.25,1),opacity .3s ease}.intersection-entering,.intersection-stopped{transform:translateX(0);opacity:1;visibility:visible}.intersection-departing{transform:translateX(calc(-50vw - 350px));opacity:0;visibility:visible;transition:transform 1.35s cubic-bezier(.35,0,.75,1),opacity .3s ease 1.05s;pointer-events:none}.intersection-traffic-light{position:absolute;left:14px;bottom:70px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;transition:transform .25s ease}.intersection-traffic-light:hover{transform:scale(1.06)}.intersection-stop-line{position:absolute;left:0;bottom:6px;width:10px;height:64px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.92) 10px,transparent 0,transparent 16px);border-left:2px solid rgba(255,255,255,.98);pointer-events:none;box-shadow:-2px 0 6px rgba(0,0,0,.25)}.traffic-signpost-plate{background:#0369a1;color:#ffffff;font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:4px;margin-bottom:4px;border:1px solid #38bdf8;box-shadow:0 2px 8px rgba(0,0,0,.2);white-space:nowrap}.traffic-light-hood{padding:6px 5px;background:#0f172a;border:2px solid #334155;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.traffic-visor{position:relative;display:flex;align-items:center;justify-content:center}.traffic-visor:before{content:"";position:absolute;top:-3px;width:20px;height:5px;border-top:2px solid #475569;border-radius:5px 5px 0 0;pointer-events:none}.traffic-lens{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.6);transition:all .25s ease}.lens-red-active{background:#ef4444;box-shadow:0 0 16px #ef4444,0 0 32px rgba(239,68,68,.85);animation:pulseTrafficRed 1.2s ease-in-out infinite}.lens-red-dim{background:#450a0a;opacity:.35}.lens-yellow-active{background:#f59e0b;box-shadow:0 0 16px #f59e0b,0 0 32px rgba(245,158,11,.85);animation:pulseTrafficYellow .6s ease-in-out infinite}.lens-yellow-dim{background:#451a03;opacity:.3}.lens-green-active{background:#22c55e;box-shadow:0 0 16px #22c55e,0 0 32px rgba(34,197,94,.85);animation:pulseTrafficGreen 1.4s ease-in-out infinite}.lens-green-dim{background:#052e16;opacity:.35}@keyframes pulseTrafficRed{0%,to{box-shadow:0 0 14px #ef4444,0 0 26px rgba(239,68,68,.7);transform:scale(1)}50%{box-shadow:0 0 22px #ef4444,0 0 40px rgba(239,68,68,.95);transform:scale(1.05)}}@keyframes pulseTrafficYellow{0%,to{box-shadow:0 0 12px #f59e0b,0 0 24px rgba(245,158,11,.7);transform:scale(1)}50%{box-shadow:0 0 20px #f59e0b,0 0 36px rgba(245,158,11,.95);transform:scale(1.06)}}@keyframes pulseTrafficGreen{0%,to{box-shadow:0 0 14px #22c55e,0 0 26px rgba(34,197,94,.7);transform:scale(1)}50%{box-shadow:0 0 22px #22c55e,0 0 38px rgba(34,197,94,.95);transform:scale(1.05)}}.traffic-light-pole{width:6px;height:80px;background:linear-gradient(90deg,#475569,#1e293b);border-radius:1px}.traffic-light-base{width:22px;height:5px;background:#334155;border-radius:2px}.road-container{position:absolute;bottom:0;left:0;width:100%;z-index:3}.road-curb{height:10px;background:linear-gradient(180deg,#94a3b8,#cbd5e1);border-top:2px solid #64748b;box-shadow:0 2px 4px rgba(0,0,0,.12)}.road-surface{position:relative;height:64px;background-color:#1e293b;overflow:hidden}.road-surface:after{content:"";position:absolute;top:34px;left:0;width:calc(100% + 120px);height:4px;background-image:linear-gradient(90deg,#ffffff 50%,transparent 0);background-repeat:repeat-x;background-size:60px 4px;will-change:transform}.road-moving:after{animation:moveRoad .65s linear infinite}@keyframes moveRoad{0%{transform:translateZ(0)}to{transform:translate3d(-60px,0,0)}}.road-stop-mark{position:absolute;right:125px;top:0;width:10px;height:100%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.9) 10px,transparent 0,transparent 16px);pointer-events:none;border-left:2px solid rgba(255,255,255,.95)}.road-bottom-edge{height:6px;background:#0f172a}.traffic-status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;transition:all .3s ease;white-space:nowrap}.status-badge-red{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;box-shadow:0 2px 8px rgba(239,68,68,.15)}.status-badge-yellow{background:#fefce8;color:#a16207;border:1px solid #fef08a;box-shadow:0 2px 8px rgba(234,179,8,.15)}.status-badge-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;box-shadow:0 2px 8px rgba(34,197,94,.15)}.traffic-dot-red-pulse{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px #ef4444;animation:pulseTrafficRed 1s ease-in-out infinite}.traffic-dot-yellow-pulse{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 10px #f59e0b;animation:pulseTrafficYellow .6s ease-in-out infinite}.traffic-dot-green-pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseTrafficGreen 1.2s ease-in-out infinite}.ctrl-btn-red{background:#fee2e2!important;color:#b91c1c!important;border-color:#fca5a5!important;font-weight:700!important}.ctrl-btn-yellow{background:#fef9c3!important;color:#a16207!important;border-color:#fde047!important;font-weight:700!important}.ctrl-btn-green{background:#dcfce7!important;color:#15803d!important;border-color:#86efac!important;font-weight:700!important}.stage-footer{justify-content:space-around;padding:16px 20px;background:#ffffff;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.footer-stat,.stage-footer{display:flex;align-items:center}.footer-stat{flex-direction:column;text-align:center}.stat-num{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;color:#0284c7}.stat-desc{font-size:11px;color:#64748b;font-weight:600;margin-top:2px}.stat-separator{width:1px;height:32px;background:#e2e8f0}@media (max-width:768px){.badge-top-left,.badge-top-right,.stat-separator{display:none}}.radar-sweep-container{position:relative;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(2,132,199,.15) 0,rgba(15,23,42,.05) 70%,transparent 100%);border:1.5px solid rgba(56,189,248,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden;box-shadow:0 0 25px rgba(2,132,199,.2)}.radar-sweep-ring{inset:12px;border-radius:50%;border:1px dashed rgba(14,165,233,.4)}.radar-sweep-beam,.radar-sweep-ring{position:absolute;pointer-events:none}.radar-sweep-beam{inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(56,189,248,.45) 1turn);animation:radarRotate 2.6s linear infinite}@keyframes radarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.radar-blip{position:absolute;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8,0 0 18px #0284c7;animation:blipFade 2.6s ease-out infinite}@keyframes blipFade{0%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.4)}70%{opacity:.5;transform:scale(1)}}.beacon-pulse{position:relative;display:inline-flex}.beacon-pulse:after,.beacon-pulse:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #38bdf8;animation:beaconWave 2s cubic-bezier(0,.2,.8,1) infinite;pointer-events:none}.beacon-pulse:after{animation-delay:1s}@keyframes beaconWave{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.shimmer-bar{position:relative;overflow:hidden}.shimmer-bar:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 50%,transparent);animation:shimmerMove 2s ease-in-out infinite}@keyframes shimmerMove{0%{left:-100%}to{left:200%}}.floating-soft{animation:floatLevitate 3.5s ease-in-out infinite}@keyframes floatLevitate{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.card-glow-aura{position:relative;transition:all .3s ease}.card-glow-aura:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(2,132,199,.16);border-color:#38bdf8}.pop-in-success{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.pulse-live-dot{width:9px;height:9px;border-radius:50%;background:#0284c7;position:relative;display:inline-block}.pulse-live-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #0284c7;animation:livePing 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes livePing{0%{transform:scale(.8);opacity:.9}to{transform:scale(2.2);opacity:0}}.glass-panel{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 32px rgba(2,132,199,.08)}.glass-card-elevated{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.8);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.glass-card-elevated:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(2,132,199,.12);border-color:#7dd3fc}.neon-border-blue{border:1px solid rgba(14,165,233,.45);box-shadow:0 0 15px rgba(14,165,233,.2)}.spring-press{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.spring-press:active{transform:scale(.96)}.smooth-fade-in{animation:fadeInSlow .4s ease-out both}@keyframes fadeInSlow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leaflet-container{width:100%!important;height:100%!important;background:#e0f2fe!important;font-family:DM Sans,sans-serif!important}.leaflet-container img,.leaflet-container img.leaflet-tile{max-width:none!important;max-height:none!important}.booking-split-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:start}@media (max-width:980px){.booking-split-grid{grid-template-columns:1fr;gap:18px}}.form-dual-field{display:grid;grid-template-columns:1.8fr 1fr;gap:12px}@media (max-width:640px){.form-dual-field{grid-template-columns:1fr;gap:8px}}.trip-tracking-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);gap:20px;align-items:start}@media (max-width:980px){.trip-tracking-grid{grid-template-columns:1fr;gap:16px}}.driver-active-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);gap:20px;align-items:start}@media (max-width:980px){.driver-active-grid{grid-template-columns:1fr;gap:16px}}.admin-impact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}@media (max-width:980px){.admin-impact-grid{grid-template-columns:1fr;gap:16px}.admin-main-grid{grid-template-columns:1fr!important;gap:16px!important}}.login-persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:540px){.login-persona-grid{grid-template-columns:1fr;gap:8px}}.tip-chips-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}@media (max-width:440px){.tip-chips-grid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px}}.responsive-modal-box{background:#ffffff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px -15px rgba(0,0,0,.3);position:relative;-webkit-overflow-scrolling:touch}@media (max-width:480px){.responsive-modal-box{padding:20px 16px!important;border-radius:16px;max-height:94vh}}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.landmark-explorer-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}@media (max-width:860px){.landmark-explorer-card{grid-template-columns:1fr}}@media (max-width:640px){.becak-stage-card{border-radius:16px}.stage-topbar{padding:10px 14px;gap:8px}.telemetry-badges{display:none}.stage-controls{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.stage-controls .ctrl-btn{padding:5px 8px;font-size:11px;white-space:nowrap;flex-shrink:0}.stage-viewport{height:310px}.becak-position-wrap{bottom:20px;transform:translateX(-54%) scale(.66);transform-origin:bottom center}.roadside-intersection-group{left:calc(50% + 135px)}.intersection-traffic-light{transform:scale(.85);transform-origin:bottom center}.floating-badge{display:none!important}.stage-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.stage-footer .footer-stat:last-child{grid-column:span 2}}@media (max-width:420px){.stage-viewport{height:275px}.becak-position-wrap{bottom:16px;transform:translateX(-54%) scale(.54);transform-origin:bottom center}.roadside-intersection-group{left:calc(50% + 110px)}.intersection-traffic-light{transform:scale(.72);transform-origin:bottom center}.floating-badge{display:none!important}}@media (max-width:900px){.floating-badge{display:none!important}.stage-topbar{flex-wrap:wrap;row-gap:8px}}.mobile-sticky-checkout-bar{display:none}@media (max-width:980px){.mobile-sticky-checkout-bar{position:sticky;bottom:12px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid #7dd3fc;box-shadow:0 14px 34px -6px rgba(2,132,199,.25);margin-top:4px}}@media (max-width:860px){.landmark-col-left,.landmark-col-right{padding:22px 20px!important}.landmark-col-right{border-left:none!important;border-top:1px solid #e2e8f0!important}}@media (max-width:680px){.journey-steps-wrapper{padding:12px 14px!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.journey-steps-strip{display:flex!important;gap:14px!important;min-width:max-content}.booking-panel{padding:18px 16px!important;border-radius:16px!important}.booking-route-timeline-box{padding:12px!important;border-radius:14px!important}}@media (max-width:480px){.service-class-grid{grid-template-columns:1fr!important}}.leaflet-container:not(.leaflet-zoom-anim) .leaflet-marker-icon.active-becak-marker{transition:transform .85s linear}