@media (max-width: 620px) {
  .home-redesign .news-bar { height: 30px; padding-inline: 16px; font-size: 7px; }
  .home-redesign .news-track span:not(:first-child),
  .home-redesign .news-track i { display: none; }
  .home-redesign .home-header { height: 62px; padding-inline: 18px; }
  .home-redesign .home-brand img { width: 32px; height: 32px; }
  .home-redesign .home-brand b { font-size: 15px; }
  .home-redesign .home-menu { font-size: 8px; }

  .home-redesign .home-hero {
    width: 100%;
    padding: 30px 20px 28px;
    gap: 20px;
  }
  .home-redesign .hero-message { padding-left: 0; }
  .home-redesign .home-kicker { font-size: 7px; line-height: 1.5; letter-spacing: .17em; }
  .home-redesign .hero-message h1 { font-size: 36px; line-height: .98; margin: 14px 0; }
  .home-redesign .hero-message > p { font-size: 13px; line-height: 1.5; margin: 0; }
  .home-redesign .home-actions { margin-top: 20px; display: grid; gap: 8px; }
  .home-redesign .home-btn { min-width: 0; min-height: 44px; width: 100%; padding: 11px 13px; font-size: 9px; }
  .home-redesign .hero-showcase { min-height: 315px; }
  .home-redesign .hero-stage { height: 250px; margin-top: 4px; }
  .home-redesign .hero-scene { padding: 12px 22px 22px 5px; }
  .home-redesign .premium-browser { height: 205px; top: 18px; }
  .home-redesign .premium-phone { width: 66px; height: 145px; bottom: 14px; }
  .home-redesign .back-preview { top: 68px; height: 125px; }
  .home-redesign .premium-tool { height: 210px; top: 18px; }
  .home-redesign .premium-guides { height: 215px; top: 18px; }
  .home-redesign .hero-tabs { height: 44px; width: 88%; gap: 5px; }
  .home-redesign .hero-tabs button { padding-inline: 5px; gap: 4px; }
  .home-redesign .hero-tabs button b { font-size: 7px; }
  .home-redesign .hero-tabs span { font-size: 7px; }
  .home-redesign .hero-arrows button { width: 30px; height: 30px; }

  .refresh-start { padding: 38px 0 42px; }
  .refresh-heading { gap: 16px; margin-bottom: 20px; }
  .refresh-heading h2,
  .refresh-demo-head h2,
  .refresh-tool-intro h2 { font-size: 31px; line-height: 1; margin-top: 10px; }
  .refresh-heading > p { font-size: 13px; line-height: 1.55; }
  .refresh-eyebrow { font-size: 7px; }
  .refresh-choices { gap: 8px; }
  .refresh-choices > a { min-height: 128px; padding: 16px; }
  .refresh-choices h3 { margin: 18px 0 6px; font-size: 22px; }
  .refresh-choices p { font-size: 11px; line-height: 1.45; }
  .refresh-choices b { font-size: 7px; }

  .refresh-designs,
  .refresh-tools { padding-block: 45px; }
  .refresh-demo-head { gap: 16px; margin-top: 40px; }
  .refresh-site-grid .home-web-shot { height: 220px; }
  .catalog-stats { padding-block: 8px; }
  .catalog-stat { min-height: 76px; }
}

@media (max-width: 390px) {
  .home-redesign .hero-message h1 { font-size: 33px; }
  .refresh-heading h2,
  .refresh-demo-head h2,
  .refresh-tool-intro h2 { font-size: 28px; }
}