@font-face{font-family:"Inter Tight";font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/inter-tight-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/inter-tight-latin-900-normal.woff2) format("woff2")}
:root{--paper:#FFF8EE;--ink:#171717;--signal:#F4FA58;--lila:#D6C2FF;--muted:#5a5650;--line:#e4dccd}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,.brand{font-family:"Inter Tight",-apple-system,system-ui,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:1}
a{color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:9}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;max-width:1080px;margin:0 auto}
.home .top{position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;text-decoration:none}
.brand img{border-radius:8px}
.lang{font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px}
.home{background:var(--signal)}
.home main{background:var(--paper)}
.hero{background:var(--signal);display:grid;gap:8px;max-width:none;padding:8px 20px 0;overflow:hidden}
.hero-t{max-width:560px;margin:0 auto;text-align:center}
.hero h1{font-size:clamp(56px,16vw,120px);margin:12px 0 16px}
.lead{font-size:19px;margin:0 0 18px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0;margin:0 0 24px}
.chips li{background:var(--ink);color:#fff;font-weight:600;font-size:14px;padding:6px 14px;border-radius:999px}
.btn{display:inline-block;background:var(--ink);color:var(--signal);font-weight:800;font-size:18px;padding:16px 28px;border-radius:999px;text-decoration:none;font-family:"Inter Tight",sans-serif}
.btn.dark{background:var(--ink);color:var(--signal)}
.btn:hover{transform:translateY(-1px)}
.hero-img{width:min(360px,80vw);height:auto;margin:8px auto 0;display:block}
.row{display:grid;gap:24px;padding:56px 20px 0;max-width:1000px;margin:0 auto;align-items:center}
.row img{width:min(320px,80vw);height:auto;margin:0 auto;border-radius:28px;display:block}
.row h2{font-size:clamp(34px,9vw,52px);margin:0 0 14px}
.row p{margin:0;font-size:18px;max-width:460px}
.cta{background:var(--signal);margin-top:64px;padding:64px 20px;text-align:center}
.cta h2{font-size:clamp(40px,10vw,64px);margin:0 0 16px}
.cta p{max-width:560px;margin:0 auto 16px}
.cta .price{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:22px}
.small{font-size:15px}
.foot{padding:28px 20px 40px;max-width:1000px;margin:0 auto;font-size:14px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.foot p{margin:0}.foot nav{display:flex;gap:18px}
@media(min-width:760px){
 .hero{grid-template-columns:1fr 1fr;align-items:end;max-width:none;padding:24px max(40px,calc((100vw - 1000px)/2)) 0;gap:40px}
 .hero-t{text-align:left;margin:0 0 56px}.chips{justify-content:flex-start}
 .hero-img{margin:0 auto}
 .row{grid-template-columns:1fr 1fr;gap:56px}
 .row.rev img{order:-1}
}
/* tekstpagina's */
.doc-main{max-width:680px;margin:0 auto;padding:24px 20px 72px}
.doc-main h1{font-size:clamp(36px,9vw,48px);line-height:1.05;margin:0 0 16px}
.doc-main h2{font-size:20px;margin:36px 0 8px;letter-spacing:-.01em;line-height:1.2}
.doc-main p{margin:0 0 12px}
.intro{font-size:19px;color:var(--muted);margin-bottom:8px}
.doc-main details{border-top:1px solid var(--line);padding:14px 0}
.doc-main details:last-of-type{border-bottom:1px solid var(--line)}
.doc-main summary{font-weight:700;cursor:pointer}
.doc-main details p{margin-top:8px}
.doc .foot{max-width:680px;padding-left:20px;padding-right:20px}
@media(prefers-reduced-motion:no-preference){.btn{transition:transform .15s}}
.badge{display:inline-block;line-height:0}.badge img{height:50px;width:auto}