@media (max-width: 1200px) {
  .section { padding-block: var(--avp-section-space-tablet); }
  .hero__grid { grid-template-columns: 1fr 1fr; gap: 42px; }
  .card-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card-grid--products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .process-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 992px) {
  .hero, .site-header--transparent ~ .site-main .hero { padding-top: 80px; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__content, .hero--left .hero__content { order: 1; }
  .hero__content h1 { font-size: min(var(--avp-h1-size), clamp(2rem, 5.6vw, 3.25rem)); line-height: 1.08; }
  .hero__lead { font-size: min(var(--avp-base-size), clamp(1rem, 2.1vw, 1.08rem)); line-height: 1.55; }
  .hero__actions { margin-block: clamp(18px, 3vw, 26px) clamp(16px, 2.5vw, 22px); }
  .hero__visual, .hero--left .hero__visual { order: 2; max-width: 680px; }
  .trust-bar__grid { grid-template-columns: repeat(3, 1fr); }
  .content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .avp-content-layout--sidebar_content,
  .avp-content-layout--content_sidebar,
  .avp-content-layout--both_sidebars { grid-template-columns: minmax(0, 1fr); }
  .avp-content-layout .avp-layout-main { order: 1; }
  .avp-content-layout .site-sidebar--left { order: 2; }
  .avp-content-layout .site-sidebar--right { order: 3; }
}
@media (max-width: 768px) {
  .section { padding-block: var(--avp-section-space-mobile); }
  .section-heading { margin-bottom: 34px; }
  .trust-bar__grid { grid-template-columns: repeat(2, 1fr); }
  .process-list { grid-template-columns: 1fr; gap: 16px; }
  .process-list li { flex-direction: row; text-align: left; }
  .process-list li { min-height: 0; }
  .benefits-grid { grid-template-columns: 1fr; gap: 42px; }
  .card-grid--three, .card-grid--products { grid-template-columns: 1fr; }
  .footer-cta { align-items: flex-start; flex-direction: column; }
  .cta-panel { padding: 50px 28px; }
}
@media (max-width: 576px) {
  .container { width: min(calc(100% - var(--avp-container-gutter, var(--avp-grid-gap)) - var(--avp-container-gutter, var(--avp-grid-gap))), var(--avp-container)); }
  .hero { padding-block: 58px; }
  .hero__actions { align-items: stretch; flex-direction: column; }
  .hero__actions .button { width: 100%; }
  .laptop { transform: none; }
  .laptop__screen { padding: 7px; border-width: 8px; border-bottom-width: 12px; border-radius: 14px 14px 7px 7px; }
	.trust-bar__grid, .card-grid--four, .content-grid { grid-template-columns: 1fr; }
  .trust-item { justify-content: flex-start; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-bottom-menu { flex-wrap: wrap; }
  .cta-panel__actions { align-items: stretch; flex-direction: column; }
}

/* AVP iPad/tablet hero heading fit for native theme and page hero templates. */
@media (max-width: 1366px) and (pointer: coarse), (max-width: 1199px) {
  .hero__content h1,
  .page-hero__content h1 {
    font-size: min(var(--avp-h1-size), clamp(2rem, 4vw, 3.35rem));
    line-height: 1.06;
  }

  .hero__content h2,
  .page-hero__content h2 {
    font-size: min(var(--avp-h2-size), clamp(1.55rem, 3vw, 2.25rem));
    line-height: 1.1;
  }

  .hero__content h3,
  .page-hero__content h3 {
    font-size: min(var(--avp-h3-size), clamp(1.22rem, 2.35vw, 1.65rem));
    line-height: 1.14;
  }
}

@media (max-width: 1024px) {
  .hero__content h1,
  .page-hero__content h1 {
    font-size: min(var(--avp-h1-size), clamp(1.72rem, 4.45vw, 2.7rem));
    line-height: 1.05;
  }

  .hero__content h2,
  .page-hero__content h2 {
    font-size: min(var(--avp-h2-size), clamp(1.35rem, 3.25vw, 1.82rem));
    line-height: 1.1;
  }

  .hero__content h3,
  .page-hero__content h3 {
    font-size: min(var(--avp-h3-size), clamp(1.12rem, 2.75vw, 1.42rem));
    line-height: 1.13;
  }
}

@media (max-width: 820px) {
  .hero__content h1,
  .page-hero__content h1 {
    font-size: min(var(--avp-h1-size), clamp(1.5rem, 5.25vw, 2.1rem));
    line-height: 1.04;
  }

  .hero__content h2,
  .page-hero__content h2 {
    font-size: min(var(--avp-h2-size), clamp(1.2rem, 3.8vw, 1.5rem));
    line-height: 1.09;
  }

  .hero__content h3,
  .page-hero__content h3 {
    font-size: min(var(--avp-h3-size), clamp(1.05rem, 3.2vw, 1.25rem));
    line-height: 1.12;
  }
}