.vsl5-scope{
  --navy:#002F6C;
  --orange:#FF6A00;
  --red:#E63946;
  --light:#E9EEF5;
  --text:#17324D;
  --muted:#647587;
  --border:#DEE6ED;
  color:var(--text);
  font-family:Arial,sans-serif;
}
.vsl5-scope *{box-sizing:border-box}
.vsl5-container{width:min(1180px,92%);margin:0 auto}
.vsl5-section{padding:58px 0}
.vsl5-hero{
  min-height:540px;
  display:flex;
  align-items:center;
  background:linear-gradient(135deg,#00648c,#002F6C);
  background-size:cover;
  background-position:center;
  color:#fff
}
.vsl5-hero h1{
  max-width:760px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(40px,6vw,66px);
  line-height:1.04
}
.vsl5-hero p{
  max-width:640px;
  margin:0 0 28px;
  color:#fff;
  font-size:19px;
  line-height:1.65
}
.vsl5-btn{
  display:inline-block;
  padding:12px 20px;
  border-radius:999px;
  background:var(--orange);
  color:#fff!important;
  text-decoration:none;
  font-weight:700
}
.vsl5-btn-white{background:#fff;color:var(--navy)!important}
.vsl5-link{color:var(--orange)!important;font-weight:700;text-decoration:none}
.vsl5-eyebrow{
  display:block;
  margin-bottom:8px;
  color:var(--orange);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase
}
.vsl5-eyebrow-light{color:#ffd0b0}
.vsl5-heading{
  display:flex;
  justify-content:space-between;
  gap:36px;
  align-items:end;
  margin-bottom:28px
}
.vsl5-heading h1,.vsl5-heading h2,.vsl5-panama h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(31px,4vw,44px);
  line-height:1.1
}
.vsl5-heading>p{
  max-width:470px;
  margin:0;
  color:var(--muted);
  line-height:1.6
}
.vsl5-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:center
}
.vsl5-split p{font-size:17px;line-height:1.7}
.vsl5-panama{background:var(--light)}
.vsl5-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.vsl5-card{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 8px 25px rgba(0,47,108,.08)
}
.vsl5-card img,.vsl5-placeholder{
  width:100%;
  height:220px;
  object-fit:cover
}
.vsl5-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--light),#fff);
  color:var(--navy);
  font-weight:700
}
.vsl5-card-body{padding:20px}
.vsl5-card h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:21px
}
.vsl5-meta{margin:4px 0;color:var(--muted)}
.vsl5-copy{line-height:1.6}
.vsl5-price{
  margin:12px 0;
  color:var(--navy);
  font-size:21px;
  font-weight:700
}
.vsl5-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  padding:38px;
  border-radius:22px;
  background:var(--navy);
  color:#fff
}
.vsl5-cta h2{margin:0 0 10px;color:#fff;font-size:clamp(30px,4vw,42px)}
.vsl5-cta p{max-width:680px;margin:0;color:#d9e5ee;line-height:1.6}
.vsl5-contact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.vsl5-contact-grid>div{
  padding:22px;
  border-radius:16px;
  background:var(--light)
}
.vsl5-contact-grid strong{display:block;color:var(--navy);margin-bottom:8px}
.vsl5-contact-grid span{display:block;line-height:1.5}
.vsl5-empty{
  padding:30px;
  background:var(--light);
  border-radius:16px;
  text-align:center
}
@media(max-width:900px){
  .vsl5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsl5-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsl5-heading{display:block}
  .vsl5-heading>p{margin-top:12px}
}
@media(max-width:650px){
  .vsl5-hero{min-height:460px}
  .vsl5-grid,.vsl5-contact-grid,.vsl5-split{grid-template-columns:1fr}
  .vsl5-split{gap:24px}
  .vsl5-cta{display:block;padding:28px}
  .vsl5-cta .vsl5-btn{margin-top:22px}
}