@media (min-width: 768px) and (max-width: 999px) {
  .accounts-hero,
  .accounts-process,
  .accounts-benefits,
  .accounts-contract,
  .accounts-cta-panel {
    width: min(100% - 48px, 960px);
  }

  .accounts-hero {
    padding: 50px 0 56px;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }

  .accounts-title {
    max-width: 760px;
    font-size: 58px;
  }

  .accounts-intro {
    max-width: 700px;
    font-size: 17px;
  }

  .accounts-hero-points {
    max-width: 720px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .accounts-hero-points article {
    min-height: 104px;
    padding: 20px 12px 16px;
  }

  .accounts-hero-points strong,
  .accounts-hero-points span {
    font-size: 14px;
  }

  .accounts-hero-media,
  .accounts-hero-media img {
    min-height: 420px;
  }

  .accounts-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .process-card:not(:last-child)::after {
    display: none;
  }

  .benefits-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .benefit-month,
  .benefit-invoice,
  .benefit-invoice-copy,
  .benefit-channels,
  .channels-card,
  .benefit-attendance {
    grid-column: span 1;
  }

  .benefit-attendance-copy {
    grid-column: 1 / -1;
    min-height: 230px;
    align-items: center;
    text-align: center;
  }

  .benefit-attendance-copy p {
    margin-right: auto;
    margin-left: auto;
  }

  .benefit-dark,
  .benefit-text,
  .benefit-invoice-copy,
  .benefit-attendance-copy,
  .benefit-channels {
    padding: 38px;
  }

  .benefit-month,
  .benefit-invoice,
  .benefit-attendance {
    min-height: 250px;
  }

  .channels-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .channels-card a {
    min-height: 118px;
    border-right: 0;
    border-bottom: 1px solid rgba(4, 20, 46, 0.09);
  }

  .accounts-contract {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .contract-copy h2,
  .contract-copy p {
    max-width: 700px;
  }

  .accounts-cta-panel {
    margin-bottom: 72px;
    padding: 34px;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    text-align: center;
  }

  .accounts-cta-panel h2,
  .accounts-cta-panel p {
    margin-right: auto;
    margin-left: auto;
  }

  .accounts-cta-actions {
    align-items: center;
  }
}