@media (max-width: 980px) {
  .site-header {
    padding-inline: 20px;
  }

  .brand__wordmark {
    font-size: 0.72rem;
    letter-spacing: 0.22em;
  }

  .nav-toggle {
    position: relative;
    display: inline-flex;
  }

  .site-nav {
    position: absolute;
    z-index: 40;
    top: calc(100% - 1px);
    right: 20px;
    left: 20px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(5, 5, 16, 0.985);
    padding: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(22px);
  }

  .site-nav.is-open {
    display: flex;
  }

  .site-nav a {
    padding: 15px 14px;
  }

  .site-nav__contact {
    border-radius: 4px;
  }

  h1 {
    font-size: 4rem;
  }

  .hero {
    min-height: 88vh;
    padding-top: 148px;
  }

  .hero__visual::before {
    background:
      linear-gradient(90deg, rgba(5, 5, 16, 0.98) 0%, rgba(5, 5, 16, 0.88) 54%, rgba(5, 5, 16, 0.48) 100%),
      linear-gradient(180deg, rgba(5, 5, 16, 0.18) 0%, rgba(5, 5, 16, 0.84) 100%);
  }

  .hero__content {
    min-height: auto;
  }

  .hero__lead {
    font-size: 1.06rem;
  }

  .hero__notice {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 44px;
  }

  .proof-strip__inner,
  .pod-grid,
  .tech-matrix {
    grid-template-columns: repeat(2, 1fr);
  }

  .media-panel,
  .split-grid,
  .readiness-layout,
  .site-footer {
    grid-template-columns: 1fr;
  }

  .media-panel__image {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .readiness-list li {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (max-width: 640px) {
  :root {
    --header-height: 72px;
  }

  body::before {
    background-size: 44px 44px;
  }

  .hero {
    min-height: 780px;
    padding: 118px 18px 58px;
    align-content: start;
  }

  .hero__visual::before {
    background:
      linear-gradient(180deg, rgba(5, 5, 16, 0.92) 0%, rgba(5, 5, 16, 0.78) 48%, rgba(5, 5, 16, 0.95) 100%),
      linear-gradient(90deg, rgba(5, 5, 16, 0.88), rgba(5, 5, 16, 0.5));
  }

  .hero__photo {
    object-position: 60% center;
  }

  .hero__sphere {
    display: none;
  }

  .hero__content {
    display: block;
    width: min(354px, calc(100vw - 36px));
    max-width: min(354px, calc(100vw - 36px));
    margin-inline-start: 0;
    padding-top: 14px;
  }

  h1 {
    font-size: 2.75rem;
    line-height: 1.02;
  }

  .brand {
    gap: 10px;
  }

  .brand__icon {
    width: 30px;
    height: 30px;
  }

  .brand__wordmark {
    max-width: 215px;
    font-size: 0.62rem;
    letter-spacing: 0.16em;
  }

  .eyebrow {
    font-size: 0.64rem;
    max-width: 100%;
    line-height: 1.8;
    letter-spacing: 0.13em;
  }

  .hero__lead {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .hero__notice {
    width: min(330px, calc(100vw - 60px));
  }

  .hero__actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .button {
    width: 100%;
  }

  .proof-strip__inner,
  .pod-grid,
  .tech-matrix {
    grid-template-columns: 1fr;
  }

  .proof-strip__inner div,
  .proof-strip__inner div:last-child {
    min-height: auto;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid var(--soft-line);
    padding: 22px 0;
  }

  .proof-strip__inner div:first-child {
    border-top: 0;
  }

  .section {
    padding: 72px 18px;
  }

  .section__header {
    margin-bottom: 34px;
    text-align: left;
  }

  .section__header h2,
  .media-panel__copy h2,
  .readiness-layout h2 {
    font-size: 2.2rem;
  }

  .pod-grid article,
  .intervention-list article,
  .tech-matrix article {
    min-height: auto;
    padding: 24px;
  }

  .media-panel {
    border-radius: 0;
    margin-inline: -18px;
    border-right: 0;
    border-left: 0;
  }

  .media-panel__image {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .media-panel__copy {
    padding: 34px 24px 40px;
  }

  .statement {
    padding-left: 18px;
  }

  .statement p {
    font-size: 1.12rem;
  }

  .readiness-list li {
    padding-left: 42px;
  }

  .site-footer {
    padding: 36px 18px;
  }

  .site-footer__contact {
    justify-self: stretch;
  }

  .contact-form__grid {
    grid-template-columns: 1fr;
  }

  .site-footer__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}