@media (max-width: 1080px) {
  .hero-grid,
  .two-column,
  .lead-grid {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    max-width: 720px;
    margin-inline: auto;
  }

  .feature-grid,
  .benefit-grid,
  .included-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .trust-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .trust-grid div:nth-child(4) {
    border-left: 0;
  }
}

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

  .section {
    padding: 78px 0;
  }

  .nav-toggle {
    display: block;
  }

  .nav-menu {
    position: absolute;
    inset: 76px 14px auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--radius);
    background: rgba(11, 31, 58, .96);
    box-shadow: 0 28px 80px rgba(0,0,0,.28);
  }

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

  .nav-menu a {
    padding: 13px 12px;
  }

  .nav-menu .btn {
    margin-top: 8px;
  }

  .hero {
    padding: 66px 0 72px;
  }

  .hero-grid {
    gap: 34px;
  }

  .hero-actions .btn {
    flex: 1 1 180px;
  }

  .pricing-grid,
  .testimonial-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .pricing-card.featured {
    transform: none;
  }

  .final-cta-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  h1 {
    font-size: 2.55rem;
  }

  h2 {
    font-size: 2rem;
  }

  .hero-subtitle {
    font-size: 1.05rem;
  }

  .trust-grid,
  .feature-grid,
  .benefit-grid,
  .included-grid,
  .metric-panel,
  .lead-form {
    grid-template-columns: 1fr;
  }

  .trust-grid div {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .trust-grid div:first-child {
    border-top: 0;
  }

  .compare-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .feature-card,
  .pricing-card,
  .review-card,
  .lead-form {
    padding: 22px;
  }

  .lead-form label:nth-last-of-type(1),
  .lead-form label:nth-last-of-type(2),
  .lead-form .btn,
  .form-note {
    grid-column: auto;
  }

  .floating-whatsapp {
    right: 14px;
    bottom: 14px;
    width: 54px;
    height: 54px;
  }

  .sticky-cta {
    bottom: 82px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }

  body {
    background: #08172a;
    color: #e5edf7;
  }

  .section:not(.section-dark),
  .section-tint,
  .lead-section {
    background: #08172a;
  }

  .trust-bar,
  .compare-card,
  .feature-card,
  .pricing-card:not(.featured),
  .metric-panel div,
  .review-card,
  .faq-item,
  .lead-form {
    background: #10233e;
    border-color: rgba(148, 163, 184, .22);
  }

  .section-heading p:not(.eyebrow),
  .section-copy p:not(.eyebrow),
  .feature-card p,
  .pricing-card li,
  .review-card p,
  .faq-item p,
  .form-note,
  .metric-panel span,
  .trust-grid span {
    color: #a7b6c8;
  }

  .faq-item button,
  .lead-form label,
  .trust-grid strong,
  .metric-panel strong,
  .review-card span,
  .btn-outline {
    color: #e5edf7;
  }

  .lead-form input,
  .lead-form textarea,
  .lead-form select {
    color: #e5edf7;
    background: #08172a;
    border-color: rgba(148, 163, 184, .28);
  }
}

@media (max-width: 1080px) {
  .footer-logo { height: 52px; }
  .site-header .nav-brand .nav-logo { height: 52px; }
  .site-header .nav-menu { gap: 13px; font-size: .82rem; }
  .header-whatsapp { padding-inline: 11px; }
  .header-order { padding-inline: 20px; }
}

@media (max-width: 860px) {
  .top-benefits span:not(:first-child),
  .top-whatsapp strong { display: none; }
  .top-info-inner { gap: 10px; }
  .top-whatsapp { font-size: .72rem; }
  .site-header .nav-menu {
    inset: 115px 14px auto;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 56px rgba(15, 23, 42, .18);
  }
  .site-header .nav-menu > a::after { display: none; }
  .header-actions { margin: 8px 0 0; }
  .header-order, .header-whatsapp { flex: 1 1 0; padding-inline: 10px; }
}

@media (max-width: 640px) {
  .footer-logo { height: 46px; }
  .site-header .nav { gap: 12px; }
  .site-header .nav-brand .nav-logo { height: 46px; }
  .top-info-bar { font-size: .68rem; }
  .trust-badges-nav { justify-content: flex-start; }
}