@media (max-width: 1240px) {
  .hero__content { max-width: 560px; }
  .hero__title { font-size: 52px; }
  .chat { width: 420px; }
}

@media (max-width: 1100px) {
  :root { --gutter: 32px; --header-top: 16px; --header-h: 72px; }

  .header__bar { padding: 0 14px 0 28px; }

  .hero { min-height: 0; padding: 138px 0 96px; }
  .hero__inner { flex-direction: column; align-items: stretch; gap: 0; }
  .hero__content { max-width: 680px; }
  .hero__title { margin-top: 24px; font-size: 48px; line-height: 1.12; }
  .hero__lead { max-width: 640px; margin-top: 24px; font-size: 18px; line-height: 1.55; }
  .hero__ctas { margin-top: 40px; }
  .chat { width: 100%; max-width: 456px; margin: 56px auto 0; }
  .hero__watermark { font-size: 200px; bottom: -40px; }

  .hero__glow {
    background:
      radial-gradient(ellipse 520px 520px at 80% 40%, rgba(106, 44, 240, 0.6), transparent 70%),
      radial-gradient(ellipse 700px 600px at 50% 0%, rgba(138, 56, 245, 0.4), transparent 72%);
  }
}

@media (max-width: 767px) {
  :root { --gutter: 20px; --header-top: 12px; --header-h: 60px; }

  .header { padding: 0 16px; }
  .header__bar { padding: 0 8px 0 18px; gap: 8px; }
  .btn--tg { height: 44px; padding: 0 14px 0 12px; gap: 6px; font-size: 13px; }
  .logo__word { font-size: 19px; }
  .logo__beta { font-size: 12px; padding: 2px 8px 3px; }

  .hero { padding: 106px 0 72px; }
  .pill-badge { height: 30px; font-size: 12px; }
  .hero__title { margin-top: 20px; font-size: 32px; line-height: 1.25; }
  .hero__lead { margin-top: 20px; font-size: 16px; line-height: 1.6; }
  .hero__ctas { flex-direction: column; margin-top: 32px; }
  .hero__ctas .btn { width: 100%; height: 60px; padding: 0 20px; }
  .chat { max-width: none; margin-top: 40px; padding: 16px 16px 14px; }
  .bubble { font-size: 14px; }
  .hide-mobile { display: none; }
  .hero__watermark { font-size: 110px; bottom: -20px; }

  .hero__glow {
    background:
      radial-gradient(ellipse 360px 520px at 80% 35%, rgba(106, 44, 240, 0.62), transparent 70%),
      radial-gradient(ellipse 500px 420px at 30% 0%, rgba(138, 56, 245, 0.4), transparent 72%);
  }
}

@media (max-width: 360px) {
  .hero__title { font-size: 28px; }
  .chat__actions .btn { padding: 0 12px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}