/* Lucide-style sprites from /Public/icons/icons.svg — use with <svg class="icon"><use href="...#id"/></svg> */
.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.2em;
  flex-shrink: 0;
}
.icon--lg {
  width: 1.75rem;
  height: 1.75rem;
}
.icon--xl {
  width: 2.25rem;
  height: 2.25rem;
}
.cm-icon .icon,
.r-icon .icon {
  width: 22px;
  height: 22px;
}
.r-icon .icon {
  width: 28px;
  height: 28px;
}
.trust-pill-icon .icon {
  width: 18px;
  height: 18px;
}
.why-icon .icon {
  width: 22px;
  height: 22px;
}
.radio-opt .icon {
  width: 16px;
  height: 16px;
  vertical-align: -0.15em;
}
.svc-hero-tag .icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: -0.15em;
}

/* Wordmark SVG uses mid-greys + colour — invisible on dark surfaces. Force monochrome from context. */
.nav-logo-img {
  height: clamp(26px, 4.2vw, 34px);
  width: auto;
  display: block;
  filter: brightness(0);
}
.footer .footer-logo-img {
  height: clamp(22px, 4vw, 30px);
  width: auto;
  display: block;
  opacity: 1;
  filter: brightness(0) invert(1);
}