/* Admintis — paars-magenta gradient · wit, clean */
:root{--pa:#8811ff;--ma:#c026ff;--ink:#1f1b2e;--gr:#6b6580;--licht:#f7f5fc;--lijn:#ebe7f5;--wit:#fff;--rad:16px;--grad:linear-gradient(100deg,#8811ff,#c026ff)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font:16px/1.7 "Poppins",system-ui,sans-serif;font-weight:400;background:var(--wit);color:var(--ink);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,h4{font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
.kick{display:inline-block;color:var(--pa);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.72rem;margin-bottom:12px}
.kick.light{color:#e6c8ff}
.bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);display:flex;align-items:center;gap:18px;padding:14px 5vw;border-bottom:1px solid var(--lijn)}
.bar .logo img{height:30px}
.bar nav{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.bar nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:.92rem;padding:9px 14px;border-radius:10px}
.bar nav a:hover{color:var(--pa);background:var(--licht)}
.bar nav a.cta{background:var(--grad);color:#fff}.bar nav a.cta:hover{opacity:.92}
.ham{display:none;margin-left:auto;background:none;border:0;color:var(--pa);font-size:1.7rem;cursor:pointer}
/* hero */
.hero{padding:70px 5vw;background:var(--licht)}
.hero-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--gr);font-size:1.12rem;margin:18px 0 26px;max-width:480px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-pic img{width:100%;border-radius:24px;box-shadow:0 30px 60px rgba(136,17,255,.18);aspect-ratio:4/3;object-fit:cover}
.btn{display:inline-block;background:var(--grad);color:#fff;font-weight:600;padding:14px 28px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font-size:.96rem;font-family:inherit;transition:.18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(136,17,255,.3)}
.btn.ghost{background:transparent;color:var(--pa);border:1.5px solid #d9c7f5}.btn.ghost:hover{border-color:var(--pa);box-shadow:none}
/* secties */
.sec{max-width:1140px;margin:0 auto;padding:74px 5vw}
.sec h1{font-size:clamp(1.9rem,4vw,2.8rem)}.sec h2{font-size:2rem;margin-bottom:8px}
.lead{font-size:1.1rem;color:var(--gr);max-width:640px;margin:14px 0 30px}
.smal{max-width:760px}.smal p{margin-bottom:16px;color:#4a4458}
/* diensten-grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rad);padding:28px;transition:.18s}
.kaart:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(136,17,255,.12);border-color:#d9c7f5}
.vink{width:42px;height:42px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:14px}
.kaart h3{font-size:1.18rem;margin-bottom:8px}.kaart p{color:var(--gr);font-size:.94rem}
/* band */
.band{background:var(--grad);color:#fff;margin:0}
.band-in{max-width:1140px;margin:0 auto;padding:64px 5vw;display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}
.band h2{color:#fff;font-size:2rem}.band p{color:#f0e2ff;margin:14px 0 22px}
.band .btn{background:#fff;color:var(--pa)}.band .btn:hover{box-shadow:0 12px 26px rgba(0,0,0,.2)}
.band-pic img{width:100%;border-radius:20px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.25)}
/* cta-band */
.cta-band{max-width:1140px;margin:46px auto 0;background:var(--licht);border:1px solid var(--lijn);border-radius:var(--rad);padding:34px 36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band h2{font-size:1.4rem;margin:0}.cta-band p{color:var(--gr);margin:6px 0 0}.cta-band .btn{margin-left:auto}
/* form */
.form-sec{max-width:1080px}
.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-top:10px;align-items:start}
.form{display:flex;flex-direction:column;gap:14px;background:var(--licht);border:1px solid var(--lijn);border-radius:var(--rad);padding:28px}
.form label{display:flex;flex-direction:column;font-weight:500;font-size:.86rem;color:#4a4458;gap:6px}
.form .row{display:flex;gap:14px}.form .row label{flex:1}
.form input,.form textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--lijn);border-radius:10px;background:var(--wit)}
.form input:focus,.form textarea:focus{outline:0;border-color:var(--pa)}
.contact-info{background:var(--grad);color:#f0e2ff;border-radius:var(--rad);padding:28px}
.contact-info h4{color:#fff;margin-bottom:14px}.contact-info a{color:#fff;font-weight:600}.contact-info p{margin-bottom:10px}.contact-info .muted{color:#e0c8ff;font-size:.86rem;margin-top:16px}
.flash{max-width:1140px;margin:20px auto -14px;padding:14px 18px;border-radius:12px;font-size:.96rem}
.flash.ok{background:#f3e9ff;border:1px solid var(--pa);color:#6a1bb8}.flash.err{background:#fdecea;border:1px solid #e6b0a8;color:#9b2c22}
/* footer */
.ft{background:var(--ink);color:#b6aecd;padding:48px 5vw 0;margin-top:50px}
.ft-in{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
.ft-logo{height:30px;margin-bottom:12px;background:#fff;border-radius:8px;padding:6px 10px}
.ft h4{color:#fff;font-size:.92rem;margin-bottom:10px}
.ft a{display:block;color:#b6aecd;text-decoration:none;padding:3px 0;font-size:.9rem}.ft a:hover{color:var(--ma)}
.ft-bot{max-width:1140px;margin:34px auto 0;border-top:1px solid #34304a;padding:18px 0;display:flex;justify-content:space-between;font-size:.83rem;color:#8076a0;flex-wrap:wrap;gap:8px}
.ft-bot a{color:#b6aecd;text-decoration:none}.ft-bot a:hover{color:var(--ma)}
.ckb{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:var(--wit);color:var(--gr);border:1px solid var(--lijn);border-left:4px solid var(--pa);border-radius:12px;padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:.85rem;z-index:60;box-shadow:0 12px 30px rgba(136,17,255,.15)}
.ckb button{margin-left:auto;background:var(--grad);color:#fff;border:0;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ham{display:block}.bar nav{display:none;width:100%;flex-direction:column;order:3}body.open .bar nav{display:flex}.hero-grid,.band-in,.contact-grid,.ft-in,.grid{grid-template-columns:1fr}.form .row{flex-direction:column}.cta-band .btn{margin-left:0}}