:root{--ink:#14202c;--blue:#3b82b8;--blue-deep:#155078;--mist:#edf4f8;--line:#e4eaf0;--muted:#74808b;--white:#fff;--shadow:0 18px 65px #12354b1a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#dfeaf0;font-family:'DM Sans',Arial,sans-serif}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#142c3b0a,#092b4177),url('travel-background.png') center/cover no-repeat}.topbar{height:78px;display:flex;align-items:center;gap:40px;padding:0 max(calc((100vw - 1200px)/2),5vw);color:white;background:linear-gradient(180deg,#10293e88,transparent);position:absolute;inset:0 0 auto;z-index:3}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:white;font:800 15px Manrope,sans-serif;letter-spacing:.13em;margin-right:auto}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff25;border:1px solid #ffffff72;font-size:15px}.brand-dot{color:#bde6ff}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:500;opacity:.88}.topbar nav a:hover{opacity:1}.top-cta{color:var(--ink);background:#fff;border-radius:30px;padding:11px 17px;text-decoration:none;font-weight:700;font-size:12px}.top-cta span{padding-left:8px;color:var(--blue)}.menu-toggle{display:none}.hero{height:min(720px,94vh);min-height:590px;color:#fff;position:relative;display:flex;align-items:center;padding:105px max(calc((100vw - 1110px)/2),8vw) 80px;background:linear-gradient(90deg,#0b2138a8 0%,#122c4366 44%,transparent 86%),linear-gradient(0deg,#0c233559,transparent 55%)}.hero-copy{max-width:590px}.kicker,.eyebrow,.section-kicker,.package-label{font-size:10px;letter-spacing:.2em;font-weight:700}.kicker{display:flex;align-items:center;gap:9px;color:#e8f4fc}.kicker span{width:21px;height:1px;background:#fff}.hero h1{font:800 clamp(48px,6vw,77px)/1.04 Manrope,sans-serif;letter-spacing:-.067em;margin:18px 0}.hero h1 em{font-style:normal;color:#d1ecff}.hero-copy>p{font-size:15px;line-height:1.7;color:#eff5f8;max-width:410px}.primary-link{display:inline-flex;gap:19px;align-items:center;margin-top:15px;border-radius:28px;padding:14px 20px;background:#fff;color:#1c3546;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 8px 22px #0002}.primary-link span{font-size:16px;color:var(--blue)}.hero-note{position:absolute;right:max(calc((100vw - 1120px)/2),8vw);bottom:105px;display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.7;color:#f4f8fa}.hero-note b{font-weight:600}.note-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffffa6;border-radius:50%}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.19em;color:#ffffffc9}.hero-scroll span{padding-left:10px}.content-wrap{max-width:1080px;margin:-40px auto 60px;position:relative;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:54px 68px 0}.intro-row{display:flex;justify-content:space-between;align-items:end;padding:0 0 27px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--blue);margin-bottom:8px}.intro-row h2{font:800 31px Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 5px}.intro-row p{font-size:13px;color:var(--muted);margin:0}.step-count{display:flex;align-items:baseline;gap:3px;font-size:11px;color:#a3acb4}.step-count b{font:700 20px Manrope;color:var(--blue)}.step-track{width:70px;height:3px;background:#e5edf1;margin-left:12px;align-self:center;border-radius:4px}.step-track i{display:block;width:20%;height:100%;background:var(--blue);border-radius:4px}.form-section{padding:34px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.number{height:31px;width:31px;display:grid;place-items:center;background:var(--mist);color:var(--blue);border-radius:10px;font:700 11px Manrope;flex:none}.section-kicker{color:var(--blue);font-size:9px;margin:1px 0 5px}.section-head h3,.modal-card h3{font:750 21px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 3px}.section-head p{font-size:12px;color:var(--muted);margin:0}.fields{display:grid;gap:13px}.booking-grid{grid-template-columns:1.25fr 1fr 1fr .9fr}.customer-grid{grid-template-columns:1fr 1fr}.field{display:block;min-width:0}.field>span{display:block;font-size:10px;font-weight:600;color:#55616c;margin:0 0 7px}.input-wrap{height:47px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:9px;background:#fff}.input-wrap:focus-within{border-color:#7fb4d2;box-shadow:0 0 0 3px #dff2fb}.input-wrap input,.input-wrap select{border:0;outline:0;width:100%;min-width:0;color:var(--ink);font:500 12px 'DM Sans',sans-serif;background:transparent}.input-wrap input::placeholder{color:#9da6af}.field-icon{color:var(--blue);font-size:16px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-card,.package-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 17px;cursor:pointer;color:var(--ink);transition:.18s}.choice-card:hover,.package-card:hover{border-color:#a6c8dc;transform:translateY(-2px)}.choice-card.selected,.package-card.selected{border-color:var(--blue);background:#f6fbfe;box-shadow:0 0 0 1px var(--blue)}.choice-symbol{display:grid;place-items:center;background:var(--mist);color:var(--blue);width:36px;height:36px;border-radius:11px;margin-bottom:13px;font-size:21px}.choice-title{font:700 13px Manrope;margin-bottom:5px}.choice-caption{font-size:10px;color:var(--muted)}.check{position:absolute;right:13px;top:13px;width:18px;height:18px;border:1px solid #d9e1e7;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:10px}.selected .check{background:var(--blue);border-color:var(--blue);color:#fff}.car-card{min-height:145px}.car-art{font-size:35px;line-height:1;margin:2px 0 13px;filter:saturate(.65)}.customer-grid .field>.input-wrap{padding-left:12px}.package-card{min-height:173px;padding:20px}.package-label{color:#8b97a0;font-size:8px;margin:4px 0 10px}.package-title{font:750 19px Manrope;letter-spacing:-.04em;margin-bottom:8px}.package-copy{font-size:11px;color:var(--muted);max-width:180px;line-height:1.5}.package-price{margin-top:auto;padding-top:19px;font:700 13px Manrope;color:var(--blue-deep)}.package-price small{font:400 10px 'DM Sans';color:var(--muted)}.popular{position:absolute;top:-9px;right:15px;background:var(--blue);color:white;border-radius:10px;padding:5px 8px;font:700 8px 'DM Sans';letter-spacing:.09em}.submit-row{display:flex;align-items:center;justify-content:space-between;padding:28px 0 34px}.submit-row>span{font-size:10px;color:var(--muted)}.lock{color:var(--blue);font-size:16px;vertical-align:middle;margin-right:5px}.submit-button{border:0;border-radius:8px;background:var(--blue);color:white;padding:14px 18px;font:700 12px 'DM Sans';cursor:pointer;transition:.2s}.submit-button:hover{background:var(--blue-deep);transform:translateY(-1px)}.submit-button span{font-size:17px;margin-left:17px;vertical-align:-1px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 25px;font-size:10px;color:#89939b}footer span:first-child{font-size:8px;letter-spacing:.15em;font-weight:700;color:var(--blue)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#142d40;color:white;border-radius:30px;padding:12px 19px;font-size:12px;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;display:none;place-items:center;background:#11283d88;backdrop-filter:blur(4px);z-index:10;padding:20px}.modal.open{display:grid}.modal-card{position:relative;background:#fff;border-radius:18px;padding:32px;width:min(440px,100%);box-shadow:0 25px 80px #081a2b55}.modal-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:26px;color:#78848d;cursor:pointer}.modal-card h3{font-size:28px;margin:5px 0 18px}.summary-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:11px 0;font-size:12px}.summary-line span{color:var(--muted)}.summary-line b{text-align:right;font-weight:600}.modal-done{width:100%;margin-top:12px}
@media(max-width:850px){.topbar{padding:0 5vw;gap:20px}.topbar nav{gap:16px}.hero{padding-left:7vw}.content-wrap{margin-left:20px;margin-right:20px;padding-left:38px;padding-right:38px}.booking-grid{grid-template-columns:1fr 1fr}.hero-note{right:7vw}}
@media(max-width:600px){html{scroll-padding-top:65px}.topbar{height:65px}.topbar nav,.top-cta{display:none}.menu-toggle{display:block;margin-left:auto;border:1px solid #ffffff88;color:#fff;background:#ffffff20;border-radius:8px;width:38px;height:36px}.topbar.menu-open{background:#123248f2}.topbar.menu-open nav{display:flex;position:absolute;left:0;right:0;top:65px;background:#123248f2;padding:18px 22px;flex-wrap:wrap;justify-content:center}.hero{min-height:620px;height:85vh;padding:100px 8vw 90px;background-position:57% center}.hero h1{font-size:52px}.hero-copy>p{font-size:13px}.hero-note{bottom:72px;left:8vw;right:auto}.hero-scroll{display:none}.content-wrap{margin:-25px 10px 28px;padding:34px 20px 0;border-radius:17px}.intro-row{align-items:flex-start}.intro-row h2{font-size:25px}.intro-row p{font-size:11px;max-width:230px;line-height:1.5}.step-track{display:none}.form-section{padding:27px 0}.section-head{gap:11px}.section-head h3{font-size:18px}.section-head p{font-size:11px}.booking-grid,.customer-grid{grid-template-columns:1fr 1fr;gap:11px}.input-wrap{height:44px;padding:0 8px}.input-wrap input,.input-wrap select{font-size:10px}.field-icon{font-size:13px}.choice-grid{gap:8px}.choice-card{padding:14px 11px;min-height:137px}.choice-title{font-size:11px}.choice-caption{font-size:9px;line-height:1.4}.choice-symbol{width:31px;height:31px;margin-bottom:11px}.car-card{min-height:130px}.car-art{font-size:30px}.package-card{padding:15px 11px;min-height:180px}.package-title{font-size:16px}.package-copy{font-size:9px}.package-price{font-size:11px}.popular{right:8px;font-size:7px}.submit-row{align-items:flex-start;gap:14px;flex-direction:column}.submit-button{width:100%}footer{gap:10px;flex-direction:column}footer span:last-child{font-size:9px}}

.brand-logo{display:block;width:150px;height:72px;object-fit:cover;object-position:center 50%;background:transparent;border-radius:8px;mix-blend-mode:multiply}
@media(max-width:600px){.brand-logo{width:128px;height:60px}}

.custom-select {
  position: relative;
}

.custom-select-trigger {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: 500 12px 'DM Sans', sans-serif;
  cursor: pointer;
  transition: 0.18s;
}

.custom-select-trigger:hover {
  border-color: #a6c8dc;
}

.custom-select-trigger:focus-visible {
  outline: 0;
  border-color: #7fb4d2;
  box-shadow: 0 0 0 3px #dff2fb;
}

.custom-select-options {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  z-index: 5;
  padding: 5px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px #12354b22;
}

.custom-select-options[hidden] {
  display: none;
}

.custom-select-option {
  display: block;
  width: 100%;
  padding: 11px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  font: 500 12px 'DM Sans', sans-serif;
  text-align: left;
  cursor: pointer;
}

.custom-select-option:hover,
.custom-select-option:focus-visible {
  outline: 0;
  background: var(--mist);
  color: var(--blue-deep);
}

.form-section {
  display: none;
}

.form-section.active {
   display: block;
}

@keyframes wizard-slide-from-right {
  from { opacity: 0; transform: translateX(34px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes wizard-slide-from-left {
  from { opacity: 0; transform: translateX(-34px); }
  to { opacity: 1; transform: translateX(0); }
}

.form-section.wizard-enter-forward {
  animation: wizard-slide-from-right 320ms cubic-bezier(.2, .75, .25, 1) both;
}

.form-section.wizard-enter-back {
  animation: wizard-slide-from-left 320ms cubic-bezier(.2, .75, .25, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .form-section.wizard-enter-forward,
  .form-section.wizard-enter-back {
    animation: none;
  }
}

.wizard-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}

.wizard-nav button {
  min-width: 110px;
  padding: 12px 18px;
  border: 1px solid var(--line);
  border-radius: 24px;
  font: 700 12px 'DM Sans', sans-serif;
  cursor: pointer;
  transition: 0.18s;
}

.wizard-back {
  background: #fff;
  color: var(--ink);
}

.wizard-back:hover:not(:disabled) {
  border-color: #a6c8dc;
  background: var(--mist);
}

.wizard-back:disabled {
  visibility: hidden;
}

.wizard-next {
  margin-left: auto;
  background: var(--blue);
  color: #fff;
}

.wizard-next:hover {
  background: var(--blue-deep);
  transform: translateY(-1px);
}

.car-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.service-detail-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vehicle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.assistant-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 250px)); }
.assistant-card { min-height: 210px; }
.assistant-photo { width: 76px; height: 76px; object-fit: cover; border-radius: 50%; margin: 0 0 13px; border: 3px solid #e4f1f8; }
.assistant-initial { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; margin: 0 0 13px; background: linear-gradient(145deg, #e6f4fc, #c6e2f3); color: var(--blue-deep); font: 700 28px Manrope, sans-serif; }
.assistant-card .assistant-photo { width: 100%; height: 118px; object-fit: cover; object-position: left center; border-radius: 9px; margin: 0 0 15px; }
.assistant-card .choice-title { font-size: 16px; font-weight: 800; }
.assistant-card .choice-caption { font-size: 13px; font-weight: 700; color: #53616e; }
.assistant-flowers { position: absolute; inset: -10px; z-index: 2; pointer-events: none; opacity: 0; transition: opacity .2s ease; }
.assistant-flowers i { position: absolute; font-style: normal; font-size: 18px; line-height: 1; filter: drop-shadow(0 2px 2px #7b571855); animation: sunflower-sway 2.1s ease-in-out infinite; }
.assistant-flowers i:nth-child(1) { top: -1px; left: -1px; }
.assistant-flowers i:nth-child(2) { top: -1px; right: -1px; animation-delay: .35s; }
.assistant-flowers i:nth-child(3) { bottom: -1px; left: -1px; animation-delay: .7s; }
.assistant-flowers i:nth-child(4) { bottom: -1px; right: -1px; animation-delay: 1.05s; }
.assistant-card[data-value="Iza"].selected { border-color: #e3ad34; background: #fffdf5; box-shadow: 0 0 0 2px #f3d982, 0 10px 24px #d2a73724; }
.assistant-card[data-value="Iza"].selected .assistant-flowers { opacity: 1; }
@keyframes sunflower-sway { 0%,100% { transform: rotate(-9deg) scale(.94); } 50% { transform: rotate(10deg) scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .assistant-flowers i { animation: none; } }
.vehicle-option { position: relative; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 4px 12px; padding: 16px; text-align: left; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); cursor: pointer; transition: .18s; }
.vehicle-option:hover { border-color: #a6c8dc; transform: translateY(-2px); }
.vehicle-option.selected { border-color: var(--blue); background: #f6fbfe; box-shadow: 0 0 0 1px var(--blue); }
.vehicle-option-icon { grid-row: span 3; font-size: 29px; }
.vehicle-option-name { padding-right: 22px; font: 700 13px Manrope, sans-serif; }
.vehicle-estimate { font-size: 10px; line-height: 1.5; color: var(--muted); }
.vehicle-check { position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #d9e1e7; border-radius: 50%; color: transparent; font-size: 10px; }
.vehicle-option.selected .vehicle-check { border-color: var(--blue); background: var(--blue); color: #fff; }
.vehicle-note { margin: 14px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.nationality-status { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.holiday-package-placeholder { padding: 22px; border: 1px dashed #bfd0dc; border-radius: 12px; background: #f8fbfd; color: var(--muted); font-size: 12px; text-align: center; }
.holiday-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }
.holiday-package-choice { width: 100%; min-height: 84px; }
.holiday-package-choice .choice-title { font-size: 16px; }
.package-itinerary { margin-top: 10px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; font-size: 11px; }
.package-itinerary summary { color: var(--blue-deep); cursor: pointer; font-weight: 700; }
.itinerary-days { padding-top: 10px; color: var(--muted); line-height: 1.55; }
.itinerary-days h4, .package-inclusions h4 { margin: 12px 0 4px; color: var(--ink); font: 700 11px Manrope, sans-serif; }
.itinerary-days p { margin: 0; }
.package-inclusions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; padding: 14px 17px; border-radius: 12px; background: #f8fbfd; }
.package-inclusions h4 { margin-top: 0; }
.package-inclusions ul { margin: 0; padding-left: 17px; color: var(--muted); font-size: 10px; line-height: 1.65; }

@media(max-width:600px) {
  .car-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-detail-fields { grid-template-columns: 1fr; }
  .vehicle-grid { grid-template-columns: 1fr; }
  .vehicle-option { padding: 14px; }
  .holiday-package-grid, .package-inclusions { grid-template-columns: 1fr; }
}

.whatsapp-send{display:block;width:100%;margin-top:14px;text-align:center;text-decoration:none;background:#178c52}.whatsapp-send:hover{background:#116c3f}.whatsapp-send span{margin-left:7px}.modal-done{width:100%;margin-top:9px;background:#f0f5f8;color:var(--ink)}

.modal-card{max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain}.modal-card .whatsapp-send,.modal-card .modal-done{flex:none}

.field[hidden]{display:none!important}

.assistant-grid{align-items:center;justify-items:center}
.assistant-card{width:250px;max-width:100%;height:250px;min-height:250px;aspect-ratio:1;border-radius:50%;align-items:center;justify-content:center;text-align:center;padding:24px;overflow:visible}
.assistant-card .assistant-photo{width:116px;height:116px;object-fit:cover;object-position:left center;border-radius:50%;margin:0 0 12px;border:3px solid #e4f1f8}
.assistant-card .assistant-initial{width:88px;height:88px;font-size:32px}
.assistant-card .choice-title{font-size:17px;font-weight:800}
.assistant-card .choice-caption{font-size:14px;font-weight:800;color:#53616e}
.assistant-wreath{position:absolute;top:50%;left:50%;width:calc(100% + 50px);height:auto;aspect-ratio:1;object-fit:contain;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:multiply;transform:translate(-50%,-50%);transition:opacity .25s ease}
.assistant-card[data-value="Iza"].selected .assistant-wreath{opacity:1;animation:wreath-float 5s ease-in-out infinite}
.assistant-card[data-value="Iza"].selected{border-color:#e3ad34;background:#fffdf5;box-shadow:0 0 0 2px #f3d982,0 10px 24px #d2a73724}
@keyframes wreath-float{0%,100%{transform:translate(-50%,-50%) rotate(-.8deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(.8deg) scale(1.025)}}
@media(max-width:600px){.assistant-card{width:min(250px,100%);height:auto;min-height:0;aspect-ratio:1;padding:21px}.assistant-card .assistant-photo{width:104px;height:104px}.assistant-wreath{width:calc(100% + 38px)}}
@media(prefers-reduced-motion:reduce){.assistant-card[data-value="Iza"].selected .assistant-wreath{animation:none}}

/* Keep every native dropdown visually consistent with the custom service pickers. */
.input-wrap select{-webkit-appearance:none;appearance:none;align-self:stretch;width:100%;padding:0 30px 0 2px;border:0;outline:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b82b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:14px;color:var(--ink);cursor:pointer}
.input-wrap select:required:invalid{color:#8996a2}
.input-wrap select option{padding:10px;background:#fff;color:var(--ink)}
.input-wrap select option:checked{background:#eaf4fa;color:var(--blue-deep)}
.input-wrap:has(select){border-radius:12px;background:linear-gradient(145deg,#fff,#fbfdff);transition:border-color .18s,box-shadow .18s}
.input-wrap:has(select):hover{border-color:#b8d1e0}
.input-wrap:has(select):focus-within{border-color:#7fb4d2;box-shadow:0 0 0 3px #dff2fb}
.custom-select-trigger{border-radius:12px;background:linear-gradient(145deg,#fff,#fbfdff)}
.custom-select-trigger>span:last-child{color:var(--blue);font-size:16px;line-height:1}
.custom-select-options{max-height:min(300px,45vh);overflow-y:auto;overscroll-behavior:contain}
