/* AI Automation Page Responsive Styles */

/* Tablet (≤991px) */
@media (max-width: 991px) {
  /* Hero section tablet */
  .ai-hero {
    height: 600px !important;
  }
  
  .ai-hero-gradient-top,
  .ai-hero-gradient-bottom {
    height: 600px !important;
  }
  
  .ai-hero-content {
    padding: 40px 24px !important;
  }
  
  .ai-hero-title {
    font-size: clamp(36px, 8vw, 56px) !important;
    line-height: 1.2 !important;
    margin-bottom: 24px !important;
  }
  
  .ai-hero-cta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    justify-content: center !important;
  }
  
  /* Intro section tablet */
  .ai-intro-section {
    padding: 60px 0 !important;
  }
  
  .ai-intro-section .container-narrow {
    max-width: 820px !important;
    padding: 0 24px !important;
  }
  
  .ai-intro-text {
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }
  
  /* What Is AI Automation section tablet */
  .ai-what-section {
    padding: 60px 0 !important;
  }
  
  .ai-what-section .container-narrow {
    max-width: 820px !important;
    padding: 0 24px !important;
  }
  
  .ai-section-title {
    font-size: clamp(32px, 6vw, 40px) !important;
    line-height: 1.3 !important;
    margin-bottom: 32px !important;
  }
  
  .ai-what-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    max-width: 100% !important;
  }
  
  .ai-what-item {
    gap: 20px !important;
  }
  
  .ai-what-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-what-icon img {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-what-title {
    font-size: 20px !important;
  }
  
  .ai-what-desc {
    font-size: 16px !important;
  }
  
  .ai-what-callout {
    max-width: 100% !important;
    padding: 24px !important;
    margin: 32px auto 0 !important;
  }
  
  .ai-callout-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-callout-icon img {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-what-callout p {
    font-size: 16px !important;
  }
  
  /* Services section tablet */
  .ai-services-section {
    padding: 60px 0 !important;
  }
  
  .ai-services-section .container-narrow {
    max-width: 820px !important;
    padding: 0 24px !important;
  }
  
  .ai-section-subtitle {
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding: 0 24px !important;
    margin-bottom: 32px !important;
  }
  
  .ai-main-services {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 0 24px !important;
  }
  
  .ai-service-card {
    padding: 24px !important;
    gap: 16px !important;
  }
  
  .ai-service-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-service-icon img {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-service-title {
    font-size: 18px !important;
  }
  
  .ai-service-desc {
    font-size: 15px !important;
  }
  
  .ai-section-footer {
    font-size: 16px !important;
    margin-top: 32px !important;
    text-align: center !important;
  }
  
  /* Industries section tablet */
  .ai-industries-section {
    padding: 60px 0 !important;
  }
  
  .ai-industries-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-industry-card {
    padding: 24px !important;
    gap: 16px !important;
  }
  
  .ai-industry-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-industry-icon img {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-industry-title {
    font-size: 18px !important;
  }
  
  .ai-industry-desc {
    font-size: 15px !important;
  }
  
  .ai-industries-bottom {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
    margin-top: 24px !important;
  }
  
  .ai-industry-card-wide {
    padding: 24px !important;
    gap: 16px !important;
  }
  
  /* Why section tablet */
  .ai-why-section {
    padding: 60px 0 !important;
  }
  
  .ai-section-subtitle-bold {
    font-size: 18px !important;
    padding: 0 24px !important;
    margin-bottom: 24px !important;
  }
  
  .ai-why-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-why-card {
    padding: 24px !important;
    gap: 16px !important;
  }
  
  .ai-why-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-why-icon img {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-why-title {
    font-size: 18px !important;
  }
  
  .ai-why-desc {
    font-size: 15px !important;
  }
  
  .ai-why-callout {
    max-width: 100% !important;
    padding: 24px !important;
    margin: 32px auto 0 !important;
  }
  
  .ai-why-callout p {
    font-size: 16px !important;
  }
  
  /* Agency Services section tablet */
  .ai-agency-services-section {
    padding: 60px 0 !important;
  }
  
  .ai-detailed-services {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-detailed-card {
    padding: 20px !important;
    gap: 16px !important;
  }
  
  .ai-detailed-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-detailed-icon img {
    width: 24px !important;
    height: 24px !important;
  }
  
  .ai-detailed-content {
    gap: 8px !important;
  }
  
  .ai-detailed-content h3 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  
  .ai-detailed-content p {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  
  /* Local section tablet */
  .ai-local-section {
    padding: 60px 0 !important;
  }
  
  .ai-local-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-local-card {
    padding: 24px !important;
    gap: 16px !important;
  }
  
  .ai-local-icon {
    width: 48px !important;
    height: 48px !important;
  }
  
  .ai-local-icon img {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-local-card h3 {
    font-size: 18px !important;
  }
  
  .ai-local-card p {
    font-size: 15px !important;
  }
  
  /* Trust section tablet */
  .ai-trust-section {
    padding: 60px 0 !important;
  }
  
  .ai-trust-section .container-narrow {
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-trust-box {
    max-width: 100% !important;
    padding: 32px 24px !important;
    gap: 24px !important;
  }
  
  .ai-trust-box p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 0 0 24px 0 !important;
  }
  
  .ai-trust-btn {
    font-size: 16px !important;
    padding: 14px 28px !important;
  }
  
  /* Testimonials section tablet */
  .ai-testimonials-section {
    padding: 60px 0 !important;
  }
  
  .ai-testimonials-subtitle {
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding: 0 24px !important;
    margin-bottom: 32px !important;
  }
  
  .ai-testimonials-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-testimonial-card {
    padding: 24px !important;
    gap: 16px !important;
  }
  
  .ai-quote-icon {
    width: 32px !important;
    height: 32px !important;
  }
  
  .ai-quote-icon img {
    width: 20px !important;
    height: 20px !important;
  }
  
  .ai-testimonial-text {
    font-size: 15px !important;
  }
  
  .ai-author-name {
    font-size: 15px !important;
  }
  
  .ai-author-title {
    font-size: 13px !important;
  }
  
  /* Tools section tablet */
  .ai-tools-section {
    padding: 60px 0 !important;
  }
  
  .ai-section-subtitle-wide {
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding: 0 24px !important;
    margin-bottom: 32px !important;
  }
  
  .ai-tools-box {
    max-width: 100% !important;
    padding: 24px !important;
    margin: 0 auto 32px !important;
  }
  
  .ai-tools-highlight {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
  
  .ai-tools-tags {
    gap: 12px !important;
    margin-bottom: 20px !important;
  }
  
  .ai-tool-tag {
    font-size: 13px !important;
    padding: 8px 16px !important;
  }
  
  .ai-tools-footer {
    font-size: 16px !important;
  }
  
  .ai-integration-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-integration-card {
    padding: 20px !important;
    gap: 12px !important;
  }
  
  .ai-integration-icon {
    width: 40px !important;
    height: 40px !important;
  }
  
  .ai-integration-icon img {
    width: 24px !important;
    height: 24px !important;
  }
  
  .ai-integration-content h4 {
    font-size: 16px !important;
  }
  
  .ai-integration-content p {
    font-size: 14px !important;
  }
  
  .ai-integration-quote {
    max-width: 100% !important;
    padding: 24px !important;
    margin: 32px auto 0 !important;
  }
  
  .ai-integration-quote p {
    font-size: 16px !important;
  }
  
  /* CTA sections tablet */
  .ai-cta-purple-section {
    padding: 60px 24px !important;
  }
  
  .ai-cta-title {
    font-size: clamp(32px, 6vw, 40px) !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
  
  .ai-cta-subtitle {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 32px !important;
  }
  
  .ai-final-cta-section {
    padding: 60px 24px !important;
  }
  
  .ai-final-cta-text {
    font-size: 18px !important;
    margin-bottom: 24px !important;
  }
  
  /* Partner section tablet */
  .ai-partner-section {
    padding: 60px 0 !important;
  }
  
  .ai-partner-services-section {
    padding: 60px 0 !important;
  }
  
  .ai-partner-services-section .container-narrow {
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-partner-services-box {
    max-width: 100% !important;
    padding: 32px 24px !important;
  }
  
  .ai-partner-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-bottom: 24px !important;
  }
  
  .ai-partner-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
  }
  
  .ai-partner-item {
    gap: 12px !important;
    padding: 16px !important;
    align-items: flex-start !important;
  }
  
  .ai-partner-item svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }
  
  .ai-partner-item span {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  
  .ai-partner-divider {
    margin: 0 0 24px 0 !important;
  }
  
  .ai-partner-footer {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  
  /* FAQ section tablet */
  .ai-faq-section {
    padding: 60px 0 !important;
  }
  
  .container-faq {
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  
  .ai-faq-header {
    max-width: 820px !important;
    margin: 0 auto !important;
    text-align: center !important;
    margin-bottom: 32px !important;
  }
  
  .ai-faq-title {
    font-size: clamp(32px, 6vw, 40px) !important;
  }
  
  .ai-faq-subtitle {
    font-size: 16px !important;
  }
  
  /* Bottom CTA tablet */
  .ai-bottom-cta {
    padding: 60px 24px !important;
  }
  
  .container-cta {
    max-width: 100% !important;
    flex-direction: column !important;
    gap: 24px !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .ai-bottom-cta-text {
    font-size: 18px !important;
    margin-bottom: 0 !important;
    flex: none !important;
  }
  
  .ai-bottom-cta-btn {
    font-size: 16px !important;
    padding: 14px 28px !important;
    min-height: 48px !important;
  }
}

/* Mobile (≤640px) */
@media (max-width: 640px) {
  /* Hero section mobile - full screen */
  .ai-hero {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .ai-hero-gradient-top,
  .ai-hero-gradient-bottom {
    height: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }
  
  .ai-hero-bg {
    height: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }
  
  .ai-hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    padding: 80px 18px 32px !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    z-index: 2 !important;
  }
  
  .ai-badge {
    font-size: 12px !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
  }
  
  .ai-badge-icon {
    width: 18px !important;
    height: 18px !important;
  }
  
  .ai-hero-title {
    font-size: clamp(32px, 10vw, 48px) !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
  }
  
  .ai-spacer {
    width: 100% !important;
    height: 12px !important;
  }
  
  .ai-hero-cta {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    justify-content: center !important;
    margin-top: 8px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }
  
  .ai-hero-cta .btn {
    font-size: 13px !important;
    padding: 10px 16px !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    max-width: calc(50% - 4px) !important;
    width: auto !important;
  }
  
  /* Intro section mobile */
  .ai-intro-section {
    padding: 40px 0 !important;
  }
  
  .ai-intro-section .container-narrow {
    max-width: 680px !important;
    padding: 0 18px !important;
  }
  
  .ai-intro-text {
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: center !important;
  }
  
  /* What Is AI Automation section mobile */
  .ai-what-section {
    padding: 40px 0 !important;
  }
  
  .ai-what-section .container-narrow {
    max-width: 680px !important;
    padding: 0 18px !important;
  }
  
  .ai-section-title {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.3 !important;
    margin-bottom: 24px !important;
  }
  
  .ai-what-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 100% !important;
  }
  
  .ai-what-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  
  .ai-what-icon {
    width: 40px !important;
    height: 40px !important;
  }
  
  .ai-what-icon img {
    width: 24px !important;
    height: 24px !important;
  }
  
  .ai-what-title {
    font-size: 18px !important;
  }
  
  .ai-what-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  
  .ai-what-callout {
    max-width: 100% !important;
    padding: 20px !important;
    margin: 24px auto 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }
  
  .ai-callout-icon {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
  }
  
  .ai-callout-icon img {
    width: 24px !important;
    height: 24px !important;
  }
  
  .ai-what-callout p {
    font-size: 14px !important;
    text-align: left !important;
  }
  
  /* Services section mobile */
  .ai-services-section {
    padding: 40px 0 !important;
  }
  
  .ai-section-subtitle {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 18px !important;
    margin-bottom: 24px !important;
  }
  
  .ai-main-services {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 18px !important;
  }
  
  .ai-service-card {
    padding: 20px !important;
    gap: 12px !important;
  }
  
  .ai-service-icon {
    width: 40px !important;
    height: 40px !important;
  }
  
  .ai-service-icon img {
    width: 24px !important;
    height: 24px !important;
  }
  
  .ai-service-title {
    font-size: 16px !important;
  }
  
  .ai-service-desc {
    font-size: 14px !important;
  }
  
  .ai-services-section .container-narrow {
    max-width: 680px !important;
    padding: 0 18px !important;
  }
  
  .ai-section-footer {
    font-size: 14px !important;
    margin-top: 24px !important;
    text-align: center !important;
  }
  
  /* Industries section mobile */
  .ai-industries-section {
    padding: 40px 0 !important;
  }
  
  .ai-industries-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
    margin: 24px auto 16px !important;
  }
  
  /* Make 5th card full width on mobile */
  .ai-industries-grid .ai-industry-card:nth-child(5) {
    grid-column: 1 / -1 !important;
  }
  
  .ai-industry-card {
    padding: 14px !important;
    gap: 8px !important;
  }
  
  .ai-industry-icon {
    width: 32px !important;
    height: 32px !important;
  }
  
  .ai-industry-icon img {
    width: 18px !important;
    height: 18px !important;
  }
  
  .ai-industry-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  
  .ai-industry-desc {
    font-size: 11px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
  
  /* Why section mobile */
  .ai-why-section {
    padding: 40px 0 !important;
  }
  
  .ai-section-subtitle-bold {
    font-size: 16px !important;
    padding: 0 18px !important;
    margin-bottom: 24px !important;
  }
  
  .ai-why-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-why-card {
    padding: 20px !important;
    gap: 12px !important;
    flex-direction: row !important;
    align-items: flex-start !important;
  }
  
  .ai-why-icon {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
  }
  
  .ai-why-icon img {
    width: 24px !important;
    height: 24px !important;
  }
  
  .ai-why-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
  
  .ai-why-desc {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  .ai-why-callout {
    max-width: 100% !important;
    padding: 20px !important;
    margin: 24px auto 0 !important;
  }
  
  .ai-why-callout p {
    font-size: 14px !important;
  }
  
  /* Agency Services section mobile */
  .ai-agency-services-section {
    padding: 40px 0 !important;
  }
  
  .ai-detailed-services {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-detailed-card {
    padding: 18px !important;
    gap: 14px !important;
  }
  
  .ai-detailed-icon {
    width: 44px !important;
    height: 44px !important;
  }
  
  .ai-detailed-icon img {
    width: 22px !important;
    height: 22px !important;
  }
  
  .ai-detailed-content {
    gap: 8px !important;
  }
  
  .ai-detailed-content h3 {
    font-size: 17px !important;
    line-height: 20px !important;
  }
  
  .ai-detailed-content p {
    font-size: 13px !important;
    line-height: 18px !important;
  }
  
  /* Local section mobile */
  .ai-local-section {
    padding: 40px 0 !important;
  }
  
  .ai-local-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-local-card {
    padding: 14px !important;
    gap: 8px !important;
  }
  
  .ai-local-icon {
    width: 32px !important;
    height: 32px !important;
  }
  
  .ai-local-icon img {
    width: 18px !important;
    height: 18px !important;
  }
  
  .ai-local-card h3 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  
  .ai-local-card p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
  
  /* Trust section mobile */
  .ai-trust-section {
    padding: 40px 0 !important;
  }
  
  .ai-trust-section .container-narrow {
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-trust-box {
    max-width: 100% !important;
    padding: 24px 18px !important;
    gap: 20px !important;
    border-radius: 12px !important;
  }
  
  .ai-trust-box p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 0 20px 0 !important;
    max-width: 100% !important;
  }
  
  .ai-trust-btn {
    font-size: 14px !important;
    padding: 12px 24px !important;
    min-height: 44px !important;
    width: 100% !important;
    max-width: 280px !important;
  }
  
  /* Testimonials section mobile */
  .ai-testimonials-section {
    padding: 40px 0 !important;
  }
  
  .ai-testimonials-subtitle {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 18px !important;
    margin-bottom: 24px !important;
  }
  
  .ai-testimonials-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-testimonial-card {
    padding: 20px !important;
    gap: 16px !important;
  }
  
  .ai-quote-icon {
    width: 28px !important;
    height: 28px !important;
  }
  
  .ai-quote-icon img {
    width: 18px !important;
    height: 18px !important;
  }
  
  .ai-testimonial-text {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  .ai-testimonial-divider {
    max-width: 200px !important;
  }
  
  .ai-author-name {
    font-size: 14px !important;
  }
  
  .ai-author-title {
    font-size: 12px !important;
  }
  
  /* Tools section mobile */
  .ai-tools-section {
    padding: 40px 0 !important;
  }
  
  .ai-section-subtitle-wide {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 18px !important;
    margin-bottom: 24px !important;
  }
  
  .ai-tools-box {
    max-width: 100% !important;
    padding: 20px !important;
    margin: 0 auto 24px !important;
  }
  
  .ai-tools-highlight {
    font-size: 16px !important;
    margin-bottom: 16px !important;
  }
  
  .ai-tools-tags {
    gap: 8px !important;
    margin-bottom: 16px !important;
    flex-wrap: wrap !important;
  }
  
  .ai-tool-tag {
    font-size: 12px !important;
    padding: 6px 12px !important;
  }
  
  .ai-tools-footer {
    font-size: 14px !important;
  }
  
  .ai-integration-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-integration-card {
    padding: 16px !important;
    gap: 10px !important;
  }
  
  .ai-integration-icon {
    width: 36px !important;
    height: 36px !important;
  }
  
  .ai-integration-icon img {
    width: 20px !important;
    height: 20px !important;
  }
  
  .ai-integration-content h4 {
    font-size: 14px !important;
  }
  
  .ai-integration-content p {
    font-size: 12px !important;
  }
  
  .ai-integration-quote {
    max-width: 100% !important;
    padding: 20px 18px !important;
    margin: 24px auto 0 !important;
  }
  
  .ai-integration-quote p {
    font-size: 14px !important;
  }
  
  /* CTA sections mobile */
  .ai-cta-purple-section {
    padding: 40px 18px !important;
  }
  
  .ai-cta-title {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.3 !important;
    margin-bottom: 16px !important;
  }
  
  .ai-cta-subtitle {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
  }
  
  .ai-final-cta-section {
    padding: 40px 18px !important;
  }
  
  .container-cta-purple {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
  }
  
  .ai-final-cta-text {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
  }
  
  /* Partner section mobile */
  .ai-partner-section {
    padding: 40px 0 !important;
  }
  
  .ai-partner-services-section {
    padding: 40px 0 !important;
  }
  
  .ai-partner-services-section .container-narrow {
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-partner-services-box {
    max-width: 100% !important;
    padding: 24px 18px !important;
  }
  
  .ai-partner-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
  }
  
  .ai-partner-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }
  
  .ai-partner-item {
    gap: 10px !important;
    padding: 14px !important;
    align-items: flex-start !important;
  }
  
  .ai-partner-item svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }
  
  .ai-partner-item span {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  .ai-partner-divider {
    margin: 0 0 20px 0 !important;
  }
  
  .ai-partner-footer {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  /* FAQ section mobile */
  .ai-faq-section {
    padding: 40px 0 !important;
  }
  
  .container-faq {
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  
  .ai-faq-header {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    margin-bottom: 24px !important;
  }
  
  .ai-faq-kicker {
    font-size: 13px !important;
  }
  
  .ai-faq-title {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
  
  .ai-faq-subtitle {
    font-size: 14px !important;
  }
  
  /* Bottom CTA mobile */
  .ai-bottom-cta {
    padding: 30px 18px !important;
  }
  
  .container-cta {
    max-width: 100% !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .ai-bottom-cta-text {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
    flex: none !important;
  }
  
  .ai-bottom-cta-btn {
    font-size: 14px !important;
    padding: 12px 24px !important;
    min-height: 44px !important;
    width: 100% !important;
    max-width: 280px !important;
  }
  
  /* Scroll hint positioning */
  .ai-scroll-hint {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
  }
  
  /* Ensure hero content doesn't interfere with scroll hint */
  .ai-hero-content {
    pointer-events: none !important;
  }
  
  .ai-hero-content > * {
    pointer-events: auto !important;
  }
  
  /* Consistent section spacing */
  section {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
  }
  
  section:first-of-type {
    padding-top: 60px !important;
  }
}