.managed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.managed-grid .card{height:100%}.managed-grid h3{margin:0 0 12px}.page-managed-services .band p{color:#c5cfd6}@media(max-width:900px){.managed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.managed-grid{grid-template-columns:1fr}}body.proper-inspired #services .card[href="co-managed.html"]{--service-icon:url("pi-co-managed.svg")}body.proper-inspired #services .card[href="managed-solutions.html"]{--service-icon:url("pi-managed.svg")}body.proper-inspired #services .card[href="business-voip.html"]{--service-icon:url("pi-voice.svg")}body.proper-inspired #services .card[href="compliance.html"]{--service-icon:url("pi-security.svg")}body.proper-inspired #services .card[href="low-voltage.html"]{--service-icon:url("pi-network.svg")}body.proper-inspired #services .card[href="build-outs.html"]{--service-icon:url("pi-build.svg")}body.proper-inspired #services .card[href="contact.html#contact-form"]{--service-icon:url("pi-strategy.svg")}@media(min-width:1100px){body.proper-inspired.site-preserved #services .services>.card.service-contact{grid-column:span 4}}
/* Keep the merged service cards consistent with the other service pages. */
body.proper-inspired.site-preserved.page-managed-services .managed-grid>.card{padding:30px;background:#fff;color:var(--pi-ink);border:1px solid var(--pi-line);border-radius:18px;box-shadow:var(--pi-shadow);min-width:0}
body.proper-inspired.site-preserved.page-managed-services .managed-grid>.card h3{font-size:23px;color:var(--pi-ink);margin-bottom:12px}
body.proper-inspired.site-preserved.page-managed-services .managed-grid>.card p{font-family:Barlow,'Segoe UI',sans-serif;font-size:16px;line-height:1.7;color:var(--pi-copy)}
body.proper-inspired.site-preserved.page-managed-services .managed-grid>.card:is(:hover,:focus-visible,:focus-within){border-color:#ff31315c;box-shadow:var(--pi-hover)}