@media (max-width: 1024px) {
  :root { --page: min(100% - 44px, 1400px); }
  .section { padding: 88px 0; }
  .hero { min-height: 650px; }
  .plugin-category { grid-template-columns: 1fr; gap: 32px; }
  .plugin-category ul { padding-left: 74px; }
  .site-footer { grid-template-columns: 1fr; justify-items: center; }
}

@media (max-width: 768px) {
  :root { --page: min(100% - 32px, 1400px); }
  .site-header { min-height: 70px; }
  .header-nav a:not(.store-link):not(:last-of-type) { display: none; }
  .header-nav { gap: 14px; }
  .hero { min-height: auto; padding: 92px 0 78px; }
  .hero h1 { font-size: clamp(3.2rem, 14vw, 6.5rem); }
  .section { padding: 72px 0; }
  .split-section { grid-template-columns: 1fr; gap: 18px; }
  .section-number { margin: 0; }
  .two-column-copy { grid-template-columns: 1fr; gap: 20px; }
  .section-heading { align-items: flex-start; flex-direction: column; margin-bottom: 32px; }
  .facts { grid-template-columns: 1fr; }
  .facts span + span { border-top: 1px solid var(--line); border-left: 0; }
  .value-list { grid-template-columns: repeat(2, 1fr); }
  .plugin-category ul { padding-left: 0; }
  .control-columns, .example-columns { grid-template-columns: 1fr; }
  .control-columns article, .control-columns article:first-child, .control-columns article:last-child,
  .example-columns article, .example-columns article:first-child, .example-columns article:last-child { padding: 28px 0; }
  .control-columns article + article, .example-columns article + article { border-top: 1px solid var(--line); border-left: 0; }
  .final-cta { padding-top: 90px; padding-bottom: 90px; }
}

@media (max-width: 480px) {
  :root { --page: min(100% - 24px, 1400px); }
  .brand { font-size: .9rem; }
  .brand img { width: 36px; height: 36px; }
  .header-nav a { font-size: .82rem; }
  .hero { padding-top: 72px; }
  .hero h1 { font-size: clamp(2.75rem, 14.5vw, 4.3rem); }
  .hero-text { margin-top: 24px; }
  .actions { width: 100%; }
  .button { width: 100%; }
  h2 { font-size: clamp(2.25rem, 12vw, 3.6rem); }
  .value-list, .plugin-category ul { grid-template-columns: 1fr; }
  .category-heading { grid-template-columns: 40px 1fr; gap: 10px; }
  .setup-steps li { grid-template-columns: 46px 1fr; gap: 10px; }
  .site-footer nav { gap: 12px 18px; }
}