@media (min-width: 1280px) {
  .container { width: min(calc(100% - 48px), var(--container)); }
}

@media (max-width: 1023px) {
  :root { --header-height: 70px; }
  .topline { display: none; }
  .menu, .navbtn { display: none; }
  .hamb { display: grid; place-items: center; }
  .hero { min-height: auto; }
  .heroInner { grid-template-columns: 1fr; }
  .heroCard { max-width: 660px; }
  .grid4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .trustGrid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .trustGrid > div:nth-child(2) { border-right: 0; }
  .trustGrid > div:nth-child(-n+2) { border-bottom: 1px solid var(--color-border); }
  .salesBand { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .selectedProductGrid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .split, .split2, .contactGrid { grid-template-columns: 1fr; }
  .footGrid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
  .section { padding-block: var(--space-8); }
  .pageHero { padding: 4rem 0; }
  .grid2, .grid3, .grid4 { grid-template-columns: 1fr; }
  .heroSlide { padding: 4rem 0 5rem; }
  .heroCard { order: 2; padding: var(--space-5); }
  .heroProof { gap: .4rem; }
  .heroProof span { font-size: .74rem; }
  .salesBand { grid-template-columns: 1fr; }
  .processCard { grid-template-columns: 1fr; }
  .selectedProductToolbar { align-items: stretch; flex-direction: column; }
  .selectedProductSearch { max-width: none; }
  .selectedProductCount { white-space: normal; }
  .selectedProductGrid { grid-template-columns: 1fr; }
  .finalCta { align-items: flex-start; flex-direction: column; }
  .footGrid { grid-template-columns: 1fr; gap: var(--space-5); }
  .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .chatLauncher { bottom: 78px; right: 12px; }
  .chatPanel { right: 12px; bottom: 136px; max-height: calc(100vh - 160px); }
  .bottomNav { position: fixed; inset: auto 0 0; z-index: 150; display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--color-border); background: rgba(255,255,255,.97); backdrop-filter: blur(12px); box-shadow: 0 -8px 26px rgba(16,42,67,.08); }
  .bottomNav a, .bottomNav button { min-height: 62px; display: grid; place-items: center; align-content: center; gap: .1rem; background: transparent; color: var(--color-text-700); font-size: .68rem; }
  .bottomNav span { font-size: 1.1rem; }
  .footer { padding-bottom: 72px; }
}

@media (max-width: 639px) {
  .container, .wrap { width: min(calc(100% - 24px), var(--container)); }
  body { font-size: .96rem; line-height: 1.72; }
  h1 { line-height: 1.12; }
  .nav { min-height: 66px; }
  .brandmark { width: 40px; height: 40px; }
  .brand small { display: none; }
  .heroSlide { padding-top: 3.5rem; }
  .hero h1 { font-size: clamp(2rem, 10.5vw, 3.15rem); }
  .hero p { font-size: 1rem; line-height: 1.72; }
  .heroBtns, .finalCtaActions { align-items: stretch; flex-direction: column; }
  .heroBtns .btn, .finalCtaActions .btn { width: 100%; }
  .heroCard { padding: 1.15rem; border-radius: var(--radius-lg); }
  .heroCard b { font-size: 2.3rem; }
  .trustGrid { grid-template-columns: 1fr; }
  .trustGrid > div { border-right: 0; border-bottom: 1px solid var(--color-border); }
  .trustGrid > div:last-child { border-bottom: 0; }
  .quoteBox, .finalCta { border-radius: var(--radius-lg); }
  .gallery { grid-template-columns: 1fr; }
  .chatLauncher > div { display: none; }
  .chatLauncher { width: 52px; height: 52px; padding: 7px; border-radius: 50%; }
  .botFace { width: 100%; height: 100%; border-radius: 50%; }
}
@media (max-width: 1023px) { .cards3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .cards3 { grid-template-columns: 1fr; } }