/* ============================================================
   Kliq, kliq.css (gedeelde stylesheet)
   Versie 2.05 - hoe-het-werkt: stappen verbreed met productbeelden (brief, pitch, shortlist)
   Eindelijk eerlijk.
   ============================================================ */

@font-face { font-family:'Nunito'; src:url('/assets/fonts/Nunito.ttf') format('truetype'); font-weight:400 800; font-display:swap; }

:root {
  --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
  --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
  --gray:#5B6B63; --ink:#2B3A33; --maxw:1100px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Nunito',system-ui,sans-serif; color:var(--dark); background:var(--white); -webkit-font-smoothing:antialiased; }
a { text-decoration:none; color:inherit; }
h1,h2,h3 { font-family:'Nunito',system-ui,sans-serif; font-weight:800; letter-spacing:-0.02em; line-height:1.16; }
.wrap { width:100%; max-width:var(--maxw); margin:0 auto; padding:0 22px; }
.btn-primary { display:inline-block; background:var(--green); color:var(--dark); padding:14px 26px; border-radius:100px; font-weight:800; font-size:15px; text-align:center; }
.btn-outline { display:inline-block; border:1.5px solid rgba(255,255,255,0.3); color:var(--white); padding:14px 26px; border-radius:100px; font-weight:700; font-size:15px; text-align:center; }

/* NAV */
.nav { position:sticky; top:0; z-index:100; background:var(--dark); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:62px; }
.logo { display:flex; align-items:center; gap:10px; }
.logo-circles { position:relative; width:34px; height:22px; }
.logo-circles span { position:absolute; width:22px; height:22px; border-radius:50%; top:0; }
.logo-circles span.o { left:0; background:var(--orange); }
.logo-circles span.g { left:11px; background:var(--green); mix-blend-mode:screen; }
.logo-word { font-weight:800; font-size:22px; color:var(--white); letter-spacing:-0.02em; }
.nav-toggle { background:none; border:none; cursor:pointer; width:30px; height:30px; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.nav-toggle span { display:block; height:2px; width:24px; background:var(--white); border-radius:2px; }
.nav-menu { display:none; }
.nav-menu.open { display:block; position:fixed; top:62px; left:0; right:0; bottom:0; background:var(--dark); z-index:99; padding:24px 22px 40px; }
.nav-links { display:flex; flex-direction:column; gap:4px; }
.nav-links a { color:var(--white); font-weight:700; font-size:22px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,0.08); }
.nav-links .nav-cta { background:var(--orange); color:var(--white); text-align:center; border-radius:100px; padding:16px; margin-top:20px; font-size:16px; border-bottom:none; }
.nav-links a.active { color:var(--green); }
body.menu-open { overflow:hidden; }

/* ARTICLE HERO */
.art-hero { background:var(--dark); padding:36px 0 44px; }
.art-hero .wrap { max-width:680px; }
.back-link { display:inline-block; font-family:'Nunito',sans-serif; font-size:10px; color:var(--sage); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:22px; }
.art-tags { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.art-tags span { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.1em; text-transform:uppercase; padding:4px 10px; border-radius:100px; }
.art-tags .t1 { background:var(--green); color:var(--dark); }
.art-tags .t2 { background:rgba(255,255,255,0.08); color:var(--sage); }
.art-hero h1 { font-size:30px; color:var(--white); margin-bottom:14px; line-height:1.12; }
.art-hero .stand { font-size:15px; color:var(--sage); line-height:1.7; }
.byline { font-family:'Nunito',sans-serif; font-size:10.5px; color:var(--sage); letter-spacing:0.03em; margin-top:18px; }
.byline strong { color:#fff; font-weight:700; }

/* ARTICLE BODY */
.art-body { padding:36px 0 52px; }
.art-body .wrap { max-width:680px; }
.art-body p { font-size:15.5px; color:var(--ink); line-height:1.8; margin-bottom:17px; }
.art-body p.lead-p { font-size:17px; color:var(--dark); font-weight:600; line-height:1.7; }
.art-body h2 { font-size:21px; color:var(--dark); margin:32px 0 12px; }
.art-body h3 { font-size:16px; color:var(--dark); margin:22px 0 7px; }
.art-body a.inline, .art-body .kirbytext a { color:#067a52; font-weight:700; text-decoration:underline; }
.art-body strong { color:var(--dark); font-weight:800; }
.art-body ul, .art-body ol { margin:0 0 17px 20px; }
.art-body li { font-size:15.5px; color:var(--ink); line-height:1.8; }

/* IN HET KORT (TL;DR) */
.tldr { background:var(--mint); border:1.5px solid rgba(0,184,122,0.25); border-radius:16px; padding:22px 22px 20px; margin-bottom:8px; }
.tldr .lbl { font-family:'Nunito',sans-serif; font-size:8px; color:var(--green); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:12px; }
.tldr ul { list-style:none; margin:0; }
.tldr li { font-size:13.5px; color:var(--dark); line-height:1.55; padding-left:20px; position:relative; margin-bottom:10px; font-weight:600; }
.tldr li:last-child { margin-bottom:0; }
.tldr li::before { content:"\2192"; position:absolute; left:0; top:0; color:var(--green); font-weight:800; }

/* TIMELINE */
.tl { margin:18px 0; border-left:2px solid var(--mint); padding-left:18px; }
.tl-item { position:relative; margin-bottom:16px; }
.tl-item:last-child { margin-bottom:0; }
.tl-item::before { content:""; position:absolute; left:-25px; top:3px; width:10px; height:10px; border-radius:50%; background:var(--sage); border:2px solid var(--white); }
.tl-item.now::before { background:var(--orange); }
.tl-item.future::before { background:var(--green); }
.tl-date { font-family:'Nunito',sans-serif; font-size:11px; color:var(--orange); letter-spacing:0.03em; margin-bottom:2px; }
.tl-txt { font-size:13.5px; color:var(--ink); line-height:1.55; }
.tl-txt strong { color:var(--dark); }

/* RISK LEVELS */
.levels { display:flex; flex-direction:column; gap:10px; margin:18px 0; }
.lvl-card { border-radius:12px; padding:14px 16px; border:1.5px solid var(--mint); }
.lvl-card.hot { background:rgba(232,99,74,0.06); border-color:rgba(232,99,74,0.25); }
.lvl-card .lh { font-weight:800; font-size:13.5px; color:var(--dark); margin-bottom:3px; }
.lvl-card .ld { font-size:12.5px; color:var(--gray); line-height:1.5; }
.lvl-card .tagm { font-family:'Nunito',sans-serif; font-size:8px; color:var(--orange); letter-spacing:0.08em; text-transform:uppercase; }

/* COMPARISON TABLE */
.vs { border:1.5px solid var(--mint); border-radius:14px; overflow:hidden; margin:20px 0 8px; }
.vs-row { display:grid; grid-template-columns:1.15fr 1fr 1fr; }
.vs-row > div { padding:11px 12px; font-size:12px; line-height:1.4; border-top:1px solid var(--mint); }
.vs-head > div { border-top:none; font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.06em; text-transform:uppercase; padding:11px 12px; }
.vs-head { background:var(--dark); }
.vs-head > div { color:var(--sage); }
.vs-head .h-wp { color:var(--green); font-weight:500; }
.vs-head .h-as { color:var(--orange); font-weight:500; }
.vs-row .dim { color:var(--gray); font-weight:700; background:#FBFBF9; }
.vs-row .wp { color:var(--dark); font-weight:600; }
.vs-row .as { color:var(--ink); }
.vs-cap { font-size:11.5px; color:var(--gray); line-height:1.5; margin-top:2px; font-style:italic; }

/* STAT */
.stat { background:var(--dark); border-radius:16px; padding:24px 22px; margin:22px 0; text-align:center; }
.stat .big { font-weight:800; font-size:40px; color:var(--orange); letter-spacing:-0.03em; line-height:1; margin-bottom:8px; }
.stat .cap { font-size:13px; color:var(--sage); line-height:1.6; }

/* BIAS LIST */
.biaslist { margin:14px 0; }
.biaslist div { font-size:14px; color:var(--ink); line-height:1.6; padding-left:18px; position:relative; margin-bottom:10px; }
.biaslist div::before { content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--orange); }
.biaslist strong { color:var(--dark); }

/* CHECK / CROSS LISTS */
.check { margin:16px 0; }
.check div { font-size:14px; color:var(--ink); line-height:1.6; padding-left:26px; position:relative; margin-bottom:9px; }
.check div::before { content:"\2713"; position:absolute; left:0; top:0; color:var(--green); font-weight:800; font-size:14px; }
.cross { margin:16px 0; }
.cross div { font-size:14px; color:var(--ink); line-height:1.6; padding-left:26px; position:relative; margin-bottom:9px; }
.cross div::before { content:"\2715"; position:absolute; left:0; top:0; color:var(--orange); font-weight:800; font-size:13px; }

/* CALLOUT */
.callout { background:var(--mint); border-left:3px solid var(--green); border-radius:0 12px 12px 0; padding:18px 20px; margin:22px 0; }
.callout p { font-size:14px; color:var(--dark); line-height:1.65; font-weight:700; margin:0; }

/* FAQ */
.faq { margin-top:10px; }
.faq-item { padding:16px 0; border-bottom:1px solid var(--mint); }
.faq-item:last-child { border-bottom:none; }
.faq-q { font-weight:800; font-size:15px; color:var(--dark); margin-bottom:7px; }
.faq-a { font-size:14px; color:var(--gray); line-height:1.7; }

/* SOURCES */
.bron { font-size:12px; color:var(--gray); line-height:1.6; margin-bottom:8px; }
.bron i { font-style:italic; }
.bron a { color:#067a52; font-weight:700; text-decoration:underline; }
.disclaimer { font-size:11.5px; color:var(--sage); line-height:1.6; margin-top:24px; font-style:italic; }
.read-more { display:inline-block; color:#067a52; font-weight:800; font-size:14px; text-decoration:underline; margin-top:4px; }

/* AUTHOR */
.author { display:flex; gap:14px; align-items:flex-start; background:var(--mint); border-radius:14px; padding:18px; margin-top:30px; }
.author-av { flex-shrink:0; width:44px; height:44px; border-radius:50%; background:var(--dark); color:#fff; font-family:'Nunito',sans-serif; font-size:13px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.author-av img { width:100%; height:100%; object-fit:cover; }
.author-role { font-family:'Nunito',sans-serif; font-size:8px; color:var(--orange); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:6px; }
.author-name { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:3px; }
.author-bio { font-size:12.5px; color:var(--gray); line-height:1.6; }

/* INLINE CTA */
.inline-cta { background:var(--dark); border-radius:16px; padding:28px 24px; margin-top:34px; text-align:center; }
.inline-cta .cta-h { font-family:'Nunito',sans-serif; font-weight:800; font-size:20px; color:var(--white); margin-bottom:8px; }
.inline-cta p { font-size:13px; color:var(--sage); line-height:1.6; margin-bottom:18px; }
.inline-cta a { display:inline-block; background:var(--green); color:var(--dark); padding:12px 26px; border-radius:100px; font-weight:800; font-size:14px; }

/* KENNISHUB LISTING */
.hub-hero { background:var(--dark); padding:40px 0 46px; }
.hub-hero .wrap { max-width:760px; }
.section-label { font-family:'Nunito',sans-serif; font-size:9px; color:var(--orange); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:14px; position:relative; padding-left:28px; }
.section-label::before { content:""; position:absolute; left:0; top:50%; width:18px; height:1.5px; background:var(--orange); }
.hub-hero h1 { font-size:32px; color:var(--white); line-height:1.12; margin-bottom:14px; }
.hub-hero p { font-size:15px; color:var(--sage); line-height:1.7; }
.hub-body { padding:34px 0 52px; }
.feat-card { display:block; background:var(--mint); border-radius:18px; padding:26px 24px; margin-bottom:30px; border:1.5px solid rgba(0,184,122,0.18); }
.feat-tag { display:inline-flex; gap:8px; align-items:center; font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.1em; text-transform:uppercase; color:var(--green); margin-bottom:14px; }
.feat-card h2 { font-size:23px; color:var(--dark); line-height:1.16; margin-bottom:10px; }
.feat-card p { font-size:14px; color:var(--gray); line-height:1.65; margin-bottom:14px; }
.feat-card .go { font-weight:800; font-size:14px; color:#067a52; }
.hub-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.hub-card { display:block; border:1.5px solid var(--mint); border-radius:16px; padding:22px 20px; transition:border-color .2s; }
.hub-card .ht { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.1em; text-transform:uppercase; color:var(--orange); margin-bottom:10px; }
.hub-card h3 { font-size:17px; color:var(--dark); line-height:1.2; margin-bottom:8px; }
.hub-card p { font-size:13px; color:var(--gray); line-height:1.6; }

/* FOOTER CTA */
.footer-cta { background:var(--dark); padding:52px 0; text-align:center; position:relative; overflow:hidden; }
.footer-cta::after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:340px; height:340px; border-radius:50%; background:var(--green); opacity:0.06; }
.footer-cta h2 { font-size:29px; color:var(--white); margin-bottom:14px; position:relative; z-index:1; }
.footer-cta h2 span { color:var(--orange); }
.footer-cta p { font-size:14px; color:var(--sage); line-height:1.7; max-width:430px; margin:0 auto 26px; position:relative; z-index:1; }
.cta-buttons { display:flex; flex-direction:column; gap:10px; position:relative; z-index:1; }

/* FOOTER */
footer.site { background:#021A10; padding:44px 0 28px; }
.footer-grid { display:flex; flex-direction:column; gap:30px; }
.footer-desc { font-size:13px; color:var(--sage); line-height:1.7; margin-top:12px; max-width:280px; }
.footer-col-label { font-family:'Nunito',sans-serif; font-size:9px; color:rgba(255,255,255,0.4); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:14px; }
.footer-col-links { display:flex; flex-direction:column; gap:11px; }
.footer-col-links a { font-size:14px; color:var(--sage); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); margin-top:32px; padding-top:20px; display:flex; flex-direction:column; gap:10px; }
.footer-copy { font-family:'Nunito',sans-serif; font-size:9px; color:rgba(255,255,255,0.3); letter-spacing:0.08em; }
.footer-tagline { font-weight:800; font-style:italic; font-size:15px; color:var(--orange); }

/* BREAKPOINTS */
@media (min-width:768px) {
  .wrap { padding:0 40px; }
  .art-hero h1 { font-size:38px; }
  .hub-hero h1 { font-size:40px; }
  .hub-grid { grid-template-columns:1fr 1fr; gap:20px; }
  .cta-buttons { flex-direction:row; justify-content:center; }
  .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  .nav-toggle { display:none; }
  .nav-menu { display:block !important; }
  .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  .nav-menu .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  .nav-menu .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  .nav-inner { height:70px; }
  .art-hero { padding:52px 0 60px; }
  .art-hero h1 { font-size:42px; }
  .art-body { padding:52px 0 64px; }
}

/* ===== home ===== */
body.tpl-home {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63;
    --maxw: 1100px;
  }
body.tpl-home { font-family:"Nunito",sans-serif; color:var(--dark); background:var(--white); -webkit-font-smoothing:antialiased; }
body.tpl-home img { max-width:100%; display:block; }
body.tpl-home h1, body.tpl-home h2, body.tpl-home h3 { font-family:"Nunito",system-ui,sans-serif; font-weight:800; letter-spacing:-0.02em; line-height:1.16; }
body.tpl-home .wrap { width:100%; max-width:var(--maxw); margin:0 auto; padding-left:22px; padding-right:22px; }
body.tpl-home .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-home .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-home .btn-text { display:inline-flex; align-items:center; gap:6px; color:var(--dark); font-weight:700; font-size:15px; padding:14px 0; }
body.tpl-home .logo-word { font-family:"Nunito",system-ui,sans-serif; font-weight:800; font-size:22px; color:var(--white); letter-spacing:-0.02em; }
body.tpl-home .nav-menu.open {
    display:block;
    position:fixed;
    top:62px; left:0; right:0; bottom:0;
    background:var(--dark);
    z-index:99;
    padding:24px 22px 40px;
    animation:menuIn 0.2s ease;
  }
@keyframes menuIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
body.tpl-home .hero { background:var(--dark); padding:44px 0 48px; position:relative; overflow:hidden; }
body.tpl-home .hero::after { content:""; position:absolute; right:-90px; top:-90px; width:260px; height:260px; border-radius:50%; background:var(--green); opacity:0.08; }
body.tpl-home .hero-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:16px; }
body.tpl-home .hero-label::before { content:""; width:22px; height:1px; background:currentColor; }
body.tpl-home .hero h1 { font-size:38px; color:var(--white); margin-bottom:18px; }
body.tpl-home .hero h1 span { color:var(--orange); display:block; }
body.tpl-home .hero-sub { font-size:15px; color:var(--sage); line-height:1.7; margin-bottom:26px; }
body.tpl-home .hero-ctas { display:flex; flex-direction:column; gap:18px; align-items:flex-start; position:relative; z-index:1; }
body.tpl-home .hero-ctas .btn-primary { width:100%; }
body.tpl-home .hero-photo { display:none; margin-top:36px; background:linear-gradient(160deg,#0A2A1C,#052B1E); border-radius:18px; aspect-ratio:4/3; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,0.06); }
body.tpl-home .hero-photo .head { position:absolute; top:26%; left:50%; transform:translateX(-50%); width:64px; height:64px; border-radius:50%; background:rgba(200,155,110,0.4); }
body.tpl-home .hero-photo .shoulders { position:absolute; top:50%; left:50%; transform:translateX(-50%); width:150px; height:120px; border-radius:75px 75px 0 0; background:rgba(155,115,85,0.32); }
body.tpl-home .hero-photo .lbl { position:absolute; bottom:14px; left:0; right:0; text-align:center; font-family:'Nunito',sans-serif; font-size:9px; color:rgba(255,255,255,0.35); letter-spacing:0.1em; text-transform:uppercase; }
body.tpl-home .stats { background:var(--cream); padding:40px 0; text-align:center; }
body.tpl-home .stats-row { display:flex; flex-direction:column; align-items:center; gap:12px; }
body.tpl-home .stats-3x { font-family:"Nunito",system-ui,sans-serif; font-weight:800; font-size:72px; color:var(--green); letter-spacing:-0.02em; line-height:1; }
body.tpl-home .stats-text { max-width:340px; }
body.tpl-home .stats-text .big { font-family:"Nunito",system-ui,sans-serif; font-weight:800; font-size:18px; color:var(--dark); line-height:1.3; margin-bottom:7px; }
body.tpl-home .stats-text .small { font-size:12.5px; color:var(--sage); line-height:1.55; }
body.tpl-home .stats-src { font-family:'Nunito',sans-serif; font-size:9px; color:rgba(5,43,30,0.35); letter-spacing:0.06em; margin-top:18px; }
body.tpl-home .section { padding:48px 0; }
body.tpl-home .section h2 { font-size:28px; color:var(--dark); margin-bottom:10px; }
body.tpl-home .section .lead { font-size:14px; color:var(--gray); line-height:1.7; }
body.tpl-home .bg-white { background:var(--white); }
body.tpl-home .bg-cream { background:var(--cream); }
body.tpl-home .bg-mint { background:var(--mint); }
body.tpl-home .bg-dark { background:var(--dark); }
body.tpl-home .video-frame { background:var(--dark); border-radius:16px; overflow:hidden; position:relative; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; margin-top:24px; }
body.tpl-home .video-frame .bg { position:absolute; inset:0; background:radial-gradient(ellipse at 30% 50%,rgba(232,99,74,0.12),transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(0,184,122,0.08),transparent 55%),linear-gradient(160deg,#0A2A1C,#052B1E); }
body.tpl-home .video-play { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:14px; }
body.tpl-home .video-play .circle { width:60px; height:60px; border-radius:50%; background:var(--orange); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 32px rgba(232,99,74,0.4); }
body.tpl-home .video-play .tri { width:0; height:0; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:18px solid #fff; margin-left:4px; }
body.tpl-home .video-play .dur { font-family:'Nunito',sans-serif; font-size:9px; color:rgba(255,255,255,0.4); letter-spacing:0.12em; text-transform:uppercase; }
body.tpl-home .video-cap { text-align:center; font-family:'Nunito',sans-serif; font-size:9px; color:rgba(5,43,30,0.35); letter-spacing:0.08em; margin-top:12px; text-transform:uppercase; }
body.tpl-home .steps { display:flex; flex-direction:column; gap:16px; margin-top:28px; }
body.tpl-home .step { background:var(--cream); border-radius:16px; padding:24px; }
body.tpl-home .step-num { font-family:"Nunito",system-ui,sans-serif; font-weight:800; font-size:34px; color:var(--green); letter-spacing:-0.02em; margin-bottom:8px; }
body.tpl-home .step-title { font-weight:800; font-size:17px; color:var(--dark); margin-bottom:8px; }
body.tpl-home .step-body { font-size:13px; color:var(--gray); line-height:1.65; margin-bottom:12px; }
body.tpl-home .step-tag { display:inline-block; font-family:'Nunito',sans-serif; font-size:9px; color:var(--orange); background:rgba(232,99,74,0.1); padding:5px 11px; border-radius:100px; letter-spacing:0.06em; }
body.tpl-home .feature-grid { display:flex; flex-direction:column; gap:8px; margin-top:18px; }
body.tpl-home .feature-item { font-size:13px; color:var(--gray); line-height:1.6; padding-left:20px; position:relative; }
body.tpl-home .feature-item::before { content:"→"; position:absolute; left:0; color:var(--green); font-weight:700; }
body.tpl-home .brief { margin-top:28px; background:var(--white); border:1px solid rgba(5,43,30,0.1); border-radius:14px; overflow:hidden; box-shadow:0 12px 40px rgba(5,43,30,0.08); }
body.tpl-home .brief-bar { background:var(--cream); padding:9px 14px; display:flex; align-items:center; gap:8px; }
body.tpl-home .brief-dots { display:flex; gap:5px; }
body.tpl-home .brief-dots span { width:8px; height:8px; border-radius:50%; }
body.tpl-home .brief-dots .d1 {background:#FF5F57;}
body.tpl-home .brief-dots .d2 {background:#FEBC2E;}
body.tpl-home .brief-dots .d3 {background:#28C840;}
body.tpl-home .brief-url { font-family:'Nunito',sans-serif; font-size:9px; color:var(--sage); }
body.tpl-home .brief-c { padding:20px; }
body.tpl-home .brief-kop { font-family:'Nunito',sans-serif; font-size:8px; color:var(--orange); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:8px; }
body.tpl-home .brief-title { font-weight:800; font-size:16px; color:var(--dark); }
body.tpl-home .brief-role { font-size:12px; color:var(--sage); margin-bottom:14px; }
body.tpl-home .brief-hr { height:1px; background:rgba(5,43,30,0.08); margin-bottom:14px; }
body.tpl-home .brief-st { font-family:'Nunito',sans-serif; font-size:9px; color:var(--dark); font-weight:500; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:6px; }
body.tpl-home .brief-text { font-size:12px; color:var(--gray); line-height:1.6; margin-bottom:14px; }
body.tpl-home .brief-callout { background:var(--mint); border-radius:10px; padding:12px 14px; font-size:12px; color:var(--dark); line-height:1.55; font-weight:600; margin-bottom:14px; }
body.tpl-home .brief-chips { display:flex; gap:6px; flex-wrap:wrap; }
body.tpl-home .brief-chip { background:var(--cream); border-radius:100px; padding:4px 10px; font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); }
body.tpl-home .brief-chip.accent { background:rgba(232,99,74,0.1); color:var(--orange); }
body.tpl-home .config { background:var(--white); border-radius:12px; padding:16px 18px; border:1px solid rgba(5,43,30,0.08); margin-top:20px; }
body.tpl-home .config-lbl { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:12px; }
body.tpl-home .config-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.tpl-home .config-row + .config-row { margin-top:10px; padding-top:10px; border-top:1px solid rgba(5,43,30,0.07); }
body.tpl-home .config-row .k { font-size:12px; color:var(--dark); font-weight:600; }
body.tpl-home .pills { display:flex; gap:6px; }
body.tpl-home .pill { padding:4px 11px; border-radius:100px; font-family:'Nunito',sans-serif; font-size:9px; background:rgba(5,43,30,0.06); color:var(--sage); }
body.tpl-home .pill.on { background:var(--green); color:var(--dark); font-weight:700; }
body.tpl-home .pitch { margin-top:24px; background:var(--dark); border-radius:18px; overflow:hidden; aspect-ratio:4/5; position:relative; }
body.tpl-home .pitch .bg { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 32%,rgba(200,155,110,0.5),rgba(130,95,70,0.35) 42%,rgba(30,64,46,0.85) 100%); }
body.tpl-home .pitch .head { position:absolute; top:18%; left:50%; transform:translateX(-50%); width:74px; height:74px; border-radius:50%; background:rgba(195,150,110,0.7); }
body.tpl-home .pitch .body2 { position:absolute; top:46%; left:50%; transform:translateX(-50%); width:170px; height:170px; border-radius:85px 85px 20px 20px; background:rgba(155,115,85,0.45); }
body.tpl-home .pitch .fade { position:absolute; bottom:0; left:0; right:0; height:55%; background:linear-gradient(to top,rgba(5,43,30,1),transparent); }
body.tpl-home .pitch .q { position:absolute; bottom:14px; left:14px; right:14px; background:rgba(5,43,30,0.8); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:11px 13px; }
body.tpl-home .pitch .q .n { font-family:'Nunito',sans-serif; font-size:8px; color:var(--orange); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:4px; }
body.tpl-home .pitch .q .t { font-size:12px; color:var(--white); font-weight:600; line-height:1.45; }
body.tpl-home .pitch .rec { position:absolute; top:16px; right:16px; display:flex; align-items:center; gap:5px; background:rgba(0,0,0,0.5); padding:4px 9px; border-radius:100px; }
body.tpl-home .pitch .rec .dot { width:6px; height:6px; border-radius:50%; background:#FF4444; }
body.tpl-home .pitch .rec span { font-family:'Nunito',sans-serif; font-size:8px; color:rgba(255,255,255,0.8); }
body.tpl-home .pitch .meta { position:absolute; bottom:14px; left:16px; right:16px; display:flex; align-items:center; justify-content:space-between; }
body.tpl-home .pitch .meta .nm { font-weight:700; font-size:13px; color:var(--white); }
body.tpl-home .pitch .meta .ro { font-family:'Nunito',sans-serif; font-size:8px; color:rgba(255,255,255,0.45); }
body.tpl-home .pitch .meta .tm { font-family:'Nunito',sans-serif; font-size:11px; color:rgba(255,255,255,0.5); }
body.tpl-home .benefits { display:flex; flex-direction:column; gap:16px; margin-top:28px; }
body.tpl-home .benefit { background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 8px 30px rgba(5,43,30,0.06); }
body.tpl-home .benefit-top { height:6px; background:var(--green); }
body.tpl-home .benefit-b { padding:22px; }
body.tpl-home .benefit-icon { width:42px; height:42px; border-radius:12px; background:var(--mint); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
body.tpl-home .benefit-title { font-weight:800; font-size:16px; color:var(--dark); margin-bottom:8px; }
body.tpl-home .benefit-text { font-size:13px; color:var(--gray); line-height:1.65; margin-bottom:12px; }
body.tpl-home .benefit-tag { display:inline-block; font-family:'Nunito',sans-serif; font-size:9px; color:var(--green); letter-spacing:0.06em; }
body.tpl-home .quote { margin-top:28px; background:var(--dark); border-radius:18px; padding:26px 24px; }
body.tpl-home .quote-t { font-size:15px; color:var(--white); line-height:1.6; margin-bottom:18px; }
body.tpl-home .quote-t strong { color:var(--green); }
body.tpl-home .quote-a { display:flex; align-items:center; gap:12px; }
body.tpl-home .quote-av { width:42px; height:42px; border-radius:50%; flex-shrink:0; background:radial-gradient(ellipse at 50% 35%,rgba(200,155,110,0.8),rgba(140,100,75,0.6) 40%,rgba(80,120,100,0.4)); }
body.tpl-home .quote-a .nm { font-weight:700; font-size:13px; color:var(--white); }
body.tpl-home .quote-a .ro { font-size:11px; color:var(--sage); }
body.tpl-home .placeholder-flag { font-family:'Nunito',sans-serif; font-size:8px; color:var(--orange); letter-spacing:0.06em; margin-top:12px; opacity:0.7; }
body.tpl-home .sl-brief { background:var(--dark); border-radius:16px; overflow:hidden; margin-top:24px; }
body.tpl-home .sl-brief-bar { background:#021A10; padding:10px 16px; display:flex; align-items:center; gap:8px; }
body.tpl-home .sl-brief-c { padding:18px 16px; }
body.tpl-home .sl-cards { display:flex; flex-direction:column; gap:12px; margin-top:16px; }
body.tpl-home .sl-card { background:var(--white); border-radius:14px; padding:16px 18px; border-left:4px solid var(--green); box-shadow:0 6px 22px rgba(5,43,30,0.06); }
body.tpl-home .sl-card.mid { border-left-color:var(--sage); }
body.tpl-home .sl-card.low { border-left-color:var(--sage); opacity:0.72; }
body.tpl-home .sl-head { display:flex; align-items:center; justify-content:space-between; }
body.tpl-home .sl-person { display:flex; align-items:center; gap:10px; }
body.tpl-home .sl-av { width:32px; height:32px; border-radius:50%; background:radial-gradient(ellipse at 50% 35%,rgba(195,150,110,0.85),rgba(130,95,70,0.7) 45%,rgba(70,110,90,0.5)); flex-shrink:0; }
body.tpl-home .sl-nm { font-weight:700; font-size:12px; color:var(--dark); }
body.tpl-home .sl-meta { font-size:10px; color:var(--sage); }
body.tpl-home .sl-score { font-family:"Nunito",system-ui,sans-serif; font-weight:800; font-size:22px; letter-spacing:-0.02em; }
body.tpl-home .sl-score.top { color:var(--green); }
body.tpl-home .sl-score.mid { color:var(--dark); }
body.tpl-home .sl-bars { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0; }
body.tpl-home .sl-bar .l { font-family:'Nunito',sans-serif; font-size:7.5px; color:var(--sage); margin-bottom:3px; text-align:center; }
body.tpl-home .sl-bar .track { height:4px; background:var(--mint); border-radius:100px; overflow:hidden; }
body.tpl-home .sl-bar .fill { height:100%; border-radius:100px; background:var(--green); }
body.tpl-home .sl-bar.midf .fill { background:var(--sage); }
body.tpl-home .sl-note { font-size:11px; color:var(--gray); line-height:1.5; font-style:italic; }
body.tpl-home .sl-more { font-family:'Nunito',sans-serif; font-size:9px; color:var(--sage); letter-spacing:0.06em; text-align:right; margin-top:4px; }
body.tpl-home .price-card { background:var(--dark); border-radius:20px; padding:34px 26px; position:relative; overflow:hidden; margin-top:26px; }
body.tpl-home .price-card::after { content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px; border-radius:50%; background:var(--green); opacity:0.07; }
body.tpl-home .price-lbl { font-family:'Nunito',sans-serif; font-size:9px; color:var(--sage); letter-spacing:0.14em; text-transform:uppercase; margin-bottom:18px; }
body.tpl-home .price-amt { display:flex; align-items:flex-end; gap:10px; margin-bottom:6px; }
body.tpl-home .price-amt .n { font-family:"Nunito",system-ui,sans-serif; font-weight:800; font-size:60px; color:var(--white); letter-spacing:-0.02em; line-height:1; }
body.tpl-home .price-amt .per { padding-bottom:10px; }
body.tpl-home .price-amt .per .pm { font-size:14px; color:var(--white); }
body.tpl-home .price-amt .per .ex { font-family:'Nunito',sans-serif; font-size:9px; color:var(--white); }
body.tpl-home .price-loyal { background:rgba(0,184,122,0.1); border-left:3px solid var(--green); border-radius:0 8px 8px 0; padding:11px 14px; margin:20px 0; }
body.tpl-home .price-loyal .a { font-size:12px; color:var(--green); font-weight:700; }
body.tpl-home .price-loyal .b { font-size:11px; color:var(--sage); margin-top:3px; }
body.tpl-home .price-feats { display:flex; flex-direction:column; gap:9px; margin:22px 0 26px; }
body.tpl-home .price-feat { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--sage); }
body.tpl-home .price-feat .ck { color:var(--green); font-weight:700; }
body.tpl-home .price-card .btn-primary { width:100%; }
body.tpl-home .price-fine { text-align:center; font-size:11.5px; color:var(--sage); line-height:1.6; margin-top:12px; }
body.tpl-home .science { background:var(--dark); }
body.tpl-home .science h2 { color:var(--white); font-size:26px; margin-bottom:14px; }
body.tpl-home .science .lead { color:var(--sage); }
body.tpl-home .science-src { font-family:'Nunito',sans-serif; font-size:9px; color:rgba(255,255,255,0.3); letter-spacing:0.06em; margin-top:18px; line-height:1.6; }
body.tpl-home .founder { display:flex; flex-direction:column; gap:18px; }
body.tpl-home .founder-photo { width:68px; height:68px; border-radius:50%; flex-shrink:0; overflow:hidden; background:radial-gradient(ellipse at 50% 35%,rgba(195,150,110,0.85),rgba(130,95,70,0.7) 45%,rgba(70,110,90,0.5)); border:3px solid var(--mint); }
body.tpl-home .founder-q { font-size:14px; color:var(--dark); line-height:1.7; font-style:italic; margin-bottom:12px; }
body.tpl-home .founder-nm { font-weight:700; font-size:13px; color:var(--dark); }
body.tpl-home .founder-ro { font-size:11px; color:var(--sage); margin-bottom:4px; }
body.tpl-home .founder-tag { font-family:"Nunito",system-ui,sans-serif; font-weight:700; font-size:12px; color:var(--orange); font-style:italic; }
body.tpl-home .ai-points { display:flex; flex-direction:column; gap:12px; max-width:600px; margin-top:22px; }
body.tpl-home .ai-point { background:var(--white); border-radius:14px; padding:20px 22px; border-left:4px solid var(--green); box-shadow:0 6px 22px rgba(5,43,30,0.05); }
body.tpl-home .ai-point .apt { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:6px; }
body.tpl-home .ai-point .apd { font-size:12.5px; color:var(--gray); line-height:1.7; }
body.tpl-home .klik-cards { display:flex; flex-direction:column; gap:14px; max-width:600px; margin-top:22px; }
body.tpl-home .klik-card { background:var(--white); border-radius:14px; padding:20px 22px; box-shadow:0 6px 22px rgba(5,43,30,0.05); }
body.tpl-home .klik-card.green { border-left:4px solid var(--green); }
body.tpl-home .klik-card.orange { border-left:4px solid var(--orange); }
body.tpl-home .klik-card .ke { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:9px; }
body.tpl-home .klik-card.green .ke { color:var(--green); }
body.tpl-home .klik-card.orange .ke { color:var(--orange); }
body.tpl-home .klik-card .kt { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:5px; }
body.tpl-home .klik-card .kd { font-size:12.5px; color:var(--gray); line-height:1.65; }
body.tpl-home .klik-note { margin-top:16px; font-weight:700; font-size:13px; color:var(--dark); line-height:1.6; max-width:560px; }
@media (min-width:768px) {
  body.tpl-home .klik-cards { flex-direction:row; }
  body.tpl-home .klik-card { flex:1; }
}
body.tpl-home .footer-cta h2 { font-size:30px; color:var(--white); margin-bottom:14px; position:relative; z-index:1; }
body.tpl-home .footer-cta p { font-size:14px; color:var(--sage); line-height:1.7; max-width:440px; margin:0 auto 26px; position:relative; z-index:1; }
body.tpl-home .footer-cta .cta-buttons { display:flex; flex-direction:column; gap:10px; position:relative; z-index:1; }
body.tpl-home footer { background:#021A10; padding:44px 0 28px; }
body.tpl-home .footer-tagline { font-family:"Nunito",system-ui,sans-serif; font-weight:700; font-style:italic; font-size:15px; color:var(--orange); }
@media (min-width:768px) {
  body.tpl-home .wrap { padding-left:40px; padding-right:40px; }
  body.tpl-home .hero h1 { font-size:52px; }
  body.tpl-home .hero-ctas { flex-direction:row; align-items:center; }
  body.tpl-home .hero-ctas .btn-primary { width:auto; }
  body.tpl-home .stats-row { flex-direction:row; justify-content:center; gap:28px; text-align:left; }
  body.tpl-home .stats-text .big { font-size:20px; }
  body.tpl-home .steps { flex-direction:row; }
  body.tpl-home .step { flex:1; }
  body.tpl-home .benefits { flex-direction:row; }
  body.tpl-home .benefit { flex:1; }
  body.tpl-home .footer-cta .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-home .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-home .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
  body.tpl-home .section h2 { font-size:32px; }
  body.tpl-home .pitch { aspect-ratio:16/10; max-width:460px; }
}
@media (min-width:1024px) {
  body.tpl-home .nav-toggle { display:none; }
  body.tpl-home .nav-menu { display:block !important; }
  body.tpl-home .nav-menu.open { position:static; background:none; padding:0; top:auto; animation:none; }
  body.tpl-home .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-home .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-home .nav-links a:hover { color:var(--green); }
  body.tpl-home .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-home .nav-inner { height:70px; }
  body.tpl-home .hero { padding:72px 0 80px; }
  body.tpl-home .hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }
  body.tpl-home .hero h1 { font-size:54px; }
  body.tpl-home .hero-photo { display:block; margin-top:0; }
  body.tpl-home .two-col { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
  body.tpl-home .two-col.brief-col { align-items:start; }
  body.tpl-home .section { padding:72px 0; }
  body.tpl-home .sl-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:28px; align-items:start; margin-top:40px; }
  body.tpl-home .sl-cards { margin-top:0; }
  body.tpl-home .price-card { max-width:560px; margin-left:0; margin-right:auto; }
  body.tpl-home .price-feats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  body.tpl-home .founder { flex-direction:row; align-items:flex-start; gap:24px; max-width:620px; }
  body.tpl-home .center-narrow { max-width:680px; }
}

/* ===== hoe-het-werkt ===== */
body.tpl-hoe-het-werkt {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-hoe-het-werkt .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-hoe-het-werkt .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-hoe-het-werkt .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-hoe-het-werkt .page-hero::after { content:""; position:absolute; right:-80px; top:-80px; width:280px; height:280px; border-radius:50%; background:var(--green); opacity:0.08; }
body.tpl-hoe-het-werkt .page-hero .section-label { color:var(--orange); }
body.tpl-hoe-het-werkt .page-hero h1 { font-size:38px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-hoe-het-werkt .page-hero h1 span { color:var(--orange); }
body.tpl-hoe-het-werkt .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:460px; position:relative; z-index:1; }
body.tpl-hoe-het-werkt .section { padding:48px 0; }
body.tpl-hoe-het-werkt .section h2 { font-size:27px; color:var(--dark); margin-bottom:14px; }
body.tpl-hoe-het-werkt .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-hoe-het-werkt .bg-white { background:var(--white); }
body.tpl-hoe-het-werkt .bg-cream { background:var(--cream); }
body.tpl-hoe-het-werkt .bg-mint { background:var(--mint); }
body.tpl-hoe-het-werkt .step-num { font-weight:800; font-size:48px; letter-spacing:-0.03em; line-height:1; margin-bottom:14px; }
body.tpl-hoe-het-werkt .step-num.light { color:var(--green); }
body.tpl-hoe-het-werkt .step-num.onmint { color:var(--green); }
body.tpl-hoe-het-werkt .step-tag { display:inline-block; font-family:'Nunito',sans-serif; font-size:8.5px; letter-spacing:0.12em; text-transform:uppercase; padding:5px 12px; border-radius:100px; margin-bottom:12px; }
body.tpl-hoe-het-werkt .step-tag.orange { background:rgba(232,99,74,0.1); color:var(--orange); }
body.tpl-hoe-het-werkt .step-tag.green { background:rgba(0,184,122,0.12); color:var(--green); }
body.tpl-hoe-het-werkt .step h2 { font-size:24px; margin-bottom:12px; }
body.tpl-hoe-het-werkt .step p { font-size:14px; color:var(--gray); line-height:1.75; margin-bottom:18px; }
body.tpl-hoe-het-werkt .step-box { border-radius:12px; padding:16px 18px; }
body.tpl-hoe-het-werkt .step-box.cream { background:var(--cream); }
body.tpl-hoe-het-werkt .step-box.white { background:var(--white); }
body.tpl-hoe-het-werkt .step-box .bl { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:10px; }
body.tpl-hoe-het-werkt .step-box .li { font-size:12.5px; color:var(--dark); line-height:1.5; padding-left:18px; position:relative; margin-bottom:7px; }
body.tpl-hoe-het-werkt .step-box .li:last-child { margin-bottom:0; }
body.tpl-hoe-het-werkt .step-box .li::before { content:"→"; position:absolute; left:0; color:var(--green); font-weight:700; }
body.tpl-hoe-het-werkt .twocards { display:flex; flex-direction:column; gap:14px; margin-top:24px; max-width:640px; }
body.tpl-hoe-het-werkt .card { background:var(--white); border-radius:14px; padding:22px; box-shadow:0 6px 22px rgba(5,43,30,0.05); }
body.tpl-hoe-het-werkt .card.bl-green { border-left:4px solid var(--green); }
body.tpl-hoe-het-werkt .card.bl-orange { border-left:4px solid var(--orange); }
body.tpl-hoe-het-werkt .card .eyebrow { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:10px; }
body.tpl-hoe-het-werkt .card .eyebrow.green { color:var(--green); }
body.tpl-hoe-het-werkt .card .eyebrow.orange { color:var(--orange); }
body.tpl-hoe-het-werkt .card .t { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:6px; }
body.tpl-hoe-het-werkt .card .d { font-size:12.5px; color:var(--gray); line-height:1.65; }
body.tpl-hoe-het-werkt .klik-note { margin-top:20px; font-weight:700; font-size:13.5px; color:var(--dark); line-height:1.6; max-width:560px; }
body.tpl-hoe-het-werkt .anders-grid { display:grid; grid-template-columns:1fr; gap:14px; margin-top:24px; max-width:640px; }
body.tpl-hoe-het-werkt .anders-card { background:var(--white); border-radius:14px; padding:22px; }
body.tpl-hoe-het-werkt .anders-card .t { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:8px; }
body.tpl-hoe-het-werkt .anders-card .d { font-size:12.5px; color:var(--gray); line-height:1.65; }
body.tpl-hoe-het-werkt .timeline { max-width:560px; margin-top:24px; }
body.tpl-hoe-het-werkt .tl-item { display:flex; gap:18px; align-items:flex-start; padding-bottom:22px; position:relative; }
body.tpl-hoe-het-werkt .tl-item:last-child { padding-bottom:0; }
body.tpl-hoe-het-werkt .tl-dot { width:14px; height:14px; border-radius:50%; flex-shrink:0; margin-top:3px; z-index:1; }
body.tpl-hoe-het-werkt .tl-dot.green { background:var(--green); }
body.tpl-hoe-het-werkt .tl-dot.orange { background:var(--orange); }
body.tpl-hoe-het-werkt .tl-item:not(:last-child)::before { content:""; position:absolute; left:6px; top:18px; bottom:0; width:2px; background:var(--mint); }
body.tpl-hoe-het-werkt .tl-item .t { font-weight:800; font-size:13.5px; color:var(--dark); margin-bottom:3px; }
body.tpl-hoe-het-werkt .tl-item .d { font-size:12.5px; color:var(--gray); line-height:1.6; }
body.tpl-hoe-het-werkt .faq { max-width:620px; margin-top:8px; }
body.tpl-hoe-het-werkt .faq-item { padding:18px 0; border-bottom:1px solid var(--mint); }
body.tpl-hoe-het-werkt .faq-q { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:7px; }
body.tpl-hoe-het-werkt .faq-a { font-size:13px; color:var(--gray); line-height:1.7; }
body.tpl-hoe-het-werkt footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-hoe-het-werkt .wrap { padding:0 40px; }
  body.tpl-hoe-het-werkt .page-hero h1 { font-size:50px; }
  body.tpl-hoe-het-werkt .section h2 { font-size:31px; }
  body.tpl-hoe-het-werkt .step h2 { font-size:27px; }
  body.tpl-hoe-het-werkt .twocards { flex-direction:row; }
  body.tpl-hoe-het-werkt .card { flex:1; }
  body.tpl-hoe-het-werkt .anders-grid { grid-template-columns:1fr 1fr; }
  body.tpl-hoe-het-werkt .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-hoe-het-werkt .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-hoe-het-werkt .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
  body.tpl-hoe-het-werkt .step-layout { display:grid; grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr); gap:32px; align-items:start; max-width:1040px; }
  body.tpl-hoe-het-werkt .step-num { margin-bottom:0; }
}
@media (min-width:1024px) {
  body.tpl-hoe-het-werkt .nav-toggle { display:none; }
  body.tpl-hoe-het-werkt .nav-menu { display:block !important; }
  body.tpl-hoe-het-werkt .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-hoe-het-werkt .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-hoe-het-werkt .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-hoe-het-werkt .nav-links a.active { color:var(--green); }
  body.tpl-hoe-het-werkt .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-hoe-het-werkt .nav-inner { height:70px; }
  body.tpl-hoe-het-werkt .page-hero { padding:72px 0 80px; }
  body.tpl-hoe-het-werkt .page-hero h1 { font-size:52px; }
  body.tpl-hoe-het-werkt .section { padding:64px 0; }
}

/* ===== onderzoek ===== */
body.tpl-onderzoek {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-onderzoek .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-onderzoek .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-onderzoek .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-onderzoek .page-hero::after { content:""; position:absolute; right:-80px; top:-80px; width:300px; height:300px; border-radius:50%; background:var(--orange); opacity:0.13; }
body.tpl-onderzoek .page-hero .section-label { color:var(--orange); }
body.tpl-onderzoek .page-hero h1 { font-size:38px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-onderzoek .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:480px; position:relative; z-index:1; }
body.tpl-onderzoek .section { padding:48px 0; }
body.tpl-onderzoek .section h2 { font-size:26px; color:var(--dark); margin-bottom:14px; }
body.tpl-onderzoek .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-onderzoek .bg-white { background:var(--white); }
body.tpl-onderzoek .bg-cream { background:var(--cream); }
body.tpl-onderzoek .bg-mint { background:var(--mint); }
body.tpl-onderzoek .twocards { display:flex; flex-direction:column; gap:14px; max-width:620px; margin-top:22px; }
body.tpl-onderzoek .infocard { border-radius:14px; padding:20px 22px; }
body.tpl-onderzoek .infocard.cream { background:var(--cream); }
body.tpl-onderzoek .infocard.mint { background:var(--mint); }
body.tpl-onderzoek .infocard .il { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:10px; }
body.tpl-onderzoek .infocard.cream .il { color:var(--sage); }
body.tpl-onderzoek .infocard.mint .il { color:var(--green); }
body.tpl-onderzoek .infocard .id { font-size:12.5px; line-height:1.7; }
body.tpl-onderzoek .infocard.cream .id { color:var(--gray); }
body.tpl-onderzoek .infocard.mint .id { color:var(--dark); }
body.tpl-onderzoek .ranklist { max-width:640px; margin-top:24px; }
body.tpl-onderzoek .rank-row { margin-bottom:15px; }
body.tpl-onderzoek .rank-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
body.tpl-onderzoek .rank-name { font-size:13px; color:var(--gray); display:flex; align-items:center; gap:8px; }
body.tpl-onderzoek .rank-name.kliq { color:var(--dark); font-weight:800; }
body.tpl-onderzoek .rank-name .badge { font-family:'Nunito',sans-serif; font-size:7px; color:var(--green); background:rgba(0,184,122,0.12); padding:2px 7px; border-radius:100px; letter-spacing:0.08em; }
body.tpl-onderzoek .rank-name .cv { color:var(--orange); }
body.tpl-onderzoek .rank-score { font-family:'Nunito',sans-serif; font-size:11px; color:var(--dark); font-weight:500; flex-shrink:0; }
body.tpl-onderzoek .rank-track { height:22px; background:rgba(5,43,30,0.06); border-radius:6px; overflow:hidden; }
body.tpl-onderzoek .rank-fill { height:100%; border-radius:6px; }
body.tpl-onderzoek .rank-fill.green { background:var(--green); }
body.tpl-onderzoek .rank-fill.sage { background:var(--sage); }
body.tpl-onderzoek .rank-fill.orange { background:var(--orange); opacity:0.75; }
body.tpl-onderzoek .rank-divider { border-top:1px dashed rgba(5,43,30,0.18); margin:18px 0; }
body.tpl-onderzoek .rank-src { font-family:'Nunito',sans-serif; font-size:8.5px; color:rgba(5,43,30,0.4); letter-spacing:0.05em; margin-top:22px; max-width:640px; line-height:1.6; }
body.tpl-onderzoek .storycards { display:flex; flex-direction:column; gap:16px; max-width:620px; margin-top:22px; }
body.tpl-onderzoek .storycard { border:1.5px solid var(--mint); border-radius:14px; padding:22px; }
body.tpl-onderzoek .storycard .sl { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:8px; }
body.tpl-onderzoek .storycard.a .sl { color:var(--sage); }
body.tpl-onderzoek .storycard.b .sl { color:var(--orange); }
body.tpl-onderzoek .storycard .sd { font-size:12.5px; color:var(--gray); line-height:1.7; }
body.tpl-onderzoek .darkbox { background:var(--dark); border-radius:14px; padding:22px 24px; max-width:620px; margin-top:20px; }
body.tpl-onderzoek .darkbox p { font-size:13.5px; color:var(--white); line-height:1.7; font-weight:600; }
body.tpl-onderzoek .combine { display:flex; flex-direction:column; gap:14px; max-width:620px; margin-top:22px; }
body.tpl-onderzoek .combine-card { background:var(--white); border-radius:14px; padding:22px; border-left:4px solid var(--green); }
body.tpl-onderzoek .combine-card .ch { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
body.tpl-onderzoek .combine-card .ct { font-weight:800; font-size:14px; color:var(--dark); }
body.tpl-onderzoek .combine-card .cs { font-family:'Nunito',sans-serif; font-size:12px; color:var(--green); font-weight:500; }
body.tpl-onderzoek .combine-card .cd { font-size:12px; color:var(--gray); line-height:1.65; }
body.tpl-onderzoek .combine-note { margin-top:20px; font-weight:800; font-size:14px; color:var(--orange); font-style:italic; line-height:1.5; max-width:560px; }
body.tpl-onderzoek .meetbaar p { font-size:14px; color:var(--gray); line-height:1.8; max-width:580px; }
body.tpl-onderzoek .meetbaar p + p { margin-top:14px; }
body.tpl-onderzoek .soon-card { border:1.5px dashed rgba(0,184,122,0.5); border-radius:14px; padding:22px; max-width:560px; margin-top:20px; background:rgba(0,184,122,0.04); }
body.tpl-onderzoek .soon-tag { display:inline-block; font-family:'Nunito',sans-serif; font-size:8px; color:var(--green); background:rgba(0,184,122,0.14); padding:4px 11px; border-radius:100px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:12px; }
body.tpl-onderzoek .soon-t { font-weight:800; font-size:15px; color:var(--dark); margin-bottom:6px; }
body.tpl-onderzoek .soon-d { font-size:12.5px; color:var(--gray); line-height:1.7; }
body.tpl-onderzoek .bronnen { max-width:620px; display:flex; flex-direction:column; gap:14px; margin-top:8px; }
body.tpl-onderzoek .bron { display:flex; gap:14px; align-items:flex-start; }
body.tpl-onderzoek .bron .nr { font-family:'Nunito',sans-serif; font-size:9px; color:var(--orange); margin-top:2px; flex-shrink:0; }
body.tpl-onderzoek .bron .bt { font-size:12px; color:var(--gray); line-height:1.6; }
body.tpl-onderzoek .bron .bt i { font-style:italic; }
body.tpl-onderzoek footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-onderzoek .wrap { padding:0 40px; }
  body.tpl-onderzoek .page-hero h1 { font-size:48px; }
  body.tpl-onderzoek .section h2 { font-size:30px; }
  body.tpl-onderzoek .twocards { flex-direction:row; }
  body.tpl-onderzoek .infocard { flex:1; }
  body.tpl-onderzoek .storycards { flex-direction:row; }
  body.tpl-onderzoek .storycard { flex:1; }
  body.tpl-onderzoek .combine { flex-direction:row; }
  body.tpl-onderzoek .combine-card { flex:1; }
  body.tpl-onderzoek .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-onderzoek .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-onderzoek .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-onderzoek .nav-toggle { display:none; }
  body.tpl-onderzoek .nav-menu { display:block !important; }
  body.tpl-onderzoek .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-onderzoek .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-onderzoek .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-onderzoek .nav-links a.active { color:var(--green); }
  body.tpl-onderzoek .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-onderzoek .nav-inner { height:70px; }
  body.tpl-onderzoek .page-hero { padding:72px 0 80px; }
  body.tpl-onderzoek .page-hero h1 { font-size:52px; }
  body.tpl-onderzoek .section { padding:64px 0; }
}

/* ===== prijzen ===== */
body.tpl-prijzen {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-prijzen .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-prijzen .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-prijzen .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-prijzen .page-hero::after { content:""; position:absolute; left:-80px; top:-80px; width:300px; height:300px; border-radius:50%; background:var(--green); opacity:0.08; }
body.tpl-prijzen .page-hero .section-label { color:var(--orange); }
body.tpl-prijzen .page-hero h1 { font-size:40px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-prijzen .page-hero h1 span { color:var(--orange); }
body.tpl-prijzen .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:440px; position:relative; z-index:1; }
body.tpl-prijzen .section { padding:48px 0; }
body.tpl-prijzen .section h2 { font-size:27px; color:var(--dark); margin-bottom:14px; }
body.tpl-prijzen .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-prijzen .bg-white { background:var(--white); }
body.tpl-prijzen .bg-cream { background:var(--cream); }
body.tpl-prijzen .bg-mint { background:var(--mint); }
body.tpl-prijzen .price-wrap { display:flex; flex-direction:column; gap:16px; max-width:760px; }
body.tpl-prijzen .price-card { background:var(--dark); border-radius:20px; padding:32px 26px; position:relative; overflow:hidden; }
body.tpl-prijzen .price-card::after { content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px; border-radius:50%; background:var(--green); opacity:0.07; }
body.tpl-prijzen .price-lbl { font-family:'Nunito',sans-serif; font-size:8.5px; color:var(--sage); letter-spacing:0.14em; text-transform:uppercase; margin-bottom:18px; }
body.tpl-prijzen .price-amt { display:flex; align-items:flex-end; gap:10px; margin-bottom:6px; }
body.tpl-prijzen .price-amt .n { font-weight:800; font-size:60px; color:var(--green); letter-spacing:-0.03em; line-height:1; }
body.tpl-prijzen .price-amt .per .pm { font-size:13px; color:var(--sage); }
body.tpl-prijzen .price-amt .per .ex { font-family:'Nunito',sans-serif; font-size:8.5px; color:rgba(255,255,255,0.3); }
body.tpl-prijzen .price-loyal { background:rgba(0,184,122,0.12); border-left:3px solid var(--green); border-radius:0 10px 10px 0; padding:11px 14px; margin:18px 0; }
body.tpl-prijzen .price-loyal .a { font-size:12px; color:var(--green); font-weight:700; margin-bottom:2px; }
body.tpl-prijzen .price-loyal .b { font-size:11px; color:var(--sage); }
body.tpl-prijzen .price-card .btn-primary { width:100%; margin-bottom:10px; }
body.tpl-prijzen .price-fine { text-align:center; font-size:10px; color:rgba(255,255,255,0.35); font-family:'Nunito',sans-serif; letter-spacing:0.04em; }
body.tpl-prijzen .price-side { display:flex; flex-direction:column; gap:14px; }
body.tpl-prijzen .side-card { border:1.5px solid var(--mint); border-radius:14px; padding:20px; }
body.tpl-prijzen .side-card .sl { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:8px; }
body.tpl-prijzen .side-card .sn { font-weight:800; font-size:26px; color:var(--dark); letter-spacing:-0.02em; line-height:1; margin-bottom:4px; }
body.tpl-prijzen .side-card .ss { font-size:11px; color:var(--sage); margin-bottom:8px; }
body.tpl-prijzen .side-card .sv { font-size:11px; color:var(--green); font-weight:700; }
body.tpl-prijzen .trust-card { background:var(--cream); border-radius:14px; padding:20px; }
body.tpl-prijzen .trust-card .tl { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:12px; }
body.tpl-prijzen .trust-list { display:flex; flex-direction:column; gap:8px; }
body.tpl-prijzen .trust-list div { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--dark); }
body.tpl-prijzen .trust-list .ck { color:var(--green); font-weight:700; }
body.tpl-prijzen .compare { display:flex; flex-direction:column; gap:16px; max-width:680px; margin-top:24px; }
body.tpl-prijzen .compare-card { border-radius:16px; padding:24px; }
body.tpl-prijzen .compare-card.old { background:rgba(232,99,74,0.06); border:1.5px solid rgba(232,99,74,0.15); }
body.tpl-prijzen .compare-card.new { background:var(--mint); border:1.5px solid rgba(0,184,122,0.2); }
body.tpl-prijzen .compare-card .cl { font-family:'Nunito',sans-serif; font-size:8.5px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:16px; }
body.tpl-prijzen .compare-card.old .cl { color:var(--orange); }
body.tpl-prijzen .compare-card.new .cl { color:var(--green); }
body.tpl-prijzen .compare-row + .compare-row { margin-top:14px; padding-top:14px; border-top:1px solid rgba(0,0,0,0.07); }
body.tpl-prijzen .compare-row .big { font-weight:800; font-size:24px; letter-spacing:-0.02em; line-height:1; }
body.tpl-prijzen .compare-card.old .big { color:var(--orange); }
body.tpl-prijzen .compare-card.new .big { color:var(--dark); }
body.tpl-prijzen .compare-row .sm { font-size:11px; color:var(--gray); margin-top:3px; line-height:1.4; }
body.tpl-prijzen .compare-note { max-width:680px; margin-top:18px; background:var(--dark); border-radius:12px; padding:18px 20px; }
body.tpl-prijzen .compare-note p { font-size:13px; color:var(--white); font-weight:600; line-height:1.6; }
body.tpl-prijzen .compare-note span { color:var(--green); }
body.tpl-prijzen .tiers { display:grid; grid-template-columns:1fr; gap:14px; max-width:620px; margin-top:24px; }
body.tpl-prijzen .tier { background:var(--cream); border-radius:12px; padding:18px; }
body.tpl-prijzen .tier .t { font-size:12px; color:var(--dark); font-weight:800; margin-bottom:6px; }
body.tpl-prijzen .tier .d { font-size:11.5px; color:var(--gray); line-height:1.6; }
body.tpl-prijzen .incl { display:grid; grid-template-columns:1fr; gap:14px; max-width:620px; margin-top:8px; }
body.tpl-prijzen .incl-item { display:flex; align-items:flex-start; gap:10px; }
body.tpl-prijzen .incl-item .ck { color:var(--green); font-weight:700; font-size:15px; flex-shrink:0; margin-top:1px; }
body.tpl-prijzen .incl-item .t { font-size:13px; color:var(--dark); font-weight:800; }
body.tpl-prijzen .incl-item .d { font-size:11.5px; color:var(--gray); }
body.tpl-prijzen .faq { max-width:620px; margin-top:8px; }
body.tpl-prijzen .faq-item { padding:18px 0; border-bottom:1px solid var(--mint); }
body.tpl-prijzen .faq-q { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:7px; }
body.tpl-prijzen .faq-a { font-size:13px; color:var(--gray); line-height:1.7; }
body.tpl-prijzen footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-prijzen .wrap { padding:0 40px; }
  body.tpl-prijzen .page-hero h1 { font-size:50px; }
  body.tpl-prijzen .section h2 { font-size:31px; }
  body.tpl-prijzen .price-wrap { display:grid; grid-template-columns:1fr 1fr; align-items:start; }
  body.tpl-prijzen .compare { flex-direction:row; }
  body.tpl-prijzen .compare-card { flex:1; }
  body.tpl-prijzen .tiers { grid-template-columns:1fr 1fr 1fr; }
  body.tpl-prijzen .incl { grid-template-columns:1fr 1fr; }
  body.tpl-prijzen .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-prijzen .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-prijzen .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-prijzen .nav-toggle { display:none; }
  body.tpl-prijzen .nav-menu { display:block !important; }
  body.tpl-prijzen .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-prijzen .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-prijzen .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-prijzen .nav-links a.active { color:var(--green); }
  body.tpl-prijzen .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-prijzen .nav-inner { height:70px; }
  body.tpl-prijzen .page-hero { padding:72px 0 80px; }
  body.tpl-prijzen .page-hero h1 { font-size:52px; }
  body.tpl-prijzen .section { padding:64px 0; }
}

/* ===== eerlijk ===== */
body.tpl-eerlijk {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-eerlijk .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-eerlijk .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-eerlijk .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-eerlijk .page-hero::after { content:""; position:absolute; right:-70px; top:-70px; width:300px; height:300px; border-radius:50%; background:var(--green); opacity:0.09; }
body.tpl-eerlijk .page-hero .section-label { color:var(--orange); }
body.tpl-eerlijk .page-hero h1 { font-size:36px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-eerlijk .page-hero h1 span { color:var(--orange); }
body.tpl-eerlijk .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:470px; position:relative; z-index:1; }
body.tpl-eerlijk .section { padding:48px 0; }
body.tpl-eerlijk .section h2 { font-size:26px; color:var(--dark); margin-bottom:14px; }
body.tpl-eerlijk .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-eerlijk .bg-white { background:var(--white); }
body.tpl-eerlijk .bg-cream { background:var(--cream); }
body.tpl-eerlijk .bg-mint { background:var(--mint); }
body.tpl-eerlijk .wn { display:flex; flex-direction:column; gap:14px; max-width:640px; margin-top:22px; }
body.tpl-eerlijk .wn-card { border-radius:14px; padding:22px; }
body.tpl-eerlijk .wn-card.wel { background:var(--mint); border-left:4px solid var(--green); }
body.tpl-eerlijk .wn-card.niet { background:rgba(232,99,74,0.06); border-left:4px solid var(--orange); }
body.tpl-eerlijk .wn-card .h { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:12px; }
body.tpl-eerlijk .wn-li { display:flex; gap:9px; align-items:flex-start; font-size:12.5px; color:var(--gray); line-height:1.55; margin-bottom:9px; }
body.tpl-eerlijk .wn-li:last-child { margin-bottom:0; }
body.tpl-eerlijk .wn-card.wel .ic { color:var(--green); font-weight:800; flex-shrink:0; }
body.tpl-eerlijk .wn-card.niet .ic { color:var(--orange); font-weight:800; flex-shrink:0; }
body.tpl-eerlijk .wn-out { max-width:640px; margin-top:18px; background:var(--dark); border-radius:12px; padding:18px 20px; }
body.tpl-eerlijk .wn-out p { font-size:13px; color:var(--white); line-height:1.6; font-weight:600; }
body.tpl-eerlijk .wn-out span { color:var(--green); }
body.tpl-eerlijk .stack { max-width:640px; margin-top:22px; border:1px solid var(--mint); border-radius:14px; overflow:hidden; }
body.tpl-eerlijk .stack-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid var(--mint); }
body.tpl-eerlijk .stack-row:last-child { border-bottom:none; }
body.tpl-eerlijk .sr-fn { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:3px; }
body.tpl-eerlijk .sr-tool { font-weight:800; font-size:14px; color:var(--dark); }
body.tpl-eerlijk .loc { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.06em; padding:5px 11px; border-radius:100px; flex-shrink:0; text-align:center; line-height:1.4; }
body.tpl-eerlijk .loc.eu { background:rgba(0,184,122,0.13); color:#067a52; }
body.tpl-eerlijk .loc.us { background:rgba(232,99,74,0.14); color:var(--orange); }
body.tpl-eerlijk .stack-note { font-size:12px; color:var(--gray); line-height:1.7; max-width:560px; margin-top:16px; }
body.tpl-eerlijk .stack-note a { color:#067a52; font-weight:700; text-decoration:underline; }
body.tpl-eerlijk .judge { display:grid; grid-template-columns:1fr; gap:14px; max-width:640px; margin-top:22px; }
body.tpl-eerlijk .judge-card { background:var(--white); border-radius:12px; padding:18px; border:1px solid var(--mint); }
body.tpl-eerlijk .judge-card .t { font-weight:800; font-size:13px; color:var(--dark); margin-bottom:5px; }
body.tpl-eerlijk .judge-card .d { font-size:12px; color:var(--gray); line-height:1.6; }
body.tpl-eerlijk .dl { display:grid; grid-template-columns:1fr; gap:12px; max-width:640px; margin-top:22px; }
body.tpl-eerlijk .dl-card { display:flex; align-items:center; gap:14px; background:var(--white); border:1px solid var(--mint); border-radius:12px; padding:16px 18px; }
body.tpl-eerlijk .dl-ic { width:38px; height:38px; border-radius:10px; background:var(--mint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.tpl-eerlijk .dl-card .t { font-weight:800; font-size:13px; color:var(--dark); }
body.tpl-eerlijk .dl-card .d { font-size:11px; color:var(--sage); margin-top:2px; }
body.tpl-eerlijk .dl-card .arr { margin-left:auto; color:var(--green); font-weight:800; flex-shrink:0; }
body.tpl-eerlijk .closing { background:var(--dark); padding:56px 0; text-align:center; position:relative; overflow:hidden; }
body.tpl-eerlijk .closing::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:360px; height:360px; border-radius:50%; background:var(--orange); opacity:0.07; }
body.tpl-eerlijk .closing h2 { font-size:32px; color:var(--white); margin-bottom:14px; position:relative; z-index:1; }
body.tpl-eerlijk .closing h2 span { color:var(--orange); }
body.tpl-eerlijk .closing p { font-size:14px; color:var(--sage); line-height:1.7; max-width:430px; margin:0 auto 26px; position:relative; z-index:1; }
body.tpl-eerlijk .closing .btn-primary { position:relative; z-index:1; }
body.tpl-eerlijk footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-eerlijk .wrap { padding:0 40px; }
  body.tpl-eerlijk .page-hero h1 { font-size:46px; }
  body.tpl-eerlijk .section h2 { font-size:30px; }
  body.tpl-eerlijk .wn { flex-direction:row; }
  body.tpl-eerlijk .wn-card { flex:1; }
  body.tpl-eerlijk .judge { grid-template-columns:1fr 1fr; }
  body.tpl-eerlijk .dl { grid-template-columns:1fr 1fr; }
  body.tpl-eerlijk .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-eerlijk .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-eerlijk .nav-toggle { display:none; }
  body.tpl-eerlijk .nav-menu { display:block !important; }
  body.tpl-eerlijk .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-eerlijk .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-eerlijk .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-eerlijk .nav-links a.active { color:var(--green); }
  body.tpl-eerlijk .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-eerlijk .nav-inner { height:70px; }
  body.tpl-eerlijk .page-hero { padding:72px 0 80px; }
  body.tpl-eerlijk .page-hero h1 { font-size:50px; }
  body.tpl-eerlijk .section { padding:64px 0; }
}

/* ===== over-kliq ===== */
body.tpl-over-kliq {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-over-kliq .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-over-kliq .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-over-kliq .about-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-over-kliq .about-hero::after { content:""; position:absolute; right:-80px; top:-80px; width:280px; height:280px; border-radius:50%; background:var(--orange); opacity:0.13; }
body.tpl-over-kliq .about-hero .section-label { color:var(--orange); }
body.tpl-over-kliq .about-hero h1 { font-size:38px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-over-kliq .about-hero h1 span { color:var(--orange); }
body.tpl-over-kliq .about-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:460px; position:relative; z-index:1; }
body.tpl-over-kliq .section { padding:48px 0; }
body.tpl-over-kliq .section h2 { font-size:27px; color:var(--dark); margin-bottom:14px; }
body.tpl-over-kliq .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-over-kliq .bg-white { background:var(--white); }
body.tpl-over-kliq .bg-cream { background:var(--cream); }
body.tpl-over-kliq .bg-mint { background:var(--mint); }
body.tpl-over-kliq .founder-photo { width:84px; height:84px; border-radius:50%; flex-shrink:0; background:radial-gradient(ellipse at 50% 35%,rgba(195,150,110,0.85),rgba(130,95,70,0.7) 45%,rgba(70,110,90,0.5)); border:3px solid var(--mint); margin-bottom:20px; }
body.tpl-over-kliq .founder-story p { font-size:14px; color:var(--gray); line-height:1.8; margin-bottom:14px; }
body.tpl-over-kliq .founder-sign { margin-top:20px; }
body.tpl-over-kliq .founder-sign .nm { font-weight:800; font-size:15px; color:var(--dark); }
body.tpl-over-kliq .founder-sign .ro { font-size:12.5px; color:var(--sage); }
body.tpl-over-kliq .founder-tag { font-weight:800; font-style:italic; font-size:15px; color:var(--orange); margin-top:14px; }
body.tpl-over-kliq .compare { display:flex; flex-direction:column; gap:14px; margin-top:24px; max-width:600px; }
body.tpl-over-kliq .compare-card { background:var(--white); border-radius:14px; padding:22px; border-left:4px solid var(--orange); box-shadow:0 6px 22px rgba(5,43,30,0.05); }
body.tpl-over-kliq .compare-card.kliq { border-left-color:var(--green); }
body.tpl-over-kliq .compare-card .t { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:8px; }
body.tpl-over-kliq .compare-card .d { font-size:13px; color:var(--gray); line-height:1.65; }
body.tpl-over-kliq .values { display:flex; flex-direction:column; margin-top:8px; }
body.tpl-over-kliq .value { padding:22px 0; border-bottom:1px solid var(--mint); display:flex; gap:18px; align-items:flex-start; }
body.tpl-over-kliq .value:last-child { border-bottom:none; }
body.tpl-over-kliq .value-ic { width:36px; height:36px; border-radius:50%; background:var(--mint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.tpl-over-kliq .value .t { font-weight:800; font-size:15px; color:var(--dark); margin-bottom:6px; }
body.tpl-over-kliq .value .d { font-size:13px; color:var(--gray); line-height:1.7; }
body.tpl-over-kliq .badges { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
body.tpl-over-kliq .badge { background:var(--white); border-radius:100px; padding:7px 15px; font-family:'Nunito',sans-serif; font-size:9px; color:var(--dark); letter-spacing:0.08em; text-transform:uppercase; }
body.tpl-over-kliq .contact-links { display:flex; flex-direction:column; gap:14px; margin-top:24px; max-width:360px; }
body.tpl-over-kliq .contact-link { display:flex; align-items:center; gap:14px; }
body.tpl-over-kliq .contact-ic { width:40px; height:40px; border-radius:11px; background:var(--mint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.tpl-over-kliq .contact-link .k { font-size:10px; color:var(--sage); font-family:'Nunito',sans-serif; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:2px; }
body.tpl-over-kliq .contact-link .v { font-size:14px; font-weight:700; color:var(--dark); }
body.tpl-over-kliq footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-over-kliq .wrap { padding:0 40px; }
  body.tpl-over-kliq .about-hero h1 { font-size:50px; }
  body.tpl-over-kliq .section h2 { font-size:31px; }
  body.tpl-over-kliq .compare { flex-direction:row; }
  body.tpl-over-kliq .compare-card { flex:1; }
  body.tpl-over-kliq .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-over-kliq .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-over-kliq .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-over-kliq .nav-toggle { display:none; }
  body.tpl-over-kliq .nav-menu { display:block !important; }
  body.tpl-over-kliq .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-over-kliq .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-over-kliq .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-over-kliq .nav-links a.active { color:var(--green); }
  body.tpl-over-kliq .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-over-kliq .nav-inner { height:70px; }
  body.tpl-over-kliq .about-hero { padding:72px 0 80px; }
  body.tpl-over-kliq .about-hero h1 { font-size:52px; }
  body.tpl-over-kliq .section { padding:72px 0; }
  body.tpl-over-kliq .founder-layout { display:grid; grid-template-columns:auto 1fr; gap:32px; align-items:start; max-width:760px; }
  body.tpl-over-kliq .founder-photo { margin-bottom:0; }
  body.tpl-over-kliq .center-narrow { max-width:680px; }
}

/* ===== voor-mensen ===== */
body.tpl-voor-mensen {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-voor-mensen .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-voor-mensen .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-voor-mensen .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-voor-mensen .page-hero::after { content:""; position:absolute; right:-60px; top:-60px; width:300px; height:300px; border-radius:50%; background:var(--orange); opacity:0.16; }
body.tpl-voor-mensen .page-hero .section-label { color:var(--orange); }
body.tpl-voor-mensen .page-hero h1 { font-size:40px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-voor-mensen .page-hero h1 span { color:var(--orange); }
body.tpl-voor-mensen .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:430px; position:relative; z-index:1; }
body.tpl-voor-mensen .section { padding:48px 0; }
body.tpl-voor-mensen .section h2 { font-size:27px; color:var(--dark); margin-bottom:14px; }
body.tpl-voor-mensen .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-voor-mensen .bg-white { background:var(--white); }
body.tpl-voor-mensen .bg-mint { background:var(--mint); }
body.tpl-voor-mensen .bg-cream { background:var(--cream); }
body.tpl-voor-mensen .steps { max-width:580px; margin-top:6px; }
body.tpl-voor-mensen .pm-step { display:flex; gap:18px; padding:20px 0; border-bottom:1px solid var(--mint); align-items:flex-start; }
body.tpl-voor-mensen .pm-step:last-child { border-bottom:none; }
body.tpl-voor-mensen .pm-num { width:32px; height:32px; border-radius:50%; background:var(--dark); color:var(--green); font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.tpl-voor-mensen .pm-num.done { background:var(--green); color:var(--dark); }
body.tpl-voor-mensen .pm-step .t { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:4px; }
body.tpl-voor-mensen .pm-step .d { font-size:12.5px; color:var(--gray); line-height:1.65; }
body.tpl-voor-mensen .fair { display:grid; grid-template-columns:1fr; gap:14px; max-width:620px; margin-top:22px; }
body.tpl-voor-mensen .fair-card { background:var(--white); border-radius:12px; padding:18px; }
body.tpl-voor-mensen .fair-card .t { font-size:13px; color:var(--green); font-weight:800; margin-bottom:6px; }
body.tpl-voor-mensen .fair-card .d { font-size:12px; color:var(--gray); line-height:1.6; }
body.tpl-voor-mensen .faq { max-width:580px; margin-top:6px; }
body.tpl-voor-mensen .faq-item { padding:18px 0; border-bottom:1px solid var(--mint); }
body.tpl-voor-mensen .faq-q { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:7px; }
body.tpl-voor-mensen .faq-a { font-size:13px; color:var(--gray); line-height:1.7; }
body.tpl-voor-mensen .cta-cand { background:var(--dark); padding:52px 0; text-align:center; position:relative; overflow:hidden; }
body.tpl-voor-mensen .cta-cand::after { content:""; position:absolute; left:50%; top:-120px; transform:translateX(-50%); width:400px; height:400px; border-radius:50%; background:var(--orange); opacity:0.07; }
body.tpl-voor-mensen .cta-cand h2 { font-size:29px; color:var(--white); margin-bottom:14px; position:relative; z-index:1; }
body.tpl-voor-mensen .cta-cand p { font-size:14px; color:var(--sage); line-height:1.65; max-width:380px; margin:0 auto 24px; position:relative; z-index:1; }
body.tpl-voor-mensen .btn-cand { display:inline-block; background:var(--orange); color:var(--white); padding:14px 28px; border-radius:100px; font-weight:800; font-size:15px; position:relative; z-index:1; }
body.tpl-voor-mensen footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-voor-mensen .wrap { padding:0 40px; }
  body.tpl-voor-mensen .page-hero h1 { font-size:50px; }
  body.tpl-voor-mensen .section h2 { font-size:31px; }
  body.tpl-voor-mensen .fair { grid-template-columns:1fr 1fr 1fr; }
  body.tpl-voor-mensen .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-voor-mensen .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-voor-mensen .nav-toggle { display:none; }
  body.tpl-voor-mensen .nav-menu { display:block !important; }
  body.tpl-voor-mensen .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-voor-mensen .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-voor-mensen .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-voor-mensen .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-voor-mensen .nav-inner { height:70px; }
  body.tpl-voor-mensen .page-hero { padding:72px 0 80px; }
  body.tpl-voor-mensen .page-hero h1 { font-size:52px; }
  body.tpl-voor-mensen .section { padding:64px 0; }
}

/* ===== kliq-vs-ats ===== */
body.tpl-kliq-vs-ats {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-kliq-vs-ats .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-kliq-vs-ats .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-kliq-vs-ats .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-kliq-vs-ats .page-hero::after { content:""; position:absolute; right:-60px; top:-60px; width:320px; height:320px; border-radius:50%; background:var(--orange); opacity:0.13; }
body.tpl-kliq-vs-ats .page-hero .section-label { color:var(--orange); }
body.tpl-kliq-vs-ats .page-hero h1 { font-size:38px; color:var(--white); margin-bottom:16px; position:relative; z-index:1; }
body.tpl-kliq-vs-ats .page-hero h1 span { color:var(--orange); }
body.tpl-kliq-vs-ats .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:450px; position:relative; z-index:1; }
body.tpl-kliq-vs-ats .section { padding:48px 0; }
body.tpl-kliq-vs-ats .section h2 { font-size:25px; color:var(--dark); margin-bottom:14px; }
body.tpl-kliq-vs-ats .section .lead { font-size:13.5px; color:var(--gray); line-height:1.75; }
body.tpl-kliq-vs-ats .bg-white { background:var(--white); }
body.tpl-kliq-vs-ats .bg-cream { background:var(--cream); }
body.tpl-kliq-vs-ats .core { display:flex; flex-direction:column; gap:14px; max-width:640px; margin-top:22px; }
body.tpl-kliq-vs-ats .core-card { border-radius:16px; padding:22px; }
body.tpl-kliq-vs-ats .core-card.ats { background:rgba(232,99,74,0.06); border:1.5px solid rgba(232,99,74,0.18); }
body.tpl-kliq-vs-ats .core-card.kliq { background:var(--mint); border:1.5px solid rgba(0,184,122,0.22); }
body.tpl-kliq-vs-ats .core-card .cl { font-family:'Nunito',sans-serif; font-size:8.5px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:11px; }
body.tpl-kliq-vs-ats .core-card.ats .cl { color:var(--orange); }
body.tpl-kliq-vs-ats .core-card.kliq .cl { color:var(--green); }
body.tpl-kliq-vs-ats .core-card p { font-size:12.5px; line-height:1.7; }
body.tpl-kliq-vs-ats .core-card.ats p { color:var(--gray); }
body.tpl-kliq-vs-ats .core-card.kliq p { color:var(--dark); }
body.tpl-kliq-vs-ats .cmp { display:flex; flex-direction:column; gap:12px; max-width:660px; margin-top:22px; }
body.tpl-kliq-vs-ats .cmp-row { background:var(--white); border:1px solid var(--mint); border-radius:14px; padding:16px 18px; }
body.tpl-kliq-vs-ats .cmp-crit { font-weight:800; font-size:13px; color:var(--dark); margin-bottom:12px; }
body.tpl-kliq-vs-ats .cmp-sides { display:flex; flex-direction:column; gap:10px; }
body.tpl-kliq-vs-ats .cmp-side .lab { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:4px; }
body.tpl-kliq-vs-ats .cmp-side.ats .lab { color:var(--orange); }
body.tpl-kliq-vs-ats .cmp-side.kliq .lab { color:var(--green); }
body.tpl-kliq-vs-ats .cmp-side .val { font-size:12px; line-height:1.5; }
body.tpl-kliq-vs-ats .cmp-side.ats .val { color:var(--gray); }
body.tpl-kliq-vs-ats .cmp-side.kliq .val { color:var(--dark); font-weight:600; }
body.tpl-kliq-vs-ats .prose p { font-size:14px; color:var(--gray); line-height:1.8; max-width:580px; }
body.tpl-kliq-vs-ats .prose p + p { margin-top:14px; }
body.tpl-kliq-vs-ats footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-kliq-vs-ats .wrap { padding:0 40px; }
  body.tpl-kliq-vs-ats .page-hero h1 { font-size:46px; }
  body.tpl-kliq-vs-ats .section h2 { font-size:29px; }
  body.tpl-kliq-vs-ats .core { flex-direction:row; }
  body.tpl-kliq-vs-ats .core-card { flex:1; }
  body.tpl-kliq-vs-ats .cmp-sides { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  body.tpl-kliq-vs-ats .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-kliq-vs-ats .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-kliq-vs-ats .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-kliq-vs-ats .nav-toggle { display:none; }
  body.tpl-kliq-vs-ats .nav-menu { display:block !important; }
  body.tpl-kliq-vs-ats .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-kliq-vs-ats .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-kliq-vs-ats .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-kliq-vs-ats .nav-links a.active { color:var(--green); }
  body.tpl-kliq-vs-ats .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-kliq-vs-ats .nav-inner { height:70px; }
  body.tpl-kliq-vs-ats .page-hero { padding:72px 0 80px; }
  body.tpl-kliq-vs-ats .page-hero h1 { font-size:50px; }
  body.tpl-kliq-vs-ats .section { padding:64px 0; }
}

/* ===== voorbeeldcase ===== */
body.tpl-voorbeeldcase {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-voorbeeldcase .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-voorbeeldcase .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-voorbeeldcase .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-voorbeeldcase .page-hero::after { content:""; position:absolute; right:-60px; bottom:-60px; width:300px; height:300px; border-radius:50%; background:var(--orange); opacity:0.12; }
body.tpl-voorbeeldcase .page-hero .section-label { color:var(--orange); }
body.tpl-voorbeeldcase .page-hero h1 { font-size:38px; color:var(--white); margin-bottom:16px; position:relative; z-index:1; }
body.tpl-voorbeeldcase .page-hero h1 span { color:var(--orange); }
body.tpl-voorbeeldcase .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:440px; position:relative; z-index:1; }
body.tpl-voorbeeldcase .section { padding:44px 0; }
body.tpl-voorbeeldcase .section h2 { font-size:23px; color:var(--dark); margin-bottom:8px; }
body.tpl-voorbeeldcase .section .lead { font-size:13.5px; color:var(--gray); line-height:1.7; }
body.tpl-voorbeeldcase .bg-white { background:var(--white); }
body.tpl-voorbeeldcase .bg-mint { background:var(--mint); }
body.tpl-voorbeeldcase .case-card { background:var(--dark); border-radius:18px; padding:26px; margin-bottom:28px; position:relative; overflow:hidden; max-width:660px; }
body.tpl-voorbeeldcase .case-card::after { content:""; position:absolute; right:-30px; top:-30px; width:140px; height:140px; border-radius:50%; background:var(--green); opacity:0.08; }
body.tpl-voorbeeldcase .case-card > * { position:relative; z-index:1; }
body.tpl-voorbeeldcase .case-badges { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
body.tpl-voorbeeldcase .case-badges span { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.1em; text-transform:uppercase; padding:4px 10px; border-radius:100px; }
body.tpl-voorbeeldcase .case-badges .b1 { background:var(--green); color:var(--dark); font-weight:500; }
body.tpl-voorbeeldcase .case-badges .b2 { background:rgba(232,99,74,0.2); color:var(--orange); }
body.tpl-voorbeeldcase .case-card h2 { font-size:22px; color:var(--white); margin-bottom:8px; }
body.tpl-voorbeeldcase .case-meta-line { font-size:12.5px; color:var(--sage); line-height:1.7; margin-bottom:18px; }
body.tpl-voorbeeldcase .case-meta { display:flex; gap:24px; flex-wrap:wrap; }
body.tpl-voorbeeldcase .case-meta .k { font-family:'Nunito',sans-serif; font-size:7.5px; color:rgba(255,255,255,0.4); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:3px; }
body.tpl-voorbeeldcase .case-meta .v { font-size:12px; color:var(--white); font-weight:700; }
body.tpl-voorbeeldcase .body-p { font-size:13.5px; color:var(--gray); line-height:1.75; max-width:620px; }
body.tpl-voorbeeldcase .body-p + .body-p { margin-top:14px; }
body.tpl-voorbeeldcase .opdracht-box { background:var(--cream); border-radius:14px; padding:24px; max-width:620px; margin-top:16px; }
body.tpl-voorbeeldcase .opdracht-box .intro { font-size:13.5px; color:var(--dark); line-height:1.75; margin-bottom:16px; font-weight:700; }
body.tpl-voorbeeldcase .opdracht-list { display:flex; flex-direction:column; gap:11px; }
body.tpl-voorbeeldcase .opdracht-list .row { display:flex; gap:10px; align-items:flex-start; }
body.tpl-voorbeeldcase .opdracht-list .n { color:var(--green); font-weight:800; font-size:13px; flex-shrink:0; }
body.tpl-voorbeeldcase .opdracht-list .x { font-size:12.5px; color:var(--gray); line-height:1.6; }
body.tpl-voorbeeldcase .vq-list { display:flex; flex-direction:column; gap:12px; max-width:620px; margin-top:20px; }
body.tpl-voorbeeldcase .vq { background:var(--white); border-radius:12px; padding:18px 20px; display:flex; gap:14px; align-items:flex-start; }
body.tpl-voorbeeldcase .vq .n { font-weight:800; font-size:18px; color:var(--orange); flex-shrink:0; line-height:1.3; }
body.tpl-voorbeeldcase .vq .q { font-size:13px; color:var(--dark); line-height:1.6; font-weight:700; }
body.tpl-voorbeeldcase .vq .max { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.08em; margin-top:6px; }
body.tpl-voorbeeldcase .crit { display:grid; grid-template-columns:1fr; gap:14px; max-width:620px; margin-top:20px; }
body.tpl-voorbeeldcase .crit-card { border:1.5px solid var(--mint); border-radius:12px; padding:18px; }
body.tpl-voorbeeldcase .crit-card .t { font-weight:800; font-size:13px; color:var(--dark); margin-bottom:5px; }
body.tpl-voorbeeldcase .crit-card .d { font-size:11.5px; color:var(--gray); line-height:1.6; }
body.tpl-voorbeeldcase footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-voorbeeldcase .wrap { padding:0 40px; }
  body.tpl-voorbeeldcase .page-hero h1 { font-size:46px; }
  body.tpl-voorbeeldcase .section h2 { font-size:27px; }
  body.tpl-voorbeeldcase .crit { grid-template-columns:1fr 1fr; }
  body.tpl-voorbeeldcase .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-voorbeeldcase .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-voorbeeldcase .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-voorbeeldcase .nav-toggle { display:none; }
  body.tpl-voorbeeldcase .nav-menu { display:block !important; }
  body.tpl-voorbeeldcase .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-voorbeeldcase .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-voorbeeldcase .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-voorbeeldcase .nav-links a.active { color:var(--green); }
  body.tpl-voorbeeldcase .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-voorbeeldcase .nav-inner { height:70px; }
  body.tpl-voorbeeldcase .page-hero { padding:64px 0 72px; }
  body.tpl-voorbeeldcase .page-hero h1 { font-size:50px; }
  body.tpl-voorbeeldcase .section { padding:56px 0; }
}

/* ===== demo ===== */
body.tpl-demo {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-demo .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-demo .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-demo .demo { background:var(--dark); padding:44px 0 56px; position:relative; overflow:hidden; }
body.tpl-demo .demo::after { content:""; position:absolute; right:-90px; top:-90px; width:320px; height:320px; border-radius:50%; background:var(--orange); opacity:0.12; }
body.tpl-demo .demo-grid { position:relative; z-index:1; display:flex; flex-direction:column; gap:28px; }
body.tpl-demo .demo-context .section-label { color:var(--orange); }
body.tpl-demo .demo-context h1 { font-size:34px; color:var(--white); margin-bottom:16px; }
body.tpl-demo .demo-context h1 span { color:var(--orange); }
body.tpl-demo .demo-context .intro { font-size:14px; color:var(--sage); line-height:1.75; margin-bottom:26px; max-width:420px; }
body.tpl-demo .trust { display:flex; flex-direction:column; gap:13px; }
body.tpl-demo .trust .ti { display:flex; align-items:center; gap:11px; font-size:13px; color:var(--sage); }
body.tpl-demo .trust .ti .c { color:var(--green); font-weight:800; flex-shrink:0; }
body.tpl-demo .form-card { background:var(--white); border-radius:18px; padding:26px 22px; box-shadow:0 18px 50px rgba(0,0,0,0.22); }
body.tpl-demo .form-title { font-weight:800; font-size:18px; color:var(--dark); margin-bottom:20px; letter-spacing:-0.02em; }
body.tpl-demo .form-group { margin-bottom:14px; }
body.tpl-demo .form-label { display:block; font-size:12px; font-weight:700; color:var(--dark); margin-bottom:6px; }
body.tpl-demo .form-input { width:100%; border:1.5px solid #E2E0D8; border-radius:10px; padding:12px 14px; font-family:inherit; font-size:14px; color:var(--dark); background:var(--white); }
body.tpl-demo .form-input:focus { outline:none; border-color:var(--green); }
body.tpl-demo .form-input::placeholder { color:#A8B0AB; }
body.tpl-demo .form-select { appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237BAF96' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat:no-repeat; background-position:right 14px center; padding-right:38px; color:var(--gray); }
body.tpl-demo .form-textarea { resize:vertical; min-height:84px; }
body.tpl-demo .form-btn { display:block; width:100%; background:var(--orange); color:var(--white); text-align:center; padding:15px; border-radius:100px; font-family:inherit; font-weight:800; font-size:15px; border:none; cursor:pointer; margin-top:6px; transition:background .15s ease; }
body.tpl-demo .form-btn:hover { background:#d8543c; }
body.tpl-demo .form-note { font-size:11px; color:var(--sage); text-align:center; margin-top:13px; line-height:1.5; }
/* Honeypot: voor mensen onzichtbaar */
body.tpl-demo .hp-field { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
body.tpl-demo .cf-wrap { min-height:65px; }
/* Form: validatie- en verzendstaten (HubSpot-koppeling) */
body.tpl-demo .form-input.is-error { border-color:var(--orange); }
body.tpl-demo .field-error { display:none; font-size:11px; font-weight:700; color:var(--orange); margin-top:5px; }
body.tpl-demo .form-group.has-error .field-error { display:block; }
body.tpl-demo .form-btn[disabled] { opacity:.6; cursor:default; }
body.tpl-demo .form-alert { display:none; font-size:12.5px; font-weight:700; line-height:1.5; border-radius:10px; padding:12px 14px; margin-top:14px; }
body.tpl-demo .form-alert.is-visible { display:block; }
body.tpl-demo .form-alert.is-error { background:rgba(232,99,74,0.1); color:var(--orange); }
body.tpl-demo .form-success { text-align:center; padding:14px 6px 6px; }
body.tpl-demo .form-success .check { width:56px; height:56px; border-radius:50%; background:var(--green); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
body.tpl-demo .form-success .check svg { width:26px; height:26px; stroke:var(--dark); }
body.tpl-demo .form-success h3 { font-size:21px; color:var(--dark); margin-bottom:10px; }
body.tpl-demo .form-success p { font-size:14px; color:var(--gray); line-height:1.65; max-width:340px; margin:0 auto; }
body.tpl-demo footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-demo .wrap { padding:0 40px; }
  body.tpl-demo .demo-context h1 { font-size:42px; }
  body.tpl-demo .form-card { padding:30px 28px; }
  body.tpl-demo .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-demo .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-demo .nav-toggle { display:none; }
  body.tpl-demo .nav-menu { display:block !important; }
  body.tpl-demo .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-demo .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-demo .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-demo .nav-links a.active { color:var(--green); }
  body.tpl-demo .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-demo .nav-inner { height:70px; }
  body.tpl-demo .demo { padding:72px 0 90px; }
  body.tpl-demo .demo-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:48px; align-items:start; }
  body.tpl-demo .demo-context h1 { font-size:46px; }
  body.tpl-demo .demo-context { padding-top:8px; }
}

/* ===== privacy ===== */
body.tpl-privacy .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-privacy .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-privacy .page-hero { background:var(--dark); padding:44px 0 48px; }
body.tpl-privacy .page-hero .section-label { color:var(--orange); }
body.tpl-privacy .page-hero h1 { font-size:32px; color:var(--white); margin-bottom:12px; }
body.tpl-privacy .page-hero p { font-size:14px; color:var(--sage); line-height:1.7; max-width:430px; }
body.tpl-privacy .legal { padding:40px 0 52px; background:var(--white); }
body.tpl-privacy .legal .wrap { max-width:720px; }
body.tpl-privacy .legal-meta { font-family:'Nunito',sans-serif; font-size:11px; color:var(--sage); letter-spacing:0.04em; }
body.tpl-privacy .legal-p { font-size:14.5px; color:var(--ink); line-height:1.75; margin-bottom:13px; }
body.tpl-privacy .legal-p strong { color:var(--dark); font-weight:800; }
body.tpl-privacy .legal-h2 { font-size:19px; color:var(--dark); margin:30px 0 12px; }
body.tpl-privacy .legal-li { font-size:14px; color:var(--ink); line-height:1.7; padding-left:18px; position:relative; margin-bottom:8px; }
body.tpl-privacy .legal-li::before { content:""; position:absolute; left:0; top:11px; width:6px; height:6px; border-radius:50%; background:var(--green); }
body.tpl-privacy .legal-placeholder { background:rgba(232,99,74,0.08); border:1px dashed rgba(232,99,74,0.5); border-radius:6px; padding:1px 7px; font-family:'Nunito',sans-serif; font-size:12px; color:var(--orange); white-space:nowrap; }
body.tpl-privacy .legal a.inline { color:#067a52; font-weight:700; text-decoration:underline; }
body.tpl-privacy footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-privacy .wrap { padding:0 40px; }
  body.tpl-privacy .page-hero h1 { font-size:40px; }
  body.tpl-privacy .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-privacy .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-privacy .nav-toggle { display:none; }
  body.tpl-privacy .nav-menu { display:block !important; }
  body.tpl-privacy .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-privacy .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-privacy .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-privacy .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-privacy .nav-inner { height:70px; }
  body.tpl-privacy .page-hero { padding:60px 0 64px; }
  body.tpl-privacy .page-hero h1 { font-size:44px; }
  body.tpl-privacy .legal { padding:56px 0 64px; }
}

/* ===== cookies ===== */
body.tpl-cookies .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-cookies .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-cookies .page-hero { background:var(--dark); padding:44px 0 48px; }
body.tpl-cookies .page-hero .section-label { color:var(--orange); }
body.tpl-cookies .page-hero h1 { font-size:32px; color:var(--white); margin-bottom:12px; }
body.tpl-cookies .page-hero p { font-size:14px; color:var(--sage); line-height:1.7; max-width:430px; }
body.tpl-cookies .legal { padding:40px 0 52px; background:var(--white); }
body.tpl-cookies .legal .wrap { max-width:720px; }
body.tpl-cookies .legal-meta { font-family:'Nunito',sans-serif; font-size:11px; color:var(--sage); letter-spacing:0.04em; }
body.tpl-cookies .legal-p { font-size:14.5px; color:var(--ink); line-height:1.75; margin-bottom:13px; }
body.tpl-cookies .legal-p strong { color:var(--dark); font-weight:800; }
body.tpl-cookies .legal-h2 { font-size:19px; color:var(--dark); margin:30px 0 12px; }
body.tpl-cookies .legal-placeholder { background:rgba(232,99,74,0.08); border:1px dashed rgba(232,99,74,0.5); border-radius:6px; padding:1px 7px; font-family:'Nunito',sans-serif; font-size:12px; color:var(--orange); white-space:nowrap; }
body.tpl-cookies .legal a.inline { color:#067a52; font-weight:700; text-decoration:underline; }
body.tpl-cookies .note { font-size:12.5px; color:var(--gray); line-height:1.6; margin-top:10px; }
body.tpl-cookies .ck-table { width:100%; border:1.5px solid var(--mint); border-radius:12px; overflow:hidden; margin-top:6px; }
body.tpl-cookies .ck-row { display:grid; grid-template-columns:1fr 1.05fr 1.35fr; }
body.tpl-cookies .ck-head { background:var(--cream); }
body.tpl-cookies .ck-head > div { font-family:'Nunito',sans-serif; font-size:8px; color:var(--sage); letter-spacing:0.08em; text-transform:uppercase; padding:11px 12px; }
body.tpl-cookies .ck-body { border-top:1px solid var(--mint); }
body.tpl-cookies .ck-body > div { font-size:12.5px; color:var(--gray); padding:12px; line-height:1.4; }
body.tpl-cookies .ck-body > div.k { color:var(--dark); font-weight:700; }
body.tpl-cookies footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-cookies .wrap { padding:0 40px; }
  body.tpl-cookies .page-hero h1 { font-size:40px; }
  body.tpl-cookies .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-cookies .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-cookies .nav-toggle { display:none; }
  body.tpl-cookies .nav-menu { display:block !important; }
  body.tpl-cookies .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-cookies .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-cookies .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-cookies .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-cookies .nav-inner { height:70px; }
  body.tpl-cookies .page-hero { padding:60px 0 64px; }
  body.tpl-cookies .page-hero h1 { font-size:44px; }
  body.tpl-cookies .legal { padding:56px 0 64px; }
}

/* ===== error ===== */
body.tpl-error {
    --dark:#052B1E; --green:#00B87A; --sage:#7BAF96;
    --cream:#F5F0E8; --white:#FAFAFA; --orange:#E8634A; --mint:#EBF9F4;
    --gray:#5B6B63; --maxw:1100px;
  }
body.tpl-error { font-family:"Nunito",system-ui,sans-serif; color:var(--dark); background:var(--dark); -webkit-font-smoothing:antialiased; }
body.tpl-error h1 { font-family:"Nunito",system-ui,sans-serif; font-weight:800; letter-spacing:-0.02em; line-height:1.16; }
body.tpl-error .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px; }
body.tpl-error .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-error .e404 { background:var(--dark); text-align:center; position:relative; overflow:hidden; min-height:calc(100vh - 62px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 22px; }
body.tpl-error .e404::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:460px; height:460px; border-radius:50%; background:var(--orange); opacity:0.06; }
body.tpl-error .e404 .inner { position:relative; z-index:1; max-width:480px; }
body.tpl-error .e404 .big { font-weight:800; font-size:84px; color:var(--orange); letter-spacing:-0.05em; line-height:1; margin-bottom:10px; }
body.tpl-error .e404 h1 { font-size:30px; color:var(--white); margin:14px 0; }
body.tpl-error .e404 p { font-size:14px; color:var(--sage); line-height:1.7; margin-bottom:28px; }
body.tpl-error .e404 .actions { display:flex; flex-direction:column; gap:14px; align-items:center; }
body.tpl-error .e404 .btn { display:inline-block; background:var(--green); color:var(--dark); padding:13px 28px; border-radius:100px; font-weight:800; font-size:14px; }
body.tpl-error .e404 .link { color:rgba(255,255,255,0.6); font-size:13.5px; font-weight:600; }
body.tpl-error footer { background:#021A10; padding:44px 0 28px; }
@media (min-width:768px) {
  body.tpl-error .wrap { padding:0 40px; }
  body.tpl-error .e404 .big { font-size:110px; }
  body.tpl-error .e404 h1 { font-size:36px; }
  body.tpl-error .e404 .actions { flex-direction:row; justify-content:center; }
  body.tpl-error .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-error .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
}
@media (min-width:1024px) {
  body.tpl-error .nav-toggle { display:none; }
  body.tpl-error .nav-menu { display:block !important; }
  body.tpl-error .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-error .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-error .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-error .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-error .nav-inner { height:70px; }
}


/* Inloggen-link in de navigatie: apart gezet met streepje, zachtgroen en pijl */
.nav-links a.nav-login { color:var(--sage); }
.nav-links a.nav-login::after { content:" \2192"; }
.nav-links a.nav-login:hover { color:var(--white); }
.nav-divider { display:none; }
@media (min-width:1024px) {
  .nav-divider { display:block; width:1px; height:22px; background:var(--sage); opacity:.45; }
}

/* ============================================================
   Klik-animatie (de klik) en prijskaart-inkom, verplaatst uit home.php
   ============================================================ */
body.tpl-home .klik-top{display:flex;flex-direction:column;gap:30px;align-items:center;margin-bottom:36px;}
body.tpl-home .klik-text{width:100%;}
body.tpl-home .klik-viz{--gap-closed:13px;--gap-open:34px;display:flex;justify-content:center;}
body.tpl-home .js .klik-viz.reveal{opacity:1;transform:none;}
body.tpl-home .klik-stage{position:relative;isolation:isolate;flex:none;width:160px;height:88px;background:#052B1E;border-radius:22px;}
body.tpl-home .klik-circle{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;mix-blend-mode:screen;transition:transform 3.4s cubic-bezier(.22,1,.36,1);}
body.tpl-home .klik-o{background:#E8634A;transform:translateX(calc(var(--gap-closed) * -1));}
body.tpl-home .klik-g{background:#00B87A;transform:translateX(var(--gap-closed));}
body.tpl-home .js .klik-o{transform:translateX(calc(var(--gap-open) * -1));}
body.tpl-home .js .klik-g{transform:translateX(var(--gap-open));}
body.tpl-home .js .klik-viz.is-in .klik-o{transform:translateX(calc(var(--gap-closed) * -1));}
body.tpl-home .js .klik-viz.is-in .klik-g{transform:translateX(var(--gap-closed));}
@media (prefers-reduced-motion:reduce){body.tpl-home .js .klik-o{transform:translateX(calc(var(--gap-closed) * -1));}body.tpl-home .js .klik-g{transform:translateX(var(--gap-closed));}body.tpl-home .klik-circle{transition:none;}}
@media (min-width:820px){
  body.tpl-home .klik-top{flex-direction:row-reverse;gap:56px;align-items:center;margin-bottom:44px;}
  body.tpl-home .klik-text{flex:1;width:auto;}
  body.tpl-home .klik-viz{--gap-closed:33px;--gap-open:88px;flex:none;}
  body.tpl-home .klik-stage{width:360px;height:200px;border-radius:34px;}
  body.tpl-home .klik-circle{width:124px;height:124px;margin:-62px 0 0 -62px;}
}

/* Prijskaart komt bijna helemaal van rechts; sectie klipt zodat er geen schuifbalk komt */
body.tpl-home .pricing{overflow:hidden;}
body.tpl-home .price-card.reveal.reveal-right{transform:translateX(90%);}
body.tpl-home .price-card.reveal.reveal-right.is-in{transform:none;}

/* ============================================================
   Hoe-het-werkt: stappen vliegen van ver in, om en om (zoals de prijskaart)
   ============================================================ */
body.tpl-hoe-het-werkt{overflow-x:hidden;}
body.tpl-hoe-het-werkt .step-layout.reveal.reveal-left{transform:translateX(-50%);}
body.tpl-hoe-het-werkt .step-layout.reveal.reveal-left.is-in{transform:none;}
body.tpl-hoe-het-werkt .step-layout.reveal.reveal-right{transform:translateX(50%);}
body.tpl-hoe-het-werkt .step-layout.reveal.reveal-right.is-in{transform:none;}

/* ============================================================
   Hoe-het-werkt: productbeelden naast elke stap
   ============================================================ */
body.tpl-hoe-het-werkt .step-visual{margin-top:22px;max-width:420px;}
@media (min-width:768px){
  body.tpl-hoe-het-werkt .step-visual{margin-top:4px;max-width:none;}
}

/* gedeelde elementen */
body.tpl-hoe-het-werkt .hw-eyebrow{font-family:'Nunito',sans-serif;font-size:8.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--sage);margin-bottom:12px;}

/* stap 1: case brief */
body.tpl-hoe-het-werkt .hw-brief{background:var(--white);border:1px solid var(--mint);border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(5,43,30,0.08);}
body.tpl-hoe-het-werkt .hw-brief-bar{display:flex;gap:6px;padding:13px 16px;background:var(--cream);border-bottom:1px solid var(--mint);}
body.tpl-hoe-het-werkt .hw-brief-bar span{width:9px;height:9px;border-radius:50%;background:var(--sage);opacity:.5;}
body.tpl-hoe-het-werkt .hw-brief-body{padding:20px;}
body.tpl-hoe-het-werkt .hw-brief-title{font-weight:800;font-size:16px;color:var(--dark);line-height:1.35;margin-bottom:16px;}
body.tpl-hoe-het-werkt .hw-line{height:9px;border-radius:5px;background:var(--mint);margin-bottom:9px;}
body.tpl-hoe-het-werkt .hw-line.w90{width:90%;}
body.tpl-hoe-het-werkt .hw-line.w80{width:80%;}
body.tpl-hoe-het-werkt .hw-line.w70{width:70%;}
body.tpl-hoe-het-werkt .hw-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
body.tpl-hoe-het-werkt .hw-chip{font-size:10px;font-weight:700;color:var(--green);background:var(--mint);padding:5px 11px;border-radius:100px;}

/* stap 2: videopitch */
body.tpl-hoe-het-werkt .hw-pitch{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,#0A2A1C,#052B1E);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);box-shadow:0 18px 44px rgba(5,43,30,0.14);}
body.tpl-hoe-het-werkt .hw-rec{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;font-family:'Nunito',sans-serif;font-size:9px;font-weight:800;letter-spacing:0.1em;color:#fff;background:rgba(0,0,0,0.3);padding:5px 10px;border-radius:100px;}
body.tpl-hoe-het-werkt .hw-rec .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);}
body.tpl-hoe-het-werkt .hw-pitch-fade{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,rgba(5,43,30,0.9),transparent);}
body.tpl-hoe-het-werkt .hw-q{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(5,43,30,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:12px 14px;}
body.tpl-hoe-het-werkt .hw-q-n{font-family:'Nunito',sans-serif;font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--sage);margin-bottom:5px;}
body.tpl-hoe-het-werkt .hw-q-t{font-size:13px;color:#fff;font-weight:600;line-height:1.4;}

/* stap 3: shortlist */
body.tpl-hoe-het-werkt .hw-shortlist{background:var(--white);border:1px solid var(--mint);border-radius:16px;padding:18px 20px;box-shadow:0 18px 44px rgba(5,43,30,0.08);}
body.tpl-hoe-het-werkt .hw-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--mint);}
body.tpl-hoe-het-werkt .hw-row:last-child{border-bottom:0;}
body.tpl-hoe-het-werkt .hw-av{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--dark);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;}
body.tpl-hoe-het-werkt .hw-row-body{flex:1;min-width:0;}
body.tpl-hoe-het-werkt .hw-name{font-weight:800;font-size:13px;color:var(--dark);margin-bottom:7px;}
body.tpl-hoe-het-werkt .hw-bar{height:7px;border-radius:5px;background:var(--mint);overflow:hidden;}
body.tpl-hoe-het-werkt .hw-bar span{display:block;height:100%;border-radius:5px;background:var(--green);}
body.tpl-hoe-het-werkt .hw-score{flex-shrink:0;font-family:'Nunito',sans-serif;font-weight:800;font-size:18px;color:var(--green);}

/* Fix: demo-video tonen + klikbaar (lag verborgen achter .bg) */
body.tpl-home .video-frame .bg { pointer-events:none; }
body.tpl-home .video-el { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; display:block; border-radius:16px; background:#000; }

/* === pagina-CSS: wat-is-kliq & kliq-vs-assessmenttools === */
body.tpl-kliq-vs-assessmenttools {
body.tpl-kliq-vs-assessmenttools .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-kliq-vs-assessmenttools .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-kliq-vs-assessmenttools .page-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-kliq-vs-assessmenttools .page-hero::after { content:""; position:absolute; right:-60px; top:-60px; width:320px; height:320px; border-radius:50%; background:var(--orange); opacity:0.13; }
body.tpl-kliq-vs-assessmenttools .page-hero .section-label { color:var(--orange); }
body.tpl-kliq-vs-assessmenttools .page-hero h1 { font-size:38px; color:var(--white); margin-bottom:16px; position:relative; z-index:1; }
body.tpl-kliq-vs-assessmenttools .page-hero h1 span { color:var(--orange); }
body.tpl-kliq-vs-assessmenttools .page-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:450px; position:relative; z-index:1; }
body.tpl-kliq-vs-assessmenttools .section { padding:48px 0; }
body.tpl-kliq-vs-assessmenttools .section h2 { font-size:25px; color:var(--dark); margin-bottom:14px; }
body.tpl-kliq-vs-assessmenttools .section .lead { font-size:13.5px; color:var(--gray); line-height:1.75; }
body.tpl-kliq-vs-assessmenttools .bg-white { background:var(--white); }
body.tpl-kliq-vs-assessmenttools .bg-cream { background:var(--cream); }
body.tpl-kliq-vs-assessmenttools .core { display:flex; flex-direction:column; gap:14px; max-width:640px; margin-top:22px; }
body.tpl-kliq-vs-assessmenttools .core-card { border-radius:16px; padding:22px; }
body.tpl-kliq-vs-assessmenttools .core-card.ats { background:rgba(232,99,74,0.06); border:1.5px solid rgba(232,99,74,0.18); }
body.tpl-kliq-vs-assessmenttools .core-card.kliq { background:var(--mint); border:1.5px solid rgba(0,184,122,0.22); }
body.tpl-kliq-vs-assessmenttools .core-card .cl { font-family:'Nunito',sans-serif; font-size:8.5px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:11px; }
body.tpl-kliq-vs-assessmenttools .core-card.ats .cl { color:var(--orange); }
body.tpl-kliq-vs-assessmenttools .core-card.kliq .cl { color:var(--green); }
body.tpl-kliq-vs-assessmenttools .core-card p { font-size:12.5px; line-height:1.7; }
body.tpl-kliq-vs-assessmenttools .core-card.ats p { color:var(--gray); }
body.tpl-kliq-vs-assessmenttools .core-card.kliq p { color:var(--dark); }
body.tpl-kliq-vs-assessmenttools .cmp { display:flex; flex-direction:column; gap:12px; max-width:660px; margin-top:22px; }
body.tpl-kliq-vs-assessmenttools .cmp-row { background:var(--white); border:1px solid var(--mint); border-radius:14px; padding:16px 18px; }
body.tpl-kliq-vs-assessmenttools .cmp-crit { font-weight:800; font-size:13px; color:var(--dark); margin-bottom:12px; }
body.tpl-kliq-vs-assessmenttools .cmp-sides { display:flex; flex-direction:column; gap:10px; }
body.tpl-kliq-vs-assessmenttools .cmp-side .lab { font-family:'Nunito',sans-serif; font-size:8px; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:4px; }
body.tpl-kliq-vs-assessmenttools .cmp-side.ats .lab { color:var(--orange); }
body.tpl-kliq-vs-assessmenttools .cmp-side.kliq .lab { color:var(--green); }
body.tpl-kliq-vs-assessmenttools .cmp-side .val { font-size:12px; line-height:1.5; }
body.tpl-kliq-vs-assessmenttools .cmp-side.ats .val { color:var(--gray); }
body.tpl-kliq-vs-assessmenttools .cmp-side.kliq .val { color:var(--dark); font-weight:600; }
body.tpl-kliq-vs-assessmenttools .prose p { font-size:14px; color:var(--gray); line-height:1.8; max-width:580px; }
body.tpl-kliq-vs-assessmenttools .prose p + p { margin-top:14px; }
body.tpl-kliq-vs-assessmenttools footer { background:#021A10; padding:44px 0 28px; }
  body.tpl-kliq-vs-assessmenttools .wrap { padding:0 40px; }
  body.tpl-kliq-vs-assessmenttools .page-hero h1 { font-size:46px; }
  body.tpl-kliq-vs-assessmenttools .section h2 { font-size:29px; }
  body.tpl-kliq-vs-assessmenttools .core { flex-direction:row; }
  body.tpl-kliq-vs-assessmenttools .core-card { flex:1; }
  body.tpl-kliq-vs-assessmenttools .cmp-sides { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  body.tpl-kliq-vs-assessmenttools .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-kliq-vs-assessmenttools .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-kliq-vs-assessmenttools .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
  body.tpl-kliq-vs-assessmenttools .nav-toggle { display:none; }
  body.tpl-kliq-vs-assessmenttools .nav-menu { display:block !important; }
  body.tpl-kliq-vs-assessmenttools .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-kliq-vs-assessmenttools .nav-menu .nav-links { flex-direction:row; align-items:center; gap:24px; padding:0; }
  body.tpl-kliq-vs-assessmenttools .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-kliq-vs-assessmenttools .nav-links a.active { color:var(--green); }
  body.tpl-kliq-vs-assessmenttools .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-kliq-vs-assessmenttools .nav-inner { height:70px; }
  body.tpl-kliq-vs-assessmenttools .page-hero { padding:72px 0 80px; }
  body.tpl-kliq-vs-assessmenttools .page-hero h1 { font-size:50px; }
  body.tpl-kliq-vs-assessmenttools .section { padding:64px 0; }
body.tpl-wat-is-kliq {
body.tpl-wat-is-kliq .section-label { font-family:'Nunito',sans-serif; font-size:10px; color:var(--orange); letter-spacing:0.14em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px; }
body.tpl-wat-is-kliq .section-label::before { content:""; width:22px; height:1px; background:currentColor; flex-shrink:0; }
body.tpl-wat-is-kliq .about-hero { background:var(--dark); padding:48px 0 52px; position:relative; overflow:hidden; }
body.tpl-wat-is-kliq .about-hero::after { content:""; position:absolute; right:-80px; top:-80px; width:280px; height:280px; border-radius:50%; background:var(--orange); opacity:0.13; }
body.tpl-wat-is-kliq .about-hero .section-label { color:var(--orange); }
body.tpl-wat-is-kliq .about-hero h1 { font-size:38px; color:var(--white); margin-bottom:18px; position:relative; z-index:1; }
body.tpl-wat-is-kliq .about-hero h1 span { color:var(--orange); }
body.tpl-wat-is-kliq .about-hero p { font-size:15px; color:var(--sage); line-height:1.75; max-width:460px; position:relative; z-index:1; }
body.tpl-wat-is-kliq .section { padding:48px 0; }
body.tpl-wat-is-kliq .section h2 { font-size:27px; color:var(--dark); margin-bottom:14px; }
body.tpl-wat-is-kliq .section .lead { font-size:14px; color:var(--gray); line-height:1.75; }
body.tpl-wat-is-kliq .bg-white { background:var(--white); }
body.tpl-wat-is-kliq .bg-cream { background:var(--cream); }
body.tpl-wat-is-kliq .bg-mint { background:var(--mint); }
body.tpl-wat-is-kliq .founder-photo { width:84px; height:84px; border-radius:50%; flex-shrink:0; background:radial-gradient(ellipse at 50% 35%,rgba(195,150,110,0.85),rgba(130,95,70,0.7) 45%,rgba(70,110,90,0.5)); border:3px solid var(--mint); margin-bottom:20px; }
body.tpl-wat-is-kliq .founder-story p { font-size:14px; color:var(--gray); line-height:1.8; margin-bottom:14px; }
body.tpl-wat-is-kliq .founder-sign { margin-top:20px; }
body.tpl-wat-is-kliq .founder-sign .nm { font-weight:800; font-size:15px; color:var(--dark); }
body.tpl-wat-is-kliq .founder-sign .ro { font-size:12.5px; color:var(--sage); }
body.tpl-wat-is-kliq .founder-tag { font-weight:800; font-style:italic; font-size:15px; color:var(--orange); margin-top:14px; }
body.tpl-wat-is-kliq .compare { display:flex; flex-direction:column; gap:14px; margin-top:24px; max-width:600px; }
body.tpl-wat-is-kliq .compare-card { background:var(--white); border-radius:14px; padding:22px; border-left:4px solid var(--orange); box-shadow:0 6px 22px rgba(5,43,30,0.05); }
body.tpl-wat-is-kliq .compare-card.kliq { border-left-color:var(--green); }
body.tpl-wat-is-kliq .compare-card .t { font-weight:800; font-size:14px; color:var(--dark); margin-bottom:8px; }
body.tpl-wat-is-kliq .compare-card .d { font-size:13px; color:var(--gray); line-height:1.65; }
body.tpl-wat-is-kliq .values { display:flex; flex-direction:column; margin-top:8px; }
body.tpl-wat-is-kliq .value { padding:22px 0; border-bottom:1px solid var(--mint); display:flex; gap:18px; align-items:flex-start; }
body.tpl-wat-is-kliq .value:last-child { border-bottom:none; }
body.tpl-wat-is-kliq .value-ic { width:36px; height:36px; border-radius:50%; background:var(--mint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.tpl-wat-is-kliq .value .t { font-weight:800; font-size:15px; color:var(--dark); margin-bottom:6px; }
body.tpl-wat-is-kliq .value .d { font-size:13px; color:var(--gray); line-height:1.7; }
body.tpl-wat-is-kliq .badges { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
body.tpl-wat-is-kliq .badge { background:var(--white); border-radius:100px; padding:7px 15px; font-family:'Nunito',sans-serif; font-size:9px; color:var(--dark); letter-spacing:0.08em; text-transform:uppercase; }
body.tpl-wat-is-kliq .contact-links { display:flex; flex-direction:column; gap:14px; margin-top:24px; max-width:360px; }
body.tpl-wat-is-kliq .contact-link { display:flex; align-items:center; gap:14px; }
body.tpl-wat-is-kliq .contact-ic { width:40px; height:40px; border-radius:11px; background:var(--mint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.tpl-wat-is-kliq .contact-link .k { font-size:10px; color:var(--sage); font-family:'Nunito',sans-serif; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:2px; }
body.tpl-wat-is-kliq .contact-link .v { font-size:14px; font-weight:700; color:var(--dark); }
body.tpl-wat-is-kliq footer { background:#021A10; padding:44px 0 28px; }
  body.tpl-wat-is-kliq .wrap { padding:0 40px; }
  body.tpl-wat-is-kliq .about-hero h1 { font-size:50px; }
  body.tpl-wat-is-kliq .section h2 { font-size:31px; }
  body.tpl-wat-is-kliq .compare { flex-direction:row; }
  body.tpl-wat-is-kliq .compare-card { flex:1; }
  body.tpl-wat-is-kliq .cta-buttons { flex-direction:row; justify-content:center; }
  body.tpl-wat-is-kliq .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
  body.tpl-wat-is-kliq .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; }
  body.tpl-wat-is-kliq .nav-toggle { display:none; }
  body.tpl-wat-is-kliq .nav-menu { display:block !important; }
  body.tpl-wat-is-kliq .nav-menu.open { position:static; background:none; padding:0; top:auto; }
  body.tpl-wat-is-kliq .nav-menu .nav-links { flex-direction:row; align-items:center; gap:28px; padding:0; }
  body.tpl-wat-is-kliq .nav-links a { color:var(--white); font-size:14px; padding:0; border-bottom:none; }
  body.tpl-wat-is-kliq .nav-links a.active { color:var(--green); }
  body.tpl-wat-is-kliq .nav-links .nav-cta { background:var(--orange); color:var(--white); padding:10px 20px; margin-top:0; font-size:14px; }
  body.tpl-wat-is-kliq .nav-inner { height:70px; }
  body.tpl-wat-is-kliq .about-hero { padding:72px 0 80px; }
  body.tpl-wat-is-kliq .about-hero h1 { font-size:52px; }
  body.tpl-wat-is-kliq .section { padding:72px 0; }
  body.tpl-wat-is-kliq .founder-layout { display:grid; grid-template-columns:auto 1fr; gap:32px; align-items:start; max-width:760px; }
  body.tpl-wat-is-kliq .founder-photo { margin-bottom:0; }
  body.tpl-wat-is-kliq .center-narrow { max-width:680px; }