/* Marketing Hunters 2026-10-28: richer layout for the plain service pages (mh27). */
.mh27{max-width:1180px;padding-top:40px;padding-bottom:72px}

/* Hero */
.mh27-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:56px;align-items:center;padding:24px 0 40px}
.mh27 .mh27-hero h1{margin:10px 0 24px;color:#0bf3ff;text-shadow:0 0 4px rgba(11,243,255,.9),0 0 18px rgba(11,243,255,.55),0 0 42px rgba(11,243,255,.25)}
.mh27-hero__text>p{max-width:62ch}
.mh27-hero__cta{margin-top:30px!important}
.mh27-hero__visual{position:relative;aspect-ratio:1;border-radius:18px;display:grid;place-items:center;overflow:hidden;
 background:radial-gradient(circle at 50% 48%,rgba(255,0,170,.16),transparent 58%),radial-gradient(circle at 50% 50%,rgba(11,243,255,.08),transparent 72%),#0d0a1c;
 border:1px solid rgba(11,243,255,.28);box-shadow:0 0 34px rgba(11,243,255,.14),inset 0 0 60px rgba(255,0,170,.07)}
.mh27-hero__visual img{width:100%;height:100%;object-fit:cover;display:block}
.mh27-hero__visual svg{width:66%;height:auto;overflow:visible}
.mh27-hero__visual .c{stroke:#0bf3ff;stroke-width:3.2;filter:drop-shadow(0 0 3px #0bf3ff) drop-shadow(0 0 9px rgba(11,243,255,.6))}
.mh27-hero__visual .p{stroke:#ff00aa;stroke-width:3.2;filter:drop-shadow(0 0 3px #ff00aa) drop-shadow(0 0 9px rgba(255,0,170,.6))}
.mh27-hero__visual .pf{fill:#ff00aa;filter:drop-shadow(0 0 4px #ff00aa)}

/* Double neon line, like the other service pages */
.mh27-lines{display:grid;gap:14px;margin:8px 0 12px}
.mh27-lines span{display:block;height:2px;border-radius:2px}
.mh27-lines span:first-child{background:#0bf3ff;box-shadow:0 0 10px rgba(11,243,255,.8)}
.mh27-lines span:last-child{width:84%;justify-self:center;background:#ff00aa;box-shadow:0 0 10px rgba(255,0,170,.8)}

/* Sections: heading left, text right */
.mh27-sec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:20px 56px;padding:56px 0;border-top:1px solid rgba(11,243,255,.14)}
.mh27-lines+.mh27-sec{border-top:0}
.mh27 .mh27-sec>h2{margin:0;align-self:start;position:sticky;top:120px}
.mh27 .mh27-sec>h2::after{content:"";display:block;width:64px;height:3px;margin-top:18px;border-radius:2px;background:#ff00aa;box-shadow:0 0 10px rgba(255,0,170,.8)}
.mh27-sec__body>:last-child{margin-bottom:0}
.mh27-sec--full{grid-template-columns:minmax(0,1fr)}
.mh27 .mh27-sec--full>h2{position:static;max-width:760px}

/* Lists as check cards */
.mh27 .mh27-checks{list-style:none;padding:0;margin:8px 0 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mh27 .mh27-checks li{position:relative;margin:0;padding:16px 18px 16px 54px;line-height:1.6;border:1px solid rgba(11,243,255,.22);border-radius:10px;background:rgba(11,243,255,.035)}
.mh27 .mh27-checks li::before{content:"";position:absolute;left:18px;top:18px;width:20px;height:20px;border-radius:50%;border:2px solid #0bf3ff;box-shadow:0 0 8px rgba(11,243,255,.55)}
.mh27 .mh27-checks li::after{content:"";position:absolute;left:25px;top:23px;width:6px;height:10px;border:solid #ff00aa;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Steps, same look as the steps on "Website op maat" */
.mh27 .mh27-steps{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mh27 .mh27-step{margin:0;padding:24px 26px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-left:3px solid #0bf3ff;box-shadow:-6px 0 16px -10px rgba(11,243,255,.9)}
.mh27 .mh27-step:last-child:nth-child(odd){grid-column:1/-1}
.mh27 .mh27-step h3{margin:0 0 10px;font-size:1.6rem}
.mh27-step__nr{color:#ff00aa;text-shadow:0 0 10px rgba(255,0,170,.45);margin-right:4px}
.mh27 .mh27-step p{margin:0}

/* FAQ accordion */
.mh27-faq{display:grid;gap:12px;max-width:900px}
.mh27 .mh27-faq details{padding:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.025);transition:border-color .2s ease,box-shadow .2s ease}
.mh27 .mh27-faq details[open]{border-color:rgba(11,243,255,.45);box-shadow:0 0 18px rgba(11,243,255,.1)}
.mh27 .mh27-faq summary{list-style:none;position:relative;padding:18px 60px 18px 22px;font-weight:400}
.mh27 .mh27-faq summary::-webkit-details-marker{display:none}
.mh27 .mh27-faq summary h3{margin:0;font-size:1.45rem;color:#fff}
.mh27 .mh27-faq details[open] summary h3{color:#0bf3ff}
.mh27 .mh27-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.7rem;line-height:1;color:#ff00aa;text-shadow:0 0 8px rgba(255,0,170,.6)}
.mh27 .mh27-faq details[open] summary::after{content:"\2013"}
.mh27 .mh27-faq summary:hover h3{color:#0bf3ff}
.mh27 .mh27-faq__a{padding:0 22px 20px}
.mh27 .mh27-faq__a p{margin:0}

/* Closing call to action */
.mh27-cta{margin:40px auto 0;max-width:860px;padding:48px 44px;text-align:center;border-radius:16px;border:1px solid rgba(255,0,170,.5);background:linear-gradient(135deg,rgba(255,0,170,.10),rgba(11,243,255,.05));box-shadow:0 0 34px rgba(255,0,170,.16)}
.mh27 .mh27-cta h2{margin:0 0 18px;color:#0bf3ff;text-shadow:0 0 14px rgba(11,243,255,.35)}
.mh27-cta__btn{margin:28px 0 20px!important}
.mh27-cta>p:last-child{margin:0;font-size:.95rem;opacity:.9}

@media(max-width:1024px){
 .mh27-hero{gap:36px}
 .mh27-sec{grid-template-columns:minmax(0,1fr);padding:44px 0}
 .mh27 .mh27-sec>h2{position:static}
}
@media(max-width:767px){
 .mh27{padding-top:16px;padding-bottom:48px}
 .mh27-hero{grid-template-columns:minmax(0,1fr);padding-bottom:28px}
 .mh27-hero__visual{width:min(220px,60%);justify-self:center}
 .mh27 .mh27-checks,.mh27 .mh27-steps{grid-template-columns:minmax(0,1fr)}
 .mh27 .mh27-step:last-child:nth-child(odd){grid-column:auto}
 .mh27-sec{padding:36px 0}
 .mh27-cta{padding:34px 22px}
 .mh27 .mh27-faq summary{padding:16px 50px 16px 18px}
 .mh27 .mh27-faq__a{padding:0 18px 18px}
}
@media(prefers-reduced-motion:reduce){.mh27 .mh27-faq details{transition:none}}

/* Footer: legal entity + KvK line */
.mh-footer-company{margin:12px 0 0;text-align:center;font-family:Poppins,Arial,sans-serif;font-size:12px;line-height:1.6;letter-spacing:.02em;color:rgba(255,255,255,.62)}

/* Privacy statement: cookie declaration table readable on dark background */
.mh-privacy .mh-privacy-cookies{font-size:.92rem;overflow-x:auto}
.mh-privacy .mh-privacy-cookies table{width:100%;border-collapse:collapse;margin:12px 0 24px}
.mh-privacy .mh-privacy-cookies th,.mh-privacy .mh-privacy-cookies td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;vertical-align:top}
.mh-privacy .mh-privacy-cookies a{color:#0bf3ff}

/* Blog table of contents: no automatic numbers (headings can carry their own), neon dot per item */
.mh-blog .mhb-toc .mhb-toc-list{list-style:none;padding-left:0;margin:0}
.mh-blog .mhb-toc .mhb-toc-list li{position:relative;padding-left:18px;line-height:1.45}
.mh-blog .mhb-toc .mhb-toc-list li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:#0bf3ff;box-shadow:0 0 6px rgba(11,243,255,.7)}
.mh-blog .mhb-toc .mhb-toc-list li::marker{content:none}
.mh-blog .mhb-toc .mhb-toc-list a:hover{color:#0bf3ff}

/* Links to the glossary inside running text: subtle dotted underline, text keeps its colour */
body a.mh-term-link{color:inherit!important;text-decoration:underline dotted rgba(11,243,255,.85)!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important;border-bottom:0!important;transition:color .2s ease}
body a.mh-term-link:hover,body a.mh-term-link:focus-visible{color:#0bf3ff!important;text-decoration-style:solid!important}