/* 1280px */
@media (max-width: 1280px) {
  .nav { width: 94%; }
  .nav__menu a { padding: .5rem .7rem; font-size: .8125rem; }
}

/* 1024px — Tablet */
@media (max-width: 1024px) {
  :root { --space-10: 6rem; --space-9: 4rem; }
  .nav__menu, .nav__cta { display: none; }
  .nav__burger { display: flex; }
  .hero__inner { grid-template-columns: 1fr; gap: var(--space-8); text-align: left; }
  .hero__visual { max-width: 500px; margin-inline: auto; }
  .eco-grid { grid-template-columns: repeat(2, 1fr); }
  .eco-card--lg { grid-column: span 2; grid-row: span 1; }
  .eco-card--tall { grid-row: span 1; }
  .platform__grid, .platform__grid--reverse, .split__grid { grid-template-columns: 1fr; gap: var(--space-7); }
  .platform__grid--reverse .platform__media, .split--reverse .split__grid > :first-child { order: -1; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .journey { grid-template-columns: repeat(2, 1fr); }
  .journey__stage:nth-child(5) { grid-column: 1 / -1; }
  .vision__grid { grid-template-columns: 1fr; }
  .approach { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
  .about-editorial { grid-template-columns: 1fr; gap: var(--space-7); }
  .ecosystem-story { grid-template-columns: repeat(2, 1fr); }
}

/* 768px */
@media (max-width: 768px) {
  :root {
    --space-10: 5rem; --space-9: 3rem; --space-8: 2.5rem;
    --fs-display: clamp(2.25rem, 9vw, 3.25rem);
    --fs-h2: clamp(1.65rem, 6vw, 2.25rem);
  }
  .nav { top: 14px; height: 64px; padding-inline: var(--space-3) var(--space-3); border-radius: 18px; }
  .hero { padding-top: calc(80px + var(--space-8)); }
  .eco-grid { grid-template-columns: 1fr; grid-auto-rows: 200px; }
  .eco-card--lg, .eco-card--tall { grid-column: auto; grid-row: auto; }
  .services-grid { grid-template-columns: 1fr; }
  .journey { grid-template-columns: 1fr; }
  .journey__stage:nth-child(5) { grid-column: auto; }
  .approach { grid-template-columns: 1fr; }
  .ecosystem-story { grid-template-columns: 1fr; }
  .platform__media .device--phone { width: 55%; }
  .platform__media .device--browser { width: 90%; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
}

/* 600px */
@media (max-width: 600px) {
  :root { --container: 92vw; --space-10: 4rem; --space-9: 2.5rem; --space-8: 2rem; }
  .btn { padding: .8rem 1.2rem; font-size: .75rem; }
  .btn--lg { padding: .95rem 1.6rem; }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .btn { justify-content: center; }
  .feature-list { grid-template-columns: 1fr; }
}

/* 480px */
@media (max-width: 480px) {
  :root {
    --fs-display: clamp(1.85rem, 10vw, 2.5rem);
    --fs-h2: clamp(1.4rem, 7vw, 1.75rem);
  }
  .nav { height: 58px; }
  .platform__media .device--phone { width: 68%; }
  .platform__media .device--browser { width: 100%; }
}

/* 375px */
@media (max-width: 375px) {
  .btn { padding: .75rem 1rem; font-size: .6875rem; }
  .nav { height: 56px; }
}