/* The service identity continues from onboarding into the detailed explanation. */
.service-anchor{--service-colour:#147f78;position:relative;border-left:8px solid var(--service-colour)}
.service-anchor .eyebrow{color:var(--service-colour)}
.service-anchor .btn{background:var(--service-colour);border-color:var(--service-colour)}
.service-anchor .btn:hover,.service-anchor .btn:focus{filter:brightness(.88)}
.service-anchor:target{outline-color:color-mix(in srgb,var(--service-colour) 24%,transparent)}
#website-health{--service-colour:#087f8c;background-image:linear-gradient(90deg,rgba(8,127,140,.08),transparent 42%)}
#business-improvement{--service-colour:#3157a4;background-image:linear-gradient(90deg,rgba(49,87,164,.08),transparent 42%)}
#competitor-comparison{--service-colour:#7a4da0;background-image:linear-gradient(90deg,rgba(122,77,160,.08),transparent 42%)}
#business-progress{--service-colour:#b26716;background-image:linear-gradient(90deg,rgba(178,103,22,.08),transparent 42%)}
#social-aims{--service-colour:#b84b72;background-image:linear-gradient(90deg,rgba(184,75,114,.08),transparent 42%)}
@supports not (color:color-mix(in srgb,#000 20%,transparent)){.service-anchor:target{outline-color:rgba(14,42,71,.2)}}
@media(max-width:780px){.service-anchor{border-left-width:5px}.service-anchor{background-size:100% 100%}}