@media (max-width: 768px) {
  .feature-hero {
    padding: var(--sp-space-12) var(--sp-space-4);
  }

  .feature-hero-content {
    max-width: 100%;
  }

  .feature-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto var(--sp-space-4);
  }

  .feature-headline {
    font-size: var(--sp-text-3xl);
  }

  .feature-highlights {
    padding: var(--sp-space-12) 0;
  }

  .highlights-grid {
    grid-template-columns: 1fr;
    gap: var(--sp-space-4);
  }

  .highlight-item {
    padding: var(--sp-space-4);
  }

  .feature-content {
    padding: var(--sp-space-12) 0;
  }

  .feature-article h2 {
    font-size: var(--sp-text-2xl);
    margin-top: var(--sp-space-12);
  }

  .feature-article h3 {
    font-size: var(--sp-text-xl);
  }

  .related-features {
    padding: var(--sp-space-12) 0;
  }

  .related-grid {
    grid-template-columns: 1fr;
  }

  .feature-final-cta {
    padding: var(--sp-space-12) 0;
  }

  .cta-group {
    flex-direction: column;
    align-items: center;
  }
}


@media (max-width: 480px) {
  .container {
    padding: 0 var(--sp-space-2);
  }

  .feature-hero {
    padding: var(--sp-space-6) var(--sp-space-2);
  }

  .feature-headline {
    font-size: var(--sp-text-2xl);
  }

  .feature-subtitle {
    font-size: var(--sp-text-base);
  }

  .feature-highlights {
    padding: var(--sp-space-8) 0;
  }

  .feature-content {
    padding: var(--sp-space-8) 0;
  }

  .related-features {
    padding: var(--sp-space-8) 0;
  }

  .feature-final-cta {
    padding: var(--sp-space-8) 0;
  }
}