:root{
  --navy:#062b4b;--navy-2:#0a3f69;--green:#20a865;--green-dark:#148552;
  --mint:#eef9f3;--blue-soft:#eef6fc;--gold-soft:#fff8e9;--bg:#f7fafc;
  --text:#102a43;--muted:#61758a;--line:#dce7ef;--white:#fff;
  --shadow-sm:0 8px 24px rgba(6,43,75,.06);--shadow:0 20px 55px rgba(6,43,75,.12);
  --radius-sm:14px;--radius:22px;--radius-lg:34px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,231,239,.88)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;font-size:1.45rem;color:var(--navy);letter-spacing:-.035em}.brandmark{width:31px;height:31px;position:relative}.brandmark i{position:absolute;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--green),#44cb86);left:0}.brandmark i:nth-child(1){width:25px;top:3px}.brandmark i:nth-child(2){width:18px;top:12px}.brandmark i:nth-child(3){width:10px;top:21px}.navlinks{display:flex;gap:34px;align-items:center}.navlinks a{text-decoration:none;font-weight:780;font-size:.94rem;color:var(--navy)}.navlinks a:hover{color:var(--green)}.search-btn,.menu-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:1.1rem;box-shadow:0 5px 14px rgba(6,43,75,.04)}.menu-btn{display:none}
.hero{padding:68px 0 52px;background:radial-gradient(circle at 83% 10%,#eaf5fc 0 20%,transparent 41%),linear-gradient(180deg,#fff 0,#fbfdff 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(2.8rem,5.3vw,4.85rem);line-height:1.03;letter-spacing:-.058em;margin:0;color:var(--navy);font-weight:900}.hero h1 span{color:var(--green)}.hero p.lead{font-size:1.08rem;max-width:600px;color:var(--muted);margin:24px 0 26px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 22px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 10px 24px rgba(6,43,75,.18)}.btn.secondary{border-color:#56bd87;color:var(--green-dark);background:#fff}.btn.green{background:var(--green);color:#fff}.stats{display:flex;gap:30px;margin-top:32px;flex-wrap:wrap}.stat{display:flex;gap:10px;align-items:center}.stat>span{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900}.stat b{display:block;color:var(--navy);font-size:1rem}.stat small{display:block;color:var(--muted);line-height:1.2}.hero-art{min-height:450px;position:relative;border-radius:40px;background:transparent;overflow:visible}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:36px;filter:saturate(.98) contrast(1.01);mix-blend-mode:multiply}.hero-art .person,.hero-art .chart{display:none}
.section{padding:78px 0}.section.soft{background:var(--bg)}.section-head{text-align:center;max-width:720px;margin:0 auto 34px}.section-head h2{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.045em;margin:0 0 10px;color:var(--navy);line-height:1.1}.section-head p{color:var(--muted);margin:0}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--green);margin:0 0 10px}.grid3,.grid4{display:grid;gap:20px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:#fff;box-shadow:var(--shadow-sm);text-decoration:none;transition:.2s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cddde8}.card h3{margin:14px 0 7px;color:var(--navy);font-size:1.08rem;line-height:1.25}.card p{margin:0;color:var(--muted);font-size:.94rem}.card .link{display:block;color:var(--green-dark);font-weight:850;margin-top:17px}.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--mint);color:var(--green);font-weight:900;font-size:1.3rem}.goal-afvallen{background:linear-gradient(145deg,#effaf4,#fff)}.goal-spier{background:linear-gradient(145deg,#eef6fc,#fff)}.goal-gewicht{background:linear-gradient(145deg,#fff8e9,#fff)}.goal-afvallen .icon{background:linear-gradient(135deg,#18a85f,#41c983);color:white}.goal-spier .icon{background:linear-gradient(135deg,#08375c,#11629b);color:white}.goal-gewicht .icon{background:linear-gradient(135deg,#e5a520,#f3c557);color:white}.goal-gewicht .icon img{filter: invert(100%) sepia(80%) saturate(700%) hue-rotate(-20deg) brightness(1.1);}.article-preview{padding:0}.preview-img{height:180px;background-size:cover;background-position:center}.preview-img:after{display:none}.article-preview .body{padding:22px}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:900}
.footer{padding:62px 0 24px;background:linear-gradient(120deg,#052640,#0b426b);color:#fff}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:42px}.footer p{color:#d6e5ef}.footer h4{margin-top:0}.footer a{display:block;text-decoration:none;color:#dbe9f2;margin:7px 0}.footer a:hover{color:#fff}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);color:#c7d7e3;font-size:.87rem}
.page-hero{padding:68px 0 48px;background:radial-gradient(circle at 82% 18%,#eaf5fc 0 19%,transparent 44%),linear-gradient(180deg,#f7fbfe,#fff)}.page-hero h1{font-size:clamp(2.45rem,4.6vw,4.2rem);max-width:940px}.page-hero p{color:var(--muted);max-width:760px;font-size:1.05rem}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:14px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--green)}
.kb-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:30px}.searchbox{flex:1;min-width:260px;display:flex;gap:8px;border:1px solid var(--line);border-radius:15px;padding:8px;background:#fff;box-shadow:var(--shadow-sm)}.searchbox input{border:0;outline:0;flex:1;padding:8px;font:inherit}.filter{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:999px;font-weight:800;cursor:pointer}.filter.active{background:var(--navy);color:#fff}.article-card[hidden]{display:none}.empty{display:none;padding:30px;text-align:center;color:var(--muted)}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:58px;align-items:start}.article{font-size:1.03rem}.article h2{font-size:1.72rem;color:var(--navy);margin:48px 0 14px;letter-spacing:-.03em;line-height:1.2}.article p,.article li{color:#425a70}.article ul,.article ol{padding-left:22px}.summary{background:linear-gradient(145deg,#eef9f3,#f8fcfa);border:1px solid #cbead9;border-radius:22px;padding:26px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.summary h2{margin:0 0 8px;font-size:1.25rem}.advice{border-radius:22px;padding:26px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;margin:32px 0;box-shadow:0 16px 35px rgba(6,43,75,.18)}.advice h2{color:#fff;margin:0 0 8px;font-size:1.25rem}.advice p{color:#e7f1f7}.toc{position:sticky;top:98px;border:1px solid var(--line);border-radius:19px;padding:21px;background:#fff;box-shadow:var(--shadow-sm)}.toc strong{display:block;margin-bottom:10px;color:var(--navy)}.toc a{display:block;text-decoration:none;color:var(--muted);padding:6px 0;font-size:.92rem}.toc a:hover{color:var(--green)}.next-step{margin-top:42px;border:1px solid var(--line);border-radius:24px;padding:27px;background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:var(--shadow-sm)}
.calculator-shell{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:start}.calc-panel{border:1px solid var(--line);border-radius:25px;padding:28px;background:#fff;box-shadow:var(--shadow-sm)}.calc-panel form{}.field{margin-bottom:18px}.field label{display:block;font-weight:800;margin-bottom:7px;color:var(--navy)}.field input,.field select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--text);outline:0;transition:.15s}.field input:focus,.field select:focus{border-color:#6cc99c;box-shadow:0 0 0 4px rgba(32,168,101,.1)}.result{background:linear-gradient(145deg,#eef9f3,#f9fcfb);min-height:260px}.result-number{font-size:3.2rem;font-weight:950;color:var(--navy);line-height:1.05;letter-spacing:-.05em}.result-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d7e8df;padding:11px 0}.notice{padding:16px;border-radius:14px;background:#fff8e8;border:1px solid #f0dfb8;color:#765b22;margin-top:18px}.protein-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.protein-examples div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}
.search-overlay{display:none;position:fixed;inset:0;background:rgba(3,25,43,.58);z-index:80;padding:10vh 20px}.search-overlay.open{display:block}.search-modal{max-width:720px;margin:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 28px 75px rgba(0,0,0,.24)}.search-modal input{width:100%;font-size:1.08rem;padding:15px;border:1px solid var(--line);border-radius:13px}.search-results a{display:block;padding:13px 2px;border-bottom:1px solid var(--line);text-decoration:none}.mobile-nav{display:none}
@media(max-width:900px){.hero-grid,.article-layout,.calculator-shell{grid-template-columns:1fr}.hero-art{min-height:auto;max-width:660px;margin:auto}.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.toc{position:static}.footer-grid{grid-template-columns:1fr 1fr}.navlinks{display:none}.menu-btn{display:grid}.mobile-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.mobile-nav a{text-decoration:none;font-weight:800}.calculator-shell{max-width:760px;margin:auto}}
@media(max-width:620px){.container{width:min(100% - 26px,var(--max))}.hero{padding-top:46px}.hero h1{font-size:2.72rem}.hero-grid{gap:34px}.hero-art{display:block}.grid4,.grid3{grid-template-columns:1fr}.stats{gap:15px}.stat{min-width:92px}.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.protein-examples{grid-template-columns:1fr}.calculator-shell{gap:17px}.calc-panel{padding:22px}.page-hero{padding:50px 0 36px}.page-hero h1{font-size:2.45rem}.article h2{font-size:1.5rem}.actions .btn{width:100%}}

/* FitDoorDit AI Coach */
.navlinks a.active{color:var(--green)}
.coach-hero{padding-bottom:58px}.coach-intro{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:50px;align-items:center}.trust-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 13px;border-radius:999px;background:var(--mint);border:1px solid #c8ead7;color:var(--green-dark);font-size:.86rem;font-weight:850}.coach-symbol{width:190px;height:190px;border-radius:44px;background:linear-gradient(145deg,var(--navy),var(--navy-2));display:grid;place-items:center;box-shadow:var(--shadow);transform:rotate(4deg)}.coach-symbol span{width:105px;height:105px;border-radius:30px;background:linear-gradient(145deg,#2bc878,#16975b);display:grid;place-items:center;color:#fff;font-weight:950;font-size:1.6rem;letter-spacing:-.05em;transform:rotate(-4deg)}
.coach-section{background:var(--bg)}.coach-layout{display:grid;grid-template-columns:260px minmax(0,820px);gap:25px;justify-content:center;align-items:start}.coach-topics{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-sm)}.topic-chip{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;color:var(--navy);padding:11px 13px;border-radius:12px;margin:8px 0;font:inherit;font-weight:800;cursor:pointer}.topic-chip:hover{background:var(--mint);border-color:#bfe5d0}.coach-boundary{margin-top:18px;padding:15px;border-radius:14px;background:#f7fafc;color:var(--muted);font-size:.84rem}.coach-boundary p{margin:6px 0 0}.chat-card{background:#fff;border:1px solid var(--line);border-radius:27px;box-shadow:var(--shadow);overflow:hidden}.chat-header{height:72px;padding:0 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.coach-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--navy-2));display:grid;place-items:center;color:white;font-weight:900}.chat-header strong,.chat-header small{display:block}.chat-header small{color:var(--muted)}.online-dot{margin-left:auto;color:var(--green-dark);font-size:.78rem;font-weight:800}.online-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.chat-messages{height:480px;overflow-y:auto;padding:24px;background:linear-gradient(180deg,#fbfdff,#f6faf8)}.message{display:flex;margin:0 0 16px}.message.user{justify-content:flex-end}.bubble{max-width:min(82%,650px);padding:14px 17px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 5px 15px rgba(6,43,75,.05)}.message.user .bubble{background:var(--navy);border-color:var(--navy);color:#fff;border-bottom-right-radius:5px}.message.bot .bubble{border-bottom-left-radius:5px}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble .coach-source{margin-top:13px;padding-top:11px;border-top:1px solid var(--line);font-size:.85rem}.bubble .coach-source a{font-weight:850;color:var(--green-dark);text-decoration:none}.message.user .bubble p{color:#fff}.coach-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.coach-actions a,.coach-actions button{border:1px solid #b9dfca;background:var(--mint);color:var(--green-dark);border-radius:10px;padding:8px 11px;text-decoration:none;font:inherit;font-size:.83rem;font-weight:850;cursor:pointer}.starter-prompts{display:flex;gap:8px;flex-wrap:wrap;padding:13px 20px 0;border-top:1px solid var(--line)}.starter-prompts button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;color:var(--navy);font-weight:750;cursor:pointer}.chat-input{display:grid;grid-template-columns:1fr 48px;gap:10px;padding:13px 20px}.chat-input textarea{resize:none;max-height:120px;border:1px solid var(--line);border-radius:15px;padding:13px 15px;font:inherit;outline:0}.chat-input textarea:focus{border-color:#6cc99c;box-shadow:0 0 0 4px rgba(32,168,101,.1)}.chat-input button{border:0;border-radius:14px;background:var(--green);color:#fff;font-size:1.25rem;font-weight:900;cursor:pointer}.chat-note{margin:0;padding:0 20px 17px;color:var(--muted);font-size:.76rem}.typing .bubble:after{content:"•••";letter-spacing:3px;color:var(--muted)}
.coach-promo{background:linear-gradient(145deg,#eef9f3,#f7fbff)}.coach-promo-inner{display:grid;grid-template-columns:1fr .85fr;gap:42px;align-items:center}.coach-promo h2{font-size:clamp(2rem,3.6vw,3rem);color:var(--navy);line-height:1.08;letter-spacing:-.045em;margin:0 0 12px}.coach-promo p{color:var(--muted);max-width:650px}.promo-chat{background:#fff;border:1px solid var(--line);border-radius:25px;padding:25px;box-shadow:var(--shadow)}.mini-message{padding:13px 15px;border-radius:15px;margin:10px 0;font-size:.9rem}.mini-message.user{background:var(--navy);color:#fff;margin-left:50px}.mini-message.bot{background:var(--mint);color:var(--text);margin-right:25px}
@media(max-width:900px){.coach-layout,.coach-intro,.coach-promo-inner{grid-template-columns:1fr}.coach-topics{position:static}.coach-symbol{display:none}.chat-messages{height:440px}}
@media(max-width:620px){.coach-topics{display:none}.chat-card{border-radius:20px}.chat-messages{height:430px;padding:16px}.bubble{max-width:92%}.starter-prompts{overflow-x:auto;flex-wrap:nowrap}.starter-prompts button{white-space:nowrap}.chat-input{padding:12px}.chat-note{padding:0 12px 14px}.mini-message.user{margin-left:18px}.mini-message.bot{margin-right:8px}}

/* v2 polish */
.hero-art{overflow:hidden;border-radius:32px;background:linear-gradient(145deg,#f4fbff,#edf8f2);padding:12px}
.hero-art img{width:100%;height:auto;display:block;object-fit:contain;border-radius:24px}
.article-preview .preview-img{height:185px;overflow:hidden;background:#eef4f7}
.article-preview .preview-img img{width:100%;height:100%;object-fit:cover;display:block}
.footer{padding:64px 0 0}.footer-inner{max-width:1120px}.footer-grid{grid-template-columns:1.45fr repeat(3,1fr);gap:64px;align-items:start}.footer-brand{max-width:330px}.footer .brand{color:white}.footer h4{margin:3px 0 18px}.footer a{line-height:1.65}.copyright{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:48px;padding:22px 0;border-top:1px solid rgba(255,255,255,.18);font-size:.84rem}.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.article-meta span{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:var(--muted);font-size:.85rem;font-weight:750}.article p{line-height:1.78}.article strong{color:var(--navy)}.result-row small{display:inline;color:var(--muted);font-size:.78rem;margin-left:4px}.close-search{float:right;border:0;background:none;font-size:1.4rem}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.copyright{flex-direction:column;align-items:flex-start}.hero-art{max-width:620px}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}.article-preview .preview-img{height:170px}}

/* FitDoorDit v3 polish */
.brand{gap:0;letter-spacing:-.04em}.brandmark{display:none!important}
.icon svg{width:31px;height:31px;display:block}.goal-afvallen .icon,.goal-spier .icon,.goal-gewicht .icon{color:#fff}
.hero-art{padding:0;background:transparent;box-shadow:none}.hero-art img{border-radius:34px;box-shadow:0 24px 55px rgba(6,43,75,.10)}
.footer-brand .brand{font-size:1.62rem;margin-bottom:20px}.footer-grid{grid-template-columns:minmax(270px,1.45fr) repeat(3,minmax(150px,1fr));column-gap:70px}.footer-grid>div{min-width:0}.footer-brand p{max-width:310px;line-height:1.75;margin-top:0}.footer h4{font-size:.94rem;letter-spacing:.01em}.copyright{width:100%}
.article-preview .preview-img img{object-fit:cover;background:#eef6fa}.article-preview .preview-img{border-bottom:1px solid var(--line)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;column-gap:48px}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}.footer-brand{padding-bottom:8px}}

/* v4 visual refinements */
.hero-art{overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#eef8ff,#f8fffb);box-shadow:0 24px 70px rgba(7,48,83,.10)}
.hero-art img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center;border-radius:34px}
.article-preview .preview-img{height:205px;overflow:hidden;background:#edf6fa}
.article-preview .preview-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}
.article-preview:hover .preview-img img{transform:scale(1.025)}
.goal-spier .icon svg{width:34px;height:34px}
.goal-spier .icon{color:#fff}
@media(max-width:850px){.hero-art img{min-height:320px}.article-preview .preview-img{height:185px}}

/* FitDoorDit HTML testversie v6 — laatste polish */
.site-header .brand::before{
  content:"";
  width:30px;
  height:28px;
  flex:0 0 30px;
  background:
    linear-gradient(90deg,#23b96f,#42ca83) 0 2px/26px 6px no-repeat,
    linear-gradient(90deg,#23b96f,#42ca83) 0 11px/18px 6px no-repeat,
    linear-gradient(90deg,#23b96f,#42ca83) 0 20px/10px 6px no-repeat;
  border-radius:4px;
}
.site-header .brand{gap:10px}
.footer .brand::before{display:none!important}

/* Rustigere calculators, conform de eerder goedgekeurde ruime versie */
.calculator-shell{gap:30px;align-items:stretch}
.calc-panel{padding:34px;border-radius:26px}
.calc-panel input,.calc-panel select{min-height:56px}
.calc-result{padding:34px;border-radius:26px}
.calc-result h2,.calc-result h3{letter-spacing:-.035em}

/* Artikelkaarten: realistische beelden zonder tekst */
.article-preview .preview-img{height:205px;background:#eef6fa}
.article-preview .preview-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* Hero: alleen schone marketingillustratie, geen UI-crop */
.hero-art img{object-fit:contain!important;background:#f4fbff}

/* Icoonkaarten expliciet herkenbaar */
.goal-afvallen .icon svg,.goal-spier .icon svg,.goal-gewicht .icon svg{width:31px;height:31px}

@media(max-width:620px){
  .site-header .brand::before{width:26px;height:25px;flex-basis:26px;background-size:23px 5px,16px 5px,9px 5px;background-position:0 2px,0 10px,0 18px}
  .calculator-shell{gap:20px}.calc-panel,.calc-result{padding:24px}
}