/* Canonical landing QA corrections — 2026-08-28.
 * These overrides preserve the approved copy and visual direction while fixing
 * responsive overflow, contrast, focus visibility, touch targets, and rhythm.
 */

:root {
  --quiet: #80818f;
}

.hero {
  background-image:
    linear-gradient(90deg, #03040bfc 0%, #03040be8 43%, #03040b38 72%, #03040bcc 100%),
    url("/brand/campaign/quantum-growth-field-optimized.webp");
}

.outcome-section::before {
  background-image:
    linear-gradient(90deg, #03040bbd, #03040b5c),
    url("/brand/campaign/quantum-growth-field-optimized.webp");
}

.diagnostic-section {
  background-image:
    linear-gradient(90deg, #03040bf7, #03040bb8),
    url("/brand/campaign/quantum-growth-field-optimized.webp");
}

section[id] {
  scroll-margin-top: 96px;
}

:where(a, button, summary, input, textarea):focus-visible {
  outline: 2px solid var(--champagne-bright);
  outline-offset: 4px;
}

.hero-copy,
.hero-visual,
.problem-section > *,
.section-heading > *,
.outcome-section > *,
.guarantee-band > *,
.scope-title > *,
.process-section > *,
.fit-section > *,
.about-intro > *,
.operator-standard > *,
.faq-section > *,
.diagnostic-section > * {
  min-width: 0;
}

.hero-visual,
.system-map {
  width: 100%;
  max-width: 100%;
}

.button-small,
.text-link,
.footer-links a {
  min-height: 44px;
}

.text-link,
.footer-links a {
  display: inline-flex;
  align-items: center;
}

.footer-links a {
  min-width: 44px;
  justify-content: center;
}

.diagnostic-form input::placeholder,
.diagnostic-form textarea::placeholder {
  color: #7d7e8c;
  opacity: 1;
}

.diagnostic-form .consent-field input {
  width: 20px;
  height: 20px;
}

.diagnostic-form input:not([type="checkbox"]) {
  min-height: 48px;
}

.diagnostic-form textarea {
  min-height: 96px;
}

.diagnostic-form .consent-field {
  min-height: 44px;
}

@media (width >= 1101px) {
  .outcome-statement h2 {
    font-size: clamp(52px, 5.2vw, 90px);
  }

  .fit-copy h2 {
    font-size: clamp(48px, 4.7vw, 80px);
  }
}

@media (width <= 900px) {
  .faq-section {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (width <= 760px) {
  .hero {
    padding-bottom: 56px;
  }

  .hero h1 {
    font-size: clamp(36px, 11.4vw, 66px);
  }

  .hero-visual {
    min-height: 560px;
  }

  /* The orbit may bleed beyond the viewport, but its text readout may not. */
  .moon-readout {
    right: calc(25% + 12px);
  }

  .section,
  .outcome-statement,
  .outcome-list {
    padding: 72px 20px;
  }

  .problem-content h2,
  .section-heading h2,
  .scope-title h2,
  .about-intro h2,
  .faq-section h2 {
    font-size: clamp(36px, 11vw, 50px);
  }

  .outcome-statement h2,
  .guarantee-heading h2,
  .fit-copy h2,
  .diagnostic-copy h2 {
    font-size: clamp(36px, 11vw, 50px);
  }

  .guarantee-band,
  .fit-section,
  .diagnostic-section {
    padding: 72px 20px;
  }

  .pillar-number,
  .scope-grid > div > span {
    margin-bottom: 44px;
  }

  .scope-grid > div {
    min-height: 0;
  }

  .process-grid article {
    min-height: 260px;
  }

  .founder-grid {
    margin-top: 64px;
  }

  .operator-standard {
    margin-top: 72px;
    padding-top: 64px;
  }

  .about-close {
    margin-top: 72px;
  }
}

@media (width <= 360px) {
  .site-header {
    gap: 10px;
    padding-inline: 12px;
  }

  footer {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .footer-links {
    justify-self: start;
    flex-wrap: wrap;
  }
}