/* Responsibility: responsive and reduced-motion media queries only. */

@media (hover: none) {
        body {
          cursor: auto;
        }
        a {
          cursor: pointer;
        }
        button {
          cursor: pointer;
        }
        select {
          cursor: pointer;
        }
      }

/* ===== 06. BASE RESPONSIVE RULES ===== */
      @media (max-width: 1100px) {
        .services-grid {
          grid-template-columns: 1fr 1fr;
        }
        .industries-grid {
          grid-template-columns: 1fr 1fr;
        }
        .adv-item {
          grid-template-columns: 48px 1fr;
        }
        .adv-desc {
          display: none;
        }
        .value-grid {
          grid-template-columns: 1fr 1fr;
        }
      }
      @media (max-width: 900px) {
        #nav {
          padding: 0 20px;
          grid-template-columns: auto 1fr auto;
        }
        .nav-center {
          display: none;
        }
        .nav-right .nav-cta {
          display: none;
        }
        .nav-hamburger {
          display: flex;
        }
        .hero {
          padding-left: 24px;
          padding-right: 24px;
          padding-bottom: 56px;
        }
        .hero-title {
          font-size: clamp(56px, 14vw, 140px);
        }
        .hero-bottom {
          flex-direction: column;
          align-items: flex-start;
          gap: 28px;
        }
        .mission-section {
          padding: 72px 24px;
        }
        .mission-inner {
          grid-template-columns: 1fr;
          gap: 48px;
        }
        .mission-stats {
          grid-template-columns: 1fr 1fr;
        }
        .services-section {
          padding: 72px 24px;
        }
        .services-grid {
          grid-template-columns: 1fr;
        }
        .industries-section {
          padding: 72px 24px;
        }
        .industries-grid {
          grid-template-columns: 1fr 1fr;
        }
        .adv-section {
          padding: 72px 24px;
        }
        .adv-item {
          grid-template-columns: 40px 1fr;
          gap: 16px;
        }
        .cta-band {
          padding: 80px 24px;
        }
        .pricing-hero {
          padding: calc(var(--nav-h) + 48px) 24px 40px;
        }
        .pricing-section {
          padding: 40px 24px 72px;
        }
        .pricing-grid {
          grid-template-columns: 1fr;
        }
        .mkt-grid {
          grid-template-columns: 1fr;
        }
        .value-section {
          padding: 40px 24px 60px;
        }
        .value-grid {
          grid-template-columns: 1fr 1fr;
        }
        .faq-section {
          padding: 60px 24px;
        }
        .ind-hero {
          padding-left: 24px;
          padding-right: 24px;
          padding-bottom: 48px;
        }
        .pain-section {
          padding: 60px 24px;
        }
        .pain-grid {
          grid-template-columns: 1fr;
        }
        .solution-section {
          padding: 60px 24px;
        }
        .solution-inner {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .case-section {
          padding: 60px 24px;
        }
        .case-card {
          grid-template-columns: 1fr;
          padding: 36px 28px;
          gap: 36px;
        }
        .ind-pricing {
          padding: 60px 24px;
        }
        .ind-price-highlight {
          grid-template-columns: 1fr;
        }
        .ind-price-right {
          text-align: left;
        }
        .contact-hero {
          padding: calc(var(--nav-h) + 48px) 24px 40px;
        }
        .contact-body {
          padding: 0 24px 72px;
        }
        .contact-inner {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        footer {
          padding: 32px 24px;
          flex-direction: column;
          text-align: center;
        }
        .footer-links {
          justify-content: center;
        }
      }
      @media (max-width: 600px) {
        :root {
          --nav-h: 60px;
        }
        .hero-title {
          font-size: clamp(48px, 16vw, 100px);
        }
        .industries-grid {
          grid-template-columns: 1fr;
        }
        .mission-stats {
          grid-template-columns: 1fr 1fr;
        }
        .value-grid {
          grid-template-columns: 1fr 1fr;
        }
        .case-results {
          grid-template-columns: 1fr 1fr;
        }
        .contact-trust {
          grid-template-columns: 1fr 1fr;
        }
        .hero-actions {
          flex-direction: column;
          width: 100%;
        }
        .hero-actions a {
          text-align: center;
        }
        .cta-actions {
          flex-direction: column;
          align-items: center;
        }
        .cta-actions a {
          width: 100%;
          max-width: 320px;
        }
      }

/* ===== 07H. PRODUCTION REFINEMENT LAYER / RESPONSIVE ===== */
      @media (max-width: 1100px) {
        .services-grid,
        .pricing-grid,
        .mkt-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .industries-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .value-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .adv-item {
          grid-template-columns: 52px 1fr;
          gap: 20px;
        }
        .adv-desc {
          display: block;
          grid-column: 2 / -1;
          max-width: none;
          margin-top: -4px;
        }
        .hero-trust-item {
          flex-basis: calc(50% - 12px);
        }
        .ind-hero-proof {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 900px) {
        :root {
          --nav-h: 68px;
        }
        #nav {
          padding: 0 20px;
          gap: 16px;
        }
        .nav-center,
        .nav-right .nav-cta {
          display: none;
        }
        .nav-hamburger {
          display: inline-flex;
          position: relative;
        }
        .hero,
        .mission-section,
        .services-section,
        .industries-section,
        .adv-section,
        .cta-band,
        .pricing-hero,
        .pricing-section,
        .value-section,
        .faq-section,
        .ind-hero,
        .pain-section,
        .solution-section,
        .case-section,
        .ind-pricing,
        .contact-hero,
        .contact-body,
        footer {
          padding-left: 24px;
          padding-right: 24px;
        }
        .hero {
          padding-top: calc(var(--nav-h) + 20px);
          padding-bottom: 70px;
        }
        .contact-form-wrap {
          padding: 28px;
        }
        .hero-title {
          font-size: clamp(58px, 15vw, 146px);
        }
        .hero-bottom {
          grid-template-columns: 1fr;
          align-items: start;
        }
        .hero-actions-wrap {
          justify-items: stretch;
        }
        .hero-scroll {
          display: none;
        }
        .mission-inner,
        .solution-inner,
        .contact-inner {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .mission-stats,
        .pain-grid,
        .services-grid,
        .pricing-grid,
        .mkt-grid {
          grid-template-columns: 1fr;
        }
        .services-head {
          align-items: flex-start;
        }
        .industries-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .case-card,
        .ind-price-highlight {
          grid-template-columns: 1fr;
        }
        .ind-price-right {
          text-align: left;
        }
        .case-card {
          gap: 28px;
          padding: 32px 26px;
        }
        .ind-hero-proof {
          grid-template-columns: 1fr;
        }
        .cta-band {
          padding-top: 96px;
          padding-bottom: 96px;
        }
        footer {
          padding-top: 32px;
          padding-bottom: 36px;
          flex-direction: column;
          text-align: center;
        }
        .footer-links {
          justify-content: center;
        }
      }

      @media (max-width: 600px) {
        :root {
          --nav-h: 62px;
        }
        .section-title {
          font-size: clamp(40px, 16vw, 74px);
        }
        .section-intro,
        .hero-desc,
        .pricing-hero p,
        .cta-band p,
        .ind-hero-sub {
          font-size: 16px;
        }
        .hero {
          padding-top: calc(var(--nav-h) + 18px);
          padding-bottom: 48px;
        }
        .contact-form-wrap {
          padding: 24px 20px;
        }
        .hero-title {
          font-size: clamp(50px, 16vw, 102px);
        }
        .hero-actions,
        .cta-actions {
          flex-direction: column;
          width: 100%;
        }
        .hero-actions a,
        .cta-actions a,
        .mobile-menu-ctas a,
        .price-cta,
        .nav-cta,
        .mob-ghost {
          width: 100%;
        }
        .contact-calendly-actions .calendly-open-btn {
          width: 100%;
          min-width: 0;
        }
        .hero-trust,
        .value-grid,
        .case-results,
        .contact-trust,
        .industries-grid,
        .mission-stats {
          grid-template-columns: 1fr;
        }
        .cta-band {
          padding-top: 84px;
          padding-bottom: 84px;
        }
        .faq-item {
          padding: 0 18px;
        }
        .faq-q {
          padding: 20px 0;
        }
        .faq-q-text {
          font-size: 16px;
        }
        .contact-step {
          padding: 18px;
        }
        .ind-card {
          min-height: 220px;
        }
        .hero-trust-item {
          flex-basis: 100%;
        }
      }

/* ===== 07I. ACCESSIBILITY / REDUCED MOTION ===== */
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
        .ticker-track {
          animation: none;
        }
        .reveal {
          opacity: 1;
          transform: none;
        }
        .hero-scroll {
          display: none;
        }
        .cursor,
        .cursor-ring {
          display: none !important;
        }
      }
