/* ==========================================================
   Readmint — responsive.css
   Breakpoint overrides (mobile-first adjustments)
   ========================================================== */

/* Large tablets / small laptops */
@media (max-width: 991.98px) {
  .display-heading { font-size: 2.8rem; }
  .hero-grid { gap: 2.5rem; }
  .sticky-grid { gap: 2.5rem; }
  .section-heading h2 { font-size: 2rem; }
  .stat-num { font-size: 2.5rem; }
}

/* Tablets */
@media (max-width: 767.98px) {
  .hero { padding-top: 7rem; }
  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .hero-copy { order: 2; }
  .hero-phone-wrap { order: 1; margin-bottom: 1rem; }
  .lead-copy { margin-left: auto; margin-right: auto; }
  .hero-ctas { justify-content: center; }
  .hero-meta { justify-content: center; }
  .hero-phone { width: 240px; }
  .streak-card { left: 50%; transform: translateX(-50%); bottom: -16px; }

  .display-heading { font-size: 2.3rem; }

  .sticky-section { height: auto; }
  .sticky-inner { position: relative; height: auto; padding: 5rem 0; }
  .sticky-grid { grid-template-columns: 1fr; text-align: center; }
  .sticky-text p { margin-left: auto; margin-right: auto; }
  .sticky-dots { justify-content: center; }
  .sticky-phone-wrap { margin-top: 2.5rem; }
  .sticky-phone-wrap .phone-shell { width: 240px; }

  .features-section, .timeline-section, .stats-section, .reviews-section, .cta-section { padding: 4.5rem 0; }

  .cta-section h2 { font-size: 2rem; }

  .footer-inner { flex-direction: column; text-align: center; }

  .mq-card { width: 120px; }
  .mq-card img { height: 220px; }
}

/* Phones */
@media (max-width: 575.98px) {
  .display-heading { font-size: 1.95rem; }
  .lead-copy { font-size: 1rem; }
  .section-heading h2 { font-size: 1.7rem; }
  .stat-num { font-size: 2.1rem; }
  .review-slide { padding: 1.6rem; }
  .review-slide p { font-size: 1.05rem; }
  .review-carousel { height: 260px; }
  .btn-lg { padding: 0.85rem 1.4rem; font-size: 0.92rem; }
  .cta-phone .phone-shell { width: 180px; }
  .demo-box { margin: 0 1rem; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}