/* Desktop enhancements (progressive) */
@media (min-width: 1024px){
  .section{ padding: 92px 0; }
  .hero{ padding: 74px 0 64px; }

  h1{ font-size: clamp(2.25rem, 4vw, 3.6rem); }
  h2{ font-size: clamp(1.7rem, 3vw, 2.4rem); }

  .nav{ display:flex; }
  .menu-btn{ display:none; }

  .cta-row{ flex-direction: row; flex-wrap: wrap; }
  .cta-row .btn{ width: auto; }

  .hero-grid{ grid-template-columns: 1.05fr .95fr; align-items:center; gap: 26px; }
  .grid-3{ grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .split{ grid-template-columns: 1fr 1fr; gap: 22px; align-items:center; }
  .screens{ grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .trust-strip{ grid-template-columns: repeat(4, 1fr); }
}

/* Safety: avoid text-in-image issues */
.figure figcaption,
.image-caption,
.overlay-text {
  display: none !important;
}

/* Mobile header compact fix */
@media (max-width: 768px) {
  header, .site-header {
    padding: 6px 0 !important;
  }
  .header-inner {
    min-height: auto !important;
  }
}