/* ═══════════════════════════════════════════════════════════════
   V13 FINAL POLISH — Spacing, hierarchy, icon consistency
   Small tweaks only — no layout changes
═══════════════════════════════════════════════════════════════ */

/* ── Better section heading balance ── */
.section-title{
  letter-spacing:-0.025em !important;
}
.section-title em{
  font-style:italic !important;
  font-weight:inherit !important;
}

/* ── Hero stat bar — more readable ── */
.hero-trust b{
  font-size:clamp(1.4rem,2.2vw,1.85rem) !important;
  line-height:1 !important;
  display:block !important;
}
.hero-trust span{
  font-size:0.7rem !important;
  line-height:1.3 !important;
  color:var(--subtle,#64748B) !important;
}

/* ── Why-cards — tighter, cleaner ── */
.why-card{
  padding:clamp(22px,3vw,32px) !important;
}
.why-stat{
  font-size:clamp(2.4rem,4vw,3.2rem) !important;
  line-height:1 !important;
  font-family:var(--serif,'Instrument Serif',serif) !important;
  margin-bottom:8px !important;
}

/* ── FAQ items ── */
.faq-q{
  font-size:0.97rem !important;
  line-height:1.4 !important;
  letter-spacing:-0.01em !important;
}

/* ── Credential cards — better padding ── */
.cred-card{
  padding:clamp(18px,2.5vw,26px) !important;
}

/* ── Mobile hero — stack cleanly ── */
@media(max-width:640px){
  .hero-trust{
    flex-wrap:wrap !important;
  }
  .hero-trust>div{
    flex:1 1 45% !important;
    min-width:120px !important;
  }
}

/* ── Focus states — premium accessible ── */
:focus-visible{
  outline:2px solid #15C5D8 !important;
  outline-offset:3px !important;
  border-radius:6px !important;
}

/* ── Image loading placeholder shimmer ── */
img[loading="lazy"]{
  background:linear-gradient(110deg, rgba(255,255,255,0.03) 8%, rgba(255,255,255,0.06) 18%, rgba(255,255,255,0.03) 33%);
  background-size:200% 100%;
}

/* ── Footer cleanup — remove excess padding ── */
.footer.footer-world .fw-hero{
  padding-bottom:clamp(28px,4vw,48px) !important;
}
.footer.footer-world{
  padding-top:clamp(48px,6vw,80px) !important;
}

/* ── Smooth scroll snapping for sections ── */
section[id]{
  scroll-margin-top:80px !important;
}

/* ── Reduce motion safely ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none !important;
    transition-duration:0.01ms !important;
  }
}