@media (max-width: 768px) {
  /* Nav */
  .nav__menu, .nav__actions { display: none; }
  .nav__hamburger { display: flex; }
  .nav__overlay { display: flex; }

  /* Hero — mitskalierend wie Chat .hero-h1 (statt fest 2.6rem); §4.3-Umbruch-Props erben aus base h1,h2,h3 */
  .hero__h1 { font-size: clamp(26px, 7vw, 30px); }
  .hero__ctas { flex-direction: column; }
  .hero__ctas .btn { width: 100%; justify-content: center; }

  /* Hero-Block mobil zentrieren (Desktop bleibt linksbündig).
     text-align:center zentriert Badge (inline-flex), Headline & Subtext;
     margin auto zentriert den max-width-begrenzten Subtext. */
  .hero__content { text-align: center; }
  .hero__sub { margin-left: auto; margin-right: auto; }

  /* §11 R10: Buttons mobil volle Containerbreite (Ausnahme: Nav/Burger).
     Final-CTA war noch auto-breit. */
  .cta-final .btn { width: 100%; justify-content: center; }

  /* Problem */
  .problem__stats {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  /* How */
  .how__steps {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  .how__steps::before { display: none; }

  /* Features */
  .features__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Demo */
  .demo { padding-top: 2rem; }
  /* Pricing */
  .pricing__grid {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .price-card--featured {
    transform: none;
  }
  .price-card--featured:hover { transform: translateY(-3px); }

  /* Comparison */
  .comparison-table th,
  .comparison-table td {
    padding: 0.65rem 0.6rem;
    font-size: 0.8rem;
  }

  /* Testimonial */
  .testimonial__card { padding: var(--space-lg) var(--space-md); }
  .testimonial__text { font-size: 1rem; }
  .testimonial__quote-mark { font-size: 4rem; top: 20px; left: 20px; }

  /* FAQ */
  .faq__question { font-size: 0.95rem; }

  /* Audio player */
  .audio-player { padding: var(--space-md); }
  .audio-player__header { gap: var(--space-sm); }

  /* Sections */
  section { padding: var(--space-xl) 0; }

  h2 { font-size: 1.75rem; }
}

@media (max-width: 480px) {
  .features__grid { grid-template-columns: 1fr; }
  .comparison-table { min-width: 520px; }
}

/* Footer Mobile */
@media (max-width: 768px) {
  .footer__inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .footer__meta,
  .footer__sub {
    text-align: center;
  }
}
/* §14 Desktop-Hero-Ausrichtung: reine Text-Hero (Badge/H1/Subline/CTAs, kein Bild)
   auf Desktop zentriert. Mobil (≤768px oben) bleibt unverändert zentriert. */
@media (min-width: 769px) {
  .hero__content { text-align: center; margin-left: auto; margin-right: auto; }
  .hero__sub { margin-left: auto; margin-right: auto; }
  .hero__ctas { justify-content: center; }
}