/* Homepage clarity: mobile summary, project entry and progressive service content. */
.hero .hero-mobile-summary{display:none}
.hero .home-audit-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.25rem .4rem;background:none!important;border:0!important;box-shadow:none!important;color:var(--gray,#b6b6b6);font-size:.85rem;letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:.3em}
.hero .home-audit-link:hover,.hero .home-audit-link:focus-visible{color:var(--white,#fff)}
.services-html{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:2rem 0}
.services-html[hidden]{display:none!important}
.services-html .service-html-card{padding:1.5rem;border:1px solid var(--line,rgba(255,255,255,.18));border-radius:16px;background:#080808}
.services-html h3{font-size:1.3rem;margin:0 0 1rem}.services-html h3 a{color:var(--white,#fff)}
.services-html p{font-size:1rem;line-height:1.6;margin:.8rem 0;color:var(--gray,#b6b6b6)}
.services-html:not([hidden])+.stage{display:none!important}
.svc-wrap:has(.services-html:not([hidden])),.svc-wrap:has(.services-html:not([hidden])) .svc-pin{height:auto!important;min-height:0!important;position:relative!important}
@media(max-width:900px){
 html:root .hero .hero-mobile-summary{display:block!important;max-width:36ch;margin:.85rem auto 0;font-size:.95rem;line-height:1.5;text-align:center;color:var(--gray,#b6b6b6)}
 html:root .hero .hero-inner{transform:none!important}
 html:root .hero .cta-row{margin-top:1.2rem!important}
 html:root .hero .cta-btns{gap:.3rem!important}
 html:root .hero .home-audit-link{font-size:.82rem}
}

/* Retain a readable CTA when the animated material canvas is unavailable. */
.hero .cta-btns>.btn-primary{background-color:var(--green,#c8ff00)!important}
.hero .home-audit-link{gap:.5rem}