:root{
    --navy-950:#081419;
    --navy-900:#0B1F26;
    --navy-800:#12303A;
    --teal-700:#164450;
    --accent:#1976C9;
    --accent-soft:#4C97DB;
    --orange:#D9702B;
    --text-primary:#FFFFFF;
    --text-secondary:#A9BDC4;
    --text-muted:#7A929A;
    --radius:6px;
    --ease:cubic-bezier(.22,.68,0,1);
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  *{box-sizing:border-box;}
  html{scroll-padding-top:env(safe-area-inset-top,0px);}
  html,body{height:100%;margin:0;}
  body{
    background:var(--navy-950);
    color:var(--text-primary);
    font-family:'Montserrat',sans-serif; font-weight:400;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  .display{font-family:'Montserrat',sans-serif; font-weight:600;}
  h1,h2,h3,h4{font-family:'Montserrat',sans-serif; font-weight:600;}
  button, input, select, textarea{font-family:inherit;}
  button, nav, a{font-family:'Montserrat',sans-serif; font-weight:500;}

  /* ---------- Skip link ---------- */
  .skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:.75rem 1.25rem;z-index:999;border-radius:var(--radius);}
  .skip-link:focus{left:1rem;top:calc(1rem + env(safe-area-inset-top,0px));}

  /* ---------- Hero stage ---------- */
  .stage{
    position:relative;
    width:100%;
    min-height:100svh;
    overflow:hidden;
    background:var(--navy-950);
  }
  .hero-layer{
    position:absolute;
    inset:0;
    opacity:0;
    transform:scale(1.08);
    transition:opacity 1100ms var(--ease), transform 4200ms var(--ease);
    will-change:opacity, transform;
  }
  .hero-layer.active{
    opacity:1;
    transform:scale(1.0);
    z-index:2;
  }
  .hero-layer .scene{
    position:absolute; inset:0; width:100%; height:100%;
  }
  .hero-layer .scene svg{width:100%;height:100%;display:block;}
  .photo-layer{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:center; display:block;
  }
  .hero-overlay{
    position:absolute;inset:0;
    background:
      linear-gradient(90deg, rgba(8,20,25,.94) 0%, rgba(8,20,25,.72) 30%, rgba(8,20,25,.30) 56%, rgba(8,20,25,.55) 78%, rgba(8,20,25,.85) 100%),
      linear-gradient(0deg, rgba(6,15,19,.85) 0%, rgba(6,15,19,.15) 30%, rgba(6,15,19,0) 55%, rgba(6,15,19,.35) 100%);
    z-index:3;
    pointer-events:none;
  }

  /* ---------- Header ---------- */
  header.site-header{
    position:fixed; top:0; left:0; right:0; z-index:50;
    padding-top:env(safe-area-inset-top,0px);
  }
  .header-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:1.4rem clamp(1.25rem,4vw,3rem);
  }
  .wordmark{font-family:'Montserrat',ui-sans-serif,sans-serif;display:flex;align-items:center;gap:.55rem;letter-spacing:.14em;font-weight:800;font-size:1.05rem;}
  .wordmark-logo{height:22px;width:auto;display:block;}
  .nav-links{display:flex;gap:2.1rem;list-style:none;margin:0;padding:0;}
  .nav-links a{
    position:relative;color:var(--text-secondary);text-decoration:none;font-size:.82rem;
    letter-spacing:.08em;font-weight:600;padding-bottom:.4rem;transition:color 220ms;
  }
  .nav-links a:hover, .nav-links a:focus-visible{color:#fff;}
  .nav-links a.active{color:#fff;}
  .nav-links a.active::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);border-radius:2px;
  }
  .header-right{display:flex;align-items:center;gap:1.1rem;}
  .greeting{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;}
  .icon-btn{
    display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;border-radius:50%;
    border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);
    color:#fff;cursor:pointer;transition:background 200ms, border-color 200ms, transform 200ms;
  }
  .icon-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);}
  .icon-btn:focus-visible, a:focus-visible, button:focus-visible{outline:2px solid #fff;outline-offset:2px;}
  .mobile-toggle{display:none;}

  /* ---------- Left vertical nav ---------- */
  .vnav{
    position:fixed; left:clamp(1rem,3vw,2.5rem); top:0; bottom:0;
    z-index:40; display:flex; flex-direction:column; align-items:center;
    padding:7.5rem 0 2.5rem;
  }
  .vnav-line{position:relative;width:1px;flex:1;background:rgba(255,255,255,.18);}
  .vnav-fill{position:absolute;left:0;top:0;width:1px;background:var(--accent);transition:height 900ms var(--ease);}
  .vnav-markers{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;}
  .vnav-marker{
    position:relative;left:-9px;width:19px;height:19px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--navy-950);border:1px solid rgba(255,255,255,.35);
    color:var(--text-muted);font-size:.6rem;font-weight:700;cursor:pointer;
    transition:border-color 250ms, color 250ms, background 250ms, transform 250ms;
  }
  .vnav-marker:hover{transform:scale(1.12);}
  .vnav-marker.active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.15);}
  .vnav-count{
    margin-top:1.4rem;writing-mode:vertical-rl;transform:rotate(180deg);
    font-size:.72rem;letter-spacing:.12em;color:var(--text-secondary);font-weight:600;
  }
  .vnav-count b{color:#fff;}

  /* ---------- Hero content ---------- */
  .hero-grid{
    position:relative;z-index:10;min-height:100svh;
    display:grid;grid-template-columns:45% 55%;align-items:center;
    padding:0 clamp(1.25rem,4vw,3rem);
    padding-top:6rem;
  }
  .hero-copy{padding-left:clamp(2.75rem,5vw,4.5rem);max-width:34rem;}
  .eyebrow-dest{font-size:.78rem;letter-spacing:.16em;color:var(--accent-soft);font-weight:700;margin-bottom:1rem;}
  .title-wrap{position:relative;overflow:hidden;height:auto;}
  .title-band{
    display:block;font-weight:600;text-transform:uppercase;line-height:.98;
    font-size:clamp(2.6rem,6.2vw,5.4rem);letter-spacing:-.01em;
    color:#fff; white-space:nowrap;
  }
  .title-stack{position:relative;}
  .title-stack .band{
    position:absolute; inset:0; overflow:hidden; transition:transform 900ms var(--ease);
  }
  .title-stack .band span{display:block;}
  .title-stack .band.b1{clip-path:inset(0 0 66.7% 0);transform:translateX(-120%);}
  .title-stack .band.b2{clip-path:inset(33.3% 0 33.3% 0);transform:translateX(120%);}
  .title-stack .band.b3{clip-path:inset(66.7% 0 0 0);transform:translateX(-120%);}
  .title-stack.in .band{transform:translateX(0);}
  .title-stack .band.b2{transition-delay:90ms;}
  .title-stack .band.b3{transition-delay:180ms;}

  .hero-desc{
    margin-top:1.35rem;font-size:1rem;line-height:1.65;color:var(--text-secondary);
    max-width:30rem; opacity:0; transform:translateY(14px);
    transition:opacity 700ms var(--ease) 320ms, transform 700ms var(--ease) 320ms;
  }
  .hero-cta{
    margin-top:2.1rem; opacity:0; transform:translateY(14px);
    transition:opacity 700ms var(--ease) 420ms, transform 700ms var(--ease) 420ms;
  }
  .fade-in .hero-desc, .fade-in .hero-cta{opacity:1;transform:translateY(0);}
  .btn-explore{
    display:inline-flex;align-items:center;gap:.6rem;
    background:var(--accent);color:#fff;border:none;cursor:pointer;
    font-weight:500;font-size:.85rem;letter-spacing:.05em;
    padding:.95rem 1.6rem;border-radius:var(--radius);
    transition:background 220ms, transform 220ms;
  }
  .btn-explore:hover{background:var(--accent-soft);transform:translateX(2px);}
  .btn-explore svg{transition:transform 220ms;}
  .btn-explore:hover svg{transform:translateX(3px);}

  /* ---------- Carousel ---------- */
  .carousel-zone{
    position:relative; height:100svh; display:flex; align-items:center;
    overflow:visible;
  }
  .carousel-track{
    display:flex; align-items:center; gap:1.1rem;
    padding-left:1rem;
    touch-action:pan-y;
    cursor:grab;
  }
  .carousel-track:active{cursor:grabbing;}
  .card{
    position:relative; flex:0 0 auto;
    width:clamp(150px,15vw,190px); height:clamp(230px,32vw,300px);
    border-radius:var(--radius); overflow:hidden;
    filter:brightness(.62) saturate(.85);
    transform:scale(.92);
    transition:transform 900ms var(--ease), filter 900ms var(--ease), width 900ms var(--ease), height 900ms var(--ease);
    flex-shrink:0;
  }
  .card.active{
    width:clamp(190px,19vw,240px); height:clamp(290px,38vw,360px);
    filter:brightness(1) saturate(1); transform:scale(1);
    z-index:5;
  }
  .card .scene{position:absolute;inset:0;}
  .card .scene svg{width:100%;height:100%;display:block;}
  .card-shade{
    position:absolute;inset:0;
    background:linear-gradient(0deg, rgba(6,14,18,.82) 0%, rgba(6,14,18,.1) 42%, rgba(6,14,18,0) 60%);
  }
  .card-top{position:absolute;top:.7rem;right:.7rem;left:.7rem;display:flex;justify-content:flex-end;}
  .bookmark-btn{
    width:38px;height:38px;min-width:44px;min-height:44px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;border:1px solid rgba(255,255,255,.45);
    background:rgba(8,20,25,.35);color:#fff;cursor:pointer;
    transition:background 200ms, border-color 200ms;
  }
  .bookmark-btn:hover{background:rgba(8,20,25,.6);}
  .bookmark-btn[aria-pressed="true"] svg{fill:var(--accent);stroke:var(--accent);}
  .card-bottom{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;}
  .card-name{font-weight:600;font-size:.92rem;letter-spacing:.02em;text-transform:uppercase;}
  .rating-dots{display:flex;gap:.28rem;margin-top:.4rem;}
  .rating-dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);}
  .rating-dots span.on{background:var(--accent-soft);}

  /* ---------- Bottom controls ---------- */
  .bottom-bar{
    position:fixed; left:0; right:0; bottom:1.6rem; z-index:45;
    display:flex; align-items:center; justify-content:center;
    padding-bottom:env(safe-area-inset-bottom,0px);
    pointer-events:none;
  }
  .bottom-bar > *{pointer-events:auto;}
  .carousel-controls{display:flex;gap:.8rem;}
  .ctrl-btn{
    width:44px;height:44px;border-radius:50%;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.3);
    color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
    transition:background 200ms,border-color 200ms;
  }
  .ctrl-btn:hover{background:rgba(255,255,255,.18);border-color:#fff;}

  .progress-zone{
    position:fixed;right:clamp(1.1rem,3vw,2.5rem);bottom:1.7rem;z-index:45;
    display:flex;align-items:center;gap:.65rem;
  }
  .speaker-btn{
    width:38px;height:38px;min-width:44px;min-height:44px;border-radius:50%;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.3);
    color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .progress-track{width:74px;height:2px;background:rgba(255,255,255,.22);border-radius:2px;overflow:hidden;}
  .progress-fill{height:100%;width:0%;background:var(--accent);}
  .progress-fill.animating{transition:width 3000ms linear;}

  /* ---------- Mobile menu ---------- */
  .mobile-menu{
    position:fixed;inset:0;z-index:60;background:rgba(6,15,19,.98);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.9rem;
    opacity:0;pointer-events:none;transition:opacity 260ms var(--ease);
  }
  .mobile-menu.open{opacity:1;pointer-events:auto;}
  .mobile-menu a{color:#fff;font-weight:700;letter-spacing:.08em;font-size:1.1rem;text-decoration:none;}
  .mobile-menu-close{position:absolute;top:1.4rem;right:1.4rem;}

  /* ---------- Reduced motion ---------- */
  @media (prefers-reduced-motion: reduce){
    .hero-layer, .card, .title-stack .band, .hero-desc, .hero-cta, .vnav-fill, .progress-fill{transition:none !important;}
  }

  /* ---------- Booking section ---------- */
  .booking-section{
    position:relative; background:linear-gradient(180deg, var(--navy-950) 0%, var(--navy-900) 100%);
    padding:5.5rem clamp(1.25rem,4vw,3rem) 6rem; overflow:hidden;
  }
  .booking-section::before{
    content:""; position:absolute; top:-30%; left:50%; transform:translateX(-50%);
    width:60rem; height:60rem; border-radius:50%;
    background:radial-gradient(circle, rgba(25,118,201,.16) 0%, rgba(25,118,201,0) 70%);
    pointer-events:none;
  }
  .booking-inner{position:relative; max-width:54rem; margin:0 auto; text-align:center;}
  .booking-eyebrow{font-size:.78rem;letter-spacing:.16em;color:var(--accent-soft);font-weight:700;margin-bottom:.8rem;}
  .booking-title{font-weight:600;text-transform:uppercase;color:#fff;font-size:clamp(2rem,4.4vw,3.1rem);margin:0 0 1rem;letter-spacing:-.01em;}
  .booking-sub{color:var(--text-secondary);max-width:36rem;margin:0 auto 2.6rem;line-height:1.65;font-size:.98rem;}
  .package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;text-align:left;}
  .package-card{
    border:1px solid rgba(255,255,255,.16); border-radius:var(--radius); background:rgba(255,255,255,.03);
    padding:1.15rem; cursor:pointer; transition:border-color 200ms, background 200ms; color:#fff; font:inherit;
  }
  .package-card:hover{border-color:rgba(255,255,255,.4);}
  .package-card.selected{border-color:var(--accent); background:rgba(25,118,201,.14);}
  .package-card h3{font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0 0 .55rem;}
  .package-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem;}
  .package-tag{font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:.26rem .55rem;border-radius:4px;background:rgba(255,255,255,.08);color:var(--text-secondary);}
  .package-tag.duration{color:var(--accent-soft);}
  .package-highlights{display:flex;flex-wrap:wrap;gap:.35rem;}
  .package-highlights span{font-size:.66rem;color:var(--text-muted);background:rgba(255,255,255,.05);padding:.22rem .5rem;border-radius:4px;}

  .booking-form{
    display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; align-items:end; text-align:left;
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.14);
    border-radius:var(--radius); padding:1.6rem;
  }
  .b-field label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.55rem;font-weight:600;}
  .b-field select, .b-field input{
    width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.22); color:#fff;
    padding:.72rem .8rem; border-radius:var(--radius); font-size:.85rem; font-family:inherit; min-height:44px;
  }
  .b-field select:focus, .b-field input:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}
  .b-field select option{color:#111;}
  .guest-stepper{
    display:flex; align-items:center; justify-content:space-between;
    border:1px solid rgba(255,255,255,.22); border-radius:var(--radius); background:rgba(255,255,255,.05);
    padding:.4rem .6rem; min-height:44px;
  }
  .guest-stepper button{
    width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,.32);
    background:transparent; color:#fff; cursor:pointer; font-size:1rem; line-height:1; transition:background 180ms;
  }
  .guest-stepper button:hover{background:rgba(255,255,255,.14);}
  .booking-submit{grid-column:span 3; justify-content:center; margin-top:.2rem;}
  .cine-form .cine-span2{grid-column:span 3;}
  .cine-form .b-field textarea{
    width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.22); color:#fff;
    padding:.72rem .8rem; border-radius:var(--radius); font-size:.85rem; font-family:inherit; resize:vertical;
  }
  .cine-form .b-field textarea:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}
  .cine-addons{display:flex; flex-direction:column; gap:.6rem; margin:0 0 1.4rem; text-align:left;}
  .cine-addon{
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:.75rem .9rem; border:1px solid rgba(255,255,255,.14); border-radius:var(--radius); background:rgba(255,255,255,.03);
  }
  .cine-addon label{display:flex; align-items:center; gap:.65rem; font-size:.85rem; color:#fff; cursor:pointer; min-height:44px;}
  .cine-addon input[type=checkbox]{width:18px; height:18px; accent-color:var(--accent);}
  .cine-addon .price{color:var(--accent-soft); font-size:.8rem; font-weight:700; white-space:nowrap;}
  .cine-total{
    display:flex; justify-content:space-between; align-items:center;
    padding:.9rem 1.1rem; margin-bottom:1.4rem; border:1px solid rgba(255,255,255,.14); border-radius:var(--radius);
    background:rgba(255,255,255,.03); font-weight:800; color:#fff; font-size:.95rem; text-align:left;
  }
  .cine-total span:last-child{color:var(--accent-soft); font-size:1.2rem;}
  .cine-hook{color:var(--text-secondary); font-size:.82rem; line-height:1.5; margin:.5rem 0 0;}
  .cine-pairs{font-size:.66rem; color:var(--text-muted); margin-top:.55rem;}
  .booking-confirm{margin-top:1.4rem; color:var(--accent-soft); font-size:.85rem; min-height:1.2em;}

  @media (max-width:900px){
    .package-grid{grid-template-columns:1fr;}
    .booking-form{grid-template-columns:1fr 1fr;}
    .booking-submit{grid-column:span 2;}
    .cine-form .cine-span2{grid-column:span 2;}
  }
  @media (max-width:560px){
    .booking-form{grid-template-columns:1fr;}
    .booking-submit{grid-column:span 1;}
    .cine-form .cine-span2{grid-column:span 1;}
  }

  /* ---------- Per-destination cinematic sections ---------- */
  .dest-section{
    position:relative; min-height:88vh; display:flex; align-items:flex-end;
    background-size:cover; background-position:center; overflow:hidden; scroll-margin-top:5.5rem;
  }
  .dest-section::before{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(6,15,19,.18) 0%, rgba(6,15,19,.6) 55%, rgba(6,15,19,.94) 100%);
  }
  .dest-content{position:relative; z-index:2; padding:3.5rem clamp(1.25rem,4vw,3rem) 4rem; max-width:44rem;}
  .dest-eyebrow{font-size:.78rem; letter-spacing:.16em; color:var(--accent-soft); font-weight:500; margin-bottom:1rem;}
  .dest-title{font-weight:600; text-transform:uppercase; color:#fff; font-size:clamp(2.1rem,5vw,3.5rem); margin:0 0 1.1rem; letter-spacing:-.01em;}
  .dest-desc{color:var(--text-secondary); font-size:1rem; line-height:1.7; max-width:36rem;}
  .dest-back{display:inline-flex; align-items:center; gap:.5rem; margin-top:1.7rem; color:var(--accent-soft); font-size:.8rem; font-weight:500; text-decoration:none;}
  .dest-back:hover{color:#fff;}
  @media (max-width:640px){ .dest-section{min-height:70vh;} }

  /* ---------- Testimonials ---------- */
  .testimonials-section{
    background:var(--navy-900); padding:5.5rem clamp(1.25rem,4vw,3rem);
    position:relative; overflow:hidden;
  }
  .testi-inner{position:relative; max-width:68rem; margin:0 auto; text-align:center;}
  .testi-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2.6rem; text-align:left;
  }
  .testi-card{
    position:relative; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.14);
    border-radius:var(--radius); padding:1.5rem; transition:border-color 220ms, transform 220ms; overflow:hidden;
  }
  .testi-card::before{
    content:""; position:absolute; inset:-1px; border-radius:var(--radius);
    background:radial-gradient(circle at 25% 0%, rgba(25,118,201,.22), transparent 62%);
    opacity:0; transition:opacity 260ms; pointer-events:none;
  }
  .testi-card:hover{border-color:var(--accent); transform:translateY(-3px);}
  .testi-card:hover::before{opacity:1;}
  .testi-stars{position:relative; color:var(--accent-soft); font-size:.82rem; letter-spacing:.16em; margin-bottom:.8rem;}
  .testi-quote{position:relative; color:#fff; font-size:.92rem; line-height:1.65; margin:0 0 1.4rem;}
  .testi-person{position:relative; display:flex; align-items:center; gap:.7rem;}
  .testi-avatar{
    width:42px; height:42px; min-width:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    overflow:hidden; flex-shrink:0;
  }
  .testi-avatar svg{width:100%; height:100%;}
  .testi-name{font-weight:700; font-size:.85rem; color:#fff; line-height:1.3;}
  .testi-trip{font-size:.72rem; color:var(--text-muted);}

  @media (max-width:900px){
    .testi-grid{grid-template-columns:1fr;}
  }

  /* ---------- Inquire button + modal ---------- */
  .inquire-btn{
    background:var(--accent); color:#fff; border:none; cursor:pointer;
    padding:.65rem 1.3rem; border-radius:var(--radius); font-weight:700; font-size:.76rem;
    letter-spacing:.05em; text-transform:uppercase; transition:background 200ms; min-height:44px;
  }
  .inquire-btn:hover{background:var(--accent-soft);}
  .modal-overlay{
    position:fixed; inset:0; background:rgba(6,15,19,.84); z-index:95;
    display:flex; align-items:center; justify-content:center; padding:1.25rem;
    opacity:0; pointer-events:none; transition:opacity 220ms;
  }
  .modal-overlay.open{opacity:1; pointer-events:auto;}
  .modal-card{
    position:relative; background:var(--navy-900); border:1px solid rgba(255,255,255,.16);
    border-radius:var(--radius); max-width:30rem; width:100%; max-height:88vh; overflow-y:auto;
    padding:2rem; text-align:left;
  }
  .modal-close{position:absolute; top:1rem; right:1rem;}
  .modal-form{display:flex; flex-direction:column; gap:1rem;}
  .modal-form .b-field select, .modal-form .b-field textarea{
    width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.22); color:#fff;
    padding:.72rem .8rem; border-radius:var(--radius); font-size:.85rem; font-family:inherit; min-height:44px;
  }
  .modal-form .b-field select option{color:#111;}
  .modal-form .b-field select:focus, .modal-form .b-field textarea:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}

  /* ---------- Tour cards: Inquire CTA ---------- */
  .tour-inquire-btn{
    margin-top:1.1rem; width:100%; background:transparent; color:var(--accent-soft);
    border:1px solid var(--accent); border-radius:var(--radius); padding:.65rem; font-weight:700;
    font-size:.76rem; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; transition:background 200ms, color 200ms;
    min-height:44px;
  }
  .tour-inquire-btn:hover{background:var(--accent); color:#fff;}

  /* ---------- Floating WhatsApp + secondary nudge ---------- */
  .whatsapp-float{
    position:fixed; right:clamp(1.1rem,3vw,2rem); bottom:6.5rem; z-index:70;
    width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff;
    display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.35);
    transition:transform 200ms;
  }
  .whatsapp-float:hover{transform:scale(1.07);}
  .inquire-float{
    position:fixed; left:clamp(1rem,3vw,1.75rem); bottom:1.7rem; z-index:70;
    display:flex; align-items:center; gap:.5rem; background:var(--navy-900); color:#fff;
    border:1px solid var(--accent); border-radius:999px; padding:.6rem 1.1rem .6rem .8rem;
    font-size:.76rem; font-weight:700; letter-spacing:.04em; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.35);
    min-height:44px;
  }
  .inquire-float-dot{
    width:9px; height:9px; border-radius:50%; background:var(--accent);
    box-shadow:0 0 0 0 rgba(25,118,201,.6); animation:pulseDot 1.8s infinite;
  }
  @keyframes pulseDot{
    0%{box-shadow:0 0 0 0 rgba(25,118,201,.55);}
    70%{box-shadow:0 0 0 9px rgba(25,118,201,0);}
    100%{box-shadow:0 0 0 0 rgba(25,118,201,0);}
  }
  @media (max-width:640px){
    .whatsapp-float{bottom:5.6rem; width:50px; height:50px;}
    .inquire-float{bottom:1.4rem; padding:.55rem 1rem .55rem .75rem; font-size:.7rem;}
  }

  /* ---------- Footer pay ---------- */
  .footer-pay{display:flex; flex-direction:column; align-items:center; gap:.85rem; margin-bottom:1.3rem;}
  .pay-now-link{
    color:var(--accent-soft); font-weight:700; font-size:.78rem; letter-spacing:.03em; text-decoration:none;
    border:1px solid rgba(255,255,255,.22); padding:.55rem 1.1rem; border-radius:var(--radius);
    transition:border-color 200ms, color 200ms;
  }
  .pay-now-link:hover{border-color:var(--accent); color:#fff;}

  /* ---------- Footer ---------- */
  .site-footer{
    padding:2.4rem 1.5rem 3rem; text-align:center; color:var(--text-muted);
    font-size:.74rem; letter-spacing:.03em; background:var(--navy-950);
    border-top:1px solid rgba(255,255,255,.08);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 1024px){
    .hero-grid{grid-template-columns:1fr;padding-top:6.5rem;}
    .hero-copy{padding-left:0;max-width:100%;}
    .carousel-zone{height:auto;padding:2.2rem 0 8rem;}
    .stage{min-height:auto;display:flex;flex-direction:column;}
    .hero-grid{min-height:auto;}
    .title-band{font-size:clamp(2.4rem,9vw,3.6rem);}
  }
  @media (max-width: 1024px) and (min-width: 1px){
    .hero-layer{position:absolute;}
  }
  @media (max-width: 768px){
    .nav-links{display:none;}
    .greeting{display:none;}
    .mobile-toggle{display:inline-flex;}
    .vnav{left:.6rem;padding:6rem 0 2rem;}
    .vnav-count{font-size:.6rem;}
    .hero-copy{padding:0 1.6rem 0 2.6rem;}
    .card{width:130px;height:190px;}
    .card.active{width:160px;height:230px;}
    .stage{min-height:100svh;}
  }