.elementor-12 .elementor-element.elementor-element-95db034{--display:flex;}/* Start custom CSS for html, class: .elementor-element-980f28d *//* ——— Palet uit jouw mockup ——— */
:root{
  --bg:#FAFAF9;          /* achtergrond */
  --ink:#111827;         /* tekst */
  --muted:#6B7280;       /* subtekst */
  --line:#E5E7EB;        /* borders */
  --card:#FFFFFF;        /* tiles/panels */
  --tint:#F4F4FC;        /* zachte tint */
  --indigo:#4F46E5;      /* primair */
  --fuchsia:#EC4899;     /* secundair/gradient */
  --radius:16px;
  --shadow:0 10px 28px rgba(0,0,0,.07);
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink); background:
    radial-gradient(1200px 700px at -10% -10%, rgba(79,70,229,.06), transparent 55%),
    radial-gradient(1200px 700px at 110% 110%, rgba(236,72,153,.06), transparent 55%),
    var(--bg);
  line-height:1.6;
}
a{color:inherit; text-decoration:none}

.wrap{min-height:100svh; display:grid; grid-template-rows:auto 1fr auto}
.top{padding:18px 0}
.logo{width:min(1200px,92%); margin:0 auto; font-weight:900; letter-spacing:.08em}

.hero{width:min(1200px,92%); margin:0 auto; text-align:center; padding:4.5rem 0}
.hero h1{
  font-size: clamp(32px, 5vw, 64px);
  line-height:1.06; margin:0 0 .8rem;
}
.hero h1 span{
  background: linear-gradient(45deg, var(--indigo), var(--fuchsia));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.sub{color:var(--muted); margin:0 auto 2rem; max-width:60ch}

.counter{
  display:grid; grid-template-columns: repeat(4, minmax(120px,1fr));
  gap:14px; margin: 18px auto 28px; max-width: 800px;
}
.tile{
  background: var(--card); border:1px solid var(--line); border-radius:20px;
  padding: 18px 14px; box-shadow: var(--shadow);
}
.num{
  font-size: clamp(28px, 5vw, 48px); font-weight:900; letter-spacing:.02em;
}
.lbl{color:#374151; font-size:.9rem; opacity:.9}

.btn{
  display:inline-block; margin-top:.2rem;
  background: linear-gradient(45deg, var(--indigo), var(--fuchsia));
  color:#fff; padding: .95rem 1.3rem; border-radius: 999px; font-weight:700;
  box-shadow: 0 12px 26px rgba(79,70,229,.25);
}
.btn:hover{ transform: translateY(-1px); }

.socials{display:flex; justify-content:center; gap:12px; margin:22px 0 0}
.social{
  display:grid; place-items:center;
  height:44px; width:44px; border-radius:12px;
  background:#fff; color:#4F46E5; border:1px solid var(--line);
  box-shadow: var(--shadow);
}
.social:hover{ color:#EC4899; transform: translateY(-1px); }

.foot{padding:18px 0; text-align:center; color:#9CA3AF; font-size:.95rem}

/* Responsiveness */
@media (max-width: 640px){
  .counter{ grid-template-columns: repeat(2, minmax(120px,1fr)); }
}/* End custom CSS */