/* Static production refinements */
:root {
  --blue: #0c3bff;
  --ink: #121416;
  --warm: #f7f7f5;
  --pale: #e8eceb;
  --line: #d6d8d4;
}

body { overflow-x: hidden; }
.brand img { max-width: 184px; height: auto; }
.hero-v2 { overflow: hidden; isolation: isolate; }
.hero-v2::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(90deg,rgba(10,12,14,.72),rgba(10,12,14,.18)),url('../images/hero-concrete-patio.webp'); background-position: center; background-size: cover; transform: scale(1.025); animation: mettanoHeroDrift 32s ease-in-out infinite alternate; }
.hero-v2 { background: none !important; }
@keyframes mettanoHeroDrift { to { transform: scale(1.05) translate3d(-.45%,-.3%,0); } }

@media (max-width: 1024px) {
  .faq-intro { position: static !important; top: auto !important; }
  .rely-horizontal.is-horizontal { height: auto !important; }
  .rely-horizontal.is-horizontal .rely-track { display: block !important; width: auto !important; height: auto !important; transform: none !important; }
  .rely-horizontal.is-horizontal .rely-panel { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 72px 0 !important; }
  .rely-horizontal.is-horizontal .rely-panel-inner { width: min(100% - 48px,1140px) !important; }
  .rely-panel-inner { grid-template-columns: 1fr 1fr; gap: 44px; }
}

@media (max-width: 600px) {
  .rely-panel-inner { grid-template-columns: 1fr; gap: 28px; }
  .rely-image { display: block !important; height: 280px; }
  .rely-progress button { align-items: flex-start; }
  .rely-progress button span { flex: 0 0 auto; }
  .rely-progress button { overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero-v2::before { transform: scale(1.025); }
}