@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#182d27;--green:#1c6956;--lime:#d7ed8c;--muted:#788078;--line:#e4e6de}*{box-sizing:border-box}body{margin:0;background:#fafbf6;color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{text-decoration:none;font-weight:700;font-size:35px;letter-spacing:-2px;color:var(--ink)}.brand span{color:var(--green);margin-left:4px}nav{display:flex;gap:8px}nav button{border:0;background:none;border-radius:24px;padding:12px 24px;color:var(--muted)}nav .active{background:var(--ink);color:white}header select{width:auto;border:0;background:transparent}main{max-width:1440px;margin:auto;padding:44px 5% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:54px;line-height:1.2;letter-spacing:-2px;margin:16px 0}h1 span{color:var(--green)}.intro p:not(.eyebrow){color:var(--muted)}.pilot{font-size:12px;text-align:right;margin-bottom:12px}.pilot small{display:block;color:var(--muted);margin-top:9px;max-width:300px;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.panel{display:grid;grid-template-columns:390px 1fr;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.booking{padding:27px}.sectiontop{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:20px;letter-spacing:-.5px}.sectiontop span{font-size:10px;color:var(--muted);letter-spacing:1px}label{display:block;font-size:12px;margin:18px 0 8px;font-weight:600}input,select{border:1px solid var(--line);border-radius:9px;background:#fafbf7;padding:12px;width:100%;color:var(--ink)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.inputrow{position:relative}.inputrow input{padding-left:35px}.point{width:8px;height:8px;border:2px solid var(--green);border-radius:50%;position:absolute;left:14px;top:19px}.point.end{border-radius:2px;background:var(--green)}.muted{font-size:11px;color:var(--muted);line-height:1.7}.car{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:12px;padding:14px;width:100%;margin-bottom:9px;text-align:left;color:var(--ink)}.car>span{font-size:25px}.car div{flex:1}.car small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.car strong{font-size:14px}.car i{font-style:normal}.car.selected{border:1.5px solid var(--green);background:#f4f8ee}.payment{display:flex;justify-content:space-between;font-size:12px;margin:20px 0}.primary{width:100%;background:var(--green);color:white;border:0;border-radius:10px;padding:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#134d3e}.primary:disabled{opacity:.5;cursor:not-allowed}#message{font-size:12px;line-height:1.7;color:var(--green)}.map{position:relative;overflow:hidden;background:#e4e5dc}.map svg{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.maptag{position:absolute;top:24px;left:24px;background:white;border-radius:24px;padding:12px 18px;font-size:13px;box-shadow:0 3px 15px #182d2710}.maptag span{color:var(--muted);font-size:10px;margin-left:15px}.mapbottom{position:absolute;bottom:30px;left:30px;background:#fffffff0;padding:20px 25px;border-radius:14px}.mapbottom span{font-size:22px;display:block}.mapbottom small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.hidden{display:none!important}.workspace{grid-column:1/-1;width:100%;padding:32px;min-height:350px}.workspace>.primary{max-width:220px}.stats{display:flex;gap:20px;margin:25px 0}.stats>div{border:1px solid var(--line);border-radius:12px;padding:20px;flex:1}.stats small{color:var(--muted)}.stats b{font-size:28px;display:block;margin-top:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px}.tripsection{margin:35px 0 45px}.trip{border:1px solid var(--line);background:white;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.trip small{display:block;color:var(--muted);margin-top:7px}.badge{background:#eef3e7;color:var(--green);border-radius:20px;padding:7px 12px;font-size:11px}.action{border:1px solid var(--line);border-radius:7px;background:white;color:var(--green);padding:8px 12px;margin:4px}.empty{padding:30px;color:var(--muted);border:1px dashed var(--line);border-radius:12px;font-size:13px}footer{padding:28px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer small{font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1100px){h1 br{display:none}}@media(max-width:850px){header{padding:0 5%;height:75px}nav{gap:0}nav button{padding:9px 11px;font-size:12px}.brand{font-size:28px}header select{font-size:12px;max-width:94px}main{padding-top:25px}.intro{display:block}h1{font-size:40px}.pilot{text-align:left;margin-top:24px}.pilot small{max-width:none}.panel{grid-template-columns:1fr}.map{height:330px;grid-row:1}.booking{padding:23px}.mapbottom{padding:14px;bottom:18px;left:18px}.mapbottom span{font-size:17px}.stats{flex-wrap:wrap;gap:10px}.stats>div{min-width:130px}.workspace{padding:23px}.trip{flex-wrap:wrap}footer{flex-wrap:wrap}.sectiontop h2{font-size:18px}}
.authbox{border:1px solid #e4e6de;border-radius:15px;background:white;padding:20px;margin-bottom:24px}.authbox summary{cursor:pointer;margin-top:12px;color:#1c6956}.authgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.authbox .primary{max-width:230px;margin-top:15px}.inputrow select{padding-left:35px}

.locationbox{background:#f4f8ee;border:1px solid #dce6d6;padding:15px;border-radius:12px;margin:18px 0}.locationbox p{font-size:12px;line-height:1.7}.check{display:flex;align-items:flex-start;gap:8px;line-height:1.7}.check input{width:auto;margin-top:3px}.trip a{color:#1c6956;font-size:12px}.locationwarning{color:#94620d!important}
/* Booking interface: compact navigation, route-first flow and mobile sheet. */
:root{--ink:#111;--green:#111;--muted:#666;--line:#e5e5e5}body{background:#fff}header{height:72px;background:#000;color:white;border:0;padding:0 4%;gap:14px}.brand,.brand span{color:inherit}.brand{font-size:32px;letter-spacing:-1.8px}header .brand{color:#fff}nav{margin-right:auto;margin-left:22px}nav button{color:#ddd;border-radius:6px}nav .active{background:#303030;color:#fff}header select{color:#fff}header select option{color:#111}.accountbutton{border:0;background:#fff;color:#111;border-radius:24px;padding:10px 17px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-weight:600}main{max-width:1480px;padding:26px 4% 0}.intro{margin-bottom:23px;align-items:center}.eyebrow{letter-spacing:.5px;color:#666}h1{font-size:34px;letter-spacing:-1px;margin:7px 0 12px}.intro p:not(.eyebrow){font-size:14px}.pilot{margin:0}.panel{border-radius:0;border:0;grid-template-columns:380px 1fr;gap:32px;background:transparent;overflow:visible;align-items:stretch}.booking{padding:0 0 24px;background:#fff}.sectiontop h2{font-size:28px;margin:9px 0 20px}.sectiontop span{display:none}.booking label{font-size:13px}.booking input,.booking select{background:#f3f3f3;border:0;border-radius:7px;padding:15px}.inputrow select{padding-left:35px}.inputrow .point{top:22px}.primary{background:#000;border-radius:8px;padding:17px;margin-top:16px}.primary:hover{background:#333}.primary:disabled{background:#ddd;color:#666}.car{border-radius:9px;padding:16px}.car.selected{border:2px solid #000;background:#f5f5f5}.car>span{filter:grayscale(1)}.map{min-height:500px;border-radius:0}.maptag{border-radius:5px;font-size:12px;top:18px;left:18px}.maptag span{letter-spacing:0}.mapbottom{border-radius:6px;padding:15px 18px}.mapbottom span{font-size:18px}.locationbox{background:#f7f7f7;border-color:#e5e5e5}.action{color:#111;background:#eee;border:0;border-radius:7px;padding:10px 13px;margin-left:0}.badge{background:#eee;color:#111}.routesummary{font-size:15px;font-weight:600;line-height:1.7}.authbox{width:min(580px,calc(100vw - 28px));max-height:85dvh;border:0;border-radius:14px;padding:28px;margin:auto;box-shadow:0 20px 80px #0003}.authbox::backdrop{background:#0007}.authbox h2{font-size:25px}.dialogclose{float:right}.authbox summary{color:#111}.authgrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.authbox .primary{max-width:none}.tripsection{border-top:1px solid #eee;padding-top:20px}.trip a{color:#111}.workspace{border:1px solid #eee}.workspace .primary{width:auto;min-width:160px}footer .brand{color:#111}#routeMessage{font-size:12px;color:#934009;line-height:1.6}#message{color:#333}#language{display:none}
@media(max-width:850px){header{height:64px;padding:0 18px;gap:8px}header .brand{font-size:28px}nav{margin-left:4px}nav button{padding:8px;font-size:12px}.accountbutton{font-size:12px;padding:9px 12px;max-width:115px}main{padding:0 0 0}.intro{padding:20px 20px 0;margin-bottom:14px}.intro .eyebrow{margin-top:0}h1{font-size:25px}.intro p:not(.eyebrow){font-size:12px}.pilot{display:none}.panel{display:flex;flex-direction:column;gap:0}.map{height:190px;min-height:190px;order:0;margin:0 14px;border-radius:12px}.maptag{top:10px;left:10px;padding:8px;font-size:11px}.maptag span{font-size:9px;margin-left:8px}.mapbottom{bottom:10px;left:10px;padding:8px 10px}.mapbottom span{font-size:13px}.mapbottom small{font-size:9px;margin-top:4px}.booking{order:1;padding:20px;border-radius:18px 18px 0 0;background:white;margin-top:-5px;position:relative}.sectiontop h2{font-size:26px;margin:4px 0 9px}.booking label{margin-top:14px}.tripsection{margin:15px 20px 30px}.workspace{margin:16px;padding:20px}.stats b{font-size:24px}.trip{padding:16px}.trip small{line-height:1.7}.trip a{display:inline-block;padding:8px 0}footer{padding:20px;margin:0 20px}footer p{display:none}.authgrid{grid-template-columns:1fr}.authbox{padding:22px}}

#optionsFields{border:0;margin:0;padding:0;min-width:0}
/* Light blue transport landing page, based on the user's visual reference. */
:root{--ink:#102846;--green:#258fea;--muted:#63829b;--line:#d5e7f4}body{background:radial-gradient(ellipse at 73% 17%,#dbf0ff 0,transparent 54%),linear-gradient(125deg,#e1f2ff 0%,#f6fbff 65%,#eaf5fd 100%);color:var(--ink)}header{background:transparent;color:#46718f;height:92px;padding:0 6%;border:0}header .brand{color:#248de1}header nav button{color:#527991;border-radius:20px;padding:12px 24px}header nav .active{background:#ffffffb8;color:#163d5b}header .accountbutton{background:#cee7fa;color:#235b85}main{padding:36px 6% 0;max-width:1600px}.panel{grid-template-columns:minmax(350px, .95fr) minmax(0,1.15fr);gap:40px}.booking{background:transparent;padding:0 0 30px}.booking>.intro{display:block;padding:0;margin-bottom:30px}h1{font-size:clamp(34px,3.5vw,58px);letter-spacing:-1.5px;line-height:1.35;margin:20px 0}.intro p:not(.eyebrow){font-size:20px;color:#648297;line-height:1.7}.intro .pilot{text-align:left;margin-top:15px}.pilot small{max-width:none;font-size:11px}.benefits{display:flex;gap:24px;margin:30px 0;color:#315e82;font-size:15px}.benefits span+span{border-left:1px solid #c9dfee;padding-left:24px}.booking>.sectiontop{display:none}#countrylabel,#country,#countryNote{display:none}.booking input,.booking select{background:#f6fbffb5;border:1px solid #c5e1f3;border-radius:18px;padding:18px;color:#214b6b}.inputrow select{padding-left:38px}.inputrow .point{top:25px;border-color:#2f6c99}.inputrow .point.end{background:#2f6c99}.primary{background:linear-gradient(105deg,#42b3fb,#278fea);color:white;border-radius:18px;padding:20px;box-shadow:0 10px 24px #3da5ec26}.primary:hover{background:linear-gradient(105deg,#2b9ce5,#1679cf)}.primary:disabled{background:#d9e8f1;color:#8298a8;box-shadow:none}.action{background:#e0effa;color:#285e88}.car.selected{border:2px solid #2997eb;background:#edf7ff}.car{background:#ffffffb0;border-color:#d6e8f4}.car>span{filter:none}.badge{background:#deeffc;color:#235c86}.map.illustration{min-height:640px;position:relative;background:transparent;overflow:visible;border-radius:0}.illustration img{width:100%;height:auto;position:sticky;top:20px;display:block}.illustrationcaption{position:absolute;top:37px;right:15px;text-align:right;color:#74a5c6}.illustrationcaption span{display:block;font-size:22px;font-weight:600}.illustrationcaption small{display:block;font-size:12px;margin-top:8px}.locationbox{background:#edf7ffb8;border-color:#cce3f4;border-radius:16px}.routesummary{color:#2b6288}.tripsection{border-color:#d0e5f3}.trip{background:#ffffffa0;border-color:#d1e5f3;border-radius:17px}.empty{border-color:#c6dfef;color:#61829b;background:#ffffff60}.trip a{color:#267dbb}.workspace{background:#ffffffb0;border-radius:18px;border-color:#d4e7f4}.authbox{background:#f7fbff;color:#193f5b}.authbox summary{color:#2879b5}.authbox::backdrop{background:#143d5e55}.authbox input,.authbox select{background:#fff;border-color:#cfe2ef}.stats>div{border-color:#d2e6f3}footer{border-color:#d0e4f1}footer .brand{color:#248de1}.check input{padding:0}.locationwarning{color:#94620d!important}
@media(max-width:850px){header{height:72px;padding:0 20px}header nav button{padding:8px 12px}main{padding:15px 20px 0}.panel{gap:0}.booking{order:0;padding:0;background:transparent;margin-top:0}.booking>.intro{margin-bottom:15px}.intro .eyebrow{font-size:11px}h1{font-size:34px;letter-spacing:-1px;margin:16px 0}.intro p:not(.eyebrow){font-size:15px}.benefits{gap:12px;font-size:12px;margin:22px 0}.benefits span+span{padding-left:12px}.map.illustration{order:1;height:auto;min-height:0;margin:8px 0 0}.illustration img{position:static;max-height:350px;object-fit:contain}.illustrationcaption{top:20px;right:6px}.illustrationcaption span{font-size:16px}.illustrationcaption small{font-size:10px}.booking input,.booking select{padding:17px}.inputrow select{padding-left:38px}.inputrow .point{top:24px}.tripsection{margin:15px 0 30px}.workspace{margin:16px 0}.authbox{margin:auto}footer{margin:0;padding:20px 0}}
