/*
Theme Name: BedrijvenScan
Theme URI: https://bedrijvenscan.nl
Description: Eigen BedrijvenScan.nl theme — geen parent theme, geen page builder. Schoon en snel.
Author: GreenAumatic
Author URI: https://greenaumatic.com
Version: 1.0.0
Text Domain: bedrijvenscan
*/


/* =============================================
   HOMEPAGE STIJLEN
   ============================================= */
:root{--groen:#1a5c3e;--groen-mid:#2d7a55;--groen-licht:#e8f2ec;--groen-accent:#4caf80;--groen-dark:#0d3a26;--warm:#f5f0e8;--warm-mid:#eae5dc;--ink:#1a1a18;--grijs:#4a4a44;--border:#dddbd3;--wit:#faf9f5;--rood:#991B1B;--rood-lt:#FCEBEB;--oranje:#B45309;--oranje-lt:#FAEEDA;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:var(--wit);color:var(--ink);font-size:15px;line-height:1.65;}
a{text-decoration:none;color:inherit;}
nav{background:var(--wit);padding:16px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
.logo{font-family:'Fraunces',serif;font-size:18px;font-weight:500;color:var(--groen);}
.logo span{color:var(--ink);font-weight:300;}
.nav-right{display:flex;align-items:center;gap:16px;}
.nav-partner{font-size:13px;color:var(--grijs);}
.nav-partner:hover{color:var(--groen);}
.nav-ga{font-size:12px;color:var(--grijs);border:0.5px solid var(--border);padding:6px 12px;border-radius:6px;}
.hero{background:var(--groen-dark);padding:72px 48px 64px;text-align:center;}
.hero-tag{display:inline-block;background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:24px;}
h1{font-family:'Fraunces',serif;font-size:52px;font-weight:300;line-height:1.08;letter-spacing:-.02em;color:#fff;margin-bottom:18px;}
h1 em{font-style:italic;color:#8ecfb0;}
.hero-sub{font-size:17px;color:rgba(255,255,255,.6);font-weight:300;max-width:520px;margin:0 auto 32px;line-height:1.65;}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.btn-p{background:var(--groen-mid);color:#fff;font-size:14px;font-weight:500;padding:13px 24px;border-radius:8px;display:inline-block;}
.btn-p:hover{background:var(--groen);}
.btn-s{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:14px;padding:13px 20px;border-radius:8px;border:0.5px solid rgba(255,255,255,.2);display:inline-block;}
.hero-meta{font-size:13px;color:rgba(255,255,255,.35);}
.hero-meta span{color:rgba(255,255,255,.55);}
.section{max-width:900px;margin:0 auto;padding:64px 48px;}
.section-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--groen-mid);margin-bottom:12px;}
h2{font-family:'Fraunces',serif;font-size:32px;font-weight:300;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;}
h2 em{font-style:italic;color:var(--groen);}
.section-desc{font-size:15px;color:var(--grijs);line-height:1.7;margin-bottom:36px;max-width:600px;}
.dist-wrap{background:var(--warm);border-bottom:1px solid var(--border);}
.dist-inner{max-width:900px;margin:0 auto;padding:18px 48px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.dist-label{font-size:11px;color:#aaa;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;}
.dist-text-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dl-aaff{font-size:20px;font-weight:700;color:#4B2DA0;letter-spacing:-.02em;line-height:1;}
.aaff-dot{color:#00BFA5;font-size:24px;line-height:0;vertical-align:-3px;}
.dl-scab{font-size:15px;font-weight:800;color:#F5C400;background:#111;padding:4px 10px;border-radius:4px;}
.dl-verm{font-size:12px;font-weight:700;color:#1B3A8C;line-height:1.2;text-align:center;}
.verm-sub{display:block;font-weight:400;font-size:10px;color:#4A70C0;}
.dl-do{font-size:11px;font-weight:700;color:#00A878;line-height:1.3;text-align:center;}
.hook-strip{background:var(--groen);}
.hook-inner{max-width:900px;margin:0 auto;padding:28px 48px;text-align:center;}
.hook-strip p{font-family:'Fraunces',serif;font-size:22px;font-weight:300;font-style:italic;color:#fff;line-height:1.45;}
.hook-strip p strong{font-style:normal;font-weight:500;color:#8ecfb0;}
.scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.scan-card{border:1.5px solid var(--border);border-radius:12px;padding:26px 28px;background:#fff;display:block;transition:border-color .15s,box-shadow .15s;}
.scan-card:hover{border-color:var(--groen-accent);box-shadow:0 4px 20px rgba(26,92,62,.08);}
.scan-tag{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--groen-mid);margin-bottom:10px;}
.scan-card h3{font-family:'Fraunces',serif;font-size:20px;font-weight:500;margin-bottom:8px;line-height:1.25;color:var(--ink);}
.scan-card p{font-size:14px;color:var(--grijs);line-height:1.6;margin-bottom:14px;}
.hook-quote{font-style:italic;font-size:13px;color:var(--groen);border-left:2px solid var(--groen-accent);padding-left:12px;line-height:1.55;margin-bottom:14px;}
.scan-meta{display:flex;gap:16px;font-size:12px;color:var(--grijs);margin-bottom:10px;}
.scan-cta-link{font-size:13px;font-weight:500;color:var(--groen);text-decoration:underline;text-underline-offset:3px;}
.scan-card.featured{border-color:var(--groen);background:var(--groen-licht);}
.scan-badge{display:inline-block;background:var(--groen);color:#fff;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px;}
.coming-badge{display:inline-block;background:var(--warm-mid);color:var(--grijs);font-size:10px;font-weight:500;padding:3px 10px;border-radius:20px;margin-bottom:10px;border:0.5px solid var(--border);}
.scan-card.coming-soon{opacity:.65;}
.how-wrap{background:var(--warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;}
.step-num{font-family:'Fraunces',serif;font-size:44px;font-weight:300;color:var(--border);line-height:1;margin-bottom:10px;}
.step h3{font-size:16px;font-weight:500;color:var(--ink);margin-bottom:6px;}
.step p{font-size:13px;color:var(--grijs);line-height:1.6;}
.rapport-wrap{border-top:1px solid var(--border);}
.rapport-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.rapport-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--groen-mid);margin-bottom:12px;}
.rapport-title{font-family:'Fraunces',serif;font-size:28px;font-weight:300;color:var(--ink);line-height:1.2;margin-bottom:14px;}
.rapport-title em{font-style:italic;color:var(--groen);}
.rapport-desc{font-size:14px;color:var(--grijs);line-height:1.75;margin-bottom:14px;}
.rapport-price{font-family:'Fraunces',serif;font-size:18px;font-weight:300;color:var(--ink);margin-bottom:16px;}
.rapport-price span{color:var(--groen);font-weight:500;}
.rapport-items{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.rapport-item{font-size:13px;color:var(--grijs);display:flex;gap:8px;align-items:flex-start;}
.rapport-item::before{content:'';width:16px;height:16px;border-radius:50%;background:var(--groen);flex-shrink:0;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5l2 2 4-4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;}
.rapport-vis{background:var(--groen-licht);border-radius:14px;min-height:240px;display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid #c0dcc8;}
.rapport-mockup{position:relative;width:100%;padding-bottom:14px;padding-right:14px;}
.rm-page{background:#fff;border-radius:10px;border:1px solid #D4E0D8;overflow:hidden;}
.rm-p1{position:relative;z-index:3;box-shadow:0 8px 36px rgba(30,107,60,.16);}
.rm-p2{position:absolute;top:10px;left:8px;right:-8px;bottom:-8px;z-index:2;background:#f0f5f2;border-color:#c0d4c8;}
.rm-p3{position:absolute;top:18px;left:14px;right:-14px;bottom:-14px;z-index:1;background:#e4ede7;border-color:#b0c8b8;}
.rm-cover{background:#1A2B1E;padding:12px 16px;display:flex;align-items:center;gap:10px;}
.rm-cover-dot{width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,.12);flex-shrink:0;}
.rm-cover-title{font-size:11px;font-weight:600;color:#fff;line-height:1.3;}
.rm-cover-sub{font-size:9px;color:rgba(255,255,255,.5);margin-top:2px;}
.rm-cover-badge{margin-left:auto;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2px 8px;font-size:9px;color:rgba(255,255,255,.6);}
.rm-body{padding:12px 16px;}
.rm-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1E6B3C;margin-bottom:7px;}
.rm-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;}
.rm-card{background:#f7f9f7;border:1px solid #D4E0D8;border-radius:6px;padding:8px 10px;}
.rm-card-hl{background:#EAF4EE;border-color:#B8D9C4;}
.rm-card-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5A6B5E;margin-bottom:2px;}
.rm-card-val{font-size:11px;font-weight:600;color:#1E2D22;}
.rm-card-hl .rm-card-val{color:#1E6B3C;}
.rm-bars{display:flex;flex-direction:column;gap:7px;margin-bottom:10px;}
.rm-bar-row{display:flex;align-items:center;gap:7px;}
.rm-bar-name{font-size:10px;color:#5A6B5E;min-width:100px;}
.rm-bar-track{flex:1;background:#D4E0D8;border-radius:20px;height:5px;overflow:hidden;}
.rm-bar-fill{height:100%;border-radius:20px;}
.rm-hoog{background:#1E6B3C;}.rm-mid{background:#B45309;}.rm-laag{background:#991B1B;}
.rm-bar-pct{font-size:10px;font-weight:600;min-width:26px;text-align:right;}
.rm-hoog-c{color:#1E6B3C;}.rm-mid-c{color:#B45309;}.rm-laag-c{color:#991B1B;}
.rm-items{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;}
.rm-item{display:flex;align-items:center;gap:7px;font-size:10px;color:#5A6B5E;background:#f7f9f7;border:1px solid #D4E0D8;border-radius:4px;padding:5px 9px;}
.rm-item-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.rm-dot-g{background:#1E6B3C;}.rm-dot-a{background:#B45309;}.rm-dot-r{background:#991B1B;}
.rm-steps{display:flex;flex-direction:column;gap:5px;}
.rm-step{display:flex;align-items:center;gap:7px;font-size:10px;color:#5A6B5E;}
.rm-step-num{width:18px;height:18px;border-radius:50%;background:#1E6B3C;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rm-cta{background:#1A2B1E;padding:10px 16px;text-align:center;font-size:10px;font-weight:600;color:#8ecfb0;}
.zones-wrap{background:var(--warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.zones-grid{display:flex;flex-direction:column;gap:12px;margin-top:28px;}
.zone{border-radius:10px;padding:16px 20px;border-left:3px solid;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;}
.zone.r{background:var(--rood-lt);border-color:var(--rood);}
.zone.o{background:var(--oranje-lt);border-color:var(--oranje);}
.zone.g{background:var(--groen-licht);border-color:var(--groen);}
.zone-score{font-family:'Fraunces',serif;font-size:15px;font-weight:500;color:var(--ink);}
.zone-title{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:3px;}
.zone-desc{font-size:13px;color:var(--grijs);line-height:1.4;}
.zone-action{font-size:12px;font-weight:500;white-space:nowrap;}
.zone.r .zone-action{color:var(--rood);}.zone.o .zone-action{color:var(--oranje);}.zone.g .zone-action{color:var(--groen);}
.experts-wrap{border-top:1px solid var(--border);}
.expert-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.filter-group-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);min-width:52px;flex-shrink:0;}
.filter-row{display:flex;gap:6px;flex-wrap:wrap;}
.filter-tag{font-size:12px;font-weight:500;padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);color:var(--grijs);background:#fff;cursor:pointer;transition:all .15s;font-family:'DM Sans',sans-serif;}
.filter-tag:hover{border-color:var(--groen-accent);color:var(--groen);}
.filter-tag.ft-active{background:var(--groen);color:#fff;border-color:var(--groen);}
.filter-reset-row{padding-top:2px;}
.filter-reset-btn{font-size:12px;color:var(--grijs);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;padding:0;}
.filter-result-bar{font-size:13px;color:var(--groen-mid);margin-bottom:14px;font-weight:500;}
.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.expert-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px;display:flex;gap:12px;align-items:flex-start;transition:border-color .15s;}
.expert-card:hover{border-color:var(--groen-accent);}
.expert-photo-wrap{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--groen-licht);}
.expert-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;}
.expert-name{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:2px;}
.expert-org{font-size:12px;color:var(--groen-mid);margin-bottom:6px;}
.expert-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:7px;}
.expert-tag{font-size:10px;font-weight:500;padding:2px 7px;border-radius:4px;background:var(--groen-licht);color:var(--groen);}
.expert-bio{font-size:12px;color:var(--grijs);line-height:1.55;margin-bottom:8px;}
.expert-links{display:flex;align-items:center;gap:10px;}
.expert-cta{font-size:12px;font-weight:500;color:var(--groen);text-decoration:underline;text-underline-offset:3px;}
.expert-profiel{font-size:11px;color:var(--grijs);border:0.5px solid var(--border);border-radius:4px;padding:3px 7px;}
.meer-btn{background:var(--wit);border:1.5px solid var(--groen);border-radius:8px;padding:10px 24px;font-size:13px;font-weight:500;color:var(--groen);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s;}
.meer-btn:hover{background:var(--groen-licht);}
.partner-strip-wrap{background:var(--warm-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.partner-strip-inner{max-width:900px;margin:0 auto;padding:22px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.partner-strip-txt{font-size:14px;color:var(--grijs);}
.partner-strip-txt strong{color:var(--ink);font-weight:500;}
.partner-strip-btn{background:var(--ink);color:#fff;font-size:13px;font-weight:500;padding:10px 20px;border-radius:7px;white-space:nowrap;display:inline-block;}
.cta-footer{background:var(--ink);}
.cta-footer-inner{max-width:900px;margin:0 auto;padding:64px 48px;text-align:center;}
.cta-footer h2{font-family:'Fraunces',serif;font-size:42px;font-weight:300;font-style:italic;color:#fff;margin-bottom:14px;line-height:1.15;letter-spacing:-.02em;}
.cta-footer h2 strong{font-style:normal;font-weight:500;color:#8ecfb0;}
.cta-footer p{color:rgba(255,255,255,.45);font-size:15px;margin-bottom:28px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--ink);border-top:1px solid #2a2a28;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:12px;color:#6a6a62;}
.footer-links{display:flex;gap:20px;}
.footer-links a{font-size:12px;color:#6a6a62;}
@media(max-width:768px){
  nav{padding:14px 20px;}.nav-ga{display:none;}
  h1{font-size:34px;}.hero{padding:48px 20px 40px;}
  .section{padding:40px 20px;}
  .dist-inner,.hook-inner,.partner-strip-inner,.cta-footer-inner{padding:20px;}
  .scan-grid,.steps-grid,.expert-grid{grid-template-columns:1fr;}
  .rapport-grid{grid-template-columns:1fr;}.rapport-vis{display:none;}
  .zone{grid-template-columns:1fr;gap:6px;}
  footer{padding:16px 20px;flex-direction:column;gap:8px;}
}

/* =============================================
   KENNISPARTNER PAGINA STIJLEN
   Klassen met .kp- prefix om conflicten te voorkomen
   ============================================= */
:root{
  --groen:#1a5c3e;--groen-mid:#2d7a55;--groen-licht:#e8f2ec;
  --groen-accent:#4caf80;--groen-dark:#0d3a26;
  --warm:#f5f0e8;--warm-mid:#eae5dc;
  --ink:#1a1a18;--grijs:#4a4a44;--border:#dddbd3;--wit:#faf9f5;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:var(--wit);color:var(--ink);font-size:15px;line-height:1.65;}
a{text-decoration:none;color:inherit;}

/* NAV */
nav{background:var(--wit);padding:16px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
.logo{font-family:'Fraunces',serif;font-size:18px;font-weight:500;color:var(--groen);}
.logo span{color:var(--ink);font-weight:300;}
.nav-right{display:flex;align-items:center;gap:16px;}
.nav-back{font-size:13px;color:var(--grijs);}
.nav-back:hover{color:var(--groen);}
.nav-ga{font-size:12px;color:var(--grijs);border:0.5px solid var(--border);padding:6px 12px;border-radius:6px;}

/* HERO — dark green, centered, same as bedrijvenscan */
.hero{background:var(--groen-dark);padding:72px 48px 56px;text-align:center;}
.hero-tag{display:inline-block;background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:24px;}
h1{font-family:'Fraunces',serif;font-size:48px;font-weight:300;line-height:1.1;letter-spacing:-.02em;color:#fff;margin-bottom:18px;}
h1 em{font-style:italic;color:#8ecfb0;}
.hero-sub{font-size:17px;color:rgba(255,255,255,.6);font-weight:300;max-width:520px;margin:0 auto;}

/* INTAKE */
.intake{background:#fff;max-width:720px;margin:-36px auto 0;border-radius:16px;padding:32px 36px;box-shadow:0 8px 40px rgba(0,0,0,.12);position:relative;z-index:10;}
.intake-title{font-family:'Fraunces',serif;font-size:20px;font-weight:400;color:var(--ink);margin-bottom:6px;}
.intake-sub{font-size:13px;color:var(--grijs);margin-bottom:22px;}
.intake-q{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:10px;}
.intake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;}
.intake-opt{border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;text-align:center;}
.intake-opt:hover{border-color:var(--groen-accent);}
.intake-opt.selected{border-color:var(--groen);background:var(--groen-licht);}
.intake-opt-icon{font-size:20px;margin-bottom:6px;}
.intake-opt-name{font-size:12px;font-weight:500;color:var(--ink);}
.intake-opt-sub{font-size:11px;color:var(--grijs);margin-top:2px;}
.intake-btn{background:var(--groen);color:#fff;font-size:14px;font-weight:500;padding:12px 28px;border-radius:8px;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;width:100%;transition:background .15s;}
.intake-btn:hover{background:var(--groen-mid);}
.intake-btn:disabled{background:var(--border);cursor:default;color:#999;}

/* SECTIONS */
.section{max-width:900px;margin:0 auto;padding:64px 48px;}
.section-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--groen-mid);margin-bottom:12px;}
h2{font-family:'Fraunces',serif;font-size:32px;font-weight:300;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;}
h2 em{font-style:italic;color:var(--groen);}
.section-desc{font-size:15px;color:var(--grijs);line-height:1.7;margin-bottom:36px;max-width:600px;}

/* USP STRIP */
.usp-wrap{background:var(--warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.usp-inner{max-width:900px;margin:0 auto;padding:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.usp{text-align:center;}
.usp-num{font-family:'Fraunces',serif;font-size:40px;font-weight:300;color:var(--groen);margin-bottom:8px;}
.usp-label{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:6px;}
.usp-sub{font-size:13px;color:var(--grijs);line-height:1.55;}

/* WAT JE KRIJGT */
.oplevert-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.oplevert-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:22px 24px;}
.oplevert-card h3{font-family:'Fraunces',serif;font-size:17px;font-weight:500;color:var(--ink);margin-bottom:8px;}
.oplevert-card p{font-size:13px;color:var(--grijs);line-height:1.65;}

/* THEMA CARDS */
.thema-wrap{background:var(--warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.thema-inner{max-width:900px;margin:0 auto;padding:64px 48px;}
.thema-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.thema-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:22px 24px;transition:border-color .15s,box-shadow .15s;border-left:4px solid var(--border);}
.thema-card:hover{border-color:var(--groen-accent);box-shadow:0 4px 16px rgba(26,92,62,.07);}
.thema-card.highlighted{border-color:var(--groen);background:var(--groen-licht);}
.thema-card.dimmed{opacity:.4;}
/* Per-thema kleurcodering linkerrand */
#thema-digitaal{border-left-color:#185FA5;}
#thema-esg{border-left-color:#1a5c3e;}
#thema-ai{border-left-color:#854F0B;}
#thema-esg2{border-left-color:#2d7a55;}
#thema-digitaal.highlighted{border-color:#185FA5;background:#D4E4F4;}
#thema-esg.highlighted{border-color:var(--groen);background:var(--groen-licht);}
#thema-ai.highlighted{border-color:#854F0B;background:#F4E8CC;}
#thema-esg2.highlighted{border-color:#2d7a55;background:var(--groen-licht);}
.thema-tag{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--groen-mid);margin-bottom:8px;}
.thema-card h3{font-family:'Fraunces',serif;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:8px;}
.thema-card p{font-size:13px;color:var(--grijs);line-height:1.6;margin-bottom:8px;}
.thema-match{font-size:12px;font-weight:500;color:var(--groen);display:none;}
.thema-card.highlighted .thema-match{display:block;}
.thema-soon{font-size:10px;font-weight:500;color:var(--grijs);background:var(--warm-mid);padding:2px 8px;border-radius:4px;display:inline-block;margin-top:4px;}

/* HOE HET WERKT */
.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;}
.step{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:24px;}
.step-num{font-family:'Fraunces',serif;font-size:36px;font-weight:300;color:var(--border);line-height:1;margin-bottom:10px;}
.step h3{font-size:16px;font-weight:500;color:var(--ink);margin-bottom:6px;}
.step p{font-size:13px;color:var(--grijs);line-height:1.6;}
.step.highlight{border-color:var(--groen);background:var(--groen-licht);}
.step.highlight .step-num{color:var(--groen-accent);}
.step-badge{display:inline-block;background:var(--groen);color:#fff;font-size:10px;font-weight:500;padding:2px 8px;border-radius:4px;margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase;}

/* STARTER KIT */
.kit-wrap{background:var(--groen-dark);}
.kit-inner{max-width:900px;margin:0 auto;padding:56px 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.kit-content{}
.kit-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:12px;}
.kit-title{font-family:'Fraunces',serif;font-size:28px;font-weight:300;color:#fff;line-height:1.25;margin-bottom:14px;}
.kit-title em{font-style:italic;color:#8ecfb0;}
.kit-desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:20px;}
.kit-items{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.kit-item{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.7);line-height:1.5;}
.kit-item::before{content:'';width:16px;height:16px;border-radius:50%;background:var(--groen-mid);flex-shrink:0;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5l2 2 4-4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;}
.kit-weeks{display:flex;flex-direction:column;gap:10px;}
.kit-week{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 16px;}
.kit-week-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:4px;}
.kit-week-title{font-size:13px;font-weight:500;color:#fff;margin-bottom:3px;}
.kit-week-sub{font-size:12px;color:rgba(255,255,255,.5);}

/* FORM */
.form-wrap{background:var(--warm);border-top:1px solid var(--border);}
.form-inner{max-width:760px;margin:0 auto;padding:64px 48px;}
.form-title{font-family:'Fraunces',serif;font-size:28px;font-weight:300;color:var(--ink);margin-bottom:10px;}
.form-title em{font-style:italic;color:var(--groen);}
.form-desc{font-size:14px;color:var(--grijs);line-height:1.7;margin-bottom:32px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field label{font-size:12px;font-weight:500;color:var(--ink);}
.form-field input,.form-field select,.form-field textarea{background:#fff;border:1.5px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--ink);font-family:'DM Sans',sans-serif;width:100%;transition:border-color .15s;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--groen);}
.form-field textarea{min-height:90px;resize:vertical;}
.form-full{grid-column:1/-1;}
.form-check{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px;}
.form-check input{margin-top:3px;flex-shrink:0;accent-color:var(--groen);}
.form-check label{font-size:12px;color:var(--grijs);line-height:1.5;}
.form-check a{color:var(--groen);}
.form-submit{background:var(--groen);color:#fff;font-size:14px;font-weight:500;padding:13px 28px;border-radius:8px;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;width:100%;transition:background .15s;}
.form-submit:hover{background:var(--groen-mid);}

/* FOOTER */
footer{background:var(--ink);padding:20px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:12px;color:#6a6a62;}
.footer-links{display:flex;gap:20px;}
.footer-links a{font-size:12px;color:#6a6a62;}

@media(max-width:768px){
  nav{padding:14px 20px;} .nav-ga{display:none;}
  h1{font-size:32px;} .hero{padding:48px 20px 48px;}
  .intake{margin:16px;padding:22px 20px;} .intake-grid{grid-template-columns:1fr 1fr;}
  .usp-inner,.section,.thema-inner,.form-inner{padding:40px 20px;}
  .usp-inner{grid-template-columns:1fr;}
  .oplevert-grid,.thema-grid,.steps-grid,.form-grid{grid-template-columns:1fr;}
  .kit-inner{grid-template-columns:1fr;}
  footer{padding:16px 20px;flex-direction:column;gap:8px;}
}