/* Scoped to the approved Diensten master. Shared theme styling stays unchanged. */
.diensten-page section[id],.diensten-page article[id]{scroll-margin-top:100px}
.diensten-page .diensten-hero{padding:clamp(70px,10vw,140px) 0 95px;background:radial-gradient(ellipse at 70% 20%,rgba(139,92,246,.25),transparent 55%)}
.diensten-hero-inner{max-width:900px}
.diensten-page h1,.diensten-page h2,.diensten-page h3{color:var(--ink);line-height:1.16;letter-spacing:-.035em}
.diensten-page h1{font-size:clamp(2.5rem,6vw,5.2rem);margin:0 0 32px}
.diensten-page h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 30px}
.diensten-page h3{font-size:clamp(1.18rem,2vw,1.55rem);margin:0 0 14px}
.diensten-page p{max-width:72ch;margin:0 0 18px}
.diensten-page .diensten-hero p{font-size:clamp(1.1rem,2vw,1.28rem)}
.diensten-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}
.diensten-section{padding:clamp(75px,9vw,120px) 0}
.diensten-section-alt{background:rgba(17,21,40,.78);border-block:1px solid var(--line)}
.diensten-cards,.diensten-trio,.diensten-prijzen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.diensten-cards article,.diensten-trio article,.diensten-prijzen-grid article,.diensten-steps article{padding:clamp(22px,3vw,34px);border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.diensten-cards article{display:flex;flex-direction:column;min-height:275px}
.diensten-cards article p{flex:1;color:var(--soft)}
.diensten-cards article a{color:var(--ink);font-weight:700;text-underline-offset:4px}
.diensten-cards article a:focus-visible,.diensten-page a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.diensten-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:40px 0}
.diensten-steps article:last-child{grid-column:span 2}
.diensten-trio article p,.diensten-prijzen-grid article p{margin:0}
.diensten-prijzen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.diensten-prijzen-grid article .diensten-bedrag{color:var(--cyan);font-size:1.25rem;font-weight:750;margin-bottom:20px}
.diensten-package-details{font-size:.88rem}.diensten-package-details h3{font-size:1.05rem;margin:20px 0 8px}.diensten-package-details ul{padding-left:20px;margin:0}.diensten-package-details li{margin:6px 0}.diensten-package-details .package-payment{margin-top:20px;color:var(--muted)}
.diensten-prijzen-grid article:target{outline:2px solid var(--violet)}
.diensten-logo-window{overflow:hidden;margin:42px 0 28px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.diensten-logo-track{display:flex;width:max-content;will-change:transform}
.diensten-logo-set{display:flex;gap:16px;flex:none;padding-right:16px}
.diensten-logo{width:190px;height:100px;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--soft);white-space:nowrap}
.diensten-logo img{width:36px;height:36px;object-fit:contain}
.diensten-split{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}
.diensten-checklist{padding-left:26px;margin:0}.diensten-checklist li{margin-bottom:13px}
.diensten-split-foot{grid-column:1/-1}.diensten-split-foot .btn{margin-top:16px}
.diensten-trust{max-width:1000px}
.diensten-slot{text-align:center;background:radial-gradient(ellipse at 50% 40%,rgba(139,92,246,.26),transparent 70%)}
.diensten-slot-inner{max-width:850px}.diensten-slot p{margin-left:auto;margin-right:auto}.diensten-slot .diensten-actions{justify-content:center}
@media(max-width:900px){.diensten-cards,.diensten-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.diensten-prijzen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.diensten-page .diensten-hero{padding:65px 0}.diensten-section{padding:70px 0}.diensten-cards,.diensten-trio,.diensten-prijzen-grid,.diensten-steps,.diensten-split{grid-template-columns:1fr}.diensten-steps article:last-child{grid-column:auto}.diensten-cards article{min-height:0}.diensten-actions{flex-direction:column}.diensten-actions .btn{width:100%}.diensten-logo-window{mask-image:none}.diensten-logo{width:165px}}
@media(max-width:360px){.diensten-page h1{font-size:2.15rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.diensten-logo-track{transform:none!important;will-change:auto}.diensten-logo-window{overflow-x:auto}.diensten-logo-set[aria-hidden=true]{display:none}}