.hv { display: none; }
@media (max-width: 768px) {
  .hero { display: none; }
  .hv {
    display: flex; flex-direction: column; justify-content: center;
    position: relative; min-height: calc(100svh - var(--banner-h));
    padding-top: calc(var(--banner-h) + var(--nav-h) + 2.5rem); padding-bottom: 4.5rem;
    color: var(--white); overflow: hidden;
    background:
      radial-gradient(ellipse 70% 50% at 100% 100%, rgba(220,38,38,.14) 0%, transparent 60%),
      linear-gradient(160deg, #0f4e74 0%, #0b2e4c 70%);
  }
  .hv__split { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
  .hv__body { max-width: 34rem; }
  .hv__eyebrow {
    display: flex; align-items: center; justify-content: center; gap: .7rem;
    font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: rgba(255,255,255,.72); margin-bottom: 1.9rem;
  }
  .hv__eyebrow::before, .hv__eyebrow::after { content: ''; width: 22px; height: 2px; background: var(--red); flex-shrink: 0; }
  .hv__h1 {
    font-family: var(--font-display); font-size: clamp(3.1rem, 15vw, 3.9rem); font-weight: 600;
    line-height: .98; letter-spacing: -.02em; margin: 0 0 1.5rem; color: var(--white);
  }
  .hv__h1 span { color: var(--red); display: block; }
  .hv__statement {
    font-family: var(--font-display); font-size: 1.35rem; font-weight: 700;
    line-height: 1.2; letter-spacing: -.01em; margin-bottom: 1.2rem;
  }
  .hv__statement em { font-style: normal; color: #F05A5A; }
  .hv__lead { font-size: 1rem; line-height: 1.65; color: rgba(255,255,255,.8); margin: 0 auto 2.4rem; max-width: 30rem; }
  .hv__ctas { display: flex; flex-direction: column; align-items: center; gap: .85rem; }
  .hv__ctas .btn { width: auto; min-width: 15rem; padding: .8rem 1.6rem; font-size: .95rem; justify-content: center; }
}