/* Dienstpagina's — bouwt voort op site.css */
body.dienst{background:var(--bg)}
.d-nav{position:sticky;top:0;z-index:50;background:rgba(7,8,9,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2)}
.d-nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.d-brand{display:flex;align-items:center;gap:10px}
.d-brand span{display:flex;flex-direction:column;line-height:1.1}
.d-brand b{font-family:var(--f-display);font-size:16px}
.d-brand small{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}
.d-nav-cta{height:44px;padding:0 20px;font-size:14px;width:auto}
.d-hero{padding-block:clamp(40px,7vw,96px)}
.d-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center}
.d-crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.d-crumbs a{text-decoration:underline;text-underline-offset:3px}
.d-hero h1{font-family:var(--f-display);font-size:clamp(34px,5.4vw,64px);line-height:1.04;letter-spacing:-.02em;margin:16px 0 18px}
.d-lead{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);max-width:60ch}
.d-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.d-cta .btn{width:auto}
.d-photo{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line)}
.d-block{padding-block:clamp(36px,6vw,72px);border-top:1px solid var(--line-2)}
.d-block h2{font-family:var(--f-display);font-size:clamp(24px,3vw,34px);margin-bottom:16px;letter-spacing:-.01em}
.d-block p{color:var(--ink-2);max-width:65ch;margin-bottom:22px}
.d-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}
.d-list{list-style:none;display:grid;gap:12px}
.d-list li{position:relative;padding-left:30px;color:var(--ink-2)}
.d-list li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--grad-fire)}
.d-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.d-steps li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;counter-increment:s}
.d-steps li:before{content:"0" counter(s);font-family:var(--f-mono);color:var(--orange-br);font-size:13px;display:block;margin-bottom:10px}
.d-steps b{display:block;font-family:var(--f-display);margin-bottom:6px}
.d-steps span{color:var(--ink-2);font-size:15px}
.d-faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:10px}
.d-faq summary{cursor:pointer;font-weight:600;list-style:none}
.d-faq summary::-webkit-details-marker{display:none}
.d-faq summary:after{content:"+";float:right;color:var(--orange-br);font-size:20px;line-height:1}
.d-faq details[open] summary:after{content:"–"}
.d-faq details p{margin:12px 0 0}
.d-final{text-align:center}
.d-final p{margin-inline:auto}
.d-final .d-cta{justify-content:center}
.d-related{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.d-related a{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:99px;color:var(--ink-2)}
.d-related a:hover{border-color:var(--orange);color:var(--ink)}
.d-foot{border-top:1px solid var(--line);padding-block:36px;color:var(--muted);font-size:14px}
.d-foot p{margin-bottom:6px}
.d-foot a{text-decoration:underline;text-underline-offset:3px}
.d-small{font-size:12px}
@media (max-width:900px){.d-hero-grid,.d-two{grid-template-columns:1fr}.d-steps{grid-template-columns:1fr 1fr}.d-photo{order:-1}}
@media (max-width:520px){.d-steps{grid-template-columns:1fr}.d-cta .btn{width:100%}.d-nav-cta{display:none}}
.d-promo{display:inline-block;margin-top:6px;padding:12px 18px;border-radius:14px;border:1px solid rgba(240,83,28,.45);background:rgba(240,83,28,.08);color:var(--ink)!important;font-size:15px}