@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f7f7f7;background:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--lime: #c6f45b;--black: #101010;--card: #1b1b1b;--muted: #999999}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--black)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-shell{width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:0 22px 110px;background:var(--black)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:2px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--black);font-size:21px;font-weight:800}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #333;border-radius:12px;background:transparent;color:#fff}.welcome-section{padding:39px 0 28px}.eyebrow{margin:0 0 15px;color:var(--lime);font-size:10px;font-weight:700;letter-spacing:2px}.welcome-section h1{margin:0;font-size:clamp(38px,10vw,52px);line-height:1.08;letter-spacing:-2px;font-weight:800}.welcome-section h1 span{color:var(--lime)}.welcome-copy{margin:14px 0 0;color:var(--muted);font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h2{margin:0;font-size:19px;font-weight:700}.live-indicator{display:flex;align-items:center;gap:7px;color:var(--lime);font-size:11px;font-weight:700}.live-indicator span{width:7px;height:7px;border-radius:50%;background:var(--lime)}.journey-card{padding:21px;border:1px solid #303030;border-radius:19px;background:var(--card)}.journey-card label{display:block;margin-bottom:10px;color:#aaa;font-size:10px;font-weight:700;letter-spacing:1.3px}.booking-progress{display:flex;gap:10px;margin-bottom:24px;padding-bottom:15px;border-bottom:1px solid #333}.booking-progress span{flex:1;padding:10px 8px;border-radius:9px;background:#242424;color:#888;text-align:center;font-size:11px;font-weight:700}.booking-progress .progress-active,.booking-progress .progress-complete{background:#292f1e;color:var(--lime)}.journey-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}.journey-type-option{min-height:72px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #383838;border-radius:12px;background:#121212;color:#aaa;text-align:left;transition:border-color .2s,background .2s}.journey-type-option span{color:#eee;font-size:11px;font-weight:600}.journey-type-option.selected{border-color:var(--lime);background:#252b1b;color:var(--lime)}.journey-type-option.selected span{color:var(--lime)}.form-section{margin-top:25px}.location-input{min-height:53px;display:flex;align-items:center;gap:12px;padding:0 13px;border:1px solid #383838;border-radius:12px;background:#121212;color:var(--lime)}.location-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.location-input input::placeholder{color:#777}.journey-divider{height:22px;display:flex;align-items:center;padding-left:23px}.journey-divider span{width:1px;height:18px;background:#555}.stop-field{margin-top:19px}.remove-stop{flex-shrink:0;display:grid;place-items:center;padding:5px;border:0;background:transparent;color:#aaa}.add-stop-button{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 0;border:0;background:transparent;color:var(--lime);font-size:12px;font-weight:700}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #383838;border-radius:11px;background:#121212;color:#bbb;font-size:12px;font-weight:600}.choice.selected{border-color:var(--lime);background:#252b1b;color:var(--lime)}.date-field{margin-top:18px}.date-field input{width:100%;min-height:49px;padding:10px;border:1px solid #383838;border-radius:11px;background:#121212;color:#fff;color-scheme:dark;font-size:13px}.vehicle-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vehicle-option{min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 5px;border:1px solid #383838;border-radius:12px;background:#121212;color:#aaa}.vehicle-option span{font-size:10px;font-weight:600;text-align:center}.vehicle-option.selected{border-color:var(--lime);background:#252b1b;color:var(--lime)}.primary-button{width:100%;min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;border:0;border-radius:12px;background:var(--lime);color:#111;font-size:14px;font-weight:800}.primary-button:active{transform:scale(.99)}.form-message{margin:17px 0 0;padding:12px;border:1px solid #66533a;border-radius:10px;background:#30271c;color:#f4cf91;font-size:12px;line-height:1.6}.back-button{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:7px 0;border:0;background:transparent;color:var(--lime);font-size:12px;font-weight:700}.booking-summary{margin-bottom:25px;padding:17px;border:1px solid #383838;border-radius:13px;background:#121212}.booking-summary h3{margin:0 0 14px;font-size:15px}.booking-summary p{margin:9px 0;color:#bbb;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.booking-summary strong{color:#fff}.booking-summary .quote-note{margin-top:15px;padding:11px;border-radius:9px;background:#252b1b;color:var(--lime)}.text-field{width:100%;min-height:50px;margin-bottom:19px;padding:13px;border:1px solid #383838;border-radius:11px;outline:none;background:#121212;color:#fff;font-size:13px}.text-field::placeholder{color:#777}.notes-field{min-height:100px;resize:vertical}.quick-options{display:flex;align-items:center;justify-content:space-between;margin:31px 0 17px}.quick-options h3{margin:0;font-size:15px}.quick-options p{margin:5px 0 0;color:var(--muted);font-size:12px}.round-button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--lime);color:#111}.placeholder-section{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#252a1b;color:var(--lime)}.placeholder-section h2{margin:20px 0 8px;font-size:25px}.placeholder-section p{max-width:290px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.secondary-button{margin-top:22px;padding:13px 20px;border:1px solid var(--lime);border-radius:11px;background:transparent;color:var(--lime);font-weight:700}.bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:11px 8px calc(11px + env(safe-area-inset-bottom));border-top:1px solid #303030;background:#101010f7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-item{width:20%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 0;border:0;background:transparent;color:#888}.nav-item span{font-size:10px;font-weight:600}.nav-item.active{color:var(--lime)}@media(max-width:380px){.app-shell{padding-right:15px;padding-left:15px}.journey-card{padding:16px}.vehicle-option span{font-size:9px}}@media(min-width:600px){.app-shell{border-right:1px solid #252525;border-left:1px solid #252525}.bottom-nav{left:50%;width:600px;transform:translate(-50%);border-right:1px solid #303030;border-left:1px solid #303030}}