/* 🌐 FINAL VIBES HEADER FIXED (Full-width header + centered inner container) */

    html, body { margin:0; padding:0;     color: #001461 !important;}
    body { font-family: "Times New Roman", serif; }
    main { min-height: 60vh; }
    .page-container { max-width: 1150px; margin: 0 auto; padding: 24px; }

* { box-sizing: border-box; }
/* ===== TOP BAR (RENAMED + PREMIUM LOOK) ===== */
.vb-topbar{
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(0, 20, 97, .92);           /* navy glass */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  font-family: "Times New Roman", serif;
}

.vb-topbar__wrap{
  width: 100%;
  max-width: 1150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 22px;
}

/* Logo */
.vb-brand img{
  height: 42px;
  display: block;
}

/* Actions */
.vb-actions{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Button base */
.vb-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 800;
  border-radius: 999px;
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  white-space: nowrap;
}

.vb-btn i{ font-size: 18px; }

/* Call button (gradient + shadow) */
.vb-btn--call{
  color: #fff;
  background: linear-gradient(90deg, #ff2f70, #ff6a3d);
  box-shadow: 0 14px 34px rgba(255,47,112,.25);
}

.vb-btn--call:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(255,47,112,.32);
  filter: saturate(1.05);
}

/* ===== MOBILE ===== */
@media (max-width: 768px){

  .vb-topbar{ padding: 10px 0; }

  .vb-topbar__wrap{
    padding: 0 14px;
  }

  .vb-brand img{
    height: 36px;
  }

  /* Mobile: button compact */
  .vb-btn{
    padding: 10px 14px;
    font-size: 13px;
  }

  .vb-btn i{ font-size: 16px; }
}

@media (max-width: 420px){

  /* Ultra small: show only icon + "Call" */
  .vb-btn--call span{
    font-size: 13px;
  }
}



/* ===== WEIGHT LOSS HERO (RENAMED + SLIGHTLY DIFFERENT LOOK) ===== */

.wl-hero{
  background:
    radial-gradient(900px 450px at 10% 10%, rgba(255,191,90,.22), transparent 60%),
    radial-gradient(800px 420px at 85% 35%, rgba(10,165,137,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,191,90,.10) 0%, rgba(255,247,223,.40) 100%);
  padding: clamp(36px, 6vw, 78px) 18px;
  color: #002277;
  position: relative;
  overflow: hidden;
}

/* soft decorative blobs */
.wl-hero::before,
.wl-hero::after{
  content:"";
  position:absolute;
  border-radius: 999px;
  filter: blur(0px);
  opacity: .55;
  pointer-events:none;
}
.wl-hero::before{
  width: 380px; height: 380px;
  left: -140px; top: -140px;
  background: radial-gradient(circle at 30% 30%, rgba(255,210,111,.55), rgba(255,210,111,0));
}
.wl-hero::after{
  width: 420px; height: 420px;
  right: -160px; bottom: -160px;
  background: radial-gradient(circle at 30% 30%, rgba(10,165,137,.35), rgba(10,165,137,0));
}

.wl-hero__wrap{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: clamp(22px, 4vw, 50px);
  align-items: center;
  position: relative;
  z-index: 1;
}

/* LEFT */
.wl-hero__content{}

/* Eyebrow */
.wl-tagline{
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
  color: #2a3b7c;
  margin-bottom: 10px;
  font-size: 13px;
}

/* Heading */
.wl-hero__headline{
  font-family: "Times New Roman", Georgia, serif;
  font-weight: 900;
  line-height: 1.03;
  font-size: clamp(34px, 4.8vw, 70px);
  margin-bottom: 12px;
  color: #002277;
  position: relative;
}

.wl-hero__grad{
  background: linear-gradient(90deg, #0a1f6a 0%, #0aa589 85%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.wl-hero__stroke{
  display: block;
  width: 250px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd26f, #ffa26f);
  margin-top: 10px;
  box-shadow: 0 10px 30px rgba(255,162,111,.25);
}

/* Sub text */
.wl-hero__kicker{
  font-weight: 900;
  font-size: clamp(15px, 1.5vw, 20px);
  margin: 12px 0 6px;
}

.wl-hero__sub{
  color: #002277;
  margin-bottom: 18px;
  font-size: clamp(14px, 1.2vw, 18px);
  opacity: .92;
}

/* Benefits list */
.wl-benefits{
  display: grid;
  gap: 12px;
  margin-bottom: 26px;
  padding: 0;
  list-style: none;
}

.wl-benefit{
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(14px, 1.2vw, 18px);
}

.wl-benefit__icon{
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(232,242,255,1), rgba(230,255,247,1));
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  flex: 0 0 auto;
}

.wl-benefit i{
  color: #002277;
  font-size: 16px;
}

/* CTA */
.wl-hero__cta{
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

.wl-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(90deg, #ff2f70, #ff6a3d);
  box-shadow: 0 14px 34px rgba(255,47,112,.25);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.wl-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(255,47,112,.32);
  filter: saturate(1.05);
}

.wl-btn__arrow{
  width: 22px;
  height: 22px;
}

/* RIGHT VISUAL */
.wl-hero__media{
  display: flex;
  justify-content: center;
}

.wl-frame{
  width: min(420px, 92%);
  border-radius: 26px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(0,34,119,.14), rgba(10,165,137,.14));
  box-shadow: 0 22px 60px rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.06);
}

.wl-frame__inner{
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(0,0,0,.05);
}

.wl-model{
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1.01);
}


/* ===== MOBILE FIX: SMALLER IMAGE + NO OVERLAP + NO EXTRA GAP ===== */
@media (max-width: 600px){

  .wl-hero{
    padding: 24px 16px 12px;
    min-height: auto;
  }

  .wl-hero__wrap{
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: flex-start;
    position: relative;
    padding-bottom: 0px;     /* ✅ gap kam (pehle 190) */
  }

  .wl-hero__content{
    position: relative;
    z-index: 2;
    padding-right: 72px;       /* ✅ image ke liye space */
  }

  /* perks ko thoda compact */
  .wl-benefits{ gap: 12px; margin-bottom: 14px; }

  /* ✅ CTA ko normal flow me rakho (overlap band) */
  .wl-hero__cta{
    position: relative;
    z-index: 3;
    margin-top: 12px;
  }

  .wl-btn{
    width: auto !important;
    min-width: 180px;
    justify-content: center;
    padding: 16px 22px;
    border-radius: 999px;
    font-size: 16px;
  }

  /* ✅ Image smaller + bottom-right */
  .wl-hero__media{
    position: absolute;
  right: -11px;
        bottom: -15px;
        width: 49%;           /* ✅ smaller (pehle 66%) */
    max-width: 285px;
    z-index: 1;
  }

  .wl-frame{
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
  }

  .wl-frame__inner{
    background: transparent;
    border: none;
    overflow: visible;
  }

  .wl-model{
    width: 100%;
    height: auto;
    display: block;
    transform: translateX(6px) translateY(-2px) scale(1);
    filter: drop-shadow(0 18px 35px rgba(0,0,0,.16));
  }
}




/* 🔴 Animated Red Button */
.btn-red {
  background: var(--cta);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  padding: 14px 26px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(255, 59, 47, 0.3);
  transition: transform 0.2s ease, background 0.2s ease;
}

.btn-red::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent);
  opacity: 0.9;
}

.btn-red::after {
  content: "";
  position: absolute;
  top: -100%;
  left: -30%;
  width: 40%;
  height: 300%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
  animation: shine 3s infinite;
}

.btn-red:hover {
  background: var(--ctaH);
  transform: translateY(-2px);
}

.btn-red .arrow {
  width: 22px;
  height: 22px;
}

@keyframes shine {
  0% { left: -40%; }
  60% { left: 120%; }
  100% { left: 120%; }
}
/* ===== DEAL BAR (RENAMED + REDESIGNED) ===== */
.vb-dealbar{
  width: 100%;
  margin: 0;
  padding: 10px 16px;
  background: linear-gradient(180deg, #fff6e5, #fffaf2);
}

/* band */
.vb-dealbar__wrap{
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 18px;

  /* premium navy gradient */
  background: linear-gradient(90deg, #001b5e 0%, #003aa6 55%, #001b5e 100%);
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.14);

  padding: 18px 16px;
}

/* subtle pattern */
.vb-dealbar__wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(600px 300px at 20% 30%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(520px 260px at 85% 55%, rgba(255,255,255,.08), transparent 55%);
  opacity: .9;
  pointer-events:none;
}

/* animated shine */
.vb-dealbar__shine{
  position: absolute;
  top: -60%;
  left: -35%;
  width: 40%;
  height: 220%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  transform: rotate(18deg);
  animation: vbShine 4.2s linear infinite;
  opacity: .55;
  pointer-events:none;
}

@keyframes vbShine{
  0%{ left: -40%; }
  60%{ left: 120%; }
  100%{ left: 120%; }
}

/* content */
.vb-dealbar__content{
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  animation: vbFadeUp .45s ease both;
}

@keyframes vbFadeUp{
  from{ opacity:0; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}

.vb-dealbar__title{
  margin: 0;
  font: 900 clamp(16px, 2.6vw, 28px) "Times New Roman", serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vb-dealbar__sub{
  margin: 6px 0 0;
  font-weight: 800;
  font-size: clamp(14px, 1.5vw, 18px);
  opacity: .92;
}

/* hover lift */
.vb-dealbar__wrap:hover{
  transform: translateY(-2px);
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow:
    0 18px 44px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.16);
}

/* mobile */
@media (max-width: 768px){
  .vb-dealbar{ padding: 10px 12px; }
  .vb-dealbar__wrap{
    border-radius: 16px;
    padding: 16px 12px;
  }
  .vb-dealbar__title{ letter-spacing: 0.06em; }
}

/* ===== PREMIUM FORM ===== */
.vibes-premium-form{
  padding: clamp(28px,5vw,64px) 16px;
  background:
    radial-gradient(900px 380px at 10% 10%, rgba(255,191,90,.18), transparent 60%),
    radial-gradient(760px 360px at 85% 30%, rgba(10,165,137,.12), transparent 55%),
    linear-gradient(180deg, #fff6e5, #fffaf2);
}

.vpf-card{
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  border-radius: 28px;
  padding: clamp(18px,4vw,34px);
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.65);
  box-shadow: 0 22px 70px rgba(0,0,0,.12);
  overflow: hidden;
}

/* gradient border ring */
.vpf-card::before{
  content:"";
  position:absolute;
  inset:0;
  padding: 1px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(0,34,119,.20), rgba(255,47,112,.22), rgba(10,165,137,.18));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

/* subtle inner glow */
.vpf-card::after{
  content:"";
  position:absolute;
  inset:-120px -120px auto auto;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle at 30% 30%, rgba(255,47,112,.18), transparent 60%);
  pointer-events:none;
}

.vpf-head{ text-align:center; position: relative; z-index:1; }
.vpf-title{
  margin: 0;
  color:#002277;
  font: 900 clamp(22px,3.6vw,36px) "Times New Roman", serif;
  letter-spacing: .01em;
}
.vpf-subtitle{
  margin: 8px auto 0;
  max-width: 52ch;
  color: rgba(0,34,119,.82);
  font: 600 14px/1.4 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

.vpf-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  color:#002277;
  font: 800 12px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.vpf-chip i{ font-size: 14px; opacity: .9; }

/* grid */
.vpf-grid{
  position: relative;
  z-index: 1;
  display:grid;
  gap: 14px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-top: 18px;
}
@media(max-width:680px){
  .vpf-grid{ grid-template-columns: 1fr; }
}

/* field */
.vpf-field{
  position: relative;
  display:flex;
  align-items:center;
  height: 58px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: inset 0 8px 22px rgba(0,0,0,.05);
  padding: 0 18px 0 48px;
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease;
}
#vibes-premium-form .vpf-actions{
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

#vibes-premium-form .vpf-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  border:0 !important;
  outline:0 !important;
  cursor:pointer !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  padding:16px 26px !important;
  border-radius:999px !important;
  background: linear-gradient(90deg, #ff2f70, #ff6a3d) !important;
  box-shadow: 0 18px 44px rgba(255,47,112,.25) !important;
}

#vibes-premium-form .vpf-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 56px rgba(255,47,112,.33) !important;
}

#vibes-premium-form .vpf-arrow{
  width:22px !important;
  height:22px !important;
  flex: 0 0 auto;
}

/* ===== HOTFIX: +91 chip always on left & above input ===== */
#vibes-premium-form .vpf-phone{ padding-left: 96px !important; }

#vibes-premium-form .vpf-prefix{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  height: 36px !important;
  min-width: 66px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  display:grid !important;
  place-items:center !important;
  border: 1px solid rgba(0,34,119,.12) !important;
  background: linear-gradient(135deg,#eef4ff,#eefcf7) !important;
  color:#002277 !important;
  font-weight: 900 !important;
}

/* SVG/icon layering */
#vibes-premium-form .vpf-ico{ z-index: 2 !important; }
.vpf-field:focus-within{
  border-color: rgba(255,47,112,.35);
  box-shadow:
    0 0 0 5px rgba(255,47,112,.12),
    inset 0 8px 22px rgba(0,0,0,.05);
}

.vpf-ico{
  position:absolute;
  left: 18px;
  color: rgba(0,34,119,.55);
  font-size: 18px;
  pointer-events:none;
}

/* inputs */
.vpf-field input,
.vpf-select select{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  background: transparent;
  color:#17223f;
  font: 650 15.5px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.vpf-field input::placeholder{ color: rgba(23,34,63,.40); font-weight:600; }

/* phone chip */
.vpf-phone{ padding-left: 96px; }
.vpf-prefix{
  position:absolute;
}

/* ===== BEFORE/AFTER PREMIUM ===== */
.vb-ba{
  padding: 34px 14px 18px;
  background:
    radial-gradient(900px 360px at 12% 10%, rgba(255,191,90,.16), transparent 60%),
    radial-gradient(780px 340px at 88% 30%, rgba(10,165,137,.10), transparent 55%),
    linear-gradient(180deg, #fff6e5, #fffaf2);
}

/* center head + slider */
.vb-ba > .vb-ba__head,
.vb-ba > .vb-baSlider{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px 18px;
}

.vb-ba__head{ text-align:center; margin-bottom: 10px; }
.vb-ba__title{
  margin: 0 0 8px;
  color: #002277;
  font: 900 clamp(22px,3.6vw,36px) "Times New Roman", serif;
}
.vb-ba__line{
  display:block;
  width: 220px;
  height: 7px;
  margin: 0 auto;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd26f, #ff6a3d);
  box-shadow: 0 12px 30px rgba(255,106,61,.18);
}
.vb-ba__sub{
  margin: 10px 0 0;
  color: rgba(0,20,97,.90);
  font-weight: 650;
}

/* slider */
.vb-baSlider{ width:100%; }
.vb-baSlider .swiper-wrapper{ align-items: stretch; }
.vb-baSlider .swiper-slide{ height:auto; }

/* premium card */
.vb-baCard{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 42px rgba(0,0,0,.12);
  transition: transform .25s ease, box-shadow .25s ease;
}
.vb-baCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 56px rgba(0,0,0,.16);
}

/* top gradient edge */
.vb-baCard::before{
  content:"";
  position:absolute;
  inset:0;
  padding: 1px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(0,34,119,.18), rgba(255,47,112,.20), rgba(10,165,137,.16));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

/* media */
.vb-baMedia{
  aspect-ratio: 4/3;
  background: #eef2ff;
  overflow:hidden;
}
.vb-baMedia img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.vb-baCard:hover .vb-baMedia img{ transform: scale(1.06); }

/* tag */
.vb-baTag{
  position:absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 8px 12px;
  border-radius: 999px;
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #001b5e, #003aa6);
  box-shadow: 0 10px 24px rgba(0,34,119,.25);
}

/* arrows */
.vb-baSlider .vb-baPrev,
.vb-baSlider .vb-baNext{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 34px rgba(0,0,0,.14);
  border: 1px solid rgba(0,0,0,.06);
}

.vb-baSlider .vb-baPrev:after,
.vb-baSlider .vb-baNext:after{
  font-size: 18px;
  font-weight: 900;
  color: #002277;
}

/* dots */
.vb-baSlider .vb-baDots{
  position: relative;
  margin-top: 14px;
}
.vb-baSlider .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  background: #002277;
  opacity: .28;
}
.vb-baSlider .swiper-pagination-bullet-active{
  opacity: 1;
  transform: scale(1.2);
}

/* mobile spacing */
@media(max-width: 768px){
  .vb-ba{ padding: 28px 12px 14px; }
  .vb-ba > .vb-ba__head,
  .vb-ba > .vb-baSlider{ padding: 0 10px 14px; }
}

/* ===== REELS (PREMIUM + RENAMED) ===== */
.vb-reels{
  padding: 34px 0 34px;
  background:
    radial-gradient(900px 360px at 12% 10%, rgba(255,191,90,.18), transparent 60%),
    radial-gradient(760px 340px at 88% 30%, rgba(10,165,137,.12), transparent 55%),
    linear-gradient(180deg, #fff7ed 0%, #fff3e5 100%);
}

.vb-reels__wrap{
  width: min(1200px, 92vw);
  margin: 0 auto;
  text-align: center;
}

.vb-reels__head{ margin-bottom: 22px; }

.vb-reels__title{
  font-family: Georgia,"Times New Roman",serif;
  font-weight: 900;
  color: #0a1f6a;
  letter-spacing: .2px;
  font-size: clamp(24px, 3vw, 42px);
  margin: 0 0 6px;
}

.vb-reels__sub{
  color: #001461;
  opacity: .9;
  font-weight: 650;
  font-size: clamp(13px, 1.2vw, 16px);
  margin: 0;
}

/* Grid */
.vb-reels__grid{
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px){
  .vb-reels__grid{ grid-template-columns: repeat(2, 1fr); }
}


/* Card with gradient border ring */
.vb-reel{
  position: relative;
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 44px rgba(10,31,106,.10);
  padding: 12px;
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.vb-reel:hover{
  transform: translateY(-5px);
  box-shadow: 0 22px 56px rgba(10,31,106,.14);
}

/* 9:16 frame */
.vb-reel__frame{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  background: linear-gradient(135deg,#eef2ff,#eefcf7);
  box-shadow: inset 0 0 0 1px rgba(10,31,106,.10);
}

/* subtle shine overlay */
.vb-reel__shine{
  position:absolute;
  inset: -30% -40% auto auto;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%);
  transform: rotate(15deg);
  pointer-events:none;
  opacity: .55;
}

.vb-reel__video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Control button */
.vb-reel__ctl{
  --bg-play: rgba(0,20,97,.92);
  --bg-pause: rgba(255,106,61,.95);

  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;

  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
  background: var(--bg-play);
  color: #fff;

  display: grid;
  place-items: center;
  cursor: pointer;

  box-shadow: 0 14px 28px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  overflow: hidden;
}
.vb-reel__ctl:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0,0,0,.30);
}
.vb-reel__ctl[data-state="paused"]{ background: var(--bg-pause); }

.vb-ico{
  width: 18px;
  height: 18px;
  display: none;
}
.vb-reel__ctl[data-state="playing"] .vb-ico--pause{ display: block; }
.vb-reel__ctl[data-state="paused"]  .vb-ico--play{  display: block; }

/* Ripple */
.vb-ripple{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,255,255,.42), rgba(255,255,255,0) 70%);
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}
.vb-reel__ctl:active .vb-ripple{ animation: vbRipple .5s ease; }

@keyframes vbRipple{
  from{ transform: scale(.25); opacity: .6; }
  to{ transform: scale(1.25); opacity: 0; }
}

/* ===== REVIEWS PREMIUM ===== */
.vb-rev{
  position: relative;
  isolation: isolate;
  padding: 64px 0 26px;
  overflow: hidden;
  background:
    radial-gradient(900px 360px at 12% 10%, rgba(255,191,90,.18), transparent 60%),
    radial-gradient(760px 340px at 88% 30%, rgba(10,165,137,.12), transparent 55%),
    linear-gradient(180deg,#fff7ea 0%, #fffaf0 60%, #fff7ea 100%);
}

.vb-rev__container{
  width: min(1200px, 92vw);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* head */
.vb-rev__head{
  text-align: center;
  margin-bottom: 26px;
}

.vb-rev__title{
  margin: 0 0 10px;
  color: #002277;
  font: 900 clamp(26px, 3.2vw, 46px) "Times New Roman", serif;
  letter-spacing: .01em;
}

.vb-rev__line{
  display:block;
  width: 240px;
  height: 7px;
  margin: 0 auto;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd26f, #ff6a3d);
  box-shadow: 0 12px 30px rgba(255,106,61,.16);
}

.vb-rev__sub{
  margin: 12px 0 0;
  color: rgba(0,20,97,.88);
  font-weight: 650;
  font-size: clamp(14px, 1.3vw, 18px);
}

/* slider spacing */
.vb-revSlider{ padding: 10px 8px 54px; }

/* card */
.vb-revCard{
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 20px;
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 46px rgba(10,31,106,.10);
  position: relative;
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease;
}

.vb-revCard::before{
  content:"";
  position:absolute;
  inset:0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(0,34,119,.16), rgba(255,47,112,.18), rgba(10,165,137,.14));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

.vb-revCard::after{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle at 30% 30%, rgba(0,34,119,.10), transparent 60%);
  pointer-events:none;
}

.vb-revCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 58px rgba(10,31,106,.14);
}

/* top row */
.vb-revTop{
  display:flex;
  align-items:center;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.vb-revAvatar{
  position: relative;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
}

.vb-revAvatar img{
  width:100%;
  height:100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  display:block;
}

.vb-revG{
  position:absolute;
  right: -6px;
  bottom: -6px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display:grid;
  place-items:center;
  font-weight: 900;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background:#fff;
  color:#1a73e8;
  border: 2px solid #f2f2f2;
  box-shadow: 0 10px 18px rgba(26,115,232,.18);
}

.vb-revMeta{ line-height: 1.15; }
.vb-revName{
  margin:0;
  color:#002277;
  font-size: 18px;
  font-weight: 850;
}
.vb-revTime{
  margin-top: 6px;
  color:#6f7fa6;
  font-size: 13px;
  font-weight: 650;
}

/* stars */
.vb-revStars{
  display:flex;
  align-items:center;
  gap:4px;
  position: relative;
  z-index: 1;
}

.vb-revStars i{
  width:18px;height:18px; display:inline-block;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') no-repeat center / contain;
  background: #f6c34a;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.15));
}

.vb-revVerified{
  width:18px;height:18px;margin-left:6px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2l3.09 3.09L18.18 2 21 4.82l-3.09 3.09L21 11l-2.82 2.82-3.09-3.09L12 21l-3.09-10.27-3.09 3.09L3 11l3.09-3.09L3 4.82 5.82 2l3.09 3.09L12 2zm-1.41 12.59L16.17 9l-1.41-1.41-4.17 4.17-1.59-1.59L7.59 11l3 3z"/></svg>') no-repeat center/contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2l3.09 3.09L18.18 2 21 4.82l-3.09 3.09L21 11l-2.82 2.82-3.09-3.09L12 21l-3.09-10.27-3.09 3.09L3 11l3.09-3.09L3 4.82 5.82 2l3.09 3.09L12 2zm-1.41 12.59L16.17 9l-1.41-1.41-4.17 4.17-1.59-1.59L7.59 11l3 3z"/></svg>') no-repeat center/contain;
  background: #3fb67a;
}

/* text */
.vb-revText{
  margin: 6px 0 0;
  color:#001461;
  line-height: 1.65;
  font-size: 15.5px;
  position: relative;
  z-index: 1;
}

/* arrows */
.vb-revNav .vb-revPrev,
.vb-revNav .vb-revNext{
width: 12px;
    height: 7px;
  border-radius:50%;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
}
.vb-revNav .vb-revPrev:after,
.vb-revNav .vb-revNext:after{
  font-size: 18px;
  font-weight: 900;
  color: #002277;
}

/* dots */
.vb-revDots{ margin-top: 6px; }
.vb-revDots .swiper-pagination-bullet{
  background:#d4dbee;
  opacity: 1;
  width: 8px;
  height: 8px;
}
.vb-revDots .swiper-pagination-bullet-active{
  background:#002277;
  width: 18px;
  border-radius: 10px;
}

/* CTA */
.vb-revCta{
  margin-top: 10px;
  text-align: center;
}
.vb-revBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 14px 18px;
  border-radius: 999px;
  color:#fff;
  text-decoration:none;
  font-weight: 900;
  background: linear-gradient(90deg,#001b5e,#003aa6);
  box-shadow: 0 18px 46px rgba(0,34,119,.20);
  transition: transform .18s ease, box-shadow .18s ease;
}
.vb-revBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 56px rgba(0,34,119,.26);
}

@media(max-width:768px){
  .vb-rev{ padding: 34px 0 20px; }
  .vb-revCard{ padding: 20px 18px; }
  .vb-revText{ font-size: 15px; }
}



/* ===== ABOUT (PREMIUM) ===== */
.vb-about{
  padding: 58px 0;
  background:
    radial-gradient(900px 360px at 12% 10%, rgba(255,191,90,.18), transparent 60%),
    radial-gradient(760px 340px at 88% 30%, rgba(10,165,137,.12), transparent 55%),
    #ffffff;
}

.vb-about__wrap{
  width: min(1200px, 92vw);
  margin: 0 auto;
}

.vb-about__head{
  text-align: center;
  margin-bottom: 26px;
}

.vb-about__kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #1e3a8a;
  background: rgba(30,58,138,.08);
  border: 1px solid rgba(30,58,138,.10);
  padding: 8px 12px;
  border-radius: 999px;
}

.vb-about__title{
  margin: 12px 0 8px;
  color: #0a2156;
  font: 900 clamp(24px, 3.6vw, 42px) "Times New Roman", serif;
  line-height: 1.15;
}

.vb-about__desc{
  margin: 0;
  color: rgba(0,20,97,.82);
  font-weight: 650;
  font-size: clamp(14px, 1.3vw, 18px);
}

/* layout */
.vb-about__grid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: center;
}

/* media */
.vb-about__media{ position: relative; }

.vb-about__frame{
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  padding: 6px;
  background: linear-gradient(135deg, rgba(255,210,111,.95), rgba(255,106,61,.92), rgba(10,165,137,.72));
  box-shadow: 0 22px 50px rgba(10,33,86,.16);
}

.vb-about__frame img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
  background: #fff;
}

/* soft glow */
.vb-about__glow{
  position: absolute;
  inset: auto -80px -120px auto;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle at 30% 30%, rgba(0,34,119,.18), transparent 62%);
  pointer-events: none;
  opacity: .7;
}

/* copy card */
.vb-about__card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  padding: 26px;
  box-shadow: 0 18px 46px rgba(16,24,40,.08);
  position: relative;
  overflow: hidden;
}

.vb-about__card::before{
  content:"";
  position:absolute;
  inset:0;
  padding: 1px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(0,34,119,.16), rgba(255,47,112,.16), rgba(10,165,137,.12));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

.vb-about__lead{
  margin: 0 0 16px;
  color: #001461;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 600;
}

/* list */
.vb-about__list{
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: grid;
  gap: 12px;
}

.vb-about__list li{
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
  color: #001461;
  font-size: 15px;
  line-height: 1.5;
}

.vb-about__icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #eef4ff, #eefcf7);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 16px rgba(0,0,0,.06);
  color: #1e3a8a;
}

/* stats */
.vb-about__stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 16px;
}

.vb-stat{
 background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
  border: 1px solid rgba(30,58,138,.14);
  border-radius: 16px;
  padding: 14px 10px;
  text-align: center;
}

.vb-stat__num{
  font-weight: 950;
  font-size: 20px;
  color: #0a2156;
}

.vb-stat__label{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(87,98,123,.95);
  font-weight: 650;
}

/* CTA */
.vb-about__cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(90deg, #001b5e, #003aa6);
  box-shadow: 0 18px 46px rgba(0,34,119,.22);
  transition: transform .18s ease, box-shadow .18s ease;
}

.vb-about__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 56px rgba(0,34,119,.26);
}

.vb-about__note{
  margin: 10px 0 0;
  color: rgba(0,20,97,.70);
  font-size: 12.5px;
  font-weight: 650;
}

/* responsive */
@media (max-width: 900px){
  .vb-about{ padding: 40px 0; }
  .vb-about__grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  /* Mobile order: heading -> image -> card */
  .vb-about__media{ order: 2; }
  .vb-about__card{ order: 3; }
}

@media (max-width: 520px){
  .vb-about__stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vb-about__stats .vb-stat:last-child{
    grid-column: 1 / -1;     /* full width */
  }

  /* ✅ Button center on mobile */
  .vb-about__cta{
    display: inline-flex;
    margin: 0 auto;
  }

  /* optional: note also center */
  .vb-about__note{
    text-align: center;
  }
}
/* ===== WHY CHOOSE (RENAMED + PREMIUM) ===== */
.vb-why{
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(255,191,90,.18), transparent 60%),
    radial-gradient(820px 420px at 90% 20%, rgba(10,165,137,.12), transparent 55%),
    linear-gradient(180deg,#fff7ea 0%, #fffaf2 55%, #fff7ea 100%);
  padding: 56px 0 54px;
}

.vb-why__wrap{
  width: min(1180px, 92vw);
  margin: 0 auto;
}

/* Head */
.vb-why__head{
  text-align: center;
  margin-bottom: 22px;
}

.vb-why__title{
  margin: 0;
  font: 900 clamp(22px, 3.2vw, 44px) "Times New Roman", serif;
  color: #0a2156;
  letter-spacing: .2px;
}

.vb-why__line{
  display:inline-block;
  width: 170px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd26f, #ffa26f);
  margin-top: 12px;
  position: relative;
  overflow: hidden;
}
.vb-why__line::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
  transform: translateX(-120%);
  animation: vbLineSweep 2.6s linear infinite;
}
@keyframes vbLineSweep{
  0%{transform: translateX(-120%);}
  55%{transform: translateX(30%);}
  100%{transform: translateX(140%);}
}

/* Chips */
.vb-why__chips{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.vb-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 24px rgba(10,33,86,.06);
  color: #001461;
  font-weight: 800;
  font-size: 13px;
}
.vb-chip i{ color:#1e3a8a; }

/* Grid */
.vb-why__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 18px;
}

/* Cards */
.vb-whyCard{
  position: relative;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 22px;
  padding: 22px 20px;
  box-shadow: 0 16px 46px rgba(10,33,86,.08);
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.vb-whyCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 58px rgba(10,33,86,.12);
  border-color: rgba(0,0,0,.10);
}

/* Accent strip (new design touch) */
.vb-whyCard::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 6px;
  border-radius: 22px 0 0 22px;
  background: rgba(0,0,0,.08);
  opacity:.9;
}

/* Icon */
.vb-whyCard__icon{
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  font-size: 28px;
  margin: 2px 0 12px;
  color: #fff;
  box-shadow: 0 16px 36px rgba(10,33,86,.16);
}

/* Text */
.vb-whyCard__heading{
  margin: 0 0 8px;
  color: #0a2156;
  font-weight: 950;
  letter-spacing: .2px;
  font-size: 18px;
}
.vb-whyCard__text{
  margin: 0;
  color: rgba(0,20,97,.88);
  font-weight: 650;
  line-height: 1.65;
  font-size: 15px;
}

/* Themes */
.vb-whyCard--blue::before{ background: linear-gradient(180deg,#0b2a8a,#1f6cff); }
.vb-whyCard--blue .vb-whyCard__icon{ background: linear-gradient(135deg,#0b2a8a,#1f6cff); }

.vb-whyCard--pink::before{ background: linear-gradient(180deg,#ff2f70,#ff7a3d); }
.vb-whyCard--pink .vb-whyCard__icon{ background: linear-gradient(135deg,#ff2f70,#ff7a3d); }

.vb-whyCard--purple::before{ background: linear-gradient(180deg,#6b4bff,#b74bff); }
.vb-whyCard--purple .vb-whyCard__icon{ background: linear-gradient(135deg,#6b4bff,#b74bff); }

.vb-whyCard--amber::before{ background: linear-gradient(180deg,#ffd26f,#ff9f3d); }
.vb-whyCard--amber .vb-whyCard__icon{ background: linear-gradient(135deg,#ffd26f,#ff9f3d); color:#572b00; }

.vb-whyCard--green::before{ background: linear-gradient(180deg,#1ed39b,#0aa589); }
.vb-whyCard--green .vb-whyCard__icon{ background: linear-gradient(135deg,#1ed39b,#0aa589); color:#053b2f; }

/* Media tile */
.vb-whyMedia{
  margin: 0;
  border-radius: 22px;
  overflow:hidden;
  position: relative;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 55px rgba(10,33,86,.10);
  background: #fff;
}
.vb-whyMedia__img{
  width: 100%;
  height: 100%;
  display:block;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .45s ease;
}
.vb-whyMedia:hover .vb-whyMedia__img{ transform: scale(1.06); }

.vb-whyMedia__cap{
  position:absolute;
  left: 14px;
  bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(0,0,0,.06);
  font-weight: 900;
  color:#001461;
  font-size: 13px;
}

/* CTA */
.vb-why__ctaRow{
  text-align:center;
  margin-top: 22px;
}
.vb-why__ctaBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration:none;
  color:#fff;
  font-weight: 950;
  background: linear-gradient(90deg,#001b5e,#003aa6);
  box-shadow: 0 18px 46px rgba(0,34,119,.22);
  transition: transform .18s ease, box-shadow .18s ease;
}
.vb-why__ctaBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 56px rgba(0,34,119,.26);
}
.vb-why__ctaNote{
  margin: 10px 0 0;
  color: rgba(0,20,97,.72);
  font-weight: 650;
  font-size: 13px;
}

/* Responsive */
@media (max-width: 1024px){
  .vb-why__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px){
  .vb-why{ padding: 28px 0 26px; }
  .vb-why__grid{ grid-template-columns: 1fr; gap: 14px; }
  .vb-whyMedia{ display:none; }
  .vb-whyCard__icon{ width: 58px; height:58px; font-size: 26px; }
}

/* ===== PROGRAMS (RENAMED + PREMIUM) ===== */
.vb-programs{
  position:relative;
  isolation:isolate;
  padding: 46px 0 46px;
  overflow:hidden;
  color:#eaf1ff;
}

.vb-programs__bg{
  position:absolute; inset:0;
  background:
    radial-gradient(1100px 700px at 18% -10%, rgba(255,191,90,.22), transparent 60%),
    radial-gradient(900px 600px at 92% 10%, rgba(10,165,137,.20), transparent 55%),
    linear-gradient(180deg, rgba(8,14,34,.92), rgba(8,14,34,.86));
  z-index:-1;
}

.vb-programs__wrap{
  width:min(1200px, 92vw);
  margin:0 auto;
}

/* Head */
.vb-programs__head{
  text-align:center;
  margin-bottom: 26px;
}

.vb-programs__title{
  margin:0 0 10px;
  font: 900 clamp(24px,3.1vw,44px) "Times New Roman", serif;
  color:#fff;
  letter-spacing:.2px;
  text-shadow:0 14px 40px rgba(0,0,0,.35);
}

.vb-programs__line{
  display:inline-block;
  width: 180px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg,#ffd26f,#ffa26f);
  position:relative;
  overflow:hidden;
}
.vb-programs__line::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);
  transform: translateX(-120%);
  animation: vbProgSweep 2.8s linear infinite;
}
@keyframes vbProgSweep{
  0%{transform: translateX(-120%);}
  55%{transform: translateX(20%);}
  100%{transform: translateX(140%);}
}

.vb-programs__quote{
  margin: 12px 0 10px;
  color:#ffe4cf;
  font-weight:800;
  font-size: clamp(14px, 1.25vw, 18px);
  opacity:.95;
}
.vb-programs__emoji{
  margin-right:6px;
  filter: drop-shadow(0 10px 26px rgba(255,189,123,.35));
}

.vb-programs__sub{
  margin: 0 auto;
  max-width: 920px;
  color: rgba(215,226,255,.92);
  font-weight:650;
  font-size: clamp(13px,1.15vw,17px);
  line-height:1.6;
}

/* Grid */
.vb-programs__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  margin-top: 26px;
}

/* Card */
.vb-progCard{
  position:relative;
  border-radius: 20px;
  overflow:hidden;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 54px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.vb-progCard:hover{
  transform: translateY(-6px);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 26px 70px rgba(0,0,0,.45);
}

/* Accent top line */
.vb-progCard::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:4px;
  background: linear-gradient(90deg, #ff2f70, #ffa26f, #1ed39b);
  opacity:.95;
}

/* Media */
.vb-progCard__media{
  padding: 14px 14px 0;
}
.vb-progCard__media img{
  width:100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 14px;
  display:block;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 30px rgba(0,0,0,.30);
  transform: scale(1);
  transition: transform .55s ease;
}
.vb-progCard:hover .vb-progCard__media img{
  transform: scale(1.05);
}

/* Body */
.vb-progCard__body{
  padding: 16px 16px 18px;
}
.vb-progCard__title{
  margin: 2px 0 10px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 16px;
  font-weight: 950;
  color:#fff;
  letter-spacing:.2px;
  text-shadow:0 10px 26px rgba(0,0,0,.35);
}
.vb-progCard__icon{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  flex: 0 0 auto;
}
.vb-progCard__icon i{ color:#bfe0ff; }

.vb-progCard__text{
  margin:0;
  color: rgba(230,237,255,.92);
  font-weight:650;
  font-size: 14px;
  line-height: 1.65;
}

/* Theme tint per card */
.vb-progCard--ice .vb-progCard__icon i{ color:#9fd4ff; }
.vb-progCard--laser .vb-progCard__icon i{ color:#ffd2e3; }
.vb-progCard--tone .vb-progCard__icon i{ color:#c9ffe9; }
.vb-progCard--coach .vb-progCard__icon i{ color:#ffe8b8; }

/* Footer */
.vb-programs__footer{
  text-align:center;
  margin-top: 18px;
}

.vb-programs__note{
  margin: 14px 0 14px;
  color:#ffe6d1;
  font-size: clamp(14px, 1.15vw, 17px);
}

/* CTA */
.vb-programs__cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.vb-programs__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 14px 22px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: linear-gradient(90deg, #ff2f70, #ff7a3d);
  box-shadow: 0 18px 46px rgba(255,95,80,.35), inset 0 0 0 1px rgba(255,255,255,.14);
  transition: transform .18s ease, box-shadow .18s ease;
  position:relative;
  overflow:hidden;
}
.vb-programs__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 54px rgba(255,95,80,.44);
}
.vb-programs__btn::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100%);
  transform: translateX(-140%);
  transition: transform .7s ease;
}
.vb-programs__btn:hover::after{ transform: translateX(140%); }

.vb-programs__chev{
  font-size: 20px;
  transform: translateY(1px);
}

.vb-programs__fine{
  margin:0;
  color: rgba(215,226,255,.78);
  font-weight:650;
  font-size: 13px;
}

/* Responsive */
@media (max-width: 1100px){
  .vb-programs__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .vb-programs{ padding: 28px 0 28px; }
  .vb-programs__grid{ grid-template-columns: 1fr; gap: 14px; }
  .vb-programs__btn{ width: 100%; justify-content:center; }
}


/* shared container */
.vb-shell{
  width:min(1200px,92vw);
  margin:0 auto;
}

/* shared headings */
.vb-head{ text-align:center; margin-bottom:24px; }
.vb-head--tight{ margin-bottom:18px; }
.vb-h2{
  margin:0 0 10px;
  font: 900 clamp(22px,3.1vw,40px) "Times New Roman", serif;
  color: var(--vb-navy);
  letter-spacing:.2px;
}
.vb-h3{
  margin:0 0 16px;
  font: 900 clamp(18px,2.2vw,28px) "Times New Roman", serif;
  color: var(--vb-navy);
  text-align:center;
}
.vb-sub{
  margin:0 auto;
  max-width:900px;
  font-weight:650;
  color: rgba(0,20,97,.88);
  font-size: clamp(13px,1.15vw,16px);
  line-height:1.6;
}
.vb-line{
  display:inline-block;
  width:160px; height:6px;
  border-radius:999px;
  background: linear-gradient(90deg,#ffb07a,#ff6f3c);
  margin-top:12px;
  position:relative;
  overflow:hidden;
}
.vb-line::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
  transform: translateX(-120%);
  animation: vbLineSweep 2.6s linear infinite;
}
@keyframes vbLineSweep{
  0%{ transform: translateX(-120%); }
  55%{ transform: translateX(20%); }
  100%{ transform: translateX(140%); }
}

/* ================= TEAM ================= */
.vb-teamBlock{
  background: linear-gradient(180deg, #ffffff 0%, var(--vb-cream) 100%);
  padding: 34px 0 26px;
}
.vb-teamGrid{
  display:grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
  gap:28px;
  align-items:center;
}

/* copy card */
.vb-teamCard{
  background: var(--vb-card);
  border:1px solid rgba(0,20,97,.10);
  border-radius: 18px;
  padding: 22px 22px;
  box-shadow: var(--vb-shadow);
}
.vb-badges{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.vb-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f4f6ff;
  border:1px solid #d6dcf4;
  color: var(--vb-navy);
  font-weight:800;
  font-size: 13px;
}
.vb-lead{
  margin: 8px 0 12px;
  color: rgba(0,20,97,.92);
  line-height:1.75;
  font-size: 15.5px;
}
.vb-points{ margin:0; padding:0; display:grid; gap:10px; }
.vb-points li{
  list-style:none;
  display:grid;
  grid-template-columns: 28px 1fr;
  gap:10px;
  align-items:start;
  color: var(--vb-navy);
  font-weight:650;
  line-height:1.6;
}
.vb-tick{
  width:24px; height:24px;
  border-radius: 10px;
  display:grid; place-items:center;
  background: rgba(0,20,97,.08);
  border:1px solid rgba(0,20,97,.12);
  color: var(--vb-navy);
}

/* photo frame */
.vb-teamMedia{ position:relative; margin:0; }
.vb-frame{
  position:relative;
  border-radius: 20px;
  padding: 3px;
  background: linear-gradient(90deg, #1b2c80, #30b2c9, #ff8a54);
  box-shadow: var(--vb-shadow2);
}
.vb-frame img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 18px;
}
.vb-strip{
  position:absolute;
  left:14px; right:14px; bottom:14px;
  background: rgba(0,20,97,.82);
  color:#fff;
  padding: 10px 12px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  font-size: 13px;
  backdrop-filter: blur(6px);
}
.vb-dot{
  width:8px; height:8px;
  border-radius:50%;
  background: var(--vb-orange);
}

/* buttons */
.vb-ctaRow{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.vb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 16px;
  border-radius: 999px;
  font-weight:900;
  text-decoration:none;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.vb-btn--primary{
  background: var(--vb-navy);
  color:#fff;
  box-shadow: 0 10px 22px rgba(0,20,97,.20);
}
.vb-btn--primary:hover{ background: var(--vb-orange); transform: translateY(-1px); }
.vb-btn--ghost{
  background:#fff;
  color: var(--vb-navy);
  border: 2px solid rgba(0,20,97,.22);
}
.vb-btn--ghost:hover{ background: var(--vb-navy); color:#fff; transform: translateY(-1px); }

/* ================= TRUST ================= */
.vb-trustBand{
  padding: 22px 0 14px;
  background: #fff;
}
.vb-trustGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.vb-trustCard{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,20,97,.10);
  border-radius: 18px;
  padding: 22px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: var(--vb-shadow);
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease;
}
.vb-trustCard:hover{ transform: translateY(-4px); box-shadow: var(--vb-shadow2); }
.vb-topbar{
  position:absolute;
  top:0; left:0; right:0;

  background: linear-gradient(90deg, #1b2c80, #30b2c9, #ff8a54);
}
.vb-trustCard img{
  width: min(270px, 25%);
  height:auto;
  object-fit:contain;
  filter:saturate(.95) contrast(1.02);
}

/* ================= FAQ ================= */
.vb-faqBlock{
  background: linear-gradient(180deg, var(--vb-cream) 0%, #ffffff 100%);
  padding: 26px 0 32px;
}
.vb-faqGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin-top: 18px;
}
.vb-faqItem{
  background:#fff;
  border:1px solid rgba(0,20,97,.10);
  border-radius: 16px;
  box-shadow: var(--vb-shadow);
  overflow:hidden;
}
.vb-q{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 14px;
  font-weight:900;
  color: var(--vb-navy);
}
.vb-q::-webkit-details-marker{ display:none; }
.vb-q span:first-child{ display:flex; align-items:center; gap:10px; }
.vb-q i{ color: var(--vb-orange); }
.vb-caret{
  width:36px; height:36px;
  border-radius: 12px;
  background: rgba(0,20,97,.06);
  border: 1px solid rgba(0,20,97,.10);
  position:relative;
  flex:0 0 auto;
}
.vb-caret::before, .vb-caret::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:14px; height:2px;
  background: var(--vb-navy);
  transform: translate(-50%,-50%);
  border-radius:2px;
}
.vb-caret::after{
  transform: translate(-50%,-50%) rotate(90deg);
  transition: transform .18s ease;
}
.vb-faqItem[open] .vb-caret::after{
  transform: translate(-50%,-50%) rotate(0deg);
}
.vb-a{
  padding: 0 14px 14px;
  color: rgba(0,20,97,.90);
  line-height:1.7;
  font-weight:650;
}
.vb-list{ margin:10px 0 0 18px; }
.vb-list li{ margin: 6px 0; }

.vb-faqCta{
  margin-top: 16px;
  display:flex;
  justify-content:center;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px){
  .vb-teamGrid{ grid-template-columns: 1fr; }
  /* mobile order: image first then copy */
  .vb-teamMedia{ order:1; }
  .vb-teamCard{ order:2; }
  .vb-trustCard img{
  width: min(270px, 78%);
  height:auto;
  object-fit:contain;
  filter:saturate(.95) contrast(1.02);
}

}
@media (max-width: 640px){
  .vb-ctaRow .vb-btn{ width:100%; }
  .vb-trustGrid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .vb-faqGrid{ grid-template-columns: 1fr; }
}




.trust-strip{
       /* your existing pale background family */
  padding:40px 0 4px!important;
}
.trust-wrap{ width:min(1200px,92vw); margin:0 auto; }

.trust-heading{
  font-family: Georgia, "Times New Roman", serif;
  color:#01206d;
  text-align:center;
  font-weight:800;
  letter-spacing:.2px;
  font-size:clamp(18px,2vw,28px);
  margin:0 0 26px;
}

/* GRID */
.trust-grid{
  display:grid;
  gap:24px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width:990px){
  .trust-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:560px){
  .trust-grid{ grid-template-columns: 1fr; }
}

/* TILE */
.trust-card{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  height:120px;
  padding:24px 28px;
  background:var(--tile);
  border-radius:var(--radius);
  border:1px solid var(--ring);
  box-shadow:var(--shadow);
  overflow:hidden;
  text-decoration:none;
  transform: translateZ(0);
  transition:
    transform .45s cubic-bezier(.2,.6,.2,1),
    box-shadow .45s ease,
    border-color .45s ease;
  will-change: transform;
}
.trust-card::before{
  /* subtle bevel / glass stripe */
  content:"";
  position:absolute; inset:-1px -1px auto -1px; height:4px;
  background:linear-gradient(90deg, var(--glow1), var(--glow2));
  opacity:.9;
}
.trust-card:hover{
  transform: translateY(-6px) rotate3d(1,1,0,7deg);
  box-shadow:0 18px 46px rgba(9,21,61,.18);
  border-color:#dfe8ff;
}

/* soft bottom glow */
.trust-glow{
  position:absolute; inset:auto -10% -35% -10%; height:70%;
  background:radial-gradient(60% 60% at 50% 0%, rgba(46,108,240,.18), transparent 70%);
  pointer-events:none;
}

/* LOGO */
.trust-card img{
  max-height:66px;
  width:auto;
  display:block;
  filter: grayscale(1) contrast(1.05) saturate(.85);
  opacity:.9;
  transform: translateZ(0) scale(1);
  transition: filter .35s ease, opacity .35s ease, transform .6s cubic-bezier(.2,.6,.2,1);
}
.trust-card:hover img{
  filter: grayscale(0) contrast(1.05) saturate(1.2);
  opacity:1;
  transform: scale(1.06);
}

/* Optional: very light floating animation when idle */
@media (prefers-reduced-motion: no-preference){
  .trust-card{ animation: floaty 6s ease-in-out infinite; }
  .trust-card:nth-child(2){ animation-delay:.6s; }
  .trust-card:nth-child(3){ animation-delay:1.2s; }
}
@keyframes floaty{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-4px); }
}

.vbFoot{
  position:relative;
  background:
    radial-gradient(1600px 700px at 70% -30%, #0e1a6b 0%, #06123c 40%, #040b23 100%);
  color:#fff;
  overflow:hidden;
}

/* soft top shine */
.vbFoot::before{
  content:"";
  position:absolute; left:0; right:0; top:-1px; height:44px;
  background: radial-gradient(120% 140% at 50% 0%, rgba(255,255,255,.14), rgba(255,255,255,0) 52%);
  opacity:.28;
  pointer-events:none;
}

/* subtle grain */
.vbFoot::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3Ccircle cx='80' cy='40' r='1'/%3E%3Ccircle cx='12' cy='100' r='1'/%3E%3Ccircle cx='100' cy='120' r='1'/%3E%3Ccircle cx='50' cy='60' r='1'/%3E%3C/g%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}

.vbFoot-in{
  width:min(1180px,92vw);
  margin:0 auto;
  padding:46px 16px 26px;
  position:relative;
  z-index:2;
}

.vbFoot-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.2fr;
  gap:32px;
  align-items:start;
}

/* Brand block */
.vbFoot-brandRow{display:flex; align-items:center; gap:14px; margin-bottom:12px;}
.vbFoot-logoBox{
  width:74px; height:58px;
  display:grid; place-items:center;
  border-radius:16px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 30px rgba(0,0,0,.25);
}
.vbFoot-logoBox img{
  width:52px; height:auto; display:block;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));
}

.vbFoot-brandName{font-size:22px; font-weight:800; letter-spacing:.3px;}
.vbFoot-brandTag{color:#ffffff; opacity:.92; font-size:15px; line-height:1.45;}

/* Headings */
.vbFoot-hd{font-weight:800; font-size:18px; margin-bottom:12px; letter-spacing:.2px;}

/* Lists */
.vbFoot-list{list-style:none; padding:0; margin:0;}
.vbFoot-list li{ margin:9px 0; padding-left:14px; position:relative; }
.vbFoot-list li::before{
  content:""; position:absolute; left:0; top:.65em;
  width:6px; height:6px; border-radius:50%;
  background:linear-gradient(135deg,#95b6ff,#58e1cf);
  box-shadow:0 0 0 3px rgba(255,255,255,.04);
}
.vbFoot-list a{
  color:rgba(235,242,255,.92);
  text-decoration:none;
  display:inline-block;
  position:relative;
}
.vbFoot-list a::after{
  content:""; position:absolute; left:0; right:100%; bottom:-3px; height:1px;
  background:rgba(255,255,255,.9);
  transition:right .35s ease;
}
.vbFoot-list a:hover{ color:#fff; }
.vbFoot-list a:hover::after{ right:0; }

/* Contact lines */
.vbFoot-line{
  display:flex; gap:10px; align-items:flex-start;
  margin:10px 0; color:rgba(235,242,255,.88);
}
.vbFoot-line i{ width:18px; text-align:center; color:#9db2ff; margin-top:2px; }
.vbFoot-line a{ color:rgba(235,242,255,.92); text-decoration:underline; }
.vbFoot-line span{ color:rgba(235,242,255,.88); }

/* CTA pills */
.vbFoot-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:12px;}
.vbFoot-pill{
  display:inline-flex; align-items:center; gap:10px;
  border-radius:999px; padding:11px 18px;
  font-weight:800; text-decoration:none;
  position:relative; overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  box-shadow:0 10px 22px rgba(0,0,0,.20);
}
.vbFoot-pill::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0) 40%);
  transform:translateX(-140%);
}
.vbFoot-pill:hover{ transform:translateY(-2px); }
.vbFoot-pill:hover::after{ transform:translateX(0); transition:transform .7s ease; }

.vbFoot-pill--call{ background:#ff5246; color:#fff; }
.vbFoot-pill--call:hover{ filter:brightness(1.05); }

.vbFoot-pill--wa{ background:#21a366; color:#fff; }
.vbFoot-pill--wa:hover{ filter:brightness(1.05); }

/* Bottom bar */
.vbFoot-bar{
  margin-top:28px;
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:rgba(201,214,255,.92);
  font-size:14px;
  position:relative;
}
.vbFoot-bar::before{
  content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
}
.vbFoot-links a{ color:rgba(201,214,255,.95); text-decoration:underline; }
.vbFoot-links a:hover{ color:#fff; }
.vbFoot-sep{ opacity:.55; margin:0 8px; }

/* Responsive */
@media (max-width:1024px){
  .vbFoot-grid{ grid-template-columns:1.6fr 1fr 1fr; }
  .vbFoot-brand{ grid-column:1 / -1; }
}
@media (max-width:768px){
  .vbFoot-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .vbFoot-grid{ grid-template-columns:1fr; }
  .vbFoot-pill{ width:100%; justify-content:center; }
  .vbFoot-bar{ justify-content:center; text-align:center; }
}


  .vibes-faq{background:var(--v-cream);padding:    padding: 27px 8px;}
  .faq-wrap{max-width:1200px;margin:0 auto}

  .faq-head{text-align:center;margin-bottom:26px}
  .faq-title{font-family:"Times New Roman",serif;color:var(--v-navy);font-size:36px;line-height:1.2;margin:0}
  .faq-sub{color:#001461;margin:10px 0 14px}
  .faq-underline{display:block;width:120px;height:6px;margin:0 auto;border-radius:999px;background:
    linear-gradient(90deg,transparent 0,#ffcfb5 20%,#ff9d73 50%,#ffcfb5 80%,transparent 100%);}

  /* Layout */
  .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
  .faq-col{display:flex;flex-direction:column;gap:12px}

  /* Card/Item */
  .faq-item{
    background:#fff;border:1px solid var(--v-line);border-radius:18px;overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,.06);transition:box-shadow .25s, transform .25s
  }
  .faq-item[open]{box-shadow:0 12px 26px rgba(0,0,0,.10)}
  .faq-item summary{
    list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
    cursor:pointer;padding:16px 18px
  }
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item .q{display:flex;align-items:center;gap:10px;color:var(--v-navy);font-weight:800}
  .faq-item .q i{color:var(--v-navy-2)}
  .faq-item .caret{
    width:28px;height:28px;flex:0 0 28px;border-radius:50%;
    background:var(--v-grad);position:relative;box-shadow:0 4px 10px rgba(0,0,0,.15)
  }
  .faq-item .caret::after{
    content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);
  }
  .faq-item[open] .caret{transform:rotate(180deg)}

  .faq-item .a{
    padding:0 18px 18px;color:var(--v-ink);line-height:1.6;animation:faqSlide .28s ease
  }
  .faq-list{margin:8px 0 0 16px}
  .faq-list li{margin:6px 0}

  /* CTA */
  .faq-cta{display:flex;justify-content:center;margin-top:22px}
  .faq-btn{
    display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;
    background:var(--v-grad);color:#fff;text-decoration:none;font-weight:800;
    box-shadow:0 8px 18px rgba(255,111,60,.35);transition:transform .2s, filter .2s
  }
  .faq-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}

  /* Animation */
  @keyframes faqSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

  /* Responsive */
  @media (max-width:960px){
    .faq-grid{grid-template-columns:1fr}
    .faq-title{font-size:30px}
  }
  @media (max-width:520px){
    .faq-title{font-size:26px}
    .faq-item summary{padding:14px}
    .faq-item .a{padding:0 14px 14px}
  }

:root{
  --sc-bg: linear-gradient(90deg, #001461, #03207a);
  --sc-accent: #ff6f3c;
  --sc-glow: #ff956b;
  --sc-text: #ffffff;
}

/* ===========================
   One-Row Sticky Footer
=========================== */
.sticky-offer{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9999;
  background: var(--sc-bg);
  color: var(--sc-text);
  padding: 10px 0;
  box-shadow: 0 -5px 15px rgba(0,0,0,.25);
  font-family:"Times New Roman", serif;
}

.so-container{
  width:min(1100px,95vw);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

/* Timer */
.so-timer{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:clamp(14px,2vw,18px);
  background: rgba(255,255,255,.08);
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  padding:8px 14px;
  white-space:nowrap;
}
.so-timer i{ color: var(--sc-accent); }
.so-label{ font-size:13px; color:#d0dcff; font-weight:700; }

/* Button */
.so-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background: linear-gradient(90deg, var(--sc-accent), var(--sc-glow));
  color:#fff;
  text-decoration:none;
  padding:12px 22px;
  border-radius:999px;
  font-weight:900;
  font-size:clamp(14px,2vw,18px);
  letter-spacing:.2px;
  box-shadow:0 8px 20px rgba(255,111,60,.35);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  white-space:nowrap;
}
.so-btn:hover{
  transform: translateY(-2px);
  box-shadow:0 12px 26px rgba(255,111,60,.55);
  filter:saturate(1.05);
}
.so-btn i{ font-size:18px; }

/* Mobile: still one-row */
@media (max-width:600px){
  .so-container{ gap:10px; }
  .so-timer{ padding:6px 10px; }
  .so-btn{ padding:10px 14px; }
  .so-btn span{ font-size:15px; }
}

/* ===========================
   Center CTA Button (fix)
=========================== */
.cta-center{
  text-align:center !important;
  margin:40px 20px;
}

.blue-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background: linear-gradient(90deg, #001461, #012b9a);
  color:#fff;
  text-decoration:none;
  font-family:"Times New Roman", serif;
  font-weight:800;
  font-size:18px;
  padding:12px 32px;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(0,20,97,.30);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.blue-btn i{ font-size:18px; }

.blue-btn:hover{
  transform: translateY(-3px);
  box-shadow:0 12px 26px rgba(0,20,97,.45);
  filter:saturate(1.05);
}
/* Main Thank You Section */
.thankyou-section{
  position:relative;
  min-height:80vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  flex-direction:column;
  background: linear-gradient(180deg, var(--cream-bg, #fff7ed) 0%, #fde8d5 100%);
  padding: clamp(60px, 8vw, 120px) 16px;
  overflow:hidden;
}

/* Content Styling */
.thankyou-content{
  max-width:720px;
  z-index:2;
  position:relative;
  animation: fadeIn 1.2s ease forwards;
}

.thankyou-content h1{
  font-size: clamp(30px, 4.5vw, 46px);
  color: var(--deep-blue, #001461);
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 18px;
  letter-spacing: 0.3px;
}

.thankyou-content p{
  font-size: clamp(16px, 2vw, 20px);
  color:#2a324b;
  line-height:1.6;
  margin-bottom:32px;
}

/* Back to Home Button */
.btn-home{
  background: var(--accent, #ff6f3c);
  color:#fff;
  text-decoration:none;
  padding:14px 30px;
  border-radius:999px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 10px 26px rgba(255,111,60,.28);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  position:relative;
  overflow:hidden;
}
.btn-home:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(255,111,60,.38);
  filter:saturate(1.05);
}
.btn-home:active{ transform: translateY(0); }
.btn-home:focus-visible{
  outline:3px solid rgba(0,20,97,.25);
  outline-offset:3px;
}

/* Confetti */
.confetti{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
}

.confetti span{
  position:absolute;
  border-radius:2px;
  opacity:0.85;
  animation: fall 5s linear infinite;
}

/* Animations */
@keyframes fadeIn{
  from{ opacity:0; transform: translateY(20px); }
  to{ opacity:1; transform: translateY(0); }
}
@keyframes fall{
  0%{ transform: translateY(-10vh) rotate(0deg); }
  100%{ transform: translateY(110vh) rotate(720deg); }
}

/* Responsive */
@media (max-width:768px){
  .btn-home{ width:100%; }
}


  :root{
    --v-navy:#001461;
    --v-navy-2:#0c1c66;
    --v-ink:#001461;
    --v-cream:#fbf6ee;
    --v-line:#ebe6d8;
    --v-grad:linear-gradient(180deg,#ff935f 0%,#ff6f3c 100%);
  }