@media (max-width: 900px) {
  .futureproof-why-topic { grid-template-columns: 1fr; gap: 8px; }

  .futureproof-why-topic-copy { grid-template-columns: 1fr; }

  .futureproof-team-layout { grid-template-columns: 1fr; gap: 28px; }

  .futureproof-offer-grid,
  .futureproof-team-grid { grid-template-columns: 1fr; }

  .futureproof-team-card {
    width: min(100%, 520px);
    justify-self: center;
  }
}

@media (max-width: 699px) {
  .futureproof-header {
    height: 58px;
    padding: 0 16px;
  }

  .futureproof-wordmark { font-size: 26px; }

  .futureproof-hero {
    height: calc(100svh - 116px);
    min-height: 520px;
  }

  .futureproof-hero-grid,
  .futureproof-grid-fade::after {
    background-size: calc(100vw / 20) calc(100vw / 20);
  }

  .futureproof-hero-content {
    top: 42%;
    left: 15vw;
    max-width: calc(100vw - 72px);
  }

  .futureproof-slogan {
    font-size: clamp(20px, 5.2vw, 24px);
    line-height: 1.18;
  }

  .futureproof-hero-button {
    min-height: 52px;
    margin-top: 34px;
    padding: 12px 22px;
    font-size: 16px;
  }

  .futureproof-section-links {
    top: 58px !important;
    height: 58px !important;
    display: flex !important;
    gap: 22px !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
  }

  .futureproof-section-links a {
    width: auto;
    font-size: 14px !important;
    line-height: 1.1;
    scroll-snap-align: start;
    white-space: nowrap !important;
  }

  .futureproof-section {
    padding: 44px 16px 72px;
  }

  .futureproof-section h2,
  .futureproof-contact h2 {
    font-size: clamp(27px, 8vw, 34px);
  }

  .futureproof-section h3 {
    margin-top: 36px;
    font-size: 21px;
  }

  .futureproof-section p { font-size: 17px; }

  .futureproof-callout {
    padding: 20px;
    font-size: 18px;
  }

  .futureproof-learning-columns {
    grid-template-columns: 1fr;
    gap: 28px !important;
  }

  .futureproof-why-intro { grid-template-columns: 1fr; gap: 0; }

  .futureproof-why-topic { padding: 24px 0 4px; }

  .futureproof-offer-card { padding: 20px; }

  .futureproof-team-grid { gap: 18px; }

  .futureproof-closing-question {
    margin-top: 54px;
    padding-left: 18px;
    border-left-width: 6px;
  }

  .futureproof-closing-question > strong { font-size: 21px; }

  .futureproof-contact {
    min-height: calc(100svh - 58px);
    padding: 54px 16px 76px;
  }

  .futureproof-footer { padding: 24px 16px 18px; }
}