:root {
  --mi-route: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Cpath d='M8 19h3a3 3 0 0 0 3-3V8a3 3 0 0 1 3-3'/%3E%3C/svg%3E");
  --mi-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.3 8.2-8 10-4.7-1.8-8-5-8-10V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --mi-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h11v12H3zM14 9h4l3 3v5h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
  --mi-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10M9 20v-6h6v6'/%3E%3C/svg%3E");
  --mi-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 7 8-4 8 4-8 4zM4 7v10l8 4 8-4V7M12 11v10'/%3E%3C/svg%3E");
  --mi-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  --mi-plan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8M9 2h6v4H9zM6 4H4v17h16V4h-2'/%3E%3Cpath d='M8 11h8M8 15h8'/%3E%3C/svg%3E");
  --mi-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18M8 14h3M13 14h3M8 17h3'/%3E%3C/svg%3E");
  --mi-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V4h11v17M15 9h5v12M8 8h3M8 12h3M8 16h3M18 13v1M18 17v1M2 21h20'/%3E%3C/svg%3E");
}

:where(
  .service-item > .service-num,
  .benefit > .service-num,
  .content-card > .num,
  .detail-card-index:not(:has(svg)),
  .related-service > span,
  .value-sequence li > b,
  .layout-advantage-grid article > b,
  .product-grid > article > b,
  .frx-inclusion-grid > article > b,
  .frx-standard-grid > article > b,
  .clone-card-grid > article > b,
  .frx-checklist > p > b,
  .access-section li > b
) {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: currentColor;
  display: inline-flex;
  flex: 0 0 42px;
  font-size: 0 !important;
  height: 42px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  width: 42px;
}

:where(
  .service-item > .service-num,
  .benefit > .service-num,
  .content-card > .num,
  .detail-card-index:not(:has(svg)),
  .related-service > span,
  .value-sequence li > b,
  .layout-advantage-grid article > b,
  .product-grid > article > b,
  .frx-inclusion-grid > article > b,
  .frx-standard-grid > article > b,
  .clone-card-grid > article > b,
  .frx-checklist > p > b,
  .access-section li > b
)::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 24px;
  -webkit-mask: var(--mi-route) center / contain no-repeat;
  mask: var(--mi-route) center / contain no-repeat;
  width: 24px;
}

:where(.service-grid, .benefit-grid, .content-cards, .product-grid, .frx-inclusion-grid, .frx-standard-grid, .clone-card-grid) > :nth-child(2) > :where(.service-num, .num, b)::before,
.detail-card:nth-child(2) > .detail-card-index::before,
.related-service:nth-child(2) > span::before,
.value-sequence li:nth-child(2) > b::before,
.layout-advantage-grid article:nth-child(2) > b::before,
.frx-checklist > :nth-child(2) > b::before,
.access-section li:nth-child(2) > b::before {
  -webkit-mask-image: var(--mi-shield);
  mask-image: var(--mi-shield);
}

:where(.service-grid, .benefit-grid, .content-cards, .product-grid, .frx-inclusion-grid, .frx-standard-grid, .clone-card-grid) > :nth-child(3) > :where(.service-num, .num, b)::before,
.detail-card:nth-child(3) > .detail-card-index::before,
.related-service:nth-child(3) > span::before,
.value-sequence li:nth-child(3) > b::before,
.layout-advantage-grid article:nth-child(3) > b::before,
.frx-checklist > :nth-child(3) > b::before,
.access-section li:nth-child(3) > b::before {
  -webkit-mask-image: var(--mi-truck);
  mask-image: var(--mi-truck);
}

:where(.service-grid, .benefit-grid, .content-cards, .product-grid, .frx-inclusion-grid, .frx-standard-grid, .clone-card-grid) > :nth-child(4) > :where(.service-num, .num, b)::before,
.detail-card:nth-child(4) > .detail-card-index::before,
.value-sequence li:nth-child(4) > b::before,
.frx-checklist > :nth-child(4) > b::before,
.access-section li:nth-child(4) > b::before {
  -webkit-mask-image: var(--mi-home);
  mask-image: var(--mi-home);
}

:where(.service-grid, .benefit-grid, .content-cards, .product-grid, .frx-inclusion-grid, .frx-standard-grid, .clone-card-grid) > :nth-child(5) > :where(.service-num, .num, b)::before,
.frx-checklist > :nth-child(5) > b::before,
.access-section li:nth-child(5) > b::before {
  -webkit-mask-image: var(--mi-box);
  mask-image: var(--mi-box);
}

:where(.service-grid, .benefit-grid, .content-cards, .product-grid, .frx-inclusion-grid, .frx-standard-grid, .clone-card-grid) > :nth-child(6) > :where(.service-num, .num, b)::before,
.frx-checklist > :nth-child(6) > b::before {
  -webkit-mask-image: var(--mi-pin);
  mask-image: var(--mi-pin);
}

.service-item > .service-num,
.benefit > .service-num {
  color: var(--honey-deep, #8a5a00);
}

.content-card > .num,
  .detail-card-index:not(:has(svg)),
  .related-service > span,
  .value-sequence li > b,
  .layout-advantage-grid article > b,
.product-grid > article > b,
.frx-inclusion-grid > article > b,
.frx-standard-grid > article > b,
.clone-card-grid > article > b,
.frx-checklist > p > b,
.access-section li > b {
  color: var(--orange, currentColor);
}

.service-item h3 {
  margin-top: 26px;
}

/* Keep the compact footer brand while meeting the mobile touch target. */
.site-footer .brand {
  min-height: 44px;
}

/* Content-specific mapping. Ordered process components are intentionally excluded. */
.service-grid > :nth-child(1) > .service-num::before,
.related-service:nth-child(1) > span::before,
.frx-inclusion-grid > :nth-child(1) > b::before,
.access-section li:nth-child(1) > b::before { -webkit-mask-image: var(--mi-route); mask-image: var(--mi-route); }
.service-grid > :nth-child(4) > .service-num::before,
.detail-card:nth-child(1) > .detail-card-index::before,
.content-cards > :nth-child(2) > .num::before { -webkit-mask-image: var(--mi-box); mask-image: var(--mi-box); }
.service-grid > :nth-child(5) > .service-num::before { -webkit-mask-image: var(--mi-truck); mask-image: var(--mi-truck); }
.service-grid > :nth-child(6) > .service-num::before { -webkit-mask-image: var(--mi-pin); mask-image: var(--mi-pin); }
.benefit-grid > :nth-child(3) > .service-num::before,
.content-cards > :nth-child(1) > .num::before { -webkit-mask-image: var(--mi-home); mask-image: var(--mi-home); }
.content-cards > :nth-child(3) > .num::before,
.access-section li:nth-child(2) > b::before { -webkit-mask-image: var(--mi-building); mask-image: var(--mi-building); }
.value-sequence li:nth-child(1) > b::before,
.layout-advantage-grid article:nth-child(1) > b::before,
.product-grid > :nth-child(1) > b::before,
.frx-standard-grid > :nth-child(1) > b::before,
.clone-card-grid > :nth-child(1) > b::before,
.frx-checklist > :nth-child(1) > b::before { -webkit-mask-image: var(--mi-plan); mask-image: var(--mi-plan); }
.layout-advantage-grid article:nth-child(3) > b::before,
.frx-standard-grid > :nth-child(2) > b::before,
.clone-card-grid > :nth-child(2) > b::before,
.frx-checklist > :nth-child(2) > b::before { -webkit-mask-image: var(--mi-route); mask-image: var(--mi-route); }
.value-sequence li:nth-child(4) > b::before,
.frx-standard-grid > :nth-child(5) > b::before,
.access-section li:nth-child(4) > b::before { -webkit-mask-image: var(--mi-calendar); mask-image: var(--mi-calendar); }
.frx-standard-grid > :nth-child(4) > b::before,
.clone-card-grid > :nth-child(3) > b::before,
.frx-checklist > :nth-child(3) > b::before { -webkit-mask-image: var(--mi-shield); mask-image: var(--mi-shield); }
.frx-standard-grid > :nth-child(6) > b::before { -webkit-mask-image: var(--mi-building); mask-image: var(--mi-building); }
.access-section li:nth-child(3) > b::before,
.access-section li:nth-child(5) > b::before { -webkit-mask-image: var(--mi-box); mask-image: var(--mi-box); }

@media (max-width: 540px) {
  :where(
    .service-item > .service-num,
    .benefit > .service-num,
    .content-card > .num,
    .detail-card-index:not(:has(svg)),
    .related-service > span,
    .value-sequence li > b,
    .layout-advantage-grid article > b,
    .product-grid > article > b,
    .frx-inclusion-grid > article > b,
    .frx-standard-grid > article > b,
    .clone-card-grid > article > b,
    .frx-checklist > p > b,
    .access-section li > b
  ) {
    height: 40px;
    width: 40px;
  }
}