/* ERE-aanmeld-landingspagina — scoped onder #ere-lp, full-bleed secties */
#ere-lp{--green:#1f8f4e;--green-dark:#15673a;--sky:#9fd4ec;--sky-soft:#e8f4fa;--ink:#13261c;--muted:#4a5a50;--line:#d7e3da;--sun:#f4c14b;color:var(--ink);line-height:1.55}
#ere-lp *{box-sizing:border-box}
#ere-lp .wrap{max-width:1060px;margin:0 auto;padding:0 24px}
#ere-lp .bleed{width:100vw;margin-left:calc(50% - 50vw)}

/* HERO */
#ere-lp .hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#bfe6f6 0%,#e8f4fa 55%,#fff 100%);padding:72px 0 64px}
#ere-lp .sun{position:absolute;top:38px;right:9%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffe49b,#f4c14b);box-shadow:0 0 70px 24px rgba(244,193,75,.45)}
#ere-lp .hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .9fr;gap:40px;align-items:center}
#ere-lp .eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--green-dark);font-weight:600;font-size:13px;padding:6px 13px;border-radius:999px;margin-bottom:18px}
#ere-lp h1{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:800;font-size:44px;line-height:1.1;letter-spacing:-.03em;margin:0 0 16px}
#ere-lp h1 .accent{color:var(--green)}
#ere-lp .lead{font-size:19px;color:var(--muted);max-width:34ch;margin:0 0 28px}
#ere-lp .cta{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;font-size:18px;font-weight:700;text-decoration:none;padding:16px 30px;border-radius:12px;box-shadow:0 10px 24px -8px rgba(31,143,78,.6);transition:.15s}
#ere-lp .cta:hover{background:var(--green-dark);transform:translateY(-1px);color:#fff}
#ere-lp .cta .arr{font-size:20px}
#ere-lp .hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 24px 60px -30px rgba(19,38,28,.5)}
#ere-lp .hero-card h3{font-size:16px;margin:0 0 14px}
#ere-lp .hero-card ul{margin:0;padding:0}
#ere-lp .hero-card li{list-style:none;display:flex;gap:10px;align-items:flex-start;margin-bottom:11px;font-size:15px;color:var(--muted)}
#ere-lp .hero-card li .tick{color:var(--green);font-weight:800}

/* SECTIONS */
#ere-lp .section{padding:66px 0}
#ere-lp .section h2{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:800;font-size:32px;text-align:center;letter-spacing:-.03em;margin:0 0 8px}
#ere-lp .section .sub{text-align:center;color:var(--muted);max-width:50ch;margin:0 auto 46px;font-size:17px}

/* TIMELINE */
#ere-lp .tl{position:relative;margin:0 8px}
#ere-lp .tl-line{position:absolute;top:34px;left:6%;right:6%;height:8px;border-radius:6px;background:linear-gradient(90deg,var(--sky),#bfe0c9)}
#ere-lp .tl-line:after{content:"";position:absolute;right:-2px;top:-9px;border-left:20px solid #bfe0c9;border-top:13px solid transparent;border-bottom:13px solid transparent}
#ere-lp .tl-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#ere-lp .tl-step{text-align:center;padding:0 8px}
#ere-lp .dot{width:26px;height:26px;border-radius:50%;background:var(--green);border:5px solid #fff;box-shadow:0 0 0 2px var(--green);margin:22px auto 18px}
#ere-lp .when{font-weight:800;color:var(--green-dark);font-size:15px;letter-spacing:.2px}
#ere-lp .what{margin-top:6px;font-size:17px;font-weight:600}
#ere-lp .desc{margin-top:8px;color:var(--muted);font-size:14px}
#ere-lp .tl-note{margin:40px auto 0;max-width:62ch;background:var(--sky-soft);border:1px solid #cfe6f1;border-radius:14px;padding:18px 22px;color:#26414f;font-size:15px;text-align:center}

/* PROCESS DETAIL */
#ere-lp .band{background:#eef6ef}
#ere-lp .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
#ere-lp .pcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
#ere-lp .pnum{width:34px;height:34px;border-radius:9px;background:var(--green);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:14px}
#ere-lp .pcard h4{font-size:17px;margin:0 0 6px}
#ere-lp .pcard p{color:var(--muted);font-size:14.5px;margin:0}

/* CLOSE CTA */
#ere-lp .close{text-align:center;background:linear-gradient(180deg,#15673a,#1f8f4e);color:#fff;padding:64px 0}
#ere-lp .close h2{font-size:30px;color:#fff;margin:0 0 12px}
#ere-lp .close p{color:#d6efdf;margin:0 0 26px;font-size:18px}
#ere-lp .cta.light{background:#fff;color:var(--green-dark);box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
#ere-lp .cta.light:hover{background:#f1f1f1;color:var(--green-dark)}

@media(max-width:820px){
  #ere-lp .hero-grid{grid-template-columns:1fr}
  #ere-lp .hero-card{order:-1}
  #ere-lp h1{font-size:34px}
  #ere-lp .tl-steps,#ere-lp .pgrid{grid-template-columns:1fr}
  #ere-lp .tl-line{display:none}
  #ere-lp .dot{margin-top:6px}
}