/* Discord bot hosting (ontwerp B, okt 2026). Bouwt voort op home.css (.vxh). */
.vxh .dh-hero{padding:64px 0 8px}
.vxh .dh-hero .quote{margin:0 0 12px}
.vxh .dh-hero h1.big{max-width:16ch}
.vxh .dh-hero .lead{max-width:56ch;margin-bottom:0}
.vxh .dh-plans{padding-top:32px}
.vxh .dh-plans .alert{margin:0 0 20px;font-size:14px}
.vxh .plan.gekozen{border-color:var(--d-blue);box-shadow:0 0 0 1px var(--d-blue)}
.vxh .linkbtn{font:inherit;color:var(--d-blue);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.vxh .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:s}
.vxh .steps div{counter-increment:s;border-top:1px solid var(--d-strong);padding-top:16px}
.vxh .steps div::before{content:counter(s);font-family:var(--f-mono);font-size:13px;color:var(--d-blue)}
.vxh .steps h3{margin:6px 0;font-size:19px}
.vxh .steps p{margin:0;color:var(--d-mut);font-size:15px}
.vxh .faq p a{color:var(--d-blue);text-decoration:underline;text-underline-offset:3px}
.vxh .cta2{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px;border:1px solid var(--d-line);border-radius:12px;background:var(--d-card)}
.vxh .cta2 h2{margin:0 0 6px;font-size:24px}
.vxh .cta2 p{margin:0;color:var(--d-mut)}
.vxh .dh-end{padding-bottom:80px}
@media (max-width:820px){
  .vxh .steps{grid-template-columns:1fr;gap:20px}
  .vxh .dh-hero{padding-top:40px}
}