@media (max-width: 1180px) {
  .four-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .newsletter-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1080px) {
  .hero-grid,
  .two-col,
  .ai-grid,
  .cards-grid,
  .collection-list,
  .positioning-grid,
  .funnel-grid,
  .promise-box,
  .audience-grid,
  .newsletter-box {
    grid-template-columns: 1fr 1fr;
  }

  .books-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .nav-toggle {
    display: block;
  }

  .nav {
    position: absolute;
    top: 82px;
    left: 20px;
    right: 20px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(8, 14, 20, 0.96);
    border: 1px solid var(--line);
  }

  .nav.is-open {
    display: flex;
  }

  .hero-grid,
  .two-col,
  .ai-grid,
  .cards-grid,
  .collection-list,
  .books-grid,
  .contact-box,
  .footer-inner,
  .positioning-grid,
  .funnel-grid,
  .promise-box,
  .audience-grid,
  .newsletter-box,
  .four-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .hero {
    padding-top: 70px;
  }

  .hero-panel {
    min-height: auto;
  }

  .contact-box {
    display: grid;
    justify-content: stretch;
  }

  .footer-inner {
    display: grid;
  }
}

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

  .header-inner {
    min-height: 74px;
  }

  .brand-name {
    font-size: 1.45rem;
  }

  .brand-tag {
    font-size: 0.72rem;
  }

  .hero h1 {
    font-size: 2.9rem;
  }

  .section {
    padding: 72px 0;
  }

  .glass-card,
  .info-card,
  .collection-item,
  .book-content,
  .manifesto-box,
  .contact-box,
  .positioning-card,
  .promise-box,
  .funnel-card,
  .newsletter-box {
    padding: 22px;
  }

  .book-cover {
    height: 260px;
  }

  .hero-actions,
  .contact-actions,
  .compact-actions,
  .hero-metrics {
    flex-direction: column;
    align-items: stretch;
  }

  .btn {
    width: 100%;
  }

  .chat-shortcuts {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .chat-input {
    flex-direction: column;
  }

  .chat-input button,
  .newsletter-form button {
    width: 100%;
    min-height: 50px;
  }

  .floating-chat {
    bottom: 86px;
  }

  .floating-chat,
  .floating-whatsapp {
    width: 54px;
    height: 54px;
    right: 14px;
  }
}
@media (max-width: 1180px) {
  .four-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-form, .newsletter-form { grid-template-columns: 1fr; }
}

@media (max-width: 1080px) {
  .hero-grid, .two-col, .ai-grid, .cards-grid, .collection-list, .positioning-grid, .funnel-grid,
  .promise-box, .audience-grid, .newsletter-box, .resource-box, .launches-grid, .testimonials-grid {
    grid-template-columns: 1fr 1fr;
  }
  .books-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .nav-toggle { display: block; }
  .nav {
    position: absolute; top: 82px; left: 20px; right: 20px; display: none; flex-direction: column;
    align-items: flex-start; gap: 16px; padding: 18px; border-radius: 18px; background: rgba(8, 14, 20, 0.96); border: 1px solid var(--line);
  }
  .nav.is-open { display: flex; }
  .hero-grid, .two-col, .ai-grid, .cards-grid, .collection-list, .books-grid, .contact-box, .footer-inner,
  .positioning-grid, .funnel-grid, .promise-box, .audience-grid, .newsletter-box, .four-grid, .resource-box,
  .launches-grid, .testimonials-grid {
    grid-template-columns: 1fr; display: grid;
  }
  .hero { padding-top: 70px; }
  .hero-panel { min-height: auto; }
  .contact-box, .footer-inner { display: grid; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 28px, var(--container)); }
  .header-inner { min-height: 74px; }
  .brand-name { font-size: 1.45rem; }
  .brand-tag { font-size: 0.72rem; }
  .hero h1 { font-size: 2.9rem; }
  .section { padding: 72px 0; }
  .glass-card, .info-card, .collection-item, .book-content, .manifesto-box, .contact-box,
  .positioning-card, .promise-box, .funnel-card, .newsletter-box, .launch-card, .resource-box,
  .testimonial-card, .faq-item { padding: 22px; }
  .book-cover { height: 260px; }
  .hero-actions, .contact-actions, .compact-actions, .hero-metrics { flex-direction: column; align-items: stretch; }
  .btn { width: 100%; }
  .chat-shortcuts { display: grid; grid-template-columns: 1fr 1fr; }
  .chat-input { flex-direction: column; }
  .chat-input button, .newsletter-form button, .lead-form button { width: 100%; min-height: 50px; }
  .floating-chat { bottom: 86px; }
  .floating-chat, .floating-whatsapp { width: 54px; height: 54px; right: 14px; }
}