@media (max-width: 1050px) {
  .main-nav { gap: 17px; }
  .nav-cta { display: none; }
  .hero-grid { gap: 35px; }
  .product-grid { grid-template-columns: 1fr 1fr; }
  .product-card { min-height: 360px; }
  .footer-top { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-col:last-child { grid-column: 2 / 4; }
  .about-grid, .services-grid, .quote-wrap { gap: 55px; }
}

@media (max-width: 820px) {
  :root { --container: min(100% - 28px, 720px); }
  .section { padding: 85px 0; }
  .site-header { padding: 12px 0; }
  .main-nav { position: fixed; inset: 0; background: #fffdf8; display: flex; flex-direction: column; justify-content: center; gap: 26px; transform: translateX(100%); transition: .4s; z-index: -1; }
  .main-nav.open { transform: none; }
  .main-nav a { font: 800 25px "Manrope", "Segoe UI", sans-serif; }
  .menu-toggle { display: block; z-index: 3; }
  .menu-toggle.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .menu-toggle.open span:nth-child(2) { opacity: 0; }
  .menu-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .hero { min-height: auto; padding: 135px 0 105px; }
  .hero-grid, .about-grid, .products-head, .services-grid, .quote-wrap { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-copy > p { margin-inline: auto; }
  .hero-actions, .hero-trust { justify-content: center; }
  .hero-visual { max-width: 610px; margin: 20px auto 0; }
  .about-grid { gap: 35px; }
  .values-grid { grid-template-columns: 1fr; }
  .products-head { gap: 20px; }
  .quote-copy { position: static; }
  .contact-head { display: block; }
  .contact-grid { grid-template-columns: 1fr 1fr; }
  .address-card { grid-column: 1 / -1; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-col:last-child { grid-column: auto; }
  .floating-top { left: -2%; }
  .floating-bottom { right: -2%; }
  .loader-shell { min-height: calc(100vh - 30px); }
}

@media (max-width: 560px) {
  .brand img { width: 40px; height: 40px; }
  .brand strong { font-size: 15px; }
  .hero h1 { font-size: 45px; }
  .hero-actions { flex-direction: column; }
  .hero-trust { gap: 17px; }
  .hero-trust strong { font-size: 24px; }
  .hero-trust span { font-size: 10px; }
  .floating-card { display: none; }
  .product-grid, .contact-grid, .form-row, .footer-top { grid-template-columns: 1fr; }
  .address-card { grid-column: auto; }
  .quote-form, .service-panel { padding: 26px; }
  .section-heading h2, .contact-head h2, .quote-copy h2, .service-panel h2 { font-size: 38px; }
  .footer-brand { grid-column: auto; }
  .footer-col:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: 10px; }
  .step { grid-template-columns: 48px 1fr; }
  .market-strip { transform: none; }
  .product-card { min-height: 330px; }
  .loader-shell { width: min(100% - 28px, 520px); padding-block: 18px; }
  .loader-emblem { width: 174px; }
  .loader-logo-wrap { width: 96px; border-radius: 28px; }
  .loader-brand { margin-top: -12px; }
  .loader-brand strong { font-size: 34px; letter-spacing: .08em; }
  .loader-brand small { font-size: 9px; letter-spacing: .27em; }
  .loader-progress-wrap { margin: 28px auto 30px; }
  .loader-meta { font-size: 8px; letter-spacing: .12em; }
  .loader-meta span:last-child { text-align: right; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
  .site-loader.is-complete { display: none; }
}