/* Shared layout primitives */
    .container {
      width: min(calc(100% - 40px), var(--max-width));
      margin: 0 auto;
    }

    /* ── 8. SECTIONS — generic padding + soft background variant */
    .section {
      padding: 72px 0;
    }

    .section.soft {
      background: linear-gradient(180deg, #f7fbfc 0%, #f3f8fa 100%);
    }

    .section-head {
      max-width: 860px;
      margin: 0 auto 34px;
      text-align: center;
    }

    .section-head h2 {
      font-size: 42px;
      font-weight: 500;
    }

    .section-head p {
      font-size: 1.08rem;
    }

    @media (max-width: 767px) {
      .section {
        padding: 48px 0 !important;
      }

      .container {
        width: min(calc(100% - 32px), var(--max-width));
      }

      .section-head {
        margin-bottom: 24px;
      }

      h1, h2, 
      .hero-copy h1, 
      .section-head h2, 
      .reviews-head h2, 
      .final-copy h2, 
      .apollo-header h2 {
        font-size: 30px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        line-height: 1.2 !important;
      }

      .section-head p {
        font-size: 15px;
        line-height: 1.5;
      }
    }