@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@600;700;800&display=swap');

:root {
  --bg: #f3f7fb;
  --surface: #ffffff;
  --surface-2: #eef5ff;
  --text: #102033;
  --muted: #5f6f82;
  --primary: #0b6efd;
  --primary-dark: #0848a8;
  --accent: #1fd3c6;
  --border: #d8e3ee;
  --shadow: 0 18px 50px rgba(16, 32, 51, 0.08);
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(11, 110, 253, 0.12), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);
  line-height: 1.6;
}
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
a.card, a.feature-card, a.info-card { color: inherit; text-decoration: none; display: block; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
a.card:hover, a.feature-card:hover, a.info-card:hover { text-decoration: none; }
main { display: block; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-grid > *, .section-title, .card, .feature-card, .info-card, .photo-card, .badge, .hero-image { animation: fadeUp .7s ease both; }
.hero-grid > *:nth-child(2), .grid-3 > *:nth-child(2), .split > *:nth-child(2) { animation-delay: .08s; }
.grid-3 > *:nth-child(3), .split > *:nth-child(3) { animation-delay: .16s; }
.grid-3 > *:nth-child(4) { animation-delay: .22s; }
.grid-3 > *:nth-child(5) { animation-delay: .28s; }
.grid-3 > *:nth-child(6) { animation-delay: .34s; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media (max-width: 1600px) {
  .section { padding: 2.3rem 0; }
  .hero { padding: 2.6rem 0 2rem; }
  .promo-content { padding: 1.35rem 0 2.5rem; }
}
@media (max-width: 1280px) {
  .hero-grid, .contact-grid, .promo-support { grid-template-columns: 1fr; }
  .grid-3, .grid-2, .split, .area-grid, .trust-strip, .photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-badges, .stats, .promo-points, .promo-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .section { padding: 2.3rem 0; }
  .hero { padding: 2.6rem 0 2rem; }
  .promo-content { padding: 1.35rem 0 2.5rem; }
}
@media (max-width: 860px) {
  .contact-grid, .trust-strip, .area-grid, .promo-grid, .hero-grid, .split, .grid-3, .grid-2, .photo-grid { grid-template-columns: 1fr; }
}
img { max-width: 100%; display: block; }
.container { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(216, 227, 238, 0.8);
}
.site-footer {
  border-top: 1px solid var(--border);
  background: var(--surface);
  margin-top: 2rem;
}
.nav-wrap, .footer-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  flex-wrap: wrap;
}
.footer-stack { padding: 1.2rem 0; }
.footer-grid { align-items: flex-start; }
.footer-grid p { margin: 0; }
.footer-meta { color: var(--muted); max-width: 60ch; margin-top: .35rem !important; }
.footer-links, .footer-contact { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; }
.footer-links a, .footer-contact a { color: var(--text); font-weight: 700; }
.footer-links a:hover, .footer-contact a:hover { color: var(--primary-dark); text-decoration: none; }
.brand {
  display: inline-flex;
  align-items: center;
}
.brand-text {
  display: block;
  max-width: 220px;
  font-size: 1rem;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.03em;
  color: var(--text);
}
.nav { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.nav-actions {
  display: flex;
  gap: .75rem;
  align-items: center;
}
.nav a {
  color: var(--text);
  font-weight: 600;
  padding: .65rem .95rem;
  border-radius: 999px;
}
.nav a:hover,
.nav a:focus-visible {
  background: var(--surface-2);
  text-decoration: none;
}
.hero { padding: clamp(3rem, 5vw, 5rem) 0 2.5rem; }
.hero-grid, .split, .grid-2 { display: grid; gap: 1.5rem; align-items: start; }
.hero-grid { grid-template-columns: 1.15fr .95fr; }
.split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.section { padding: clamp(2.5rem, 4vw, 4rem) 0; }
.section.alt { background: rgba(11, 110, 253, 0.05); }
.section-title { margin-bottom: 1.25rem; }
.eyebrow {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--primary-dark);
  font-size: .8rem;
  font-weight: 800;
  margin: 0 0 .75rem;
}
h1, h2, h3 { line-height: 1.1; margin-top: 0; letter-spacing: -0.04em; font-family: Manrope, Inter, system-ui, sans-serif; }
h1 { font-size: clamp(2.3rem, 4.2vw, 4.4rem); margin-bottom: 1rem; }
h2 { font-size: clamp(1.5rem, 2.3vw, 2.2rem); margin-bottom: .75rem; }
h3 { font-size: 1.1rem; margin-bottom: .5rem; }
.lead { font-size: clamp(1.05rem, 1.4vw, 1.12rem); color: var(--muted); max-width: 60ch; }
.card, .feature-card, .info-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(216, 227, 238, 0.95);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow);
  height: 100%;
}
.card h3, .feature-card h3, .info-card h3 { margin-bottom: .35rem; }
.card p:last-child, .feature-card p:last-child, .info-card p:last-child { margin-bottom: 0; }
.grid-2 > *, .grid-3 > *, .split > * { height: 100%; }
.card:hover, .feature-card:hover, .info-card:hover { transform: translateY(-4px); box-shadow: 0 22px 60px rgba(16, 32, 51, 0.11); }
.link-card {
  position: relative;
  padding-bottom: 2.2rem;
}
.link-card::after {
  content: "View page →";
  position: absolute;
  left: 1.25rem;
  bottom: 1rem;
  color: var(--primary-dark);
  font-weight: 800;
  font-size: .95rem;
}
.link-card p { padding-right: 1rem; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  background: linear-gradient(135deg, #f05a28, #d94b1f);
  color: #fff;
  padding: .95rem 1.25rem;
  border-radius: 999px;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(240, 90, 40, .24);
  border: 1px solid transparent;
}
.button:hover { text-decoration: none; background: linear-gradient(135deg, #d94b1f, #bf3f18); }
.button-secondary {
  background: #fff;
  color: var(--text);
  border-color: var(--border);
  box-shadow: none;
}
.button-secondary:hover { background: var(--surface-2); color: var(--text); }
.cta-row { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.35rem; }
.hero-media {
  position: relative;
  display: grid;
  gap: .9rem;
}
.hero-image {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(216, 227, 238, 0.9);
  background: #fff;
  aspect-ratio: 4 / 3;
}
.hero-image img { width: 100%; height: 100%; object-fit: cover; }
.hero-image-top img { object-position: center top; }
.hero-logo-frame { display: flex; align-items: center; justify-content: center; background: #fff; }
.hero-logo-frame img { object-fit: contain; padding: 2rem; }
.photo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.photo-card {
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}
.photo-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.photo-card figcaption {
  padding: .9rem 1rem 1rem;
  font-weight: 800;
  color: var(--text);
}
.photo-card span { display: block; color: var(--muted); font-weight: 500; margin-top: .2rem; }
.hero-badges, .stats { display: grid; gap: .75rem; }
.hero-badges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.badge {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: .9rem;
  text-align: center;
  font-weight: 700;
  color: var(--text);
  box-shadow: var(--shadow);
}
.stats { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; }
.stat {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 1rem;
}
.stat strong { display: block; font-size: 1.45rem; margin-bottom: .2rem; }
.stat span { color: var(--muted); font-size: .95rem; }
.service-card img, .media-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid var(--border);
  margin-bottom: 1rem;
  background: #fff;
}
.service-card p, .card p, .feature-card p, .info-card p { color: var(--muted); }
.area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.area-card { padding: 1.4rem; }
.chip-list { display: flex; flex-wrap: wrap; gap: .55rem; }
.contact-methods { margin-bottom: 1.5rem; }
.contact-method-card h2 { font-size: 1.35rem; margin-bottom: .45rem; }
.contact-method-card a { color: inherit; }
.contact-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 1.5rem; align-items: start; }
.contact-form-card, .map-card { padding: 1.5rem; }
.area-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-weight: 800;
  color: var(--primary-dark);
  margin: .25rem 0 1rem;
}
.service-zone-stack {
  display: grid;
  gap: .85rem;
  margin-bottom: 1rem;
}
.zone-card {
  padding: 1rem 1.05rem;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: var(--shadow);
}
.zone-primary {
  background: linear-gradient(135deg, rgba(11, 110, 253, 0.08), rgba(31, 211, 198, 0.08));
}
.zone-card strong { display: block; margin-bottom: .2rem; }
.zone-card span { color: var(--muted); }
.trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.trust-item {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 1rem 1.1rem;
  box-shadow: var(--shadow);
}
.trust-item strong { display: block; margin-bottom: .2rem; font-size: 1rem; }
.trust-item span { color: var(--muted); font-size: .95rem; }
.map-visual {
  position: relative;
  min-height: 320px;
  border-radius: 24px;
  overflow: hidden;
  margin: 1rem 0;
  background:
    radial-gradient(circle at 20% 25%, rgba(11, 110, 253, 0.12), transparent 18%),
    radial-gradient(circle at 80% 30%, rgba(31, 211, 198, 0.14), transparent 18%),
    radial-gradient(circle at 55% 75%, rgba(240, 90, 40, 0.10), transparent 20%),
    linear-gradient(135deg, #f8fbff, #eef5ff);
  border: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.map-visual::before,
.map-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16,32,51,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,32,51,.05) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
}
.map-visual::after {
  inset: auto;
  left: 10%;
  right: 10%;
  top: 48%;
  height: 8px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
  transform: rotate(-10deg);
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(16,32,51,.04);
}
.service-zone-stack {
  display: grid;
  gap: .85rem;
  margin-bottom: 1rem;
}
.zone-card {
  padding: 1rem 1.05rem;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: var(--shadow);
}
.zone-primary {
  background: linear-gradient(135deg, rgba(11, 110, 253, 0.08), rgba(31, 211, 198, 0.08));
}
.zone-card strong { display: block; margin-bottom: .2rem; }
.zone-card span { color: var(--muted); }
.map-chips { margin-top: .75rem; }
.chip {
  display: inline-flex;
  align-items: center;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: var(--surface-2);
  border: 1px solid var(--border);
  color: var(--text);
  font-weight: 700;
  font-size: .92rem;
}
.check-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
}
.check-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: .7rem;
}
.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .5rem;
  width: .7rem;
  height: .7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.faq details {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 1rem 1.1rem;
  margin-bottom: .8rem;
  box-shadow: var(--shadow);
}
.faq details[open] { border-color: rgba(11, 110, 253, 0.28); box-shadow: 0 22px 60px rgba(16, 32, 51, 0.11); }
.faq summary {
  cursor: pointer;
  font-weight: 800;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: '+';
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--primary-dark);
  font-size: 1.15rem;
  font-weight: 900;
  flex: none;
}
.faq details[open] summary::after { content: '–'; }
.faq p { color: var(--muted); }
.form-grid { display: grid; gap: 1rem; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.field { display: grid; gap: .45rem; }
label { font-weight: 700; color: var(--text); }
input, textarea {
  width: 100%;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text);
  border-radius: 16px;
  padding: .95rem 1rem;
  font: inherit;
  box-shadow: inset 0 1px 2px rgba(16,32,51,.03);
}
input::placeholder, textarea::placeholder { color: #8b97a7; }
input:focus, textarea:focus { outline: 2px solid rgba(11, 110, 253, 0.18); outline-offset: 2px; border-color: var(--primary); }
textarea { min-height: 140px; resize: vertical; }
.form-success {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: rgba(31, 211, 198, 0.11);
  border: 1px solid rgba(31, 211, 198, 0.25);
}
.form-success h3 { margin-bottom: .25rem; }
.form-success p { margin: 0; color: var(--muted); }
.button:disabled { opacity: .72; cursor: wait; }
.promo-page {
  background:
    radial-gradient(circle at top left, rgba(11, 110, 253, 0.08), transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(31, 211, 198, 0.08), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);
  color: var(--text);
  font-size: 16.5px;
  line-height: 1.7;
}
.promo-page a { color: var(--primary); }
.promo-shell { width: min(1160px, calc(100% - 1.5rem)); margin: 0 auto; }
.promo-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  flex-wrap: wrap;
}
.promo-brand {
  display: inline-flex;
  align-items: center;
}
.promo-brand img {
  height: 58px;
  width: auto;
  display: block;
}
.promo-actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.promo-mobile-bar {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  gap: .5rem;
  padding: .75rem;
  background: rgba(255,255,255,.92);
  border-top: 1px solid rgba(216, 227, 238, 0.95);
  backdrop-filter: blur(12px);
  box-shadow: 0 -10px 30px rgba(16, 32, 51, 0.08);
}
.promo-mobile-action {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .85rem .9rem;
  border-radius: 999px;
  background: var(--surface-2);
  border: 1px solid var(--border);
  color: var(--text);
  font-weight: 800;
  text-decoration: none;
}
.promo-mobile-action:hover { text-decoration: none; background: #fff; }
.logo-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: .85rem 1rem;
  box-shadow: var(--shadow);
  max-width: 420px;
  margin-bottom: 1rem;
}
.logo-card img {
  width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: contain;
  display: block;
}
.logo-card--promo { max-width: 340px; background: #fff; }
.promo-hero { padding: 0 0 1.25rem; }
.promo-hero-image {
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  background: #fff;
}
.promo-hero-image img { width: 100%; height: auto; display: block; }
.promo-offer {
  margin-top: 1rem;
  background: linear-gradient(135deg, var(--text), var(--primary));
  border-radius: 22px;
  padding: 1.05rem 1.35rem;
  text-align: center;
  color: #fff;
  font-size: clamp(1.05rem, 1.8vw, 1.55rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.02em;
  box-shadow: 0 16px 30px rgba(11, 110, 253, .18);
}
.promo-content { padding: 1.5rem 0 3.25rem; }
.promo-section-head {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 1.5rem;
}
.promo-section-head h1 {
  margin-bottom: .65rem;
  font-size: clamp(2.2rem, 3.4vw, 3.75rem);
  letter-spacing: -.05em;
}
.promo-section-head .lead { margin-left: auto; margin-right: auto; max-width: 60ch; }
.promo-flow { display: grid; grid-template-columns: minmax(340px, .82fr) minmax(0, 1.18fr); gap: 1.5rem; align-items: start; }
.promo-rail { display: grid; gap: 1.5rem; }
.promo-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(251,253,255,.94));
  border: 1px solid rgba(216, 227, 238, 0.95);
  border-radius: 30px;
  padding: 1.5rem;
  box-shadow: 0 18px 50px rgba(16, 32, 51, 0.07);
  backdrop-filter: blur(10px);
}
.promo-form { padding: 1.6rem; }
.promo-form h3 { text-align: center; color: var(--text); font-size: clamp(1.45rem, 2vw, 1.9rem); margin-bottom: 1rem; }
.promo-support {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: start;
}
.promo-support-copy,
.promo-support-media { min-width: 0; }
.promo-support-copy { display: grid; gap: .85rem; }
.promo-copy {
  text-align: left;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.promo-copy h3 {
  font-size: clamp(1.7rem, 2.6vw, 2.55rem);
  color: var(--text);
  margin-bottom: .55rem;
}
.promo-copy-lead { color: var(--muted); max-width: 42ch; margin: 0 0 1rem; }
.promo-copy p { color: var(--muted); margin: 0 0 1.1rem; }
.promo-callout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: .95rem 1.2rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #fff;
  font-weight: 800;
  margin: .25rem 0 1rem;
  box-shadow: 0 14px 28px rgba(11, 110, 253, .18);
}
.promo-callout-link {
  text-decoration: none;
  margin-top: .5rem;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.22);
}
.promo-callout-link:hover { text-decoration: none; filter: brightness(1.03); color: #fff !important; }
.promo-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 1.2rem; }
.promo-point {
  background: rgba(11, 110, 253, 0.04);
  border: 1px solid rgba(216, 227, 238, 0.85);
  border-radius: 20px;
  padding: .95rem 1rem;
}
.promo-point strong { display: block; margin-bottom: .2rem; color: var(--text); }
.promo-point span { color: var(--muted); font-weight: 500; font-size: .95rem; }
.promo-copy .button { width: auto; }
.promo-submit { width: 100%; border: 0; cursor: pointer; }
.promo-badges { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-start; margin-top: .95rem; }
.promo-badges span {
  background: rgba(11, 110, 253, 0.06);
  color: var(--text);
  border: 1px solid rgba(216, 227, 238, 0.95);
  padding: .5rem .8rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: .9rem;
}
.promo-support-media {
  display: grid;
  gap: .75rem;
  align-content: start;
}
.promo-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.promo-photo-grid .photo-card { box-shadow: none; }
.promo-photo-grid .photo-card figcaption { padding: .85rem .9rem .95rem; }
.promo-work-grid { max-width: 920px; margin: 0 auto; }
.kicker {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: rgba(31, 211, 198, 0.12);
  color: #0a6b63;
  font-weight: 700;
  font-size: .92rem;
}
.banner {
  background: linear-gradient(135deg, #102033, #0b6efd);
  color: #fff;
  border-radius: 28px;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  box-shadow: var(--shadow);
}
.banner p { color: rgba(255,255,255,.85); margin-bottom: 0; }
.banner .button { background: #fff; color: var(--text); }
.spaced-top { margin-top: 2rem; }
@media (max-width: 860px) {
  .hero-grid, .split, .grid-2, .grid-3, .photo-grid, .hero-badges, .stats, .contact-grid, .trust-strip, .area-grid, .promo-grid { grid-template-columns: 1fr; }
  .nav-wrap, .footer-grid { align-items: flex-start; }
  .footer-grid { gap: .85rem; }
  .footer-links, .footer-contact { width: 100%; }
  .nav { width: 100%; }
  .nav a { padding-left: 0; }
  .nav-actions, .promo-actions { width: 100%; }
  .promo-flow, .field-grid, .promo-points, .promo-support, .promo-photo-grid { grid-template-columns: 1fr; }
  .promo-section-head { text-align: left; }
  .promo-section-head h1 { font-size: clamp(2rem, 3vw, 3rem); }
  .promo-copy { text-align: left; }
  .site-footer .footer-grid { flex-direction: column; }
  .promo-badges { justify-content: flex-start; }
  .promo-callout { width: 100%; }
  .promo-shell { width: min(100% - 1rem, 1180px); }
  .promo-topbar { align-items: flex-start; }
  label { color: var(--text); }
  .promo-mobile-bar { display: flex; }
  .promo-page { padding-bottom: 88px; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 1.1rem, 1120px); }
  .hero { padding-top: 2.2rem; }
  .section { padding: 2rem 0; }
  .cta-row, .banner { align-items: stretch; }
  .button { width: 100%; }
  .nav a { background: var(--surface-2); }
  .promo-offer { margin-top: .75rem; padding: 1rem; }
  .promo-panel { padding: 1.1rem; }
  .promo-form { padding: 1.1rem; }
  .promo-support { gap: 1rem; }
  .promo-copy h3 { font-size: 1.5rem; }
  .promo-copy .button { width: 100%; }
  .promo-callout-link { width: 100%; }
  .promo-topbar { padding-top: .8rem; }
  .promo-actions { display: none; }
  .brand img, .promo-brand img { height: 46px; }
  .promo-mobile-bar { padding: .7rem; gap: .45rem; }
  .promo-mobile-action { padding: .8rem .75rem; font-size: .95rem; }
}

/* Collett visual refresh: premium navy foundation and accessible vivid accents */
:root{--collett-navy:#071e31;--collett-cyan:#00a7c7;--collett-magenta:#cb136e}
.site-header{position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #061b2a14}
.button:hover{filter:brightness(1.06)}
.service-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
@media(max-width:640px){.site-header .nav{overflow-x:auto;display:flex;flex-wrap:nowrap}.site-header .nav a{white-space:nowrap}}

/* Collett mobile-first preview styling */
.hero{background:linear-gradient(125deg,#071e31,#0c3c5b 72%,#07657b);color:white;border-bottom:6px solid #00a7c7}
.hero h1{font-size:clamp(2.7rem,5.5vw,5.4rem);line-height:1.04;letter-spacing:-.045em;color:white;max-width:760px}
.hero .lead{color:#d8edf4;line-height:1.7}
.hero .eyebrow{color:#4bdeee;letter-spacing:.13em;font-weight:850}
.hero .check-list{color:#e5f4f8}
.hero .cta-row .button:first-child,.nav-actions .button{background:linear-gradient(110deg,#d51273,#a1186b);color:white;border-color:transparent}
.hero .cta-row .button-secondary{background:transparent;color:white;border:1px solid #39c9df}
.hero-logo-frame{background:white;border-radius:18px;box-shadow:0 24px 60px #0003}
.hero-logo-frame img{object-fit:contain;padding:2rem}
.brand img{height:64px;width:auto;object-fit:contain}
.service-card{overflow:hidden;border-top:4px solid #00a7c7}
.service-card:nth-child(2){border-top-color:#ca216f}
.service-card h3 a{color:#0c4967;text-decoration:none}
.link-card:hover{border-color:#00a7c7}
@media(max-width:860px){.hero{padding:2.8rem 0}.hero-grid{grid-template-columns:1fr}.nav-wrap{gap:.6rem}.nav{gap:.25rem}.nav a{font-size:.85rem}.brand img{height:52px}}
@media(max-width:640px){.hero h1{font-size:clamp(2.6rem,11vw,3.8rem)}.hero-logo-frame img{max-height:240px}.nav-actions .button{font-size:.85rem}.site-header .nav{scrollbar-width:thin}}

/* Customer-first service paths */
.service-path-grid{align-items:stretch;gap:1.1rem}
.service-path-card{padding:1.65rem;border:1px solid #d7e5ed;border-radius:18px;background:#fff;display:flex;flex-direction:column;box-shadow:0 10px 28px #0a28450b}
.service-path-card h3{font-size:1.3rem;line-height:1.25;color:#102d46;margin:.65rem 0 .45rem}
.service-path-card p{color:#526a7a;line-height:1.6;margin:0 0 1rem}
.service-path-icon{width:44px;height:44px;display:grid;place-items:center;background:#e4f7fb;color:#08637b;border-radius:12px;font-size:1.5rem}
.service-path-card:nth-child(2) .service-path-icon{background:#e8f3ff;color:#115b92}
.service-path-card:nth-child(3) .service-path-icon{background:#f6eaf2;color:#a2256c}
.service-path-links{display:flex;flex-wrap:wrap;gap:.55rem .85rem;margin-top:auto}
.service-path-links a{font-weight:750;font-size:.91rem;color:#075d81;text-decoration:none;border-bottom:1px solid #b9dfe8;padding-bottom:2px}
.service-path-links a:hover,.service-path-bottom a:hover{text-decoration:underline}
.service-path-bottom{margin:1.5rem 0 0;color:#455d6d;font-weight:600}
.service-path-bottom a{color:#075d81;font-weight:800}
@media(max-width:640px){.service-path-grid{grid-template-columns:1fr}.service-path-card{padding:1.2rem}.service-path-links{gap:.8rem}}

/* Site-wide spacing, image framing and responsive usability audit */
:root{--primary:#075c91;--primary-dark:#063e65;--accent:#00abc0}
.section{padding-block:clamp(2.5rem,5vw,5rem)}
.section-title{margin-bottom:clamp(1.2rem,2.5vw,2rem)}
.section-title h2{max-width:22ch;line-height:1.16;text-wrap:balance}
.section-title p{max-width:68ch}
.card,.info-card,.feature-card{min-width:0}
.card p,.info-card p{overflow-wrap:break-word}
.card img,.photo-card img{max-width:100%;height:auto}
.service-card img,.photo-card img{aspect-ratio:16/10;object-fit:cover;display:block}
.hero-image img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00abc0;outline-offset:3px}
@media(max-width:860px){.section{padding-block:2.8rem}.grid-3,.grid-2{gap:1rem}.hero-grid{gap:1.5rem}.container{max-width:100%}}
@media(max-width:640px){.section{padding-block:2.25rem}.section-title h2{font-size:clamp(1.65rem,7vw,2.4rem)}.card,.info-card{overflow-wrap:anywhere}.hero .cta-row{gap:.65rem}.hero .cta-row a{min-height:48px;display:flex;align-items:center;justify-content:center}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}}

/* Homepage: warm editorial hero, distinct from the service-page template */
.hero-editorial{background:#f7f8f6;padding:clamp(3rem,6vw,6rem) 0;overflow:hidden}
.hero-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(2rem,5vw,5.5rem);align-items:center}
.hero-editorial-copy{min-width:0;padding-block:1rem}
.hero-editorial-kicker{display:flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-size:.75rem;letter-spacing:.14em;font-weight:800;color:#356479}
.hero-kicker-line{width:30px;height:2px;background:#c41470;flex:none}
.hero-editorial h1{color:#102d3f;font-size:clamp(2.8rem,5.3vw,5.3rem);line-height:1.05;letter-spacing:-.052em;margin:0 0 1.4rem;max-width:12ch;text-wrap:balance}
.hero-editorial h1 em{font-style:normal;color:#147a88}
.hero-editorial-lead{font-size:clamp(1.04rem,1.35vw,1.2rem);line-height:1.75;color:#4c6170;max-width:52ch;margin:0 0 1.8rem}
.hero-editorial-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.hero-primary-action{background:#bb1769;color:#fff;border-radius:9px;display:inline-flex;gap:1.6rem;align-items:center;justify-content:space-between;min-height:54px;padding:0 1.4rem}
.hero-primary-action:hover{background:#991253;color:#fff}
.hero-phone-link{font-weight:800;color:#15384c;text-decoration:none;white-space:nowrap}
.hero-phone-link:hover{text-decoration:underline}
.hero-editorial-note{border-top:1px solid #dbe3e5;margin-top:2rem;padding-top:1rem;color:#687984;font-size:.9rem}
.hero-editorial-visual{position:relative;min-width:0;aspect-ratio:4/4.15;overflow:hidden;border-radius:5px 70px 5px 5px;background:#dbe7e8}
.hero-editorial-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.8rem;background:linear-gradient(0deg,rgba(7,29,42,.87),rgba(7,29,42,.65));padding:1.15rem 1.35rem;color:#fff;font-size:.94rem;font-weight:700}
.hero-photo-mark{width:7px;height:28px;background:#23c9de;flex:none}
@media(max-width:860px){.hero-editorial-grid{grid-template-columns:1fr;gap:1.6rem}.hero-editorial{padding:2.8rem 0}.hero-editorial h1{font-size:clamp(2.8rem,8vw,4.5rem)}.hero-editorial-visual{aspect-ratio:16/10;border-radius:5px 45px 5px 5px}}
@media(max-width:520px){.hero-editorial{padding:2.2rem 0}.hero-editorial h1{font-size:clamp(2.55rem,11vw,3.5rem)}.hero-editorial-actions{align-items:stretch;flex-direction:column;gap:1rem}.hero-primary-action{width:100%}.hero-phone-link{text-align:center}.hero-editorial-visual{aspect-ratio:4/3}.hero-photo-caption{font-size:.82rem;padding:.9rem}}

/* Vibrant but grounded brand color pass: homepage */
.hero-editorial{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 15%,rgba(31,191,202,.20),transparent 44%),linear-gradient(115deg,#071e31 0%,#0d344c 54%,#12526a 100%);color:#fff}
.hero-editorial::before{content:"";position:absolute;z-index:-1;inset:auto auto -170px -160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(182,26,109,.22),transparent 68%);pointer-events:none}
.hero-editorial-kicker{color:#87e4e8}
.hero-kicker-line{background:#ed5a9d;width:42px}
.hero-editorial h1{color:#fff}
.hero-editorial h1 em{color:#71e1df}
.hero-editorial-lead{color:#d3e6ec}
.hero-editorial-note{color:#b8d3de;border-color:rgba(196,231,236,.25)}
.hero-phone-link{color:#fff}
.hero-primary-action{background:linear-gradient(115deg,#c21a75,#a70f60);box-shadow:0 14px 32px rgba(14,8,27,.24);transition:transform .2s ease,box-shadow .2s ease}
.hero-primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(14,8,27,.34)}
.hero-editorial-visual{box-shadow:22px 22px 0 rgba(35,201,222,.12),0 30px 65px rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.18)}
.hero-editorial-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,rgba(27,189,206,.16),transparent 46%)}
.hero-photo-caption{z-index:1}
.hero-editorial+.section{background:linear-gradient(180deg,#f0f9fa 0%,#fff 80%)}
.hero-editorial+.section .section-title .eyebrow{color:#b51a70}
.hero-editorial+.section .section-title h2{color:#10344a}
.hero-editorial+.section .service-card{border-top:4px solid #1db9c9;transition:transform .22s ease,box-shadow .22s ease}
.hero-editorial+.section .service-card:nth-child(2){border-top-color:#bd237b}
.hero-editorial+.section .service-card:nth-child(3){border-top-color:#167ba0}
.hero-editorial+.section .service-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(12,53,76,.14)}
@media(prefers-reduced-motion:reduce){.hero-primary-action:hover,.hero-editorial+.section .service-card:hover{transform:none}}
@media(max-width:860px){.hero-editorial-visual{box-shadow:12px 12px 0 rgba(35,201,222,.12),0 18px 35px rgba(0,0,0,.2)}}

/* Customer-first service guidance sections */
.service-guidance .info-card{height:100%;border-top:3px solid #1b9fb0}
.service-guidance .info-card:nth-child(2){border-top-color:#bd237b}
.service-guidance .info-card h3{color:#10384c}
.service-guidance .info-card p{line-height:1.7}
.service-guidance-cta{margin:1.6rem 0 0;font-weight:600;color:#385b6c}
.service-guidance-cta a{color:#075c91;text-underline-offset:3px}

.form-disclaimer{font-size:.88rem;line-height:1.6;color:var(--muted,#526878);margin:.65rem 0 0;max-width:68ch}.form-disclaimer a{text-decoration:underline;text-underline-offset:2px}

/* Unified sticky header: opaque surface prevents logo's white artwork from showing as a tile while scrolling. */
.site-header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #e8eef2;box-shadow:0 3px 16px rgba(7,30,49,.07)}
.site-header .brand{flex-shrink:0}
.site-header .brand img{display:block;mix-blend-mode:multiply}

/* Homepage editorial conversion layout — October 2026 */
.home-redesign{background:#fff}
.home-redesign .section{padding:clamp(3.5rem,6vw,6rem) 0}
.home-redesign .section-title{text-align:center;max-width:800px;margin:0 auto 2.5rem}
.home-redesign .section-title h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.18;letter-spacing:-.035em}
.home-redesign .section-title>p:last-child{color:#536878}
.home-showcase{min-height:580px;display:grid;align-items:center;position:relative;isolation:isolate;text-align:center;color:#fff;background:#0c2c3e}
.home-showcase:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,25,38,.90),rgba(6,32,47,.68)),url("assets/collett-comfortable-solutions-outdoor-hvac-unit.jpg") center 54%/cover no-repeat}
.home-showcase-inner{padding:5.5rem 0}
.home-overline{font-size:.79rem;letter-spacing:.19em;font-weight:800;color:#8ce6e8}
.home-showcase h1{font-size:clamp(2.25rem,5vw,4.65rem);line-height:1.12;letter-spacing:-.055em;max-width:1020px;margin:1.2rem auto}
.home-showcase h1 span{color:#8ce6e8}
.home-intro{font-size:clamp(1rem,1.6vw,1.2rem);max-width:700px;margin:0 auto 1.5rem;color:#e2eff2}
.home-benefits{display:flex;gap:1.2rem 2rem;flex-wrap:wrap;justify-content:center;font-size:.9rem;font-weight:650}
.home-benefits span{color:#fff}
.home-hero-actions{display:flex;justify-content:center;align-items:center;gap:1.3rem;margin:2rem 0 1.3rem;flex-wrap:wrap}
.home-redesign .home-cta{background:#bb146d;color:white;border:0;border-radius:8px;padding:.95rem 1.7rem;font-weight:800;box-shadow:0 8px 22px rgba(45,4,36,.15)}
.home-redesign .home-cta:hover{background:#991052;text-decoration:none}
.home-call{color:white;font-weight:750;text-decoration:underline;text-underline-offset:5px}
.home-coverage{color:#d5e7e9;font-size:.85rem}
.home-process{background:#fff}
.home-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.home-step{background:white;padding:2rem;border:1px solid #e4edf0;box-shadow:0 8px 32px rgba(12,40,58,.06);border-radius:12px}
.home-step-num{display:inline-flex;align-items:center;justify-content:center;background:#e4f7f7;color:#076a76;width:46px;height:46px;border-radius:12px;font-weight:900;margin-bottom:1rem}
.home-step h3{font-size:1.18rem;margin:.3rem 0 .65rem;color:#0e3042}
.home-step p{color:#526675;margin:0}
.home-services{background:#f1f6f7}
.home-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.home-service{background:#fff;border:1px solid #e4edf0;border-radius:12px;overflow:hidden;box-shadow:0 8px 26px rgba(12,40,58,.045)}
.home-service img{width:100%;height:210px;object-fit:cover;display:block}
.home-service>div{padding:1.4rem 1.6rem 1.6rem}
.home-service h3{margin:0 0 .5rem;font-size:1.3rem;color:#102e40}
.home-service p{color:#526675;margin:0 0 .85rem}
.home-service a{display:inline-block;margin-right:1rem;margin-top:.35rem;font-weight:750;color:#006d80}
.home-all-services{text-align:center;margin:1.8rem 0 0;font-weight:800}
.home-why{background:#fff}
.home-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.home-why-copy h2{font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.2;letter-spacing:-.04em;margin:.5rem 0 1rem}
.home-why-copy>p:not(.eyebrow){color:#526675}
.home-why-copy ul{padding-left:1.3rem;margin:1.5rem 0 2rem;color:#526675}
.home-why-copy li{margin:.8rem 0}
.home-why-copy strong{color:#123b4e}
.home-why-media img{width:100%;height:410px;object-fit:cover;display:block;border-radius:12px 12px 0 0}
.home-why-tags{display:grid;grid-template-columns:1fr 1fr}
.home-why-tags div{background:#0e3042;color:white;padding:1.2rem;display:flex;flex-direction:column}
.home-why-tags div:first-child{background:#0c98a6}
.home-why-tags span{font-size:.82rem;margin-top:.25rem}
.home-gallery{background:#f5f8f8}
.home-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.home-photo-grid img{width:100%;height:235px;object-fit:cover;border-radius:9px}
.home-reviews{text-align:center;background:white}
.home-review-action{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.home-review-action>a:last-child{font-weight:700;color:#087283}
.home-faq{background:#f1f6f7}
.home-faq .faq{max-width:900px;margin:auto}
.home-faq .faq details{background:#fff}
.home-contact{background:#fff}
.home-contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;border-radius:14px;background:#0c3447}
.home-contact-image img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.home-contact-copy{padding:clamp(2rem,5vw,4rem);color:#fff}
.home-contact-copy h2{color:#fff;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}
.home-contact-copy>p:not(.eyebrow){color:#e1edf1}
.home-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem;margin:1.5rem 0}
.home-contact-actions>a:last-child{color:white;font-weight:700}
.home-contact-note{font-size:.82rem}
@media(max-width:800px){.home-three{grid-template-columns:1fr}.home-service-grid,.home-why-grid,.home-contact-grid{grid-template-columns:1fr}.home-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-showcase-inner{padding:4.3rem 0}.home-why-media img{height:300px}.home-contact-image img{min-height:230px;max-height:310px}.home-redesign .section{padding:3.5rem 0}}
@media(max-width:480px){.home-benefits{display:grid;justify-content:center;text-align:left;gap:.5rem}.home-photo-grid img{height:150px}.home-showcase h1{font-size:2.2rem}.home-service img{height:180px}.home-step{padding:1.5rem}}

/* Reference-inspired Collett homepage: navigation over a light HVAC photograph. */
@media(min-width:801px){
body.home-hero-nav .site-header{position:absolute;top:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:none}
body.home-hero-nav .site-header .nav-wrap{min-height:88px}
}
body.home-hero-nav .home-showcase{min-height:780px;background:#eaf0ef;color:#142a33}
body.home-hero-nav .home-showcase:before{background:linear-gradient(90deg,rgba(255,255,255,.83),rgba(255,255,255,.72)),url("assets/collett-comfortable-solutions-outdoor-hvac-unit.jpg") center 55%/cover no-repeat}
body.home-hero-nav .home-showcase-inner{padding:12.5rem 0 7rem}
body.home-hero-nav .home-overline{color:#096c77}
body.home-hero-nav .home-showcase h1{color:#102c3b;font-weight:850}
body.home-hero-nav .home-showcase h1 span{color:#087b89}
body.home-hero-nav .home-intro{color:#2c4856}
body.home-hero-nav .home-benefits span{color:#173c4b}
body.home-hero-nav .home-call{color:#0b4358}
body.home-hero-nav .home-coverage{color:#3d5967}
body.home-hero-nav .home-cta{border-radius:5px;padding:1.05rem 2.2rem}
@media(max-width:800px){
body.home-hero-nav .home-showcase{min-height:650px}
body.home-hero-nav .home-showcase-inner{padding:5.5rem 0}
body.home-hero-nav .home-showcase:before{background:linear-gradient(rgba(255,255,255,.87),rgba(255,255,255,.79)),url("assets/collett-comfortable-solutions-outdoor-hvac-unit.jpg") center/cover no-repeat}
}

/* Homepage trust badges */
.home-hero-trust{display:flex;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;margin:24px auto 8px}
.home-hero-trust a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:215px;max-width:280px;padding:14px 20px;border:1px solid rgba(13,69,82,.18);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 7px 22px rgba(11,49,62,.12);color:#173747;text-decoration:none;line-height:1.35}
.home-hero-trust a:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(11,49,62,.17);text-decoration:none}
.home-hero-trust strong{font-size:15px;color:#143746;font-weight:800}
.home-hero-trust span{font-size:12px;color:#536b77;text-align:center}
.home-hero-trust a:first-child strong{color:#086d84}
.home-hero-trust a:last-child strong{color:#0d5276}
.home-hero-quote{margin:22px auto 0;max-width:600px;color:#213f4d}
.home-hero-quote p{font-style:italic;margin:0 0 4px}
.home-hero-quote span{font-size:12px;color:#506b78}
.home-review-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 auto 28px;max-width:1000px;text-align:left}
.home-review-cards blockquote{margin:0;padding:28px;border:1px solid #dce7eb;border-radius:12px;background:#f7fafb}
.home-review-cards blockquote footer{font-weight:700}
.home-stars{color:#b01572}
.home-review-source{font-size:12px;color:#607480;margin-top:20px}
@media(max-width:600px){.home-hero-trust{gap:10px}.home-hero-trust a{width:100%;max-width:320px}.home-review-cards{grid-template-columns:1fr}}


/* Unified interior-page theme — consistent with the new homepage */
body:not(.home-redesign):not(.home-hero-nav){background:#fff;color:#123345}
body:not(.home-redesign):not(.home-hero-nav) .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 12%,rgba(30,199,206,.17),transparent 45%),linear-gradient(115deg,#071e31,#0c354b 60%,#15556a);color:#fff;padding:clamp(3.5rem,6vw,6rem) 0}
body:not(.home-redesign):not(.home-hero-nav) .hero .eyebrow{color:#8fe6e8}
body:not(.home-redesign):not(.home-hero-nav) .hero h1{color:#fff;font-weight:850;letter-spacing:-.055em}
body:not(.home-redesign):not(.home-hero-nav) .hero .lead{color:#d9e9ee}
body:not(.home-redesign):not(.home-hero-nav) .hero .check-list{color:#e4f3f5}
body:not(.home-redesign):not(.home-hero-nav) .hero .check-list li::before{background:#44d2d7}
body:not(.home-redesign):not(.home-hero-nav) .hero .hero-image{border-radius:12px 55px 12px 12px;border:1px solid rgba(255,255,255,.22);box-shadow:18px 18px 0 rgba(48,204,214,.13),0 25px 55px rgba(0,0,0,.18)}
body:not(.home-redesign):not(.home-hero-nav) .hero .badge{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.23);box-shadow:none}
body:not(.home-redesign):not(.home-hero-nav) .hero .button-secondary{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
body:not(.home-redesign):not(.home-hero-nav) .hero .button-secondary:hover{background:rgba(255,255,255,.12)}
body:not(.home-redesign):not(.home-hero-nav) .section.alt{background:#f0f6f7}
body:not(.home-redesign):not(.home-hero-nav) .section-title .eyebrow{color:#a81669}
body:not(.home-redesign):not(.home-hero-nav) .section-title h2{color:#103448}
body:not(.home-redesign):not(.home-hero-nav) .card,body:not(.home-redesign):not(.home-hero-nav) .feature-card,body:not(.home-redesign):not(.home-hero-nav) .info-card{border-radius:13px;border-color:#deeaed;box-shadow:0 9px 30px rgba(8,43,60,.06)}
body:not(.home-redesign):not(.home-hero-nav) .button:not(.button-secondary){background:#b51b70;border-radius:8px;box-shadow:0 10px 25px rgba(79,14,56,.16)}
body:not(.home-redesign):not(.home-hero-nav) .button:not(.button-secondary):hover{background:#941356}
body:not(.home-redesign):not(.home-hero-nav) .site-footer{background:#0b2c3e;color:#e5f1f3;border:0}
body:not(.home-redesign):not(.home-hero-nav) .site-footer a{color:#e5f1f3}
body:not(.home-redesign):not(.home-hero-nav) .site-footer .footer-meta{color:#b6ced5}
.geo-related{margin-top:2rem;padding:1.5rem;border-radius:13px;background:#edf7f8;border:1px solid #d3e7e9}
.geo-related h2{font-size:clamp(1.25rem,2vw,1.7rem);margin-bottom:.5rem}
.geo-related p{margin:.25rem 0 1rem;color:#4c6774}
.geo-related-links{display:flex;flex-wrap:wrap;gap:.55rem}
.geo-related-links a{display:inline-flex;padding:.5rem .8rem;background:#fff;border:1px solid #cce1e5;border-radius:7px;font-weight:700;color:#08677b}
.geo-related-links a:hover{background:#d9f4f5;text-decoration:none}
@media(max-width:860px){.site-header .nav-wrap{gap:.65rem}.site-header .nav{order:3;width:100%;justify-content:center;gap:.1rem}.site-header .nav a{padding:.5rem .65rem;font-size:.9rem}.site-header .nav-actions .button{padding:.7rem .85rem;font-size:.85rem}body:not(.home-redesign):not(.home-hero-nav) .hero{padding:2.8rem 0}body:not(.home-redesign):not(.home-hero-nav) .hero .hero-image{box-shadow:8px 8px 0 rgba(48,204,214,.12)}}
@media(max-width:480px){.site-header .brand img{width:105px;height:auto}.site-header .nav a{font-size:.82rem;padding:.45rem .55rem}.geo-related{padding:1.1rem}}


/* Customer review carousel: swipe, keyboard scroll and explicit controls */
.review-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;margin-bottom:1rem}
.review-carousel-label{font-size:.84rem;color:#536a76;font-weight:700}
.review-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #c8dce0;background:#fff;color:#0e4052;font-size:1.35rem;font-weight:700;cursor:pointer}
.review-arrow:hover,.review-arrow:focus-visible{background:#dff5f6;outline-offset:3px}
.review-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;overscroll-behavior-inline:contain;padding:8px 4px 24px;margin-bottom:1.4rem;-webkit-overflow-scrolling:touch}
.review-slide{scroll-snap-align:start;flex:0 0 min(350px,calc(100vw - 3.25rem));min-height:215px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1.5rem;border:1px solid #dbe8eb;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(11,49,62,.06)}
.review-slide p{font-size:1rem;line-height:1.65;color:#314c5b;flex:1}
.review-slide-footer{width:100%;display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.85rem}
.review-slide-footer strong{color:#0c3043}
.review-slide-footer a{color:#087181;font-weight:750}
@media(max-width:600px){.review-carousel-controls{justify-content:space-between}.review-carousel-label{font-size:.73rem}.review-slide{min-height:235px;padding:1.2rem}}


/* Review carousel readability refinement */
.home-reviews{background:#f2f7f8!important}
.home-reviews .section-title{max-width:780px}
.home-reviews .section-title>p:last-child{font-size:1.05rem;line-height:1.7;color:#304b59}
.review-carousel{gap:22px;padding:12px 8px 30px;scroll-padding:8px}
.review-slide{flex-basis:min(440px,calc(100vw - 3rem));min-height:285px;padding:clamp(1.4rem,2.6vw,2rem);background:#fff;border:2px solid #cbdde2;border-radius:16px;box-shadow:0 12px 30px rgba(11,49,62,.11)}
.review-slide .home-stars{font-size:1.35rem;letter-spacing:.12em;color:#a31460;line-height:1.4}
.review-slide p{font-size:clamp(1.1rem,1.5vw,1.22rem);line-height:1.7;font-weight:500;color:#162f3c;margin:1rem 0 1.5rem}
.review-slide-footer{padding-top:1rem;border-top:1px solid #d9e5e8;align-items:flex-start;flex-wrap:wrap;gap:.6rem;font-size:1rem}
.review-slide-footer strong{font-size:1.02rem;color:#102c3b}
.review-slide-footer a{font-size:.96rem;color:#07556b;text-decoration:underline;text-underline-offset:3px}
.review-carousel-label{font-size:1rem;color:#1b3f50}
.review-arrow{width:52px;height:52px;flex:none;border:2px solid #0b6071;background:#fff;color:#073c4b;font-size:1.6rem}
.review-arrow:hover,.review-arrow:focus-visible{background:#0b6071;color:#fff}
.home-review-source{font-size:.92rem;line-height:1.6;color:#385665}
@media(max-width:600px){.review-carousel{gap:14px}.review-slide{min-height:300px;padding:1.4rem}.review-slide p{font-size:1.14rem}.review-carousel-label{font-size:.85rem;text-align:center}.review-arrow{width:46px;height:46px}}

/* Ensure the contact panel eyebrow stays legible against navy. */
.home-contact-copy .eyebrow{color:#a8f3f1!important;font-weight:900;letter-spacing:.14em;text-shadow:0 1px 2px rgba(0,0,0,.25)}


/* Launch readiness: solid navigation on every page and viewport */
.site-header,body.home-hero-nav .site-header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;background:#fff!important;border-bottom:1px solid #dce8eb!important;box-shadow:0 4px 18px rgba(9,40,56,.12)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-header .nav-wrap{min-height:76px}
.site-header .nav a{color:#102e40}
.site-header .nav a:hover,.site-header .nav a:focus-visible{background:#e4f4f5;color:#064d62}
body.home-hero-nav .home-showcase-inner{padding-top:clamp(4rem,7vw,7rem)}
/* Consistent legibility across content pages */
body{overflow-wrap:break-word}
body p,body li{line-height:1.7}
body .eyebrow{font-weight:850}
body .section .card p,body .section .info-card p,body .section .feature-card p{color:#354f5e}
body .section .card h2,body .section .card h3,body .section .info-card h2,body .section .info-card h3{color:#103246}
body .section.alt .lead{color:#355366}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #08a3ba;outline-offset:3px}
.site-footer .footer-links a,.site-footer .footer-contact a{text-underline-offset:3px}
@media(max-width:860px){.site-header .nav-wrap{min-height:0;padding:.7rem 0}.site-header .nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:thin;white-space:nowrap;padding-bottom:.3rem}.site-header .nav a{flex:none;min-height:42px;display:inline-flex;align-items:center}.site-header .nav-actions{margin-left:auto}.site-header .nav-actions .button{white-space:nowrap}body.home-hero-nav .home-showcase-inner{padding-top:4rem}}
@media(max-width:420px){.site-header .nav-wrap{gap:.4rem}.site-header .brand img{max-width:98px}.site-header .nav-actions .button{font-size:.76rem;padding:.65rem .65rem}.site-header .nav{width:100%}.container{width:min(1120px,calc(100% - 1.5rem))}}


/* Second readability pass: consistent readable measure, forms, and compact screens */
.section .lead,.hero .lead{line-height:1.75}
.faq details{border-color:#d4e3e7}
.faq summary{font-weight:750;color:#123346;line-height:1.5;cursor:pointer}
.faq details p{color:#36515f;line-height:1.75}
.contact-form-card label,.form-grid label{color:#193c4e;font-weight:750}
input,textarea,select{max-width:100%;font:inherit;color:#142f3d}
input::placeholder,textarea::placeholder{color:#586d78;opacity:1}
button,.button,.nav a{touch-action:manipulation}
.section .card,.section .feature-card,.section .info-card{min-width:0}
.home-contact-copy>p:not(.eyebrow){color:#e5f2f5}
.home-contact-copy .eyebrow{color:#a8f3f1!important}
@media(max-width:600px){h1{font-size:clamp(2rem,8vw,3rem)}h2{font-size:clamp(1.45rem,6vw,2.1rem)}.section{padding:2.8rem 0}.cta-row .button{min-height:46px}.grid-2,.grid-3,.split,.hero-grid,.area-grid{min-width:0}.home-contact-copy{padding:2rem 1.3rem}.home-review-action{gap:.8rem}}


/* Homepage lead form: high-contrast, mobile-first bottom-of-page request form */
.home-contact-grid{align-items:stretch}
.home-contact-copy{min-width:0}
.home-lead-form{margin-top:1.6rem;text-align:left}
.home-lead-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.home-lead-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.home-lead-field label{color:#f4fbfc;font-weight:750;font-size:.95rem;line-height:1.4}
.home-lead-field input,.home-lead-field select,.home-lead-field textarea{width:100%;min-width:0;box-sizing:border-box;padding:.88rem 1rem;border:2px solid #b6d3dc;border-radius:9px;background:#fff;color:#102e3d;font-size:1rem;line-height:1.45}
.home-lead-field input::placeholder,.home-lead-field textarea::placeholder{color:#536b77;opacity:1}
.home-lead-field input:focus,.home-lead-field select:focus,.home-lead-field textarea:focus{border-color:#19bed0;outline:3px solid #b3f1f4;outline-offset:2px}
.home-lead-wide{grid-column:1/-1}
.home-lead-field textarea{resize:vertical;min-height:110px}
.home-lead-form .button{margin-top:1.15rem;min-height:50px;padding:.85rem 1.4rem;font-weight:850}
.home-lead-disclaimer{margin-top:.9rem;font-size:.9rem;line-height:1.6;color:#e0f2f5}
.home-lead-disclaimer a{color:#b7faff;text-decoration:underline;font-weight:800}
@media(max-width:700px){.home-lead-fields{grid-template-columns:1fr}.home-lead-wide{grid-column:auto}.home-contact-image{min-height:220px}}


/* Review navigation: subtle, polished controls */
.review-carousel-controls{justify-content:center;gap:1rem;margin:1rem 0 1.25rem}
.review-carousel-label{order:0;font-size:.86rem!important;font-weight:700;letter-spacing:.02em;color:#496575!important;text-transform:none}
#reviews-prev{order:-1}
#reviews-next{order:1}
.review-arrow{width:44px;height:44px;border:1px solid #c2d6dc;border-radius:50%;box-shadow:0 2px 8px rgba(13,52,66,.08);font-size:1.25rem}
@media(max-width:860px){
.site-header .nav-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.site-header .brand{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto}
.site-header .brand img{display:block;width:auto;max-width:min(210px,65vw);height:auto;margin:0 auto}
.site-header .nav{order:3;width:100%;justify-content:center;overflow-x:auto}
.site-header .nav-actions{order:2;margin:0 auto}
}
@media(max-width:600px){
.review-carousel-controls{gap:.75rem;justify-content:center}
.review-carousel-label{font-size:.78rem!important;text-align:center}
.site-header .brand img{max-width:min(180px,65vw)}
}


/* Cleaner editorial hero: focus on headline, promise, benefits and one action */
.home-showcase-inner{max-width:900px}
.home-showcase .home-intro{max-width:690px}
.home-showcase .home-benefits{margin-top:1.5rem}
.home-showcase .home-hero-actions{margin-top:1.8rem}
.home-proof-strip{padding:1.5rem 0;background:#f1f8f9;border-bottom:1px solid #dce9ec}
.home-proof-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.home-proof-strip .home-hero-trust{margin:0;display:flex;gap:1rem;flex-wrap:wrap}
.home-proof-strip .home-hero-trust a{background:#fff;border:1px solid #d6e7ea;border-radius:10px;padding:.75rem 1rem;color:#12394b;display:flex;flex-direction:column;gap:.25rem;text-decoration:none}
.home-proof-strip .home-hero-trust a strong{color:#12394b}
.home-proof-strip .home-hero-trust a span{color:#426170;font-size:.84rem}
.home-proof-coverage{margin:0;color:#355665;font-size:.92rem;line-height:1.6;max-width:320px}
.home-proof-coverage a{color:#086b7e;font-weight:800}
.home-review-feature{padding:1.5rem 0 0;background:#f2f7f8}
.home-review-feature .home-hero-quote{margin:0 auto;max-width:780px;padding:1.2rem 1.5rem;border-radius:12px;background:#fff;border:1px solid #dbe7ea;text-align:center}
.home-review-feature .home-hero-quote p{margin:0 0 .4rem;color:#173b4d;font-size:1.08rem;line-height:1.6}
.home-review-feature .home-hero-quote span{color:#456372;font-size:.86rem}
@media(max-width:700px){.home-proof-inner{justify-content:center;text-align:center}.home-proof-strip .home-hero-trust{justify-content:center}.home-proof-coverage{max-width:none}.home-showcase .home-hero-actions{margin-top:1.5rem}}


/* Readability fix: light cards inside dark hero sections must use dark text.
   Shared across thank-you and any other hero cards on service pages. */
.hero .card,
.hero .feature-card,
.hero .info-card {
  color: #102033 !important;
}
.hero .card h1,
.hero .card h2,
.hero .card h3,
.hero .feature-card h1,
.hero .feature-card h2,
.hero .feature-card h3,
.hero .info-card h1,
.hero .info-card h2,
.hero .info-card h3 {
  color: #102033 !important;
}
.hero .card .lead,
.hero .card p:not(.eyebrow),
.hero .feature-card p,
.hero .info-card p {
  color: #34465a !important;
}
.hero .card .eyebrow,
.hero .feature-card .eyebrow,
.hero .info-card .eyebrow {
  color: #0848a8 !important;
}
.hero .card .button-secondary {
  color: #102033 !important;
  background: #fff;
  border: 1px solid #b5c8d8;
}
.hero .card .button-secondary:hover {
  background: #eef5ff;
  color: #102033 !important;
}


/* Phone-first calls and compact navigation after the first mobile viewport. */
.home-call-panel{margin-top:1.3rem;display:grid;justify-items:start;gap:.75rem}
.home-call-panel>p{margin:.2rem 0;color:#e5f2f5}
.home-call-panel .home-lead-disclaimer{color:#e5f2f5}
.home-call-panel .home-lead-disclaimer a{color:#b7faff;text-decoration:underline}
.promo-call-instead{display:grid;gap:1rem;justify-items:start}
.promo-call-instead p{margin:0;color:#34465a}
.mobile-menu-toggle{display:none}
@media(max-width:860px){
  .site-header .nav-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:.5rem!important;padding:.55rem 0!important;min-height:0!important}
  .site-header .brand{order:0!important;width:100%!important;margin:0!important;justify-content:center!important;display:flex!important}
  .site-header .brand img{max-width:150px!important;width:auto!important;height:auto!important;max-height:74px!important}
  .site-header .nav-actions{order:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;width:100%!important;margin:0!important}
  .site-header .nav-actions .button{font-size:.88rem!important;padding:.65rem .8rem!important;min-height:44px}
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b5cbd2;border-radius:8px;background:#fff;color:#103246;font-family:inherit;font-weight:700;font-size:.88rem;line-height:1.2;padding:.7rem .85rem;min-height:44px;cursor:pointer;white-space:nowrap}
  .site-header.mobile-nav-ready .nav{display:none!important;order:3!important;width:100%!important;overflow:visible!important;white-space:normal!important;flex-wrap:wrap!important;justify-content:center!important;gap:.2rem!important}
  .site-header.mobile-nav-ready.mobile-menu-open .nav{display:flex!important}
  .site-header.mobile-nav-compact .brand{display:none!important}
  .site-header.mobile-nav-compact .nav-actions{width:100%!important;justify-content:space-between!important}
  .site-header.mobile-nav-compact .nav-wrap{padding:.35rem 0!important}
  .site-header.mobile-nav-compact .nav-actions .button{padding:.55rem .75rem!important}
  .promo-topbar.mobile-nav-ready{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}
  .promo-topbar.mobile-nav-ready .promo-brand{width:100%;justify-content:center}
  .promo-topbar.mobile-nav-ready .promo-brand img{max-height:75px;width:auto}
  .promo-topbar.mobile-nav-ready .promo-actions{width:100%;display:flex;justify-content:center;align-items:center;gap:.55rem}
  .promo-topbar.mobile-nav-ready .mobile-generated-nav{display:none;width:100%;flex-wrap:wrap;gap:.6rem;justify-content:center}
  .promo-topbar.mobile-menu-open .mobile-generated-nav{display:flex}
  .promo-topbar.mobile-generated-nav a,.promo-topbar .mobile-generated-nav a{color:#103246;padding:.55rem}
  .promo-topbar.mobile-nav-compact .promo-brand{display:none}
  .promo-topbar.mobile-nav-compact .promo-actions{justify-content:space-between}
}

/* Keep the promotional landing page's phone/menu available during mobile scroll. */
@media(max-width:860px){
  .promo-topbar.mobile-nav-ready{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #dce8eb;padding:.5rem .65rem;box-shadow:0 4px 18px rgba(9,40,56,.12)}
  .promo-topbar.mobile-nav-compact{padding:.35rem .65rem}
  .mobile-menu-toggle:focus-visible{outline:3px solid #08a3ba;outline-offset:2px}
}


/* Homepage hero: outdoor AC installation photo supplied by the company.
   Darken only the backdrop enough to keep headline and phone CTA readable. */
body.home-hero-nav .home-showcase:before{
  background:linear-gradient(90deg,rgba(255,255,255,.91) 0%,rgba(255,255,255,.76) 48%,rgba(255,255,255,.38) 100%),
    url("assets/collett-comfortable-solutions-air-conditioning-equipment.jpg") center 53%/cover no-repeat;
}
@media(max-width:700px){
  body.home-hero-nav .home-showcase:before{
    background:linear-gradient(180deg,rgba(255,255,255,.89),rgba(255,255,255,.80)),
      url("assets/collett-comfortable-solutions-air-conditioning-equipment.jpg") 55% center/cover no-repeat;
  }
}


/* Keep the primary Spokane HVAC hero headline on one line on desktop,
   without forcing overflow on narrow mobile screens. */
@media(min-width:900px){
  body.home-hero-nav .home-showcase-inner{max-width:1200px;width:100%}
  body.home-hero-nav .home-showcase h1{max-width:none;font-size:clamp(2.25rem,4.1vw,3.8rem)}
  body.home-hero-nav .home-showcase h1 br{display:block}
}
@media(max-width:899px){
  body.home-hero-nav .home-showcase h1{font-size:clamp(2rem,5.7vw,3.3rem);overflow-wrap:normal}
}


/* Site-wide heading line-break refinement: avoid orphaned words and
   uneven heading fragments without clipping small screens. */
h1,h2,h3,
.section-title h2,
.hero-editorial h1,
.promo-section-head h1,
.home-showcase h1,
.home-contact-copy h2,
.home-step h3,
.home-service h3,
.card h2,.card h3,
.info-card h3,
.promo-panel h3 {
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}
p,li,.lead,.home-intro,.footer-meta {
  text-wrap: pretty;
}
.card,.info-card,.feature-card,.promo-panel,
.home-service,.home-step,.contact-method-card,
.contact-grid > * {
  min-width: 0;
}
.contact-method-card h2 a,
.footer-contact a {
  overflow-wrap: anywhere;
  word-break: normal;
}
@media(min-width:900px) {
  body.home-hero-nav .home-showcase h1 {
    font-size: clamp(2.2rem, 3.6vw, 3.45rem);
  }
  body.home-hero-nav .home-showcase h1 br {
    display: block;
  }
  body.home-hero-nav .home-showcase h1 {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
@media(max-width:899px) {
  body.home-hero-nav .home-showcase h1 {
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
  }
}
@media(max-width:480px) {
  .hero h1,.hero-editorial h1,.promo-section-head h1 {
    font-size: clamp(2rem, 8vw, 2.75rem);
    line-height: 1.13;
  }
  .section-title h2 {
    font-size: clamp(1.5rem, 6vw, 2rem);
    line-height: 1.2;
  }
}


/* Navigation cleanup: no desktop toggle, no sideways-scrolling pill menu. */
@media(min-width:861px){
  .site-header .mobile-menu-toggle,
  .promo-topbar .mobile-menu-toggle{display:none!important}
  .site-header .nav{overflow:visible!important;white-space:normal!important;flex-wrap:wrap!important;gap:.2rem!important;justify-content:center!important}
  .site-header .nav a{border-radius:6px!important;white-space:normal!important;padding:.6rem .8rem!important;box-shadow:none!important}
}
@media(max-width:860px){
  .site-header.mobile-nav-ready .nav{overflow-x:hidden!important;flex-wrap:wrap!important;white-space:normal!important}
  .site-header.mobile-nav-ready.mobile-menu-open .nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:.35rem!important;border-top:1px solid #dce8eb}
  .site-header.mobile-nav-ready.mobile-menu-open .nav a{display:block!important;width:100%!important;text-align:left!important;white-space:normal!important;border-radius:5px!important;padding:.8rem 1rem!important;box-shadow:none!important}
  .promo-topbar.mobile-menu-open .mobile-generated-nav{flex-direction:column;align-items:stretch;gap:0}
  .promo-topbar.mobile-menu-open .mobile-generated-nav a{display:block;padding:.8rem 1rem;border-bottom:1px solid #dce8eb}
}
/* Make the selected outdoor AC image unmistakably active, including on mobile. */
body.home-hero-nav .home-showcase::before{
  background-image:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.56)),url("assets/collett-comfortable-solutions-air-conditioning-equipment.jpg")!important;
  background-position:center 53%!important;
  background-size:cover!important;
}
@media(max-width:700px){
  body.home-hero-nav .home-showcase::before{
    background-image:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.72)),url("assets/collett-comfortable-solutions-air-conditioning-equipment.jpg")!important;
  }
}