/* Taak 97 · pagina Element Property Management (mockup T13 v2, canvas EPM.dc.html). Alleen via design tokens. */

.eo-epm .eo-cp-hero{padding-bottom:88px}
.eo-epm__sub{font-size:1.125rem;color:var(--eo-off);max-width:640px;margin:0 auto 24px}
.eo-epm__kruimel{position:absolute;z-index:1;left:0;right:0;bottom:16px;max-width:var(--eo-container);margin:0 auto;padding:0 16px;text-align:left;font-size:.75rem;color:var(--eo-bg)}
.eo-epm__kruimel a{color:inherit;text-decoration:none}
.eo-epm__kruimel a:hover{text-decoration:underline}

.eo-epm__usps{background:#fff;padding:24px 0}
.eo-epm__usps ul{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;margin:0 auto;list-style:none}
.eo-epm__usps li{font-weight:600;font-size:.875rem;display:flex;gap:8px;align-items:center;color:var(--eo-navy)}
.eo-epm__usps li::before{content:"";width:8px;height:8px;background:var(--eo-accent);flex:none}

.eo-epm h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 16px}
.eo-epm h3{font-size:1.35rem;margin:0 0 12px}
.eo-epm__tekst{max-width:780px}
.eo-epm__kop{max-width:780px;margin:0 auto 32px;text-align:center}
.eo-epm__midden{text-align:center}
.eo-epm__knoppen{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}

.eo-epm__huis{background:var(--eo-blue);color:#fff}
.eo-epm .eo-epm__huis :is(h2,h3){color:#fff}
.eo-epm__huis .eo-eyebrow{color:var(--eo-accent)}
.eo-epm__tegels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.eo-epm__tegel{display:flex;flex-direction:column;gap:8px;height:100%;border:1px solid rgba(255,255,255,.25);padding:24px;color:#fff;text-decoration:none;transition:background .2s var(--eo-ease),border-color .2s var(--eo-ease)}
.eo-epm__tegel:hover,.eo-epm__tegel:focus-visible{background:rgba(255,255,255,.06);border-color:var(--eo-accent);color:#fff}
.eo-epm__tegel h3{margin:0}
.eo-epm__meer{margin-top:auto;padding-top:8px;font-weight:700;font-size:.8125rem;color:var(--eo-accent)}

.eo-epm__od{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding:48px 0;border-top:1px solid var(--eo-line);scroll-margin-top:96px}
.eo-epm__od--breed{grid-template-columns:1fr;gap:8px}
.eo-epm__od ul{margin:0;padding-left:18px}
.eo-epm__lnk{font-weight:700;font-size:.875rem;color:var(--eo-green-dark)}
.eo-epm__groepen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:16px}
.eo-epm__groep{background:#fff;padding:24px;border-top:4px solid var(--eo-green)}
.eo-epm__groep h4{font:600 1rem/1.3 var(--eo-font);margin:0 0 8px;color:var(--eo-navy)}
.eo-epm__groep--aanvraag{grid-column:1/-1;background:var(--eo-off);border-top:0;border-left:4px solid var(--eo-accent)}
.eo-epm__groep--aanvraag ul{columns:2;column-gap:32px}

.eo-epm__werk{background:#fff}
.eo-epm__stappen{counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:32px 0 0;padding:0}
.eo-epm__stappen li{background:var(--eo-off);padding:24px;counter-increment:s}
.eo-epm__stappen li::before{content:counter(s);display:flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--eo-accent);color:var(--eo-accent-tekst);font-weight:700;margin-bottom:12px}
.eo-epm__stappen p{margin:0}

.eo-epm__contact{background:#fff}
.eo-epm__split{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start}
.eo-epm__kaart{background:var(--eo-blue);color:#fff;padding:24px}
.eo-epm .eo-epm__kaart h3{color:#fff;margin-bottom:4px}
.eo-epm__kaart p{margin:0 0 12px}
.eo-epm__kaart a{color:#fff}

@media (max-width:1000px){.eo-epm__stappen{grid-template-columns:1fr 1fr}}
@media (max-width:800px){
	.eo-epm__tegels,.eo-epm__groepen,.eo-epm__split{grid-template-columns:1fr}
	.eo-epm__od{grid-template-columns:1fr;gap:16px}
	.eo-epm__groep--aanvraag ul{columns:1}
}
@media (max-width:520px){.eo-epm__stappen{grid-template-columns:1fr}}