@media (max-width: 980px) {
  .preview-header__actions { display: flex; align-items: center; gap: 8px; }
  .preview-menu-toggle { display: inline-flex; width: 36px; height: 36px; padding: 0; border: 1px solid #e1e8f0; border-radius: 10px; background: #fff; align-items: center; justify-content: center; flex-direction: column; gap: 4px; cursor: pointer; }
  .preview-menu-toggle span { width: 16px; height: 1.5px; border-radius: 99px; background: #0b1f3a; transition: transform .18s ease, opacity .18s ease; }
  .preview-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
  .preview-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .preview-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }
  .preview-mobile-menu { border-top: 1px solid #edf2f7; background: rgba(255,255,255,.98); box-shadow: 0 14px 30px rgba(11,31,58,.06); }
  .preview-mobile-menu__nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding-top: 10px; padding-bottom: 12px; }
  .preview-mobile-menu__nav a { display: flex; align-items: center; min-height: 38px; padding: 0 12px; border: 1px solid #edf2f7; border-radius: 10px; color: #334155; background: #fff; text-decoration: none; font-size: 11px; font-weight: 500; }
  .preview-mobile-menu__nav a:hover { color: #2563eb; border-color: #dbe7f5; background: #f8fbff; }
}

@media (min-width: 981px) {
  .preview-menu-toggle,
  .preview-mobile-menu { display: none !important; }
}

@media (max-width: 640px) {
  .st-container { width: min(100% - 28px, 1180px); }

  .preview-header__inner { min-height: 56px; }
  .preview-brand__logo { width: 116px; height: 36px; }
  .preview-header__cta { height: 32px; padding: 0 10px; font-size: 9.2px; }
  .preview-menu-toggle { width: 34px; height: 34px; border-radius: 9px; }
  .preview-mobile-menu__nav { grid-template-columns: 1fr; padding-top: 9px; padding-bottom: 10px; }
  .preview-mobile-menu__nav a { min-height: 36px; font-size: 10.5px; }

  .preview-hero { padding: 28px 0 34px; }
  .preview-hero::before { width: 300px; height: 300px; top: -205px; right: -80px; }
  .preview-hero__grid { gap: 22px; }
  .preview-hero__content { max-width: none; }
  .preview-hero h1 { max-width: none; margin-bottom: 12px; font-size: 23px; line-height: 1.52; letter-spacing: -.018em; }
  .preview-hero p { max-width: none; font-size: 12.2px; line-height: 1.85; }
  .preview-hero__secondary { margin-top: 6px !important; font-size: 11.5px !important; }
  .preview-hero__actions { margin-top: 16px; gap: 8px; }
  .preview-btn { min-height: 36px; font-size: 10px; border-radius: 9px; }
  .preview-image-wrap { border-radius: 13px; }

  .preview-section { padding: 32px 0; }
  .preview-section__grid { gap: 22px; }
  .preview-section h2,
  .preview-catalog h2,
  .preview-trust h2,
  .preview-blog-grid h2,
  .preview-original-media h2 { font-size: 21px; line-height: 1.58; }
  .preview-section p,
  .preview-catalog p,
  .preview-trust p,
  .preview-blog-grid p,
  .preview-original-media p { font-size: 11.8px; line-height: 1.85; }
  .preview-eyebrow { min-height: 24px; padding: 0 8px; font-size: 9.5px; }
  .preview-service-list span { font-size: 10px; padding-block: 8px; }

  .preview-original-media { padding: 30px 0; }
  .preview-original-media__grid { gap: 7px; }
  .preview-original-media__item,
  .preview-original-media__item--wide { aspect-ratio: 1 / .84; padding: 4px; }

  .preview-catalog,
  .preview-trust { padding: 34px 0; }
  .preview-category-card { min-height: 78px; padding: 13px 14px; }
  .preview-category-card strong { font-size: 11.5px; }
  .preview-category-card span { font-size: 9.5px; }

  .preview-trust__items > div { padding: 13px; }
  .preview-trust__items strong { font-size: 11.3px; }
  .preview-trust__items span { font-size: 9.7px; }

  .preview-blog-grid { padding: 32px 0; }
  .preview-blog-card__body { padding: 12px 13px 14px; }
  .preview-blog-card h3 { font-size: 11.5px; }

  .preview-footer { padding-top: 28px; }
  .preview-footer__grid { gap: 18px; padding-bottom: 24px; }
  .preview-footer h3 { font-size: 11.5px; }
  .preview-footer p,
  .preview-footer a { font-size: 10px; line-height: 1.8; }
  .preview-footer__bottom { font-size: 9.5px; }
}

@media (max-width: 390px) {
  .st-container { width: min(100% - 24px, 1180px); }
  .preview-brand__logo { width: 104px; }
  .preview-header__cta { display: none; }
  .preview-hero h1 { font-size: 22px; }
  .preview-hero p { font-size: 11.8px; }
  .preview-original-media__grid { grid-template-columns: 1fr; }
}