/* ── Hero ──────────────────────────────────────────────────────── */
.heroHome{padding:96px 0 72px;background:linear-gradient(165deg,#1A1526 0%,#2A2140 100%);margin-top:-74px;padding-top:170px}
.heroHome .sectionLabel{color:#B79BFF}
.heroHomeContent{max-width:820px}
.heroHomeContent h1{font-size:58px;color:#fff;margin-bottom:24px}
.heroHomeContent h1 .textIndigo{color:#B79BFF}
.heroHomeSub{font-size:19px;line-height:1.7;color:#C4BAD8;margin-bottom:34px}
.heroHomeBtns{display:flex;flex-wrap:wrap;gap:14px}
.heroHome .btnOutline{color:#fff;border-color:rgba(255,255,255,.3)}
.heroHome .btnOutline:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}

/* ── Top 3 ─────────────────────────────────────────────────────── */

/* ── Criteria ──────────────────────────────────────────────────── */
.homeCriteria{padding:88px 0 0}
.homeCriteriaIntro{max-width:760px;margin-top:14px}
.homeCriteriaIntro a{color:var(--color-indigo);text-decoration:underline}
.homeCriteriaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.homeCriterion{padding:26px;border-radius:var(--radius-card);background:var(--background-alt-1)}
.homeCriterion h3{font-size:17px;margin-bottom:8px}
.homeCriterion p{font-size:15px;line-height:1.6}

/* ── Ranglijst ─────────────────────────────────────────────────── */
.homeRanking{padding:88px 0 0}
.homeRanking .btnGhost{margin-top:26px}

/* ── Body + CTA ────────────────────────────────────────────────── */
.homeBody{padding:72px 0 0}
.homeCta{margin-top:88px;padding:72px 0;background:var(--background-alt-1);text-align:center}
.homeCta h2{font-size:34px;margin-bottom:14px}
.homeCta p{max-width:620px;margin:0 auto 28px}

@media (max-width:992px){
    .heroHomeContent h1{font-size:44px}
    .homeCriteriaGrid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
    .heroHome{padding-top:140px;padding-bottom:56px}
    .heroHomeContent h1{font-size:34px}
    .heroHomeSub{font-size:17px}
    .homeCriteria,.homeRanking{padding-top:64px}
    .homeCta h2{font-size:26px}
}
@media (max-width:480px){
    .homeCriteriaGrid{grid-template-columns:1fr}
}