@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap');
.dashboard-header .app-header{background:white;color:#111827}.dashboard-header .app-header nav a:hover{color:#dc2626}.dashboard-hero{background:linear-gradient(#0008,#0008),url('assets/6843b.png') center/cover;color:white;text-align:center;min-height:500px;padding:100px 24px}.dashboard-hero h1{font-size:56px;margin-bottom:24px}.dashboard-hero p{font-size:20px;line-height:30px;margin-bottom:32px}.dashboard h2{font-size:36px;line-height:44px}.dashboard .subtitle{font-size:18px;line-height:28px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:left}.dashboard-services,.dashboard-orders{background:var(--wash);padding:80px 0}.dashboard-section{padding:100px 0}.service-photo{width:100%;height:208px;object-fit:cover}.dashboard .vehicle-copy{min-height:0}.dashboard .vehicle-copy .btn{width:100%}.quick-card{padding:40px 32px;background:#f3f4f6;border-radius:12px;text-align:center}.quick-card p{color:#4b5563;margin:16px 0 24px}.quick-card h3{font-size:20px}.quick-card .circle{margin-bottom:24px}.dashboard-orders .panel{padding:24px;background:white;text-align:left;border-radius:12px}.dashboard-orders .panel h3{font-size:18px}.dashboard-orders .empty-state{padding:60px 20px}.dashboard-orders .empty-state .btn{margin-top:24px}.recent-order{display:block;padding:24px 0;border-bottom:1px solid #eee;position:relative}.recent-order .badge{float:right}.recent-order p{margin-top:12px;font-size:14px}.offer{border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0001}.offer>img{width:100%;height:140px;object-fit:cover}.offer>div{padding:24px}.offer h3{font-size:18px;margin-bottom:16px}.offer p{font-size:14px;line-height:22px;color:#4b5563}.offer small{display:block;color:#dc2626;margin:16px 0}.offer .btn{width:100%;background:#111827}.dashboard-ready{padding:48px;margin-top:48px;background:var(--wash);border-radius:12px}.dashboard-ready h2{font-size:28px}.dashboard-ready p{max-width:780px;margin:20px auto 32px}.account-banner{background:var(--wash);padding:32px 0}.account-banner .container{display:flex;gap:24px;align-items:center}.account-banner h1{font:700 24px Roboto}.account-banner p{font-size:14px;color:#dc2626;margin-top:8px}.account-banner .circle{margin:0}.account-banner .btn{margin-left:auto}.account-layout{max-width:1248px;margin:32px auto 160px;display:grid;grid-template-columns:280px 1fr;gap:32px;min-height:850px}.account-sidebar{background:var(--wash);padding:32px 24px;border-radius:8px;align-self:start;display:grid;gap:8px}.account-sidebar h2{font:500 18px Roboto;margin-bottom:16px}.account-sidebar a{padding:14px 16px;font-size:15px;border-radius:8px}.account-sidebar a.active{color:#dc2626;background:#f3e8ee;border-left:3px solid #dc2626}.account-content{display:grid;align-content:start;gap:24px}.account-panel{border:1px solid #e5e7eb;border-radius:8px;padding:24px}.account-panel h2{font:700 24px Roboto;margin-bottom:12px}.account-panel h3{font:500 18px Roboto;margin-bottom:20px}.account-panel .muted{font-size:14px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:16px 0}.setting-row small{display:block;color:#6b7280;line-height:24px}.setting-row input[type=checkbox]{width:38px;height:22px;accent-color:#dc2626}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.profile-stats article{padding:24px;background:var(--wash);border-radius:8px}.profile-stats strong{font-size:28px;display:block;margin-top:16px}.account-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-actions-grid a{background:#f9fafb;padding:24px;border-radius:8px}.account-actions-grid small{display:block;color:#6b7280;margin-top:8px}.support-hero{padding:100px 24px;background:var(--wash);text-align:center}.support-hero h1{font-size:48px;margin-bottom:24px}.support-hero p{max-width:720px;margin:0 auto 32px;color:#4b5563;font-size:20px;line-height:30px}.support-features{display:flex;justify-content:center;gap:80px;margin-top:48px}.support-features strong,.support-features small{display:block}.support-features small{margin-top:8px;color:#6b7280}.faq-list{max-width:896px;margin:auto;display:grid;gap:16px;text-align:left}.faq-list details{border:1px solid #e5e7eb;border-radius:8px;background:white}.faq-list summary{padding:24px;font-weight:500;cursor:pointer}.faq-list details p{padding:0 24px 24px;color:#4b5563}.support-contact{max-width:896px;margin:40px auto 0;text-align:left}.support-contact .form-row{grid-template-columns:1fr 1fr}.support-emergency{background:#fef2f2;padding:64px 24px;text-align:center}.support-emergency p{max-width:800px;margin:16px auto}.support-emergency h2{font-size:32px}.support-hero .btn.white{border-color:#dc2626;color:#dc2626}
@media(max-width:900px){.dashboard-grid{gap:20px}.dashboard-hero h1{font-size:42px}.dashboard .vehicle-copy{padding:20px}.account-layout{padding:0 24px;grid-template-columns:220px 1fr}.account-form-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}.account-actions-grid{grid-template-columns:1fr}.support-features{gap:32px}}
@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{padding:80px 24px;min-height:440px}.dashboard-hero h1{font-size:36px}.dashboard-hero p{font-size:18px}.dashboard h2{font-size:28px;line-height:36px}.dashboard-section,.dashboard-services,.dashboard-orders{padding:64px 0}.dashboard-ready{padding:32px 20px}.account-layout{padding:0 16px;grid-template-columns:1fr;margin-bottom:64px}.account-sidebar{display:flex;flex-wrap:wrap;padding:16px;gap:4px}.account-sidebar h2{width:100%}.account-sidebar a{padding:10px;font-size:13px}.account-banner .container{gap:16px;flex-wrap:wrap}.account-banner .btn{display:none}.account-banner h1{font-size:20px}.account-heading{align-items:start;flex-wrap:wrap}.profile-stats{grid-template-columns:1fr 1fr}.profile-stats article{padding:16px}.support-hero h1{font-size:36px}.support-hero p{font-size:18px}.support-features{flex-direction:column;gap:24px}.support-contact .form-row{grid-template-columns:1fr}}
:root{--red:#dc2626;--ink:#111827;--muted:#4b5563;--line:#d1d5db;--wash:linear-gradient(132deg,rgba(220,38,38,.06),rgba(30,64,175,.06));font-family:Roboto,Arial,sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #2563eb;outline-offset:1px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Poppins,Arial,sans-serif}p{line-height:1.5}.container{max-width:1280px;padding:0 16px;margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:14px 24px;font-weight:500;min-height:48px;background:var(--red);color:white}.btn:hover{background:#b91c1c}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.white{background:transparent;border:2px solid white;color:white}.text-btn{color:var(--red)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon img{transform:scaleY(-1);display:block}.circle{width:64px;height:64px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.site-header{height:82px;background:white}.header-inner{max-width:1240px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{position:relative;width:71px;height:53px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:114.85%;height:154.03%;left:-7.51%;top:-28.88%}nav{display:flex;align-items:center;gap:32px;font:500 20px/24px Poppins,Arial,sans-serif}nav a:hover{color:var(--red)}.auth{display:flex;align-items:center;gap:20px}.auth .btn{min-height:36px;padding:8px 16px;font-size:14px}.menu-toggle{display:none}.hero{height:1024px;position:relative;color:white;background:linear-gradient(#0006,#0006),url('assets/8e13f.png') center/cover}.hero .site-header{color:#374151}.hero-body{padding-top:191px}.hero h1{font-size:60px;line-height:60px;max-width:896px;font-weight:700}.hero p{font-family:Inter,Arial,sans-serif;font-size:24px;line-height:32px;color:#dbeafe;max-width:672px;margin-top:24px}.hero-actions{display:flex;gap:16px;margin:32px 0 48px}.hero-actions .btn{height:64px;font-size:20px;padding:16px 32px}.hero-actions .white{font-size:18px}.location-search{width:768px;max-width:100%;background:#fffffff2;border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;color:#374151;box-shadow:0 25px 50px -12px #0004;align-items:end}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-size:14px;font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:14px 16px;min-height:50px;color:#111827}.input-icon{position:relative}.input-icon input{padding-left:40px;font-size:14px}.input-icon .icon{position:absolute;left:14px;top:16px}.location-search .btn{height:61px}.section{text-align:center}.section h2{font-size:48px;line-height:48px;font-weight:700}.subtitle{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:28px;color:var(--muted);margin:16px auto 64px;max-width:730px}.how{height:601px;background:var(--wash);display:flex;align-items:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1024px;margin:auto}.step{position:relative}.step .circle{width:80px;height:80px;margin-bottom:24px;box-shadow:0 8px 12px #0001}.step-number{position:absolute;right:-8px;top:-8px;width:32px;height:32px;background:#1e40af;border-radius:50%;color:white;display:grid;place-items:center;font-size:14px}.step h3{font-size:20px;line-height:28px;margin-bottom:12px}.step p{color:var(--muted);line-height:24px}.vehicles{padding:80px 0;margin:100px 0}.vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:left}.vehicle{border-radius:12px;overflow:hidden;box-shadow:0 2px 14px #0001;background:white;transition:transform .2s}.vehicle:hover{transform:translateY(-4px)}.vehicle-photo{position:relative;height:192px}.vehicle-photo>img{height:100%;width:100%;object-fit:cover}.vehicle-photo .circle{position:absolute;left:16px;top:16px;width:48px;height:48px}.vehicle-copy{padding:24px;min-height:276px}.vehicle h3{font-size:20px;line-height:28px;margin-bottom:12px}.vehicle p{color:var(--muted);font-size:16px;line-height:24px;margin-bottom:16px}.vehicle ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#6b7280;font-size:14px}.vehicle li{display:flex;gap:8px;align-items:center}.why{background:var(--wash);padding:80px 0;min-height:612px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.benefit{background:white;border-radius:16px;padding:32px;min-height:296px}.benefit h3{font-size:20px;line-height:28px;margin-bottom:16px}.benefit p{color:var(--muted);line-height:24px}.reviews{padding:80px 0;margin:100px 0;min-height:592px}.review-card{max-width:864px;padding:32px;margin:auto;background:var(--wash);border-radius:16px;min-height:232px}.stars{display:flex;justify-content:center;margin-bottom:16px}.review-card blockquote{font:italic 18px/28px Inter,Arial,sans-serif;margin:0 0 24px;color:#374151}.review-person{display:flex;align-items:center;justify-content:center;gap:16px;text-align:left}.review-person>img{width:48px;height:48px;border-radius:50%;object-fit:cover}.review-person strong{font:600 16px/24px Poppins,Arial,sans-serif}.review-person small{display:block;color:var(--muted);font-size:14px}.dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.dots button{width:12px;height:12px;background:#d1d5db;border-radius:50%;padding:0}.dots button.active{background:var(--red)}.cta{padding:80px 16px;background:linear-gradient(136deg,#dc2626 6.6%,#1e40af 108.7%);color:white;min-height:520px}.cta .subtitle{color:#dbeafe;max-width:768px;margin-bottom:32px}.cta-actions{display:flex;justify-content:center;gap:16px}.cta-actions .btn{height:84px;font-size:18px}.stats{display:flex;max-width:768px;gap:32px;margin:48px auto 0}.stats div{flex:1}.stats strong{display:block;font-size:30px;line-height:36px;margin-bottom:8px}.stats span{color:#bfdbfe}.site-footer{background:#111827;color:#d1d5db;padding:48px 0;font-size:16px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-logo{width:66px;height:49px;object-fit:contain}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.socials{display:flex;gap:16px}.socials a{width:40px;height:40px;border-radius:50%;background:#1f2937;display:grid;place-items:center}.copyright{border-top:1px solid #1f2937;margin-top:32px;padding-top:32px;color:#9ca3af;font-size:14px;text-align:center}.app-header{background:var(--red);color:white}.app-header nav{font-size:20px}.app-header nav a:hover{color:#fee2e2}.account-actions{display:flex;gap:20px;align-items:center}.avatar-button{background:white;color:var(--red);border-radius:50%;width:44px;height:44px;font-size:22px}.progress-wrap{border-bottom:1px solid #e5e7eb;padding:48px 24px 16px}.progress-inner{max-width:896px;margin:auto}.progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-label strong{font-size:20px}.progress-label span{font-size:14px;color:#6b7280}.progress-bar{height:8px;border-radius:10px;background:#e5e7eb;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--red);border-radius:10px}.booking-main{padding:80px 24px 120px;min-height:840px}.booking-card{max-width:864px;margin:auto;padding:24px;background:white;border:1px solid #f3f4f6;border-radius:12px}.booking-card h1{font:700 24px/32px Roboto,Arial,sans-serif}.booking-card>.muted{margin-top:8px;margin-bottom:36px}.muted{color:var(--muted)}.booking-card h2{font:500 18px/28px Roboto,Arial,sans-serif;margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.choice{display:flex;flex-direction:column;gap:12px;text-align:left;border:2px solid #e5e7eb;border-radius:10px;padding:16px;background:white;min-width:0}.choice.selected{border-color:#ef2024;background:#fef2f2}.choice small{font-size:14px;line-height:20px;color:#6b7280}.service-choice{align-items:center;justify-content:center;min-height:164px;text-align:center}.service-choice .service-symbol{font-size:28px;margin:8px 0}.service-choice strong{font-size:18px}.selected strong{color:var(--red)}.choice-top{display:flex;justify-content:space-between;width:100%;gap:10px}.choice-top span{color:var(--red);font-size:14px}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db}.selected .radio-dot{border:5px solid var(--red)}.form-actions{border-top:1px solid #eee;padding-top:24px;margin-top:32px;display:flex;justify-content:space-between;gap:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form-stack{display:grid;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.route-preview{background:var(--wash);border-radius:20px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:16px;padding:32px 24px;min-height:400px;text-align:center}.route-preview .circle{background:#fee2e2;margin-bottom:0;color:var(--red)}.route-addresses{padding:16px;background:white;border-radius:8px;text-align:left;width:100%;font-size:14px;display:grid;gap:16px}.route-addresses p{padding-left:24px;position:relative;overflow-wrap:anywhere}.route-addresses p:before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;background:#22c55e;border-radius:50%}.route-addresses p:last-child:before{background:#ef4444}.route-addresses span{color:var(--muted);display:block}.label-row{display:flex;justify-content:space-between;font-size:14px;align-items:center}.stop{display:flex;gap:8px}.stop input{flex:1;min-width:0}.check-option{display:flex;gap:16px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.check-option input{accent-color:var(--red);width:20px;height:20px}.check-option small{display:block;color:#6b7280;margin-top:6px}.upload{border:2px dashed #d1d5db;border-radius:12px;text-align:center;padding:40px 20px}.upload input{max-width:100%;margin:16px 0}.summary-box{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:16px;font-size:14px;line-height:24px}.summary-title{display:flex;justify-content:space-between;margin-bottom:8px}.fare{border:1px solid #e5e7eb;background:white}.fare-row{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.fare-row.total{border-top:1px solid #e5e7eb;padding-top:12px;font-weight:bold}.fare-row.total span:last-child{color:var(--red)}.payment-options{display:grid;gap:12px}.payment-choice{flex-direction:row;align-items:center;justify-content:space-between}.payment-choice strong{font-size:14px;color:var(--ink)}.payment-choice small{display:block}.demo-note{font-size:13px;line-height:20px;background:#eff6ff;color:#1e40af;padding:12px 16px;border-radius:8px;margin-top:24px}.full-footer .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:start;gap:80px}.full-footer p{max-width:440px;margin:8px 0 24px;line-height:24px}.full-footer h3{font:500 18px Roboto;margin-bottom:24px;color:white}.full-footer .footer-links{display:grid;gap:12px}.full-footer .copyright{text-align:left}.confirmation{max-width:864px;margin:auto;text-align:center}.confirmation h1{font-size:32px;margin:20px 0 12px}.confirmation .success{font-size:40px;color:#16a34a;background:#dcfce7;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;margin:auto}.confirmation .two-cols{text-align:left;margin-top:40px}.timeline{list-style:none;padding:0;text-align:left;display:grid;gap:24px}.timeline li{display:flex;gap:16px;align-items:start}.timeline b{background:#dcfce7;color:#16a34a;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.timeline small{display:block;color:#6b7280;margin-top:4px}.page-main{max-width:1280px;margin:auto;padding:64px 16px 100px;min-height:800px}.page-main h1{font-size:32px;margin-bottom:12px}.page-toolbar{display:flex;gap:16px;margin:32px 0}.page-toolbar input{flex:1;min-width:0;padding:14px;border:1px solid #d1d5db;border-radius:8px}.order-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 48px}.order-card{padding:24px;border:1px solid #e5e7eb;border-radius:12px}.order-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.badge{padding:6px 12px;background:#fef9c3;color:#854d0e;border-radius:24px;font-size:13px;white-space:nowrap}.order-card .route-addresses{padding:0;margin-bottom:20px}.order-card .form-actions{margin-top:16px;padding-top:16px}.empty-state{text-align:center;padding:100px 24px;max-width:650px;margin:auto}.empty-state h1{font-size:28px;margin:24px 0 16px}.empty-state .cta-actions{margin-top:32px}.sample-id{margin:32px auto;color:var(--red);display:block}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:1100px}.map-view{position:relative;background:#e5e7eb url('assets/71036.png') center/cover;overflow:hidden}.map-top{position:absolute;top:16px;left:16px;right:16px;background:white;border-radius:8px;box-shadow:0 4px 8px #0001;padding:20px;display:flex;justify-content:space-between;gap:12px;z-index:1}.map-status{position:absolute;bottom:24px;left:16px;background:white;padding:14px;border-radius:8px;font-size:14px}.map-controls{position:absolute;right:16px;bottom:24px;display:grid;gap:6px}.map-controls button{background:white;width:40px;height:40px;border-radius:6px;box-shadow:0 2px 8px #0002}.map-marker{position:absolute;padding:8px 12px;background:white;border-radius:8px;font-size:12px;box-shadow:0 4px 10px #0002}.map-marker.pickup{top:34%;left:22%}.map-marker.dropoff{top:68%;left:72%}.tracking-panel{background:var(--wash);padding:24px;display:grid;align-content:start;gap:24px}.tracking-panel .panel{background:white;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.panel h2{font:700 18px Roboto;margin-bottom:20px}.panel p{font-size:14px;margin-top:12px}.driver{display:flex;gap:16px;align-items:center}.driver img{width:64px;height:64px;border-radius:50%;object-fit:cover}.driver small{display:block;color:#4b5563;margin-top:8px}.tracking-panel .cta-actions{margin-top:16px;gap:10px}.tracking-panel .btn{padding:10px 14px;font-size:14px;min-height:40px}.tracking-panel .timeline{font-size:14px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-visual{background:linear-gradient(#0006,#0006),url('assets/2ec9f.png') center/cover;display:grid;place-items:center;color:white;text-align:center;padding:80px}.login-visual h2{font-size:24px;margin-bottom:16px}.login-visual p{font-size:18px;line-height:30px;max-width:448px}.login-form-wrap{padding:64px}.login-home{display:block;text-align:right;color:var(--red);margin-bottom:48px}.login-form{max-width:448px;margin:auto}.login-form h1{text-align:center;font-size:30px;margin-bottom:8px}.login-form>.muted{text-align:center;margin-bottom:32px}.login-form .form-stack{gap:24px}.login-form .btn{width:100%}.login-form .label-row{margin:24px 0}.login-bottom{text-align:center;margin-top:32px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111827;color:white;padding:16px 24px;border-radius:10px;box-shadow:0 6px 24px #0003;z-index:50;max-width:90vw}dialog{border:0;border-radius:16px;padding:32px;max-width:500px;width:calc(100% - 32px);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#0007}dialog h2{margin:0 0 16px;font-size:24px}dialog .btn{margin-top:24px}body:has(dialog[open]){overflow:hidden}.app-menu{position:absolute;right:24px;top:76px;background:white;color:#111827;box-shadow:0 8px 32px #0002;border:1px solid #e5e7eb;border-radius:10px;z-index:20;padding:12px;display:grid;gap:4px;min-width:190px}.app-menu a{padding:10px;border-radius:6px}.app-menu a:hover{background:#fef2f2;color:var(--red)}.hidden{display:none!important}
@media(max-width:1300px){.header-inner{margin:0 40px}nav{font-size:16px;gap:24px}.hero-body{padding-left:40px;padding-right:40px}.container{padding-left:40px;padding-right:40px}.section h2{font-size:42px}.vehicle-grid,.benefits{gap:24px}.benefit{padding:28px 20px}.vehicle-copy{padding:20px}}
@media(max-width:900px){.header-inner{margin:0 24px}.menu-toggle{display:block;font-size:24px}nav{display:none}.site-header nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:white;color:#111827;flex-direction:column;align-items:stretch;padding:24px;z-index:10;box-shadow:0 8px 16px #0001}.auth{margin-left:auto}.hero-body{padding:150px 24px 80px}.hero{height:auto;min-height:900px}.hero h1{font-size:48px;line-height:1.08}.hero p{font-size:20px}.container{padding-left:24px;padding-right:24px}.section h2{font-size:36px;line-height:1.2}.subtitle{font-size:18px}.how{height:auto;padding:80px 0}.step-number{right:0}.vehicle-grid,.benefits{grid-template-columns:1fr 1fr}.vehicles,.reviews{margin:50px 0}.full-footer .footer-top{gap:32px}.tracking-layout{grid-template-columns:1fr}.map-view{min-height:600px}.tracking-panel{grid-template-columns:1fr 1fr}.login-visual{padding:40px}.login-form-wrap{padding:40px 24px}.app-header .auth{display:none}}
@media(max-width:600px){.header-inner{gap:16px}.site-header{height:74px}.brand{width:62px;height:48px}.auth{gap:12px}.hero-body{padding-top:100px}.hero{min-height:900px}.hero h1{font-size:38px;line-height:1.12}.hero p{font-size:18px;line-height:28px}.hero-actions{gap:12px;margin-bottom:32px}.hero-actions .btn{font-size:16px;padding:12px 18px;height:56px}.location-search{grid-template-columns:1fr;padding:20px;gap:16px}.location-search .btn{height:48px}.section h2{font-size:30px}.subtitle{font-size:16px;line-height:26px;margin-bottom:40px}.steps{grid-template-columns:1fr;gap:48px}.step{max-width:320px;margin:auto}.step-number{right:0}.vehicle-grid,.benefits{grid-template-columns:1fr}.vehicles{padding:48px 0;margin:32px 0}.vehicle-photo{height:220px}.vehicle-copy{min-height:0;padding:24px}.why,.reviews{padding:64px 0;min-height:0}.benefit{min-height:0;padding:32px}.reviews{margin:32px 0}.review-card{padding:28px 20px}.review-card blockquote{font-size:16px;line-height:26px}.cta{padding:64px 24px}.cta-actions{flex-wrap:wrap}.cta-actions .btn{height:58px}.stats{gap:16px}.stats strong{font-size:24px}.stats span{font-size:12px}.footer-top{flex-direction:column;align-items:center}.footer-links{gap:18px;justify-content:center}.full-footer .footer-top{display:flex;align-items:start}.full-footer .footer-links{justify-content:start}.full-footer p{max-width:none}.app-header nav.open{top:74px}.account-actions{margin-left:auto}.progress-wrap{padding:32px 24px 16px}.progress-label strong{font-size:18px}.booking-main{padding:40px 16px 64px;min-height:700px}.booking-card{padding:20px 16px}.choice-grid{grid-template-columns:1fr;gap:12px}.service-choice{min-height:100px;flex-direction:row;flex-wrap:wrap;justify-content:start;text-align:left}.service-choice small{width:100%;margin-left:40px;margin-top:-8px}.two-cols,.form-row{grid-template-columns:1fr}.form-actions .btn{font-size:14px;padding:12px 16px}.route-preview{min-height:300px}.page-main{padding:40px 20px 64px}.page-toolbar{flex-wrap:wrap}.order-list{grid-template-columns:1fr}.tracking-panel{grid-template-columns:1fr;padding:16px}.map-view{min-height:560px}.map-top{padding:14px;font-size:12px}.login-layout{grid-template-columns:1fr}.login-visual{min-height:280px;padding:40px 24px}.login-form-wrap{padding:32px 24px 64px}.login-home{margin-bottom:32px}}
@media(max-width:900px){.account-actions{margin-left:auto}.app-header .header-inner{gap:16px}}
.service-symbol{height:36px;min-width:32px;display:flex;align-items:center;justify-content:center}.payment-options .choice{text-align:left}.confirmation .summary-box h2{font:700 20px/28px Roboto,Arial,sans-serif;margin-bottom:16px}.stop input{border:1px solid #d1d5db;border-radius:8px;padding:14px}.stop button{color:#dc2626;font-size:24px}.sample-map-notice{background:#eff6ff;color:#1e40af;padding:16px}
.customer-brand{position:relative;display:block;width:71px;height:53px;flex-shrink:0}.customer-brand img{width:71px;height:53px;object-position:bottom;display:block}@media(max-width:600px){.customer-brand{width:62px;height:46px}.customer-brand img{width:62px;height:46px}}
/* Scroll reveals use translate independently of existing card hover transforms. */
.scroll-reveal{opacity:0;translate:0 24px;transition:opacity 650ms cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate 750ms cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.scroll-reveal.is-revealed{opacity:1;translate:0 0}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.btn{transition:background-color 180ms ease,box-shadow 180ms ease}.btn:hover{box-shadow:0 6px 18px #0002}}
@media(max-width:600px){.scroll-reveal{translate:0 16px;--reveal-delay:0ms!important}.scroll-reveal.is-revealed{translate:0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-reveal{opacity:1;translate:none;transition:none}.vehicle{transition:none}.vehicle:hover{transform:none}}
@media print{.scroll-reveal{opacity:1;translate:none}}
@keyframes page-entrance{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
.page-entrance{animation:page-entrance 850ms cubic-bezier(.22,1,.36,1) var(--entrance-delay,0ms) backwards}
@media(prefers-reduced-motion:reduce){.page-entrance{animation:none}}
@media print{.page-entrance{animation:none}}

/* Red-header logo variant: deep-red artwork and black TRUCKING lettering. */
.d-header .d-logo img,.app-header .customer-brand img{filter:url(#logo-on-red)}
.dashboard-header .app-header .customer-brand img{filter:none}

.media-card{border:1px solid #e2e5ec;border-radius:16px;background:white;padding:28px;margin:24px 0;color:#111827}.media-card h2{font-size:24px;margin:0 0 16px}.media-card p{color:#64748b;margin:12px 0;font-size:14px}.media-card .btn{display:inline-flex;margin:8px 8px 8px 0;cursor:pointer}.media-photo,.media-admin-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.media-photo img{width:100%;height:100%;object-fit:cover}.media-avatar{flex:1;min-width:220px;margin:0}.d-profile-banner{flex-wrap:wrap}.media-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-doc{border:1px solid #e2e5ec;border-radius:12px;padding:20px;min-width:0}.media-doc img{display:block;max-width:100%;height:180px;object-fit:contain}.media-doc p{overflow-wrap:anywhere}.media-actions{margin-top:16px}.media-local{font-size:12px!important}.media-card [role=status]{color:#991b1b}.media-card button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.media-doc-grid{grid-template-columns:1fr}.media-card{padding:20px}}

.media-nav-photo{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover}.media-avatar{margin:24px 0}.media-card label[role=button]:focus-visible{outline:3px solid #2563eb;outline-offset:3px}

.secure-auth{max-width:520px;margin:64px auto;padding:0 24px;font-family:Inter,sans-serif}.secure-auth h1{font-family:Poppins,sans-serif;font-size:28px;margin-bottom:24px}.secure-auth .booking-card{padding:32px}.secure-brand{display:inline-block;font-size:28px;font-weight:800;margin-bottom:24px}.secure-brand span{color:#dc2626}.secure-auth p{margin:18px 0;line-height:1.6}.secure-status{color:#991b1b;overflow-wrap:anywhere}.secure-auth .btn{margin:4px 0}

.auth-session-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:90;background:#111827;color:white;border-radius:12px;padding:12px 18px;font:12px Inter,sans-serif;box-shadow:0 4px 16px #0002;max-width:calc(100% - 24px);text-align:center}.auth-session-bar a{color:#fca5a5;margin-left:12px;white-space:nowrap}

.delivery-map{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;min-width:0;align-self:start}.delivery-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;flex-wrap:wrap}.delivery-map-heading span{font-size:12px;color:#64748b}.delivery-map-canvas{height:480px;width:100%;background:#f1f5f9}.delivery-map [data-map-message]{padding:14px 20px;margin:0;font-size:13px;color:#374151}.delivery-map-note{padding:0 20px 18px;margin:0!important;font-size:12px!important;color:#64748b}.delivery-map[data-map-state=error]{border-color:#fca5a5}.delivery-map[data-map-state=error] [data-map-message]{color:#991b1b}.delivery-map-canvas[hidden]{display:none}.driver-app .delivery-map-canvas{height:340px}@media(max-width:650px){.delivery-map-canvas{height:340px}.delivery-map-heading{padding:16px}}


.cloud-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cloud-document-grid .media-card{margin:0}.cloud-document h3{font-size:18px;margin:0}.cloud-document-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.document-status{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;background:#f1f5f9;color:#475569}.document-status.pending{background:#fff7d6;color:#854d0e}.document-status.approved{background:#dcfce7;color:#166534}.document-status.replacement_requested{background:#fee2e2;color:#991b1b}.document-filename{overflow-wrap:anywhere;font-weight:600;color:#111827!important}.document-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.document-actions .btn{margin:0}.cloud-document label:not([role=button]){display:block;font-size:13px;margin-top:16px}.cloud-document textarea{display:block;width:100%;border:1px solid #d1d5db;border-radius:8px;padding:12px;margin-top:8px;font:inherit}.document-driver-select select{display:block;width:100%;margin:12px 0;border:1px solid #d1d5db;border-radius:8px;padding:12px;background:white}.document-history li{padding:12px 0;border-bottom:1px solid #e5e7eb;font-size:13px}.document-viewer{width:min(900px,94vw);max-height:90vh;padding:24px;border:1px solid #d1d5db;border-radius:16px;overflow:auto}.document-viewer::backdrop{background:#111827b3}.document-viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.document-viewer-heading button{font-size:30px;padding:4px 12px}.document-viewer img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:16px auto}.document-viewer .btn{margin:12px 12px 0 0}.cloud-document [role=button]:focus-visible{outline:3px solid #2563eb;outline-offset:3px}@media(max-width:700px){.cloud-document-grid{grid-template-columns:1fr}}
/* White footer theme shared by customer, driver and admin portals. */
.site-footer,.driver-app .d-footer,.admin-app .a-footer{background:#fff;color:#000;border-top:1px solid #e5e7eb}
.site-footer h3,.site-footer p,.site-footer .copyright,.driver-app .d-footer>span,.admin-app .a-footer span{color:#000}
.site-footer .copyright{border-top-color:#e5e7eb}
.site-footer .footer-links a,.site-footer .footer-links button,.site-footer .copyright a:not(.text-btn),.driver-app .d-footer a:not(.d-portal-link){color:#000}
.site-footer .socials a{background:#f3f4f6}
.site-footer .socials img{filter:brightness(0)}
.site-footer a:hover,.site-footer button:hover{color:#dc2626}