/* ============================================================
   DARESNI — RESPONSIVE BREAKPOINTS
   ============================================================ */

/* ── Tablet ≤1024px ── */
@media (max-width: 1024px) {
.hero__inner {
  text-align: center;
  gap: var(--s12);
}

.hero__left { align-items: center; }
.hero__badge { width: auto; }
.hero__sub { margin-inline: auto; }
.hero__search-wrap { max-width: 100%; }
.hero__ctas { justify-content: center; }
.hero__proof { justify-content: center; }

.phones-wrap {
  width: 280px;
  height: auto;
}


  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .journey-grid { grid-template-columns: 1fr; }
  .hiw-grid { grid-template-columns: 1fr; }
  .hiw-visual { order: -1; }

  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }

  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer-grid > .footer-brand { grid-column: 1 / -1; }
}

/* ── Mobile ≤768px ── */
@media (max-width: 768px) {
  :root {
    --tx-4xl: 2.25rem;
    --tx-3xl: 1.875rem;
    --tx-5xl: 2.75rem;
  }

  .section      { padding-block: var(--s16); }
  .section--lg  { padding-block: var(--s20); }
  .container    { padding-inline: var(--s4); }

  /* Nav */
  .nav-links, .nav-cta { display: none; }
  .nav-hamburger { display: flex; }

  /* Hero */
  .hero__h1 { font-size: clamp(1.8rem, 8vw, 2.2rem); }
.phones-wrap {
  width: 220px;
  height: auto;
}

  /* Grids */
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  /* Section headers */
  .section-title { font-size: var(--tx-2xl); }
  .section-sub   { font-size: var(--tx-base); }

  /* CTA */
  .hero__ctas { flex-direction: column; align-items: stretch; }
  .hero__ctas .btn { justify-content: center; }

  /* Download */
  .dl-title { font-size: var(--tx-3xl); }
  .dl-btns  { flex-direction: column; align-items: center; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > .footer-brand { grid-column: 1 / -1; }

  /* Quote card */
  .quote-card { padding: var(--s6); }
  .quote-card__text { font-size: var(--tx-lg); }
}

/* ── Small mobile ≤480px ── */
@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
  .stats-grid  { grid-template-columns: 1fr 1fr; }
  .logo-strip  { gap: var(--s6); }
  .store-btn   { width: 100%; max-width: 260px; justify-content: center; }
  .dl-btns     { align-items: stretch; max-width: 280px; margin-inline: auto; }
}
@media (max-width: 900px) {
  .home-learning-grid {
    grid-template-columns: repeat(2, minmax(280px, 320px));
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .home-learning-grid {
    grid-template-columns: minmax(0, 320px);
    justify-content: center;
  }
}