/* ---------------- Responsive ---------------- */

@media (min-width: 1500px) {
  .phx-hero .phx-container {
      width: 100%;
      max-width: none;
      margin: 0;
      padding-left: clamp(150px, 10vw, 240px);
      padding-right: clamp(56px, 4vw, 96px);
    }
}
    
   @media (max-width: 1080px) {
      .phx-step-body ul { grid-template-columns: 1fr; }
    }

    @media (max-width: 980px) {
      .phx-hero { background-position: 66% center; }
      .phx-hero::before {
        background:
          linear-gradient(90deg, rgba(5, 9, 24, 0.97) 0%, rgba(5, 9, 24, 0.9) 55%, rgba(5, 9, 24, 0.35) 100%),
          linear-gradient(0deg, rgba(5, 9, 24, 0.88) 0%, rgba(5, 9, 24, 0.08) 55%);
      }
      .phx-intro-grid,
      .phx-story-grid,
      .phx-dataiq-grid,
      .phx-choice-grid,
      .phx-faq-layout,
      .phx-advanced-grid { grid-template-columns: 1fr; }
      .phx-dataiq-media { order: initial; }
      .phx-choice-aside,
      .phx-faq-title { position: static; }
    }

    @media (max-width: 760px) {
      .phx-container { width: min(100% - 32px, var(--shell)); }
      .phx-hero { background-position: 87% center; }
      .phx-hero::before {
        background:
          linear-gradient(0deg, rgba(5, 9, 24, 0.99) 8%, rgba(5, 9, 24, 0.9) 55%, rgba(5, 9, 24, 0.25) 100%),
          linear-gradient(90deg, rgba(5, 9, 24, 0.5), rgba(5, 9, 24, 0.12));
      }
      .phx-hero-inner { padding-block: 78px 70px; }
      .phx-hero-proof { grid-template-columns: 1fr; margin-top: 24px; }
      .phx-proof-item + .phx-proof-item { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); }
      .phx-path::before { display: none; }
      .phx-step { grid-template-columns: 1fr; gap: 14px; }
      .phx-step-number { position: static; width: 52px; height: 52px; border-radius: 16px; box-shadow: 0 10px 24px rgba(66, 94, 219, 0.3); }
      .phx-capability-grid { grid-template-columns: 1fr; }
      .phx-story-media::before { right: -12px; bottom: -12px; }
      .phx-hero-copy > p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
      }
      .phx-hero h1 {
        line-height: 1;
        font-size: 36px;
        margin-bottom: 20px;
      }
      .phx-button {
        padding: 12px 16px;
      }
      .phx-intro-copy p, .phx-story-copy > p, .phx-dataiq-copy > p, .phx-choice-copy > p, .phx-faq-title p, .phx-step-body > p, .phx-lead {
        font-size: 16px;
        line-height: 1.5;
      }
      .phx-intro-copy p:nth-child(2) {
        font-size: 17px;
        line-height: 1.5;
      }
      .phx-step-body {
        padding: 20px;
      }
      .phx-step-body::before {
        border-radius: 18px;
      }
      .phx-story-copy ul, .phx-dataiq-copy ul {
        padding: 20px;
      }
      .phx-advanced-card {
        padding: 20px;
      }
      .phx-advanced-card > p {
        line-height: 1.5;
      }
      .phx-faq summary {
        padding-left: 20px;
      }
      .phx-faq p {
        padding: 0 20px 20px;
        font-size: 16px;
        line-height: 1.5;

      }
      .phx-final-cta {
        padding: 80px 0px;
      }
      .phx-final-cta p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 24px;
      }
      .phx-eyebrow {
        font-size: 12px;
      }
      .phx-proof-item {
        padding: 20px;
      };

    }

    @media (max-width: 520px) {
      .phx-actions { display: grid; }
      .phx-button { width: 100%; }
      .phx-step-body,
      .phx-advanced-card { border-radius: 20px; }
      .phx-story-media img,
      .phx-dataiq-media img,
      .phx-choice-media img,
      .phx-intro-media img { border-radius: 20px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .phx-page *,
      .phx-page *::before,
      .phx-page *::after {
        animation-duration: 0.01ms !important;
        animation-delay: 0ms !important;
        transition-duration: 0.01ms !important;
      }
    }