:root{
  --navy:#083b8f;
  --blue:#0b78c9;
  --teal:#08b9c7;
  --aqua:#55e1d3;
  --coral:#ff654f;
  --sand:#f6efe2;
  --ink:#10233f;
  --muted:#68778f;
  --line:#e8edf4;
  --white:#fff;
  --soft:#f7fbfc;
  --shadow:0 18px 50px rgba(16,35,63,.10);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none}
img{max-width:100%;height:auto}
.navbar{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(8,59,143,.08)}
.navbar-brand img{height:48px;width:auto;object-fit:contain}
.nav-link{font-weight:650;color:#173253!important;margin:0 .15rem}
.nav-link:hover,.nav-link.active{color:var(--blue)!important}
.btn-brand{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:.78rem 1.25rem;font-weight:750;box-shadow:0 8px 22px rgba(8,59,143,.18)}
.btn-brand:hover{background:#052c6b;color:#fff;transform:translateY(-1px)}
.btn-outline-brand{border:1px solid var(--navy);color:var(--navy);border-radius:999px;padding:.72rem 1.2rem;font-weight:750}
.btn-outline-brand:hover{background:var(--navy);color:#fff}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 80% 20%,rgba(85,225,211,.34),transparent 28%),
 radial-gradient(circle at 15% 85%,rgba(255,101,79,.20),transparent 25%),
 linear-gradient(135deg,#05285f 0%,#083b8f 48%,#087ebf 100%);
color:#fff;padding:7.5rem 0 5.5rem}
.hero:after{content:"";position:absolute;inset:auto -10% -60px;height:140px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.98}
.hero .container{position:relative;z-index:2}
.hero h1{font-size:clamp(2.6rem,6vw,5.5rem);font-weight:850;line-height:1.02;letter-spacing:-.045em}
.hero p{font-size:1.1rem;color:rgba(255,255,255,.84);max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .78rem;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hero-logo{width:min(360px,85%);filter:drop-shadow(0 18px 28px rgba(0,0,0,.18))}
.wave{height:80px;background:linear-gradient(180deg,transparent,#fff)}
.section{padding:5.5rem 0}
.section-sm{padding:3.5rem 0}
.section-title{font-weight:850;letter-spacing:-.035em;font-size:clamp(2rem,4vw,3.4rem)}
.section-lead{color:var(--muted);max-width:760px}
.card-luxe{height:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.card-luxe:hover{transform:translateY(-5px);transition:.25s ease;box-shadow:0 24px 60px rgba(16,35,63,.14)}
.icon-box{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(11,120,201,.12),rgba(8,185,199,.18));color:var(--navy);font-size:1.35rem}
.vehicle-visual{min-height:210px;display:grid;place-items:center;background:
 radial-gradient(circle at 75% 25%,rgba(85,225,211,.34),transparent 30%),
 linear-gradient(145deg,#eaf9fb,#f9f5ed)}
.vehicle-symbol{font-size:5rem;color:var(--navy);filter:drop-shadow(0 10px 16px rgba(8,59,143,.15))}
.tag{display:inline-block;border-radius:999px;padding:.3rem .62rem;font-size:.72rem;font-weight:800;background:#edf8fa;color:#0a7080}
.price-note{color:var(--muted);font-size:.88rem}
.bg-soft{background:var(--soft)}
.bg-sand{background:var(--sand)}
.metric{border:1px solid var(--line);border-radius:18px;padding:1.2rem;background:#fff;height:100%}
.metric strong{display:block;font-size:1.65rem}
.metric span{color:var(--muted);font-size:.9rem}
.process-step{position:relative;padding-left:3.4rem}
.process-step .num{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}
.timeline{position:relative;margin-left:14px;border-left:2px solid #dce7f1}
.timeline-item{position:relative;padding:0 0 2.2rem 2rem}
.timeline-item:before{content:"";position:absolute;left:-8px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--teal);border:3px solid #fff;box-shadow:0 0 0 1px #a8dfe2}
.calendar-cell{border:1px solid var(--line);border-radius:18px;padding:1rem;background:#fff;height:100%}
.level-vhigh{border-top:5px solid var(--coral)}
.level-high{border-top:5px solid var(--teal)}
.level-mid{border-top:5px solid #f1c75b}
.level-low{border-top:5px solid #b7c4d6}
.form-control,.form-select{border-radius:14px;border:1px solid #dbe4ee;padding:.78rem .9rem}
.form-control:focus,.form-select:focus{border-color:#73c7d2;box-shadow:0 0 0 .22rem rgba(8,185,199,.12)}
.form-label{font-weight:700;font-size:.9rem}
.booking-panel{border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(5,40,95,.15);padding:1.4rem}
.sticky-summary{position:sticky;top:100px}
.footer{background:#071b37;color:#b9c9dd;padding:4rem 0 1.5rem}
.footer h6{color:#fff;font-weight:800}
.footer a{color:#b9c9dd}
.footer a:hover{color:#fff}
.footer-brand{height:54px;width:auto;background:#fff;border-radius:10px;padding:.25rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;margin-top:2rem;font-size:.86rem}
.alert-brand{background:#eef9fa;border:1px solid #c8ecee;color:#0b5c67;border-radius:16px}
.badge-season{font-size:.7rem;letter-spacing:.05em}
.dest-card{min-height:280px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#083b8f,#08b9c7);color:#fff;padding:1.6rem}
.dest-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.13);right:-35px;bottom:-50px}
.quote{border-left:4px solid var(--coral);padding-left:1rem;color:#50627a}
.faq .accordion-button{font-weight:750;border-radius:14px!important}
.faq .accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:.7rem;overflow:hidden}
.footer-insytic-logo{height:26px;width:auto;background-color: white;border-radius: 2px; padding: 0.25rem; object-fit:contain}
@media(max-width:991.98px){
  .hero{padding-top:6rem}
  .navbar-collapse{padding:1rem 0}
  .sticky-summary{position:static}
}
@media(max-width:575.98px){
  .section{padding:4rem 0}
  .hero{padding-bottom:4.5rem}
  .navbar-brand img{height:40px}
  .hero-logo{margin-top:1.5rem}
}