.inline-icon { width: 20px; height: 20px; object-fit: contain; filter: brightness(0) invert(1); }
.dark-icon { filter: none; }
.check-icon { width: 24px; height: 24px; object-fit: contain; filter: brightness(0) invert(1); }
.benefit-icon { width: 30px; height: 30px; object-fit: contain; }
.media i { width: 54px; height: 54px; }
.media i img { width: 32px; height: 32px; object-fit: contain; filter: brightness(0) invert(1); }
.area i img { width: 38px; height: 38px; object-fit: contain; }
.contact-info i img { width: 25px; height: 25px; object-fit: contain; }
.site-logo { width: 138px; height: 62px; object-fit: contain; image-rendering: auto; }
.footer-logo { filter: brightness(0) invert(1); }
.media svg { position: absolute; right: 0; bottom: 0; width: 54px; height: 54px; padding: 15px; color: #fff; background: var(--green); stroke-width: 2; }
.btn svg { width: 19px; height: 19px; }
.hero-card li svg { width: 24px; height: 24px; padding: 5px; flex: none; color: #fff; background: var(--green); }
.benefit-grid article > svg { width: 25px; height: 25px; color: var(--green); stroke-width: 3; }
.area > svg { width: 36px; height: 36px; flex: none; color: var(--green); }
.contact-info > div > svg { width: 22px; height: 22px; flex: none; color: var(--green); }