/* ── responsive ─────────────────────────────────────────── */
@media (hover:hover) {
  .feat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
}

@media (max-width: 1040px) {
  .hero-split, .hero-editorial, .show-grid, .faq-grid {
    grid-template-columns: 1fr !important;
  }
  .hero-split { text-align: left; }
  .show-grid { gap: 36px !important; }
  .hero-editorial { gap: 24px !important; }
  .grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .hero-flank { display: none !important; }
}

@media (max-width: 900px) {
  .grid-2 { grid-template-columns: 1fr !important; }
}

@media (max-width: 860px) {
  .nav-links { display: none !important; }
  .nav-login { display: none !important; }
}

@media (max-width: 680px) {
  .wrap { padding-left: 20px; padding-right: 20px; }
  .grid-3 { grid-template-columns: 1fr !important; }
  .grid-2 { grid-template-columns: 1fr !important; }
  .foot-grid { grid-template-columns: 1fr 1fr !important; gap: 28px !important; }
  .hero-split { padding-top: 36px !important; padding-bottom: 56px !important; min-height: 0 !important; }
  /* centre the hero text column + CTAs on phones (all layouts) */
  .hero-split > div:first-child { align-items: center !important; text-align: center; }
  .hero-split > div:first-child .eyebrow { justify-content: center; }
  .hero-ctas { justify-content: center !important; width: 100%; }
  .trust-strip { justify-content: center; }
}

@media (max-width: 460px) {
  .foot-grid { grid-template-columns: 1fr !important; }
}