/* Thema 3 — Licht & modern: wit, strak, ruim, zachte kleurverlopen */
:root{
  --bg:#ffffff;--surface:#ffffff;--surface2:#f4f6f9;--ink:#0d1321;--muted:#5a6475;--line:#e5e8ee;
  --accent2:#7c3aed;--dark:#0d1321;--dark-ink:#f4f6f9;--dark-muted:rgba(244,246,249,.68);
  --font-h:'Plus Jakarta Sans',system-ui,sans-serif;--font-b:'Inter',system-ui,sans-serif;--h-weight:750;--h-ls:-.035em;--h-lh:1.06;
  --r:14px;--r-lg:24px;--r-btn:12px;--shadow:0 1px 2px rgba(13,19,33,.04),0 12px 32px rgba(13,19,33,.07);--shadow-lg:0 2px 6px rgba(13,19,33,.05),0 30px 70px rgba(13,19,33,.13);
  --map-bg:#eef1f6;--map-road:#fff;
}
body{font-size:16.5px}
.h1{font-size:clamp(2.6rem,5.8vw,5rem);font-weight:800}
.h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.h3{font-weight:700;letter-spacing:-.02em}
h1 em,h2 em,.h1 em,.h2 em{background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);letter-spacing:.06em;font-size:.76rem;font-weight:700}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.btn{font-weight:600;letter-spacing:-.005em}
.btn:not(.btn-ghost):not(.btn-light):not(.btn-ghost-light){box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}
.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}
.btn-ghost:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.hdr{background:rgba(255,255,255,.78)}
.logo{font-weight:800;letter-spacing:-.03em}
.logo-mark{border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.hdr-nav a.on{color:var(--ink)}
.hdr-nav a.on::after{height:6px;width:6px;border-radius:50%;left:50%;transform:translateX(-50%);bottom:-8px}
/* hero */
.hero-center{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,#fff),#fff 70%)}
.hero-center .hero-img{border-radius:28px}
.hero-badge{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7)}
.hero-badge strong{background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-usp{background:var(--surface2);padding:7px 14px;border-radius:999px;color:var(--ink);font-weight:500}
.hero-full .hero-usp{background:transparent;color:inherit;padding:0}
.arch{border-radius:28px}
.deco-circle{display:none}
.hero-split{background:radial-gradient(900px 500px at 90% 10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%)}
.hero-full .hero-shade{background:linear-gradient(90deg,rgba(13,19,33,.55),rgba(13,19,33,.25) 55%,rgba(13,19,33,0) 85%),linear-gradient(180deg,rgba(13,19,33,.15),rgba(13,19,33,.8))}
.blob{opacity:.28}
/* blokken */
.feat{border:1px solid var(--line);box-shadow:none}
.feat:hover{box-shadow:var(--shadow-lg);border-color:transparent}
.feat-ic{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,#fff),color-mix(in srgb,var(--accent2) 14%,#fff));border-radius:14px}
.feat-n{display:none}
.feats.cols-3 .feat:first-child{background:linear-gradient(140deg,var(--accent),var(--accent2));color:#fff;border:0}
.feats.cols-3 .feat:first-child p{color:rgba(255,255,255,.85)}
.feats.cols-3 .feat:first-child .feat-ic{background:rgba(255,255,255,.18);color:#fff}
.card{border:1px solid var(--line)}
.card-media{margin:8px 8px 0;border-radius:18px;overflow:hidden}
.ti-img{border-radius:28px}
.ti-img2{border-radius:20px}
.ti-stat{background:#fff;color:var(--ink);border:1px solid var(--line)}
.ti-stat strong{color:var(--accent)}
.sec.bg-soft{background:var(--surface2)}
.sec.bg-dark{background:radial-gradient(900px 400px at 85% 0%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 60%),var(--dark)}
.review{border:1px solid var(--line)}
.rv-av{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.cta-box{background:linear-gradient(130deg,var(--accent),var(--accent2));border-radius:32px}
.cta-box::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.12);right:-120px;top:-180px}
.cta-box.has-img::after{display:none}
.m-img{border-radius:24px}
.step{border:1px solid var(--line)}
.step-n{border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.stat strong{background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.bg-accent .stat strong,.bg-dark .stat strong{background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit}
.pagehead{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,#fff),#fff);text-align:center}
.pagehead .eyebrow{margin-inline:auto}
.pagehead .lead{margin-inline:auto}
.pagehead.has-img{text-align:left}
.pagehead.has-img .ph-shade{background:linear-gradient(90deg,rgba(13,19,33,.82),rgba(13,19,33,.3))}
.gal-it{border-radius:18px}
.faq-it{border-radius:16px}
.usp{background:var(--surface2);padding:10px 16px;border-radius:12px}
.ftr{background:#0b101b}
.cform{border:1px solid var(--line)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface2);border-color:transparent}
input:focus,select:focus,textarea:focus{background:#fff}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.tl-it.st-done .tl-dot{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0}