:root{--ink:#16231f;--muted:#6e7c76;--cream:#f5f2e9;--paper:#fffdf8;--green:#174b3b;--lime:#d8ff69;--line:#dde3dd;--orange:#f07145;--shadow:0 24px 70px rgba(24,55,44,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(245,242,233,.92);border-bottom:1px solid rgba(22,35,31,.08);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 21px Manrope;text-decoration:none}.brand-mark{width:34px;height:34px;background:var(--green);color:var(--lime);display:grid;place-items:center;border-radius:10px;transform:rotate(-4deg)}nav{display:flex;gap:32px}nav a{color:#65726c;text-decoration:none;font-size:14px;font-weight:600}nav a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.sign-in{border:0;background:transparent;font-weight:700;color:var(--ink)}.sign-in{background:var(--green);color:white;padding:11px 19px;border-radius:30px}.hero{min-height:690px;padding:58px 7vw 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;background:radial-gradient(circle at 9% 70%,rgba(216,255,105,.32),transparent 20%),linear-gradient(135deg,#f7f4ec 0%,#edf1e7 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(23,75,59,.09);border-radius:50%;left:-220px;bottom:-330px;box-shadow:0 0 0 70px rgba(23,75,59,.025),0 0 0 150px rgba(23,75,59,.02)}.hero-copy{max-width:550px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--green)}.eyebrow span{width:28px;height:2px;background:var(--orange)}h1{font:800 clamp(50px,6vw,82px)/.98 Manrope;margin:22px 0;color:var(--ink);letter-spacing:-.055em}h1 em{font-style:normal;color:var(--green);position:relative}h1 em:after{content:"";height:7px;background:var(--lime);position:absolute;left:0;right:2px;bottom:1px;z-index:-1;transform:rotate(-1deg)}.hero-copy>p{font-size:18px;line-height:1.65;color:#627069;max-width:490px}.trust-row{display:flex;align-items:center;gap:15px;margin-top:35px}.avatars{display:flex}.avatars i{width:37px;height:37px;margin-left:-8px;border:3px solid var(--cream);border-radius:50%;display:grid;place-items:center;background:#d6c5a4;font-style:normal;font-size:9px;font-weight:800}.avatars i:first-child{margin:0}.avatars i:nth-child(2){background:#9aaf9e}.avatars i:nth-child(3){background:#d5a38e}.trust-row strong,.trust-row span{display:block}.trust-row span{font-size:12px;color:var(--muted);margin-top:3px}.booking-card{position:relative;z-index:2;background:var(--paper);border-radius:22px;padding:28px;box-shadow:var(--shadow);max-width:650px;border:1px solid rgba(255,255,255,.7)}.card-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.tiny-label{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.15em}.card-heading h2{font:800 28px Manrope;margin:4px 0 0}.secure{font-size:11px;color:#658278}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eef0ea;padding:5px;border-radius:13px;margin-bottom:24px}.segment{border:0;background:transparent;border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:25px 1fr;text-align:left;color:var(--muted);cursor:pointer}.segment-icon{grid-row:span 2;font-size:18px}.segment strong{font-size:13px}.segment small{font-size:10px}.segment.active{background:white;color:var(--green);box-shadow:0 3px 12px rgba(30,55,45,.08)}label>span,.section-label>span{display:block;font-size:11px;color:#596760;font-weight:700;margin-bottom:7px}.field{display:flex;align-items:center;background:#f7f7f2;border:1px solid #e1e5df;border-radius:11px;padding:0 12px}.field:focus-within{border-color:#83a694;box-shadow:0 0 0 3px rgba(23,75,59,.08)}input,select{width:100%;border:0;outline:0;background:transparent;font:500 13px "DM Sans";color:var(--ink);padding:13px 8px}.pickup-dot,.destination-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex:0 0 auto}.destination-dot{background:var(--orange)}.locate{border:0;background:transparent;font-size:20px;color:var(--green)}.route-fields{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end}.route-line{height:1px;background:#d8ddd8;margin-bottom:22px;position:relative}.route-line:after{content:"›";position:absolute;right:-1px;top:-10px;color:#9ba59f}.schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.schedule-fields label{background:#f7f7f2;border:1px solid #e1e5df;border-radius:11px;padding:9px 12px}.schedule-fields input{padding:3px 0}.form-section{border-top:1px solid #e7e9e4;margin-top:22px;padding-top:18px}.section-label{display:flex;justify-content:space-between}.section-label small{font-size:10px;color:#98a19d}.vehicle-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.vehicle{position:relative;border:1px solid #e0e4df;background:#fafaf6;border-radius:12px;padding:12px 10px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;color:var(--ink)}.vehicle.active{border:1.5px solid var(--green);background:#f3f8ee;box-shadow:inset 0 0 0 1px rgba(23,75,59,.1)}.vehicle .car-icon{font-size:25px;filter:grayscale(.4)}.vehicle span span{display:block}.vehicle strong{display:block;font-size:11px}.vehicle small{font-size:9px;color:var(--muted)}.vehicle>b{position:absolute;right:7px;top:-7px;background:var(--lime);color:var(--green);font-size:7px;padding:3px 5px;border-radius:4px;text-transform:uppercase}.trip-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;margin-top:18px}.trip-meta label select{border:1px solid #e1e5df;border-radius:9px;background:#f7f7f2;padding:10px}.estimate{text-align:right}.estimate span,.estimate small{display:block;font-size:9px;color:var(--muted)}.estimate strong{display:block;font:800 18px Manrope;color:var(--green);margin:2px 0}.book-button{margin-top:18px;width:100%;background:var(--green);color:white;border:0;border-radius:11px;padding:15px 18px;font:700 14px "DM Sans";display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 9px 25px rgba(23,75,59,.18)}.book-button:hover{background:#0e3b2d}.terms{text-align:center!important;font-size:8px!important;color:#9da6a1!important;margin:10px 0 0!important}.how{padding:75px 8vw;background:var(--paper);text-align:center}.how h2{font:800 36px Manrope;margin:8px 0 35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:950px;margin:auto}.steps article{padding:25px}.steps i{width:35px;height:35px;background:var(--lime);color:var(--green);display:grid;place-items:center;border-radius:10px;margin:0 auto 17px;font-style:normal;font-weight:800}.steps b{font:700 17px Manrope}.steps p{color:var(--muted);font-size:13px;line-height:1.5}.ride-panel{position:fixed;z-index:50;inset:0;background:white;display:grid;grid-template-columns:1.2fr .8fr}.map{background-color:#e6ebe5;background-image:linear-gradient(30deg,transparent 48%,#d3dbd2 49%,#d3dbd2 51%,transparent 52%),linear-gradient(-25deg,transparent 48%,#d8dfd7 49%,#d8dfd7 51%,transparent 52%);position:relative;overflow:hidden}.road{position:absolute;background:#f9f8f2;border:1px solid #d2d8d1;box-shadow:0 0 0 7px #e8e6dd}.road-a{width:140%;height:38px;top:48%;left:-20%;transform:rotate(-12deg)}.road-b{width:38px;height:140%;top:-20%;left:54%;transform:rotate(22deg)}.map-pin{position:absolute;width:44px;height:44px;background:white;box-shadow:0 8px 20px rgba(20,40,30,.2);border-radius:50%;display:grid;place-items:center}.pickup-pin{left:26%;top:57%;color:var(--green)}.car-pin{left:65%;top:32%;font-size:22px;animation:float 1.6s infinite}.ride-details{padding:9vh 55px;position:relative}.close{position:absolute;right:30px;top:25px;border:0;background:#f0f2ed;width:38px;height:38px;border-radius:50%;font-size:25px;color:var(--muted)}.status-pill{display:inline-block;padding:7px 12px;border-radius:20px;background:#edf5d4;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.ride-details h2{font:800 34px/1.15 Manrope;margin:20px 0 10px}.ride-details>p{color:var(--muted);line-height:1.5}.driver-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px;margin:28px 0}.driver-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d5c2a2;font-weight:800}.driver-card strong,.driver-card span{display:block}.driver-card span{font-size:11px;color:var(--muted)}.vehicle-detail{margin-left:auto;text-align:right}.progress{height:5px;background:#e9ece7;border-radius:10px;margin:30px 0;overflow:hidden}.progress:after{content:"";display:block;width:18%;height:100%;background:var(--green);transition:width .5s}.status-list{display:grid;gap:12px}.status-list div{display:flex;gap:10px;align-items:center;color:#a1aaa5;font-size:13px}.status-list div.done{color:var(--ink);font-weight:700}.status-list i{width:23px;height:23px;border-radius:50%;background:#edf0ec;display:grid;place-items:center;font-size:10px;font-style:normal}.status-list .done i{background:var(--green);color:white}.advance{margin-top:30px;border:0;background:var(--green);color:white;padding:13px 18px;border-radius:10px;font-weight:700}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:50px;padding:13px 22px;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.hidden{display:none!important}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:50px 5vw}.hero-copy{text-align:center;margin:auto}.eyebrow,.trust-row{justify-content:center}.booking-card{margin:auto}.ride-panel{grid-template-columns:1fr}.map{min-height:40vh}.ride-details{padding:35px 25px}}@media(max-width:590px){.topbar{padding:0 20px}.icon-button{display:none}.hero{padding:38px 15px}.hero-copy>p{font-size:15px}.booking-card{padding:20px;border-radius:18px}.secure{display:none}.route-fields{grid-template-columns:1fr;gap:12px}.route-line{display:none}.vehicle-options{grid-template-columns:1fr}.vehicle{padding:10px 14px}.vehicle>b{top:8px}.trip-meta{grid-template-columns:1fr}.estimate{text-align:left}.steps{grid-template-columns:1fr;gap:0}.ride-details h2{font-size:28px}.map{min-height:32vh}}