/* Officiële Poppins (lokaal, uit WebsiteDesign-pakket) — 400/600/700 */
  @font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/poppins-400.woff2") format('woff2')}
  @font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("fonts/poppins-600.woff2") format('woff2')}
  @font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("fonts/poppins-700.woff2") format('woff2')}
  :root{
    --c-red:#B01338;--c-red-d:#8E0F36;--c-pink:#D8E8E9;--c-ink:#425D66;--c-teal:#557C89;
    --c-beige:#F0EAD9;--c-card:#D8E8E9;--c-creme:#F0EAD9;--c-gold:#E6B549;--c-gold-d:#C9952B;
    --c-green:#2F8268;--c-white:#fff;--c-breadcrumb:#6A7579;
    --fh:'Poppins',system-ui,sans-serif;--fb:'Poppins',system-ui,sans-serif;--pill:999px;--r:20px;
  }
  *{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  html,body{overflow-x:clip}
  body{margin:0;font-family:var(--fb);color:var(--c-ink);background:var(--c-white);line-height:1.55}
  a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--fh);margin:0}
  .container{max-width:1280px;margin-inline:auto;padding-inline:32px}
  /* topbar+nav */
  .topbar{background:#fff}
  .topbar .container{display:flex;justify-content:flex-end;padding:12px 32px 0}
  .util-bar{display:inline-flex;align-items:center;gap:4px;background:var(--c-card);border:1px solid rgba(85,124,137,.4);border-radius:16px;padding:7px 10px}
  .util-bar a{display:inline-flex;align-items:center;gap:9px;padding:4px 14px 4px 4px;border-radius:12px;font:600 15px var(--fh);color:var(--c-ink);transition:color .14s}
  .util-bar a:hover{color:var(--c-red)}
  .util-bar .uic{width:38px;height:38px;border-radius:50%;background:#fff;border:1.6px solid #557C89;display:grid;place-items:center;flex:0 0 auto}
  @media(max-width:900px){.topbar{display:none}}
  header{position:sticky;top:0;z-index:40;background:var(--c-white);box-shadow:0 1px 0 rgba(0,0,0,.06)}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;max-width:1280px;margin-inline:auto}
  .logo img,.logo svg{height:54px;width:auto;display:block}
  .menu{display:flex;gap:4px;align-items:center}
  .menu>button,.menu>a{position:relative;font:400 16px var(--fh);color:var(--c-ink);background:none;border:0;cursor:pointer;
    padding:10px 14px;display:inline-flex;gap:6px;align-items:center}
  .menu>button::after,.menu>a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2.5px;background:var(--c-red);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .16s}
  .menu>button:hover::after,.menu>a:hover::after,.menu .open::after{transform:scaleX(1)}
  .menu .navdiv{width:1px;height:24px;background:rgba(66,93,102,.16);margin:0 6px}
  .menu .util{font-weight:600;color:var(--c-ink);opacity:.82}.menu .util:hover{opacity:1}
  .mega-tools{margin:0}
  .caret{font-size:11px}
  .mega{position:absolute;left:0;right:0;top:100%;z-index:30;display:none}
  .mega.show{display:block}
  .mega-inner{max-width:1280px;margin-inline:auto;padding:0 32px 22px;display:flex;justify-content:flex-end}
  .mega-card{background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.18);padding:24px 26px;display:grid;gap:30px;width:100%}
  .cols3{grid-template-columns:repeat(3,1fr);max-width:920px}.cols2{grid-template-columns:repeat(2,1fr);max-width:600px}
  .cols4{grid-template-columns:.9fr 1.05fr 1.05fr 1.05fr;max-width:860px}
  .mega .cols4 li small{display:none}
  .mega h3{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-teal);margin-bottom:1px;padding:0 12px}
  .mega .sub{font-size:12.5px;opacity:.55;margin-bottom:10px;padding:0 12px}
  .mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
  .mega li a{display:block;padding:9px 12px;border-radius:11px;transition:background .14s}
  .mega li a:hover{background:#FBF4EA}
  .mega li b{font-weight:600;font-size:14px;display:block}.mega li small{display:block;font-size:12.5px;opacity:.62;margin-top:1px}
  .mega li a:hover b{color:var(--c-red)}.mega .deep b{color:var(--c-red)}
  .mega ul.learn{gap:1px}.mega ul.learn li a{padding:9px 12px}.mega ul.learn li b{font-weight:600;font-size:14px;line-height:1.3}
  .scrim{position:fixed;inset:0;z-index:25;display:none}.scrim.show{display:block}

  /* generieke tool-layout */
  .page{min-height:60vh;background:var(--c-beige)}
  body.route-home .page{background:#fff}
  .wrap{max-width:1180px;margin-inline:auto;padding:26px 24px 40px}
  .crumbs{font-size:14px;opacity:.75;margin-bottom:6px}
  .progress{height:6px;background:rgba(255,255,255,.9);border-radius:999px;overflow:hidden;margin:6px 0 22px}
  .progress>i{display:block;height:100%;background:var(--c-ink);transition:width .4s}
  .lead h1{font-size:clamp(30px,3.6vw,46px);font-weight:600;margin-bottom:10px;line-height:1.2}
  .lead p{max-width:none;font-size:18px;line-height:1.65;margin:0 0 22px;text-wrap:pretty}
  .tool{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
  .tool--align{align-items:stretch}
  .stage--align{position:static;display:flex;flex-direction:column}
  .stage--align .viz{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:22px}
  .stage--align .results{margin-top:auto}
  .panel{background:#D8E8E9;border:1px solid rgba(66,93,102,.45);border-radius:var(--r);padding:30px}
  .q{margin-bottom:0;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .35s,margin-bottom .35s}
  .q.show{opacity:1;max-height:520px;margin-bottom:18px}
  .q.q-hide{display:none}
  .q label{font:600 16px var(--fh);display:block;margin-bottom:7px}
  .qinfo{display:inline-grid;place-items:center;vertical-align:middle;width:24px;height:24px;margin-left:7px;border-radius:50%;
    border:0;background:#9DBBB3;color:#fff;font:700 12px Georgia,serif;font-style:italic;cursor:pointer;line-height:1;padding:0;transition:.15s}
  .qinfo:hover{background:#2F8268;color:#fff}
  .qinfo.on{background:var(--c-red);border-color:var(--c-red);color:#fff}
  .q .help{font-size:13.5px;line-height:1.45;color:var(--c-ink);margin:0 0 10px;padding:10px 14px;background:#fff;border:1px solid #D9E2E5;border-left:3px solid var(--c-red);border-radius:0 10px 10px 0;display:none;box-shadow:0 4px 12px rgba(0,0,0,.05)}
  .q .help.open{display:block}
  .q .help a{color:var(--c-red);font-weight:600}
  /* terug/vooruit-navigatie */
  .backbar{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .btn-back{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #425D66;border-radius:var(--pill);
    padding:10px 18px 10px 15px;min-height:44px;font:600 14px var(--fh);color:var(--c-ink);cursor:pointer;transition:.15s}
  .btn-back:hover{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
  .stepnav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
  .stepnav .btn-back{background:transparent}
  .field{display:flex;align-items:center;background:#fff;border:1px solid #425D66;border-radius:8px;padding:0 14px;height:54px}
  .field .eur{color:var(--c-ink);font-weight:700;margin-right:8px}
  .field input{border:0;outline:0;font:600 18px var(--fb);width:100%;background:transparent;color:var(--c-ink)}
  input[type=date]{font:600 16px var(--fb)}
  .toggle{display:flex;gap:10px}.toggle button{flex:1;height:48px;border-radius:8px;border:1px solid #425D66;background:#fff;font:600 15px var(--fh);color:var(--c-ink);cursor:pointer}
  .toggle button[aria-pressed=true]{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
  /* officiële checklist-radio (staalkaart): leeg = open cirkel · geselecteerd = dark-blue + witte vink */
  #app input[type=radio]{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:1px 0 0;flex:0 0 auto;border:1px solid #425D66;border-radius:50%;background:#fff;cursor:pointer;position:relative;transition:background .15s,border-color .15s}
  #app input[type=radio]:checked{background:var(--c-red);border-color:var(--c-red)}
  #app input[type=radio]:checked::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
  #app input[type=radio]:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(176,19,56,.85)}
  .stepper2{display:inline-flex;align-items:stretch;border:1px solid #425D66;border-radius:8px;overflow:hidden;background:#fff}
  .stepper2 button{width:52px;min-height:48px;border:0;background:#D8E8E9;font:600 24px var(--fh);color:var(--c-red);cursor:pointer;line-height:1}
  .stepper2 button:hover{background:#C9DEE0}
  .stepper2 .lfval{display:flex;align-items:center;gap:6px;padding:0 20px;font:500 15px var(--fb);color:var(--c-ink);min-width:104px;justify-content:center}
  .stepper2 .lfval b{font:700 20px var(--fh)}
  /* DS-select (dropdown, staalkaart: wit · dark-blue rand · chevron) */
  .dsel{appearance:none;-webkit-appearance:none;width:100%;height:54px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23557C89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 16px center;border:1px solid #425D66;border-radius:8px;padding:0 44px 0 14px;font:600 17px var(--fb);color:var(--c-ink);cursor:pointer}
  .dsel:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(176,19,56,.85)}
  .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .chips:has(> :nth-child(3):last-child){grid-template-columns:1fr 1fr 1fr}
  .chips:has(> :nth-child(4)) > :last-child:nth-child(odd){grid-column:1/-1}
  .chips > :only-child{grid-column:1/-1}
  .chips button{border:1px solid #425D66;background:#fff;border-radius:8px;padding:12px 16px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font:600 14px var(--fb);color:var(--c-ink);cursor:pointer}
  @media(max-width:560px){.chips{grid-template-columns:1fr!important}.chips>*{grid-column:auto!important}}
  .chips button[aria-pressed=true]{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
  .stage{background:#fff;border:1px solid rgba(66,93,102,.4);border-radius:var(--r);padding:28px 30px;position:sticky;top:90px;box-shadow:0 8px 24px rgba(46,74,87,.06)}
  .stage h3{font-size:13px;font-weight:600;opacity:.7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
  .empty{text-align:center;opacity:.55;font-size:14px;padding:14px 12px}
  .results{display:none;gap:12px}.results.show{display:grid;animation:resIn .42s cubic-bezier(.2,.7,.3,1) both}@keyframes resIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .rrow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;background:#fff;border:1px solid rgba(66,93,102,.28);border-radius:12px;padding:10px 14px}
  .rrow .lbl{font-size:13.5px;line-height:1.3}.rrow .val{font:700 17px var(--fh);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
  .rrow.big{background:#fff;border-color:rgba(66,93,102,.55)}.rrow.big .val{font-size:20px;color:var(--c-green)}.rrow.gd .val{color:var(--c-ink)}
  .rrow .sub{font-size:12px;opacity:.65}
  .split{display:flex;gap:8px}.split .rrow{flex:1;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px}
  .split .rrow .lbl{font-size:12px}.split .rrow .val{font-size:15px}
  .disclaim{font-size:12px;opacity:.6;margin-top:8px}
  .prog-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 4px}
  .pc{background:#fff;border:1px solid rgba(66,93,102,.28);border-radius:12px;padding:12px 12px 11px;text-align:center}
  .pc-hi{background:#fff;border-color:rgba(66,93,102,.55);box-shadow:0 5px 16px rgba(46,74,87,.08)}
  .pc-t{font:600 12.5px var(--fh);color:var(--c-ink);opacity:.85;line-height:1.25;min-height:31px;display:flex;align-items:center;justify-content:center}
  .pc-amt{font:800 21px var(--fh);color:var(--c-ink);margin:4px 0 3px;font-variant-numeric:tabular-nums}
  .pc-hi .pc-amt{color:var(--c-green)}
  .pc-s{font-size:11px;opacity:.62;line-height:1.3}
  .pmax{margin-top:9px;background:none;border:0;color:var(--c-red);font:700 14px var(--fh);cursor:pointer;padding:0}
  /* Active Layer · proactieve tip rechts onder het resultaat */
  .tipslot{margin-top:14px}
  .tipcard{position:relative;background:#fff;border:1px solid #E9DFC9;border-left:4px solid var(--c-teal);border-radius:14px;padding:16px 40px 16px 18px;box-shadow:0 8px 22px rgba(46,74,87,.08);animation:tipIn .5s cubic-bezier(.2,.7,.3,1) .15s both}
  .tipcard .tiphead{display:flex;align-items:center;gap:8px;font:700 14px var(--fh);color:var(--c-teal);margin-bottom:5px}
  .tipcard p{font-size:14.5px;line-height:1.55;margin:0 0 9px;color:var(--c-ink)}
  .tipcard a{font:700 14.5px var(--fh);color:var(--c-red);text-decoration:none}
  .tipcard a:hover{text-decoration:underline}
  .tipdot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c-teal);color:#fff;font:italic 700 12px Georgia,serif;flex:0 0 auto}
  .tipx{position:absolute;top:9px;right:10px;width:24px;height:24px;border:0;background:none;color:var(--c-ink);opacity:.4;font-size:19px;line-height:1;cursor:pointer;border-radius:50%;min-width:44px;min-height:44px;display:grid;place-items:center}
  .tipx:hover{opacity:.85;background:rgba(0,0,0,.05)}
  .tipmini{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E9DFC9;border-radius:999px;padding:7px 14px 7px 8px;font:600 13px var(--fh);color:var(--c-teal);cursor:pointer;transition:.15s}
  .tipmini:hover{border-color:var(--c-teal);background:#EDF4F5}.tipmini b{color:var(--c-ink);font-weight:600}
  @keyframes tipIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  /* uitleg-animatie · inflatie — 'zelfde geld, leger mandje' (loopende explainer, herbruikbaar inline + hero) */
  .infl2{background:#fff;border:1px solid rgba(66,93,102,.35);border-radius:16px;padding:18px 20px;margin:10px 0 2px}
  .infl2.hero{margin:0 0 26px;padding:24px 26px}
  .infl2-row{display:flex;align-items:center;justify-content:center;gap:12px}
  .infl2-money,.infl2-basket{text-align:center;flex:0 0 auto}
  .infl2-money small,.infl2-basket small{display:block;font:600 11.5px var(--fh);color:var(--c-ink);opacity:.7;margin-top:2px}
  .infl2-arrow{font:700 12.5px var(--fh);color:var(--c-red);opacity:.85;white-space:nowrap}
  .infl2-coin{animation:inflFloat 4.5s ease-in-out infinite}
  .infl2-item{transform-origin:center center}
  .infl2-item.i5{animation:itemFade5 9s ease-in-out infinite}
  .infl2-item.i6{animation:itemFade6 9s ease-in-out infinite}
  .infl2-time{display:flex;align-items:center;gap:10px;margin-top:13px;font:600 11.5px var(--fh);color:var(--c-ink);opacity:.6}
  .infl2-bar{flex:1;height:5px;border-radius:3px;background:#EBE0C8;position:relative;overflow:hidden}
  .infl2-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--c-red);border-radius:3px;animation:barGrow 9s ease-in-out infinite}
  .infl2-note{margin-top:11px;font-size:13px;line-height:1.5;color:var(--c-ink);opacity:.85}
  @keyframes barGrow{0%,8%{width:4%}82%,100%{width:100%}}
  @keyframes itemFade5{0%,60%{opacity:1;transform:scale(1)}72%,100%{opacity:0;transform:scale(.3)}}
  @keyframes itemFade6{0%,70%{opacity:1;transform:scale(1)}82%,100%{opacity:0;transform:scale(.3)}}
  @keyframes inflFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  /* productpagina · persoonlijke recap + adviseur-blok */
  .prodrecap{position:relative;background:#D8E8E9;border:1px solid rgba(66,93,102,.35);border-radius:18px;padding:14px 22px 10px;margin:0 0 16px}
  /* 'Belangrijk om te weten' — verplichte productinfo (slide 506), inklapbaar + download */
  .belangrijk{border:1px solid rgba(66,93,102,.28);border-radius:18px;background:#fff;padding:20px 22px;margin:18px 0 0;box-shadow:0 10px 30px rgba(66,93,102,.07)}
  .belangrijk>h3{font:700 17px var(--fh);color:var(--c-ink);margin:0 0 3px;display:flex;align-items:center;gap:9px}
  .belangrijk>.bsub{font-size:13px;opacity:.62;margin:0 0 14px}
  .bconcept{display:inline-block;font-size:11px;color:var(--c-gold-d);background:#fff;border-radius:7px;padding:3px 9px;font-weight:600;margin-bottom:14px}
  .bgrid{border-top:1px solid rgba(66,93,102,.18)}
  .bgroup{border-bottom:1px solid rgba(66,93,102,.18)}
  .bgroup>summary{list-style:none;cursor:pointer;padding:14px 2px;display:flex;align-items:center;gap:11px;font:700 15px var(--fh);color:var(--c-ink)}
  .bgroup>summary::-webkit-details-marker{display:none}
  .bgroup>summary .bcount{font:600 12px var(--fh);color:#9a8c6b;font-weight:600}
  .bgroup>summary .bplus{margin-left:auto;color:var(--c-red);font-weight:700;font-size:20px;transition:transform .2s}
  .bgroup[open]>summary .bplus{transform:rotate(45deg)}
  .bqa{padding:2px 2px 12px 35px}
  .bqa .bq{font:700 13.5px var(--fh);color:var(--c-ink);margin:9px 0 2px}
  .bqa .ba{font-size:13px;line-height:1.55;color:var(--c-ink);opacity:.82}
  .bqa .ba a{color:var(--c-red);font-weight:600}
  .bitem{border-bottom:1px solid #efe9dd}
  .bitem summary{list-style:none;cursor:pointer;padding:12px 2px;display:flex;align-items:center;gap:10px;font:600 14.5px var(--fh);color:var(--c-ink)}
  .bitem summary::-webkit-details-marker{display:none}
  .bitem summary .bplus{margin-left:auto;color:var(--c-red);font-weight:700;font-size:18px;transition:transform .2s}
  .bitem[open] summary .bplus{transform:rotate(45deg)}
  .bitem .bans{padding:0 2px 14px 34px;font-size:13.5px;line-height:1.55;color:var(--c-ink);opacity:.85}
  .bitem .bans a{color:var(--c-red);font-weight:600}
  .bdot{width:22px;height:22px;border-radius:50%;background:var(--c-creme);display:grid;place-items:center;flex:0 0 auto}
  .bdl{display:flex;align-items:center;gap:12px;background:none;border:0;border-top:1px solid rgba(66,93,102,.18);border-radius:0;padding:18px 22px 6px;margin:16px -22px 0}
  .bdl .bdl-ic{width:38px;height:38px;border-radius:9px;background:#fff;border:1px solid #D9E6EA;display:grid;place-items:center;flex:0 0 auto}
  .bdl h4{font:700 14px var(--fh);color:var(--c-ink);margin:0 0 1px}.bdl p{font-size:12px;opacity:.62;margin:0}
  .bdl .bdl-btn{margin-left:auto;background:var(--c-teal);color:#fff;border-radius:8px;padding:9px 14px;font:700 13px var(--fh);white-space:nowrap}
  .doorgaan{border:1px solid rgba(66,93,102,.28);border-radius:18px;background:#fff;padding:20px 22px;margin-top:18px;box-shadow:0 10px 30px rgba(66,93,102,.07)}
  .dg-h{font:700 17px var(--fh);color:var(--c-ink);margin:0 0 3px;display:flex;align-items:center;gap:9px}
  .dg-int{font:400 13px var(--fb);color:var(--c-ink);opacity:.62;margin:0;max-width:640px}
  .dg-steps{list-style:none;margin:16px -22px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(66,93,102,.18)}
  .dg-steps li{display:block;padding:20px 22px 18px}
  .dg-steps li + li{border-left:1px solid rgba(66,93,102,.13)}
  .dg-n{width:28px;height:28px;border-radius:50%;background:var(--c-teal);color:#fff;font:700 13px var(--fh);display:grid;place-items:center;margin-bottom:11px}
  .dg-steps b{display:block;font:700 15px var(--fh);color:var(--c-ink);margin-bottom:3px}
  .dg-steps em{font-style:normal;font:400 13.5px var(--fb);line-height:1.5;color:var(--c-ink);opacity:.72}
  .dg-foot{display:grid;grid-template-columns:1fr 1fr;margin:0 -22px;border-top:1px solid rgba(66,93,102,.18)}
  .dg-res,.dg-hand{padding:16px 22px 4px}
  .dg-hand{border-left:1px solid rgba(66,93,102,.13)}
  .dg-lbl{display:block;font:700 11px var(--fh);letter-spacing:.05em;text-transform:uppercase;color:var(--c-teal);opacity:.7;margin-bottom:5px}
  .dg-res p,.dg-hand p{font:400 13.5px var(--fb);line-height:1.55;color:var(--c-ink);opacity:.85;margin:0}
  @media(max-width:760px){.dg-steps{grid-template-columns:1fr}.dg-steps li + li{border-left:0;border-top:1px solid rgba(66,93,102,.13)}.dg-foot{grid-template-columns:1fr}.dg-hand{border-left:0;border-top:1px solid rgba(66,93,102,.13)}}
  .prodrecap .pr-ic{position:absolute;top:14px;right:18px;opacity:.9}
  .pr-h{font:700 13px var(--fh);text-transform:uppercase;letter-spacing:.05em;color:var(--c-teal);margin-bottom:4px}
  .pr-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  /* v3 · recap in beeldtaal: zak → pot+schild → maandmunten (zelfde munt-wereld als stap 1-2) */
  .pr-viz{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
  .pr-cell{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;max-width:210px}
  .pr-viz .pr-arrow{align-self:center;padding-bottom:30px}
  .pr-stat{display:flex;flex-direction:column;gap:2px}
  .pr-lbl{font:600 12.5px var(--fh);color:var(--c-ink);opacity:.7}
  .pr-val{font:800 21px var(--fh);color:var(--c-ink);font-variant-numeric:tabular-nums}.pr-val.red{color:var(--c-ink)}
  .pr-arrow{color:var(--c-gold-d);font-weight:700;font-size:18px}
  .pr-note{margin-top:4px;font-size:12px;opacity:.6}
  .adviseur{display:flex;gap:14px;align-items:flex-start;background:#D8E8E9;border-radius:18px;padding:18px 22px;margin:0 0 4px}
  .adviseur .adv-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid #E3DDD2}
  .adviseur h3{font:700 17px var(--fh);margin-bottom:4px}
  .adviseur p{font-size:14.5px;line-height:1.5;margin:0}.adviseur a{color:var(--c-red);font-weight:600}
  /* productpaneel · recap + voordelen + adviseur als één samenhangend object (i.p.v. losse kaarten) */
  .prodpanel{background:#fff;border:1px solid rgba(66,93,102,.28);border-radius:18px;overflow:hidden;margin:0 0 16px;box-shadow:0 10px 30px rgba(66,93,102,.07)}
  .pp-viz{background:#D8E8E9;padding:14px 24px 10px;border-bottom:1px solid rgba(66,93,102,.18)}
  .pp-benefits{display:grid;grid-template-columns:repeat(3,1fr)}
  .pp-benefit{padding:24px 24px 22px;display:flex;flex-direction:column;align-items:flex-start}
  .pp-benefit a,.pp-benefit>button{margin-top:auto}
  .pp-benefit + .pp-benefit{border-left:1px solid rgba(66,93,102,.13)}
  .pp-benefit h3{font:700 18px var(--fh);color:var(--c-ink);margin:11px 0 6px}
  .pp-benefit p{font-size:14px;line-height:1.52;color:var(--c-ink);margin:0 0 12px}
  .pp-benefit a,.pp-benefit .pp-lnk{color:var(--c-red);font:700 13.5px var(--fh);background:none;border:0;padding:0;cursor:pointer}
  .pp-foot{display:flex;gap:14px;align-items:flex-start;padding:18px 24px;border-top:1px solid rgba(66,93,102,.18);background:#F6F4EC}
  .pp-foot .adv-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid #E3DDD2}
  .pp-foot h3{font:700 16px var(--fh);color:var(--c-ink);margin-bottom:4px}
  .pp-foot p{font-size:14px;line-height:1.5;margin:0;color:var(--c-ink)}.pp-foot a{color:var(--c-red);font-weight:600}
  @media(max-width:760px){.pp-benefits{grid-template-columns:1fr}.pp-benefit + .pp-benefit{border-left:0;border-top:1px solid rgba(66,93,102,.13)}}
  /* 'Meer weten' — zelfde haarlijn-kolommen als het productpaneel (geen losse kaders) */
  .bcards{display:grid;grid-template-columns:repeat(3,1fr);margin:16px -22px 0;border-top:1px solid rgba(66,93,102,.18)}
  .bcol{display:block;color:inherit;text-decoration:none;padding:22px 22px 20px}
  .bcol + .bcol{border-left:1px solid rgba(66,93,102,.13)}
  .bcol h3{font:700 17.5px var(--fh);color:var(--c-ink);margin:0 0 6px}
  .bcol p{font-size:14px;line-height:1.5;color:var(--c-ink);margin:0 0 12px}
  .bcol span{color:var(--c-red);font:700 14px var(--fh)}
  .bcol:hover h3{color:var(--c-red)}
  @media(max-width:760px){.bcards{grid-template-columns:1fr}.bcol + .bcol{border-left:0;border-top:1px solid rgba(66,93,102,.13)}}
  /* 'Meer weten' en 'Direct door' naast elkaar (feedback 10-07) */
  .bg-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin:18px 0 0}
  .bg-duo .belangrijk,.bg-duo .doorgaan{margin:0}
  /* harmonica-panelen (feedback 14-07): dicht = kop + samenvatting; hele kop klikbaar */
  .acc .acc-h{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;background:none;border:0;padding:18px 48px 16px 22px;cursor:pointer;text-align:left;font:inherit;color:inherit;position:relative;border-radius:18px}
  .belangrijk.acc,.doorgaan.acc{padding:0}
  .acc .acc-body{padding:0 22px 18px}
  .acc .acc-sub{font:600 13px var(--fh);color:var(--c-ink);opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .acc .acc-chev{position:absolute;right:18px;top:20px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(66,93,102,.1);font-size:15px;color:var(--c-ink);transition:transform .2s}
  .acc.open .acc-chev{transform:rotate(180deg)}
  .acc .acc-h:hover .acc-chev{background:rgba(66,93,102,.2)}
  .acc .acc-body{padding-bottom:6px}
  .acc--primair{background:var(--c-teal);border-color:var(--c-teal)}
  .acc--primair .acc-h .dg-h,.acc--primair .acc-sub{color:#fff}
  .acc--primair .acc-sub{opacity:.85}
  .acc--primair .acc-chev{background:rgba(255,255,255,.18);color:#fff}
  .acc--primair .acc-h:hover .acc-chev{background:rgba(255,255,255,.32)}
  .acc--primair .acc-body .dg-int{color:#fff;opacity:.92}
  .acc--primair.open{background:var(--c-lichtblauw,#EAF2F3)}
  .acc--primair.open .acc-h .dg-h,.acc--primair.open .acc-sub{color:var(--c-ink)}
  .acc--primair.open .acc-chev{background:rgba(66,93,102,.1);color:var(--c-ink)}
  .acc--primair.open .acc-body .dg-int{color:var(--c-ink);opacity:1}
  .bg-duo .bcards{grid-template-columns:1fr}
  .bg-duo .bcol{padding:16px 22px 14px}
  .bcol--compact{display:flex;align-items:baseline;gap:12px}
  .bcol--compact h3{margin:0;flex:1;min-width:0}
  .bcol--compact span{flex:0 0 auto}
  .bg-duo .bcol + .bcol{border-left:0;border-top:1px solid rgba(66,93,102,.13)}
  .bg-duo .dg-steps{grid-template-columns:1fr;border-top:1px solid rgba(66,93,102,.18)}
  .bg-duo .dg-steps li{position:relative;display:grid;grid-template-columns:28px 1fr;column-gap:14px;padding:16px 22px 14px}
  .bg-duo .dg-steps li .dg-n{grid-row:1/3;margin-bottom:0;position:relative;z-index:1}
  .bg-duo .dg-steps li b{grid-column:2;margin:4px 0 3px}
  .bg-duo .dg-steps li em{grid-column:2}
  .bg-duo .dg-steps li + li{border-top:0}
  .bg-duo .dg-steps li:not(:last-child)::before{content:'';position:absolute;left:35px;top:46px;bottom:-18px;width:2px;background:rgba(85,124,137,.28)}
  .bg-duo .dg-foot{grid-template-columns:1fr}
  .bg-duo .dg-hand{border-left:0}
  @media(max-width:980px){.bg-duo{grid-template-columns:1fr}.bg-duo .doorgaan{order:-1}}
  /* download-strook onder beide panelen (gedeelde bijzaak) */
  .bg-dl{display:flex;align-items:center;gap:12px;background:none;border:0;border-top:1px solid rgba(66,93,102,.18);border-radius:0;padding:16px 4px;margin-top:18px}
  .bg-dl .bdl-ic{width:38px;height:38px;border-radius:9px;background:var(--c-creme);border:1px solid #D9E6EA;display:grid;place-items:center;flex:0 0 auto}
  .bg-dl h4{font:700 14px var(--fh);color:var(--c-ink);margin:0 0 1px}.bg-dl p{font-size:12px;opacity:.62;margin:0}
  .bg-dl .bdl-btn{margin-left:auto;background:var(--c-teal);color:#fff;border-radius:8px;padding:9px 14px;font:700 13px var(--fh);white-space:nowrap}
  @media(max-width:760px){.bg-dl{flex-wrap:wrap}.bg-dl .bdl-btn{margin-left:50px}}
  /* servicelaag */
  .service{margin-top:18px;background:var(--c-teal);color:#fff;border-radius:var(--r);padding:20px 24px}
  .stop{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
  .sleft{display:flex;gap:10px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:11px;font:600 16px var(--fh);border:1px solid #425D66;border-radius:var(--pill);padding:7px 8px 7px 22px;cursor:pointer;text-decoration:none;background:#fff;color:var(--c-ink);transition:box-shadow .15s}
  .btn:hover{background:var(--c-red);border-color:var(--c-red);color:#fff}
  .btn:hover .arr{background:#fff}.btn:hover .arr svg{stroke:var(--c-red)}
  .btn--primary{background:#fff;color:var(--c-ink);border-color:#425D66}
  .btn--white{background:#fff;color:var(--c-ink);border-color:#fff}
  .btn--ghost{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff;padding:11px 22px}
  .btn--ghost:hover{box-shadow:none;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);color:#fff}
  .btn:disabled{opacity:.5;cursor:not-allowed}
  #app button:focus-visible,.btn:focus-visible,.menu>button:focus-visible,.menu>a:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(176,19,56,.85)}
  a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(176,19,56,.85);outline-offset:2px}
  .skiplink{position:absolute;left:-9999px;top:0;z-index:200;background:var(--c-ink);color:#fff;font:700 15px var(--fh);padding:12px 22px;border-radius:0 0 12px 0;text-decoration:none}
  .skiplink:focus-visible{left:0}
  .btn .ic{width:32px;height:32px;border-radius:50%;background:var(--c-red);color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;flex:0 0 auto}
  .meer{margin-top:14px;display:none}.meer.show{display:block}
  .meer details{background:rgba(255,255,255,.1);border-radius:10px;margin-bottom:7px;padding:4px 14px}
  .meer summary{cursor:pointer;font-weight:600;padding:8px 0}.meer p{margin:0 0 9px;font-size:14px;opacity:.92}
  .hidden{display:none!important}
  /* visuals */
  .scene{position:relative;height:240px;display:flex;align-items:flex-end;justify-content:space-around}
  .potwrap{display:flex;flex-direction:column;align-items:center;gap:6px;animation:bob 4s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
  .pot{position:relative;width:110px;height:140px}.pot.lg{width:138px;height:166px}.pot svg{width:100%;height:100%;overflow:visible}
  .plabel{font:700 15px var(--fh);text-align:center}.psub{font-size:12px;opacity:.7;text-align:center;margin-top:-4px}
  .coin{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4d27a,var(--c-gold));border:2px solid var(--c-gold-d);left:calc(50% - 8px);top:0;z-index:5}
  @keyframes drop{0%{top:-24px;opacity:0}15%{opacity:1}100%{top:var(--land);opacity:1}}.coin.fall{animation:drop .7s cubic-bezier(.4,.1,.5,1) forwards}
  .payout{position:absolute;bottom:8px;left:50%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4d27a,var(--c-gold));border:2px solid var(--c-gold-d)}
  @keyframes out{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(56px,38px);opacity:0}}.payout.go{animation:out 1.1s ease-in forwards}
  .timeline{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px}
  .tl{flex:1;height:8px;border-radius:999px;background:#e3d6bd;position:relative;overflow:hidden}.tl>i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--c-teal);transition:width .5s}
  .gate{font-size:20px}.datebadge{font:700 13px var(--fh)}
  /* prognose-reis: tijdpad + poort */
  .reis{position:relative;height:250px;margin-bottom:6px}
  .reisbg{position:absolute;inset:0;width:100%;height:100%}
  .onroad{position:absolute;bottom:32px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;opacity:0;transition:opacity .4s;animation:bob 4s ease-in-out infinite}
  .onroad .pot{width:72px;height:90px}.onroad .pot.lg{width:90px;height:112px}
  .onroad .plabel{font:700 12px var(--fh)}.onroad .psub{font-size:10px;opacity:.7;margin-top:-2px}
  .payzone{position:absolute;right:3%;bottom:50px;width:80px;height:92px;pointer-events:none}
  .payc{position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4d27a,var(--c-gold));border:2px solid var(--c-gold-d)}
  @keyframes payflow{0%{transform:translate(0,0);opacity:1}100%{transform:translate(30px,42px);opacity:0}}.payc.go{animation:payflow 1.2s ease-in forwards}
  .bars{display:flex;align-items:flex-end;gap:14px;height:200px;justify-content:center;padding-top:10px}
  .bar{width:64px;background:var(--c-card);border-radius:10px 10px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:height .5s}
  .bar span{position:absolute;top:-22px;left:0;right:0;text-align:center;font:700 13px var(--fh)}
  .bar small{text-align:center;font-size:11px;opacity:.7;position:absolute;bottom:-20px;left:0;right:0}
  /* jaarruimte: spaarpot + belasting-terug muntje */
  .jr-scene{display:flex;align-items:flex-end;justify-content:center;gap:6px}
  .terug{display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .4s;margin-bottom:14px}
  .terug .tarc{font-size:20px;color:#3E7D5A;line-height:1;margin-bottom:2px}
  .terug .tcoin{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6cae87,#3E7D5A);border:2px solid #2E5C42;display:grid;place-items:center;color:#fff;font:800 16px var(--fh)}
  .terug .tlabel{font-size:11px;text-align:center;color:#2E5C42;font-weight:700;margin-top:4px;line-height:1.15}
  /* inkomensplanner: gestapelde inkomenstoren + doellijn */
  .planner{position:relative;height:248px;display:flex;align-items:flex-end;justify-content:center;padding:22px 0 6px}
  .ptower{width:120px;display:flex;flex-direction:column-reverse;position:relative;filter:drop-shadow(0 10px 18px rgba(38,65,76,.20));animation:vIn .55s cubic-bezier(.2,.7,.3,1) both}
  .pseg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;font:700 11.5px var(--fh);transition:height .6s cubic-bezier(.2,.7,.3,1);overflow:hidden;position:relative}
  .pseg .pv{font:600 11px var(--fh);opacity:.82}
  .pseg.pbot{border-radius:0 0 9px 9px}
  .pseg.ptop{border-radius:9px 9px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
  .pseg.gold{color:#5b4a16}
  .ptotal{position:absolute;left:50%;transform:translate(-50%,-50%);background:#fff;border:1.5px solid #E9DFC9;border-radius:999px;padding:5px 13px;font:800 14px var(--fh);color:#26414C;box-shadow:0 5px 14px rgba(0,0,0,.10);white-space:nowrap;display:flex;flex-direction:column;align-items:center;line-height:1.05;transition:bottom .6s cubic-bezier(.2,.7,.3,1)}
  .ptotal small{font:600 9.5px var(--fh);opacity:.55;text-transform:uppercase;letter-spacing:.04em}
  .pdoel{position:absolute;left:-14px;right:-14px;border-top:2px dashed #B01338;transition:bottom .6s cubic-bezier(.2,.7,.3,1)}
  .pdoel span{position:absolute;right:0;top:-19px;font:700 12px var(--fh);color:#B01338;background:#fff;padding:1px 7px;border-radius:7px;box-shadow:0 2px 6px rgba(176,19,56,.12)}
  /* home */
  .hero{background:var(--c-red);overflow:visible}
  .hero-in{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;max-width:1280px;margin-inline:auto;padding:0 32px;align-items:stretch;min-height:480px}
  .hero-l{color:#fff;padding:72px 0;display:flex;flex-direction:column;justify-content:center}
  .hero-l h1{font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.12;margin-bottom:18px;max-width:16ch}
  .hero-l p{font-size:18px;max-width:32ch;margin:0 0 28px;opacity:.95}
  .hero-l .btn{align-self:flex-start}
  .hero-r{align-self:stretch;margin:48px 0 24px;border-radius:var(--r);background:#cdbfae center/cover no-repeat;box-shadow:0 22px 48px rgba(0,0,0,.2)}
  .trust{background:var(--c-teal);color:#fff}.trust .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 32px;font:600 15px var(--fh)}
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:44px 0}
  .card{background:var(--c-beige);border-radius:var(--r);padding:26px}
  body:not(.route-home) .card{background:#fff;border:1px solid rgba(66,93,102,.3)}
  .card h3{font-size:20px;margin-bottom:8px}.card p{font-size:15px;margin:0 0 14px}
  /* ===== bestaande-site secties (onder de vouw) — 1:1 met onderlingenederland.nl ===== */
  .band{width:100%}
  .band--sand{background:var(--c-beige)}.band--teal{background:var(--c-teal)}.band--white{background:#fff}
  .hsec{padding:56px 0}
  .hsec .eyebrow{color:var(--c-red);font:700 20px/28px var(--fh);letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px}
  .hsec h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;color:var(--c-ink);margin-bottom:12px;line-height:1.08}
  .hsec .lead2{max-width:60ch;font-size:17px;color:var(--c-ink);margin-bottom:32px}
  /* live-site pill-knop: hug-content, rode cirkelpijl */
  .lbtn{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;background:#fff;border:1px solid #425D66;border-radius:999px;padding:7px 7px 7px 22px;font:600 16px var(--fh);color:var(--c-ink);transition:box-shadow .15s}
  .lbtn:hover{background:var(--c-red);border-color:var(--c-red);color:#fff}
  .lbtn:hover .arr{background:#fff}.lbtn:hover .arr svg{stroke:var(--c-red)}
  .lbtn .arr{width:34px;height:34px;border-radius:50%;background:var(--c-red);display:grid;place-items:center;flex:0 0 auto}
  .lbtn--red{background:var(--c-red);color:#fff;border-color:var(--c-red)}.lbtn--red .arr{background:#fff}.lbtn--red .arr svg{stroke:var(--c-red)}
  .lbtn--plain{padding:13px 26px}
  /* Onze diensten — foto links, tekst rechts */
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px}
  .dcard{display:grid;grid-template-columns:.82fr 1fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(46,74,87,.08)}
  .dcard .img{background:#cdbfae center/cover no-repeat;min-height:240px}
  .dcard .dbody{padding:32px 30px;display:flex;flex-direction:column;align-items:flex-start}
  .dcard h3{font-size:27px;font-weight:800;color:var(--c-ink);margin-bottom:10px;line-height:1.08}
  .dcard p{font-size:15px;color:var(--c-ink);margin:0 0 22px}
  /* Onze producten — teal kaarten */
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .pcard{background:var(--c-teal);color:#fff;border-radius:20px;padding:34px 28px;display:flex;flex-direction:column;min-height:240px}
  .pcard h3{font-size:26px;font-weight:800;margin-bottom:14px;line-height:1.08}
  .pcard p{font-size:15px;margin:0 0 24px;opacity:.95}
  .pcard .lbtn{margin-top:auto}
  /* Actueel — teal band, witte nieuwskaarten */
  .news-sec .eyebrow,.news-sec h2{color:var(--c-ink)}
  .ncard{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
  .ncard .img{height:188px;background:#cdbfae center/cover no-repeat}
  .ncard .nbody{padding:24px}
  .ncard .date{font-size:13px;color:var(--c-ink);opacity:.6;margin-bottom:8px}
  .ncard h3{font-size:19px;font-weight:700;color:var(--c-ink);margin:0 0 16px;line-height:1.25}
  .ncard .more{color:var(--c-red);font:700 15px var(--fh)}
  .news-cta{display:flex;justify-content:center;margin-top:36px}
  /* Service — 6 icoon-kaarten */
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .scard{background:#E9F0EF;border-radius:20px;padding:32px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
  .scard .sic{width:54px;height:54px;border-radius:50%;background:#fff;border:1.6px solid #C5D0D2;display:grid;place-items:center;margin-bottom:20px}
  .scard h3{font-size:22px;font-weight:800;color:var(--c-ink);margin:0 0 20px}
  .scard .lbtn{align-self:center}
  /* Contact — teal + rode kaart */
  .contact2{display:grid;grid-template-columns:1fr 1fr;gap:26px}
  .cbox{border-radius:20px;padding:38px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}
  .cbox.teal{background:var(--c-teal)}.cbox.red{background:var(--c-red)}
  .cbox .cic{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;margin-bottom:20px}
  .cbox h3{font-size:27px;font-weight:800;margin-bottom:10px}
  .cbox p{font-size:15px;margin:0 0 22px;opacity:.95}
  .cbox .lbtn{align-self:center;background:#fff;border-color:#fff;color:var(--c-ink)}
  @media(max-width:860px){.grid2,.grid3,.svc-grid,.contact2{grid-template-columns:1fr}.dcard{grid-template-columns:1fr}}
  /* footer */
  footer.ft{background:var(--c-ink);color:#fff;padding:50px 0 0;margin-top:40px}
  .ft .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 30px}
  @media(max-width:900px){.ft .cols{grid-template-columns:repeat(2,1fr)}}
  .ft h3{font-size:15px;margin-bottom:11px}.ft ul{list-style:none;margin:0 0 20px;padding:0}.ft li{margin-bottom:7px;font-size:13.5px;opacity:.9}
  .ft a:hover{text-decoration:underline}
  .ft .addr{display:flex;flex-wrap:wrap;gap:24px 46px;align-items:center;border-top:1px solid rgba(255,255,255,.55);margin-top:30px;padding:22px 0;font-size:14px}
  .ft .social{margin-left:auto;display:flex;gap:12px}
  .ft-legal{background:var(--c-ink);color:#fff;font-size:12.5px;border-top:1px solid rgba(255,255,255,.28)}.ft-legal .container{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;padding:16px 32px 24px}
  /* floating contact */
  .floatc{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--c-red);color:#fff;border:0;border-radius:999px;
    height:56px;max-width:56px;overflow:hidden;white-space:nowrap;display:flex;align-items:center;text-decoration:none;
    box-shadow:0 10px 26px rgba(164,18,63,.32);transition:max-width .28s ease}
  .floatc .fq{min-width:56px;height:56px;display:grid;place-items:center}
  .floatc .ftxt{font:600 15px var(--fh);padding-right:22px}
  .floatc:hover,.floatc:focus-visible{max-width:280px}
  /* mobiel menu (hamburger) */
  .navtoggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;border:0;background:#557C89;border-radius:50%;cursor:pointer;padding:13px}
  .navtoggle span{display:block;width:20px;height:2.4px;background:#fff;border-radius:2px;transition:.2s}
  .navtoggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .navtoggle.open span:nth-child(2){opacity:0}
  .navtoggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .mobilenav{display:none;background:#fff;border-top:1px solid #eee;box-shadow:0 18px 40px rgba(0,0,0,.12)}
  .mobilenav.show{display:block}
  .mobilenav .mnav-sec{font:700 12px var(--fh);text-transform:uppercase;letter-spacing:.05em;color:var(--c-red);padding:15px 24px 5px}
  .mobilenav a{display:block;padding:14px 24px;font:600 16px var(--fh);color:var(--c-ink);border-bottom:1px solid #f4f0e8}
  .mobilenav a:active{background:var(--c-pink)}
  @media(max-width:900px){.navtoggle{display:flex}}
  @media(max-width:900px){.menu{display:none}.tool{grid-template-columns:1fr}.stage{position:static}.hero-in{grid-template-columns:1fr}.hero-l{clip-path:none}.hero-r{height:240px;margin:0;border-radius:18px}.cols3,.cols2{grid-template-columns:1fr}.ft .cols,.cards{grid-template-columns:repeat(2,1fr)}}
  /* ---- beeldtaal viz (muntjes · pot · hand · kalender) ---- */
  .viz{margin-bottom:8px}
  .vstory{display:flex;align-items:flex-end;justify-content:center;gap:10px;flex-wrap:wrap}
  .vstory.vprog{align-items:stretch;gap:2px;flex-wrap:nowrap}
  .vstep-wrap{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 0;min-width:0}
  .vstep{display:flex;flex-direction:column;align-items:center;gap:5px}
  .vsvg{display:block;width:100%;height:auto;max-height:210px;overflow:visible}
  .vprog .vstep{min-width:90px;max-width:150px;margin-inline:auto}
  .vprog .vsvg{max-height:176px}
  .vlbl{text-align:center;line-height:1.2}
  .vlbl b{display:block;font:700 15px var(--fh);color:var(--c-ink)}
  .vlbl span{font:800 19px var(--fh);color:var(--c-red)}
  .vlbl.grn span{color:var(--c-green)}
  .vlbl .adj{color:#7a8a92;font-weight:700;font-style:normal}
  .vdate{text-align:center;font-size:13px;color:var(--c-ink);opacity:.72;margin-top:4px}
  .vop{display:flex;align-items:center;font:800 26px var(--fh);color:#9fb0b6;align-self:center;padding:0 2px}
  .vpayout{margin-top:16px;padding-top:14px;border-top:1px dashed #d8cdb6}
  .vlbl.up{margin-bottom:6px}.vlbl.up b{font-size:14px;opacity:.85}.vlbl.up span{font-size:17px;color:var(--c-ink)}
  .vbob{animation:vbob 4.5s ease-in-out infinite}
  @keyframes vbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
  .jrs{display:flex;flex-direction:column;gap:16px;padding:6px 2px;animation:jrsIn .5s cubic-bezier(.2,.7,.3,1)}
  @keyframes jrsIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  .jrs-eyebrow{font:700 12px var(--fh);letter-spacing:.06em;text-transform:uppercase;color:var(--c-teal)}
  .jrs-total{font:800 clamp(38px,6vw,58px) var(--fh);color:var(--c-ink);line-height:1.02;margin-top:3px}
  .jrs-bar{display:flex;height:72px;border-radius:18px;overflow:hidden;border:2.5px solid var(--c-ink);box-shadow:0 14px 30px rgba(46,74,87,.13)}
  .jrs-seg{display:flex;flex-direction:column;justify-content:center;padding:0 18px;min-width:0}
  .jrs-seg.gold{background:#FFCF53;color:var(--c-ink)}
  .jrs-seg.green{background:#2F8268;color:#fff;border-left:2.5px solid var(--c-ink)}
  .jrs-seg .s-lbl{font:600 12.5px var(--fh);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jrs-seg .s-val{font:800 21px var(--fh);margin-top:2px}
  .jrs-legend{font-size:14px;line-height:1.55;color:var(--c-ink);opacity:.82}
  .jrs-legend b{opacity:1}
  .dgswitch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 18px;font-size:14px}
  .dgswitch .dgs-lbl{color:var(--c-ink);opacity:.72;font-weight:600;font-family:var(--fh)}
  .dgswitch button{border:1.5px solid #E3DDD2;background:#fff;color:var(--c-ink);border-radius:999px;padding:5px 14px;font:600 13.5px var(--fh);cursor:pointer;transition:.15s}
  .dgswitch button:hover{border-color:var(--c-teal)}
  .dgswitch button.on{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
  .vc-drop{animation:vcdrop 2.4s ease-in infinite}
  @keyframes vcdrop{0%{transform:translateY(0);opacity:0}12%{opacity:1}72%{opacity:1}100%{transform:translateY(42px);opacity:0}}
  /* tijdlijn tekent zich · markers veren in · pot vult op */
  .tl-track{transform:scaleX(0);transform-origin:left center;transform-box:fill-box;animation:tlDraw .85s cubic-bezier(.2,.7,.3,1) .1s forwards}
  @keyframes tlDraw{to{transform:scaleX(1)}}
  .tl-end{opacity:0;transform:scale(.4);animation:tlPop .5s cubic-bezier(.3,1.4,.5,1) .8s forwards}
  @keyframes tlPop{to{opacity:1;transform:scale(1)}}
  .tl-pill{opacity:0;animation:tlFade .4s ease .55s forwards}
  @keyframes tlFade{to{opacity:1}}
  .vstep,.vop{animation:vIn .5s cubic-bezier(.2,.7,.3,1) both}
  @keyframes vIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .q.show{animation:qReveal .42s cubic-bezier(.2,.7,.3,1) both}
  @keyframes qReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
    .tl-track{transform:none}
  }
  .vizswitch{position:fixed;left:22px;bottom:22px;z-index:50;background:#fff;border:1px solid #E3DDD2;border-radius:var(--pill);box-shadow:0 8px 22px rgba(0,0,0,.12);display:flex;gap:4px;padding:5px}
  .vizswitch .lab{align-self:center;padding:0 8px;opacity:.6;font:600 13px var(--fh)}
  .vizswitch button{border:0;background:none;border-radius:var(--pill);padding:8px 14px;cursor:pointer;color:var(--c-ink);font:600 14px var(--fh)}
  .vizswitch button[aria-pressed=true]{background:var(--c-red);color:#fff}
  @media(max-width:760px){
    .vstory.vprog{flex-direction:column;align-items:center;flex-wrap:wrap}
    .vprog .vop.arr{transform:rotate(90deg);margin:2px 0}
    .vprog .vstep{width:74%;max-width:230px}
    .vizswitch{left:12px;bottom:12px}.vizswitch .lab{display:none}
  }
  @media(max-width:560px){.vsvg{max-height:178px}}
  /* uitleg-pagina's (Goed om te weten) */
  .conceptflag{display:inline-block;margin-top:2px;font-size:12px;color:var(--c-gold-d);background:#fff;border:1px solid rgba(66,93,102,.2);border-radius:8px;padding:4px 10px;font-weight:600}
  .uitleg-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;margin-top:6px}
  .uitleg-grid article h2{font:700 23px var(--fh);color:var(--c-ink);margin:30px 0 9px}
  .uitleg-grid article h2:first-child{margin-top:0}
  .uitleg-grid article p{font-size:17px;line-height:1.6;margin:0 0 14px;max-width:62ch}
  .uitleg-aside{position:sticky;top:90px;display:grid;gap:18px}
  .uitleg-cta{background:var(--c-red);color:#fff;border-radius:var(--r);padding:24px}
  .uitleg-cta h3{font-size:18px;margin-bottom:6px}.uitleg-cta p{font-size:14px;opacity:.92;margin:0 0 15px;line-height:1.5}
  .uitleg-rel{background:#D8E8E9;border-radius:var(--r);padding:20px 22px}
  .uitleg-rel h4{font:700 12px var(--fh);text-transform:uppercase;letter-spacing:.05em;color:var(--c-teal);margin-bottom:11px}
  .uitleg-rel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
  .uitleg-rel li a{font:600 14.5px var(--fh);color:var(--c-ink);display:inline-flex;gap:7px;line-height:1.3}
  .uitleg-rel li a::before{content:'›';color:var(--c-red);font-weight:700}
  .uitleg-rel li a:hover{color:var(--c-red)}
  /* comm-team content: secties + FAQ-accordions op doelgroep- en uitlegpagina's */
  .uxsec h2{font:700 22px var(--fh);color:var(--c-ink);margin:30px 0 8px}
  .uxsec p{font-size:15.5px;line-height:1.7;margin:0 0 10px;max-width:75ch;text-wrap:pretty}
  .uxsec ul,.uxsec ol{margin:0 0 12px;padding-left:22px;font-size:15.5px;line-height:1.75;max-width:75ch}
  .uxsec a{color:var(--c-red);font-weight:600}
  .ufaq{border:1px solid rgba(66,93,102,.3);border-radius:12px;background:#fff;margin:0 0 8px}
  .ufaq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font:600 15px var(--fh);color:var(--c-ink);padding:13px 16px}
  .ufaq summary::-webkit-details-marker{display:none}
  .ufaq summary::after{content:'+';margin-left:auto;color:var(--c-red);font:700 20px var(--fh);flex:0 0 auto;transition:transform .2s}
  .ufaq[open] summary::after{transform:rotate(45deg)}
  .ufaq p{margin:0;padding:0 16px 14px;font-size:14.5px;line-height:1.6}
  .ufaq p a{color:var(--c-red);font-weight:600}
  .uxcols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 8px;max-width:860px}
  .uxcols .card{padding:20px 22px}
  .introgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;margin-bottom:10px}
  .introgrid .lead{margin:0}
  .introgrid img{width:100%;height:260px;object-fit:cover;border-radius:16px}
  @media(max-width:900px){.introgrid{grid-template-columns:1fr}.introgrid img{height:200px}}
  .uxcols h3{font-size:17px;margin-bottom:8px}
  .uxcols ul{margin:0;padding-left:20px;font-size:14.5px;line-height:1.7}
  @media(max-width:760px){.uxcols{grid-template-columns:1fr}}
  @media(max-width:900px){.uitleg-grid{grid-template-columns:1fr}.uitleg-aside{position:static}}
  /* Route B-flow (hoe werkt het) — ambient micro-animaties + slider */
  @keyframes mwBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  @keyframes mwBob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  @keyframes mwFall{0%{transform:translateY(-6px);opacity:0}20%{opacity:1}100%{transform:translateY(64px);opacity:0}}
  @keyframes mwDash{to{stroke-dashoffset:-22}}
  @keyframes mwDrop{0%{transform:translateY(-10px);opacity:0}25%{opacity:1}100%{transform:translateY(44px);opacity:0}}
  @keyframes mwShimmer{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
  @media(prefers-reduced-motion:reduce){[data-ambient]{animation:none!important}}
  .fbflow{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px;align-items:flex-start}
  .fbcard{width:340px}
  input.fbslider{-webkit-appearance:none;appearance:none;width:100%;height:9px;border-radius:99px;background:#E7DCC2;outline:none;cursor:pointer}
  input.fbslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#B01338;border:3px solid #fff;box-shadow:0 3px 8px rgba(120,15,40,.35);cursor:pointer}
  input.fbslider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#B01338;border:3px solid #fff;box-shadow:0 3px 8px rgba(120,15,40,.35);cursor:pointer}
  @media(max-width:760px){.fbcard{width:100%}}
  /* ===================== ACTION-FASE · beveiligde omgeving (achterkant) ===================== */
  body.portal .topbar,body.portal header{display:none}
  body.portal.ph-website .topbar{display:block}
  body.portal.ph-website header{display:block}
  .pbar{display:none;position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
  body.portal .pbar{display:block}
  body.portal.ph-website .pbar{position:static;box-shadow:none}
  .pbar-in{max-width:1280px;margin-inline:auto;display:flex;align-items:center;gap:16px;padding:10px 32px}
  .pbar .plogo img{height:44px;display:block}
  .pbar .pdiv{width:1px;height:30px;background:rgba(66,93,102,.16)}
  .pbadge{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--fh);color:var(--c-ink)}
  .pbadge .pbi{width:30px;height:30px;border-radius:50%;background:var(--c-card);display:grid;place-items:center;flex:0 0 auto}
  .pbar .pspacer{flex:1}
  .puser{display:inline-flex;align-items:center;gap:9px;font:600 14px var(--fh);color:var(--c-ink)}
  .puser .pua{width:34px;height:34px;border-radius:50%;background:var(--c-card);display:grid;place-items:center;border:1.5px solid #557C89;flex:0 0 auto}
  .plogout{font:600 13.5px var(--fh);color:var(--c-teal);background:none;border:1px solid rgba(85,124,137,.45);border-radius:999px;padding:8px 16px;cursor:pointer;transition:.15s;white-space:nowrap}
  .plogout:hover{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
  .pband{background:var(--c-teal);color:#fff;font:600 13.5px var(--fh)}
  .pband-in{max-width:1280px;margin-inline:auto;padding:9px 32px;display:flex;align-items:center;gap:10px}
  .pband .pspacer{flex:1}
  .pband .plogout{color:#fff;border-color:rgba(255,255,255,.5)}
  .pband .plogout:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff}
  /* cluster-strip: 3 clusters · 12 stappen (paginalogica) */
  .pclusters{display:flex;gap:10px;margin:8px 0 8px}
  .pcl{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
  .pcl .pcl-lbl{font:700 11.5px var(--fh);letter-spacing:.05em;text-transform:uppercase;color:var(--c-teal);opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pcl.on .pcl-lbl{opacity:1;color:var(--c-ink)}
  .pcl.done .pcl-lbl{opacity:.9;color:#2F8268}
  .pcl .pcl-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.9);overflow:hidden;border:1px solid rgba(66,93,102,.22)}
  .pcl .pcl-bar i{display:block;height:100%;background:var(--c-ink);transition:width .4s}
  .pcl.done .pcl-bar i{background:#2F8268}
  .aidprog{margin:2px 0 16px}
  .pstep-chip{display:inline-flex;align-items:center;gap:8px;background:var(--c-ink);color:#fff;font:700 13.5px var(--fh);border-radius:999px;padding:7px 16px;margin:0 0 20px}
  /* header-varianten switcher (alleen in portaal zichtbaar) */
  .phswitch{position:fixed;left:22px;bottom:22px;z-index:50;background:#fff;border:1px solid #E3DDD2;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.12);display:none;gap:4px;padding:5px}
  body.portal .phswitch{display:flex}
  .phswitch .lab{align-self:center;padding:0 8px;opacity:.6;font:600 13px var(--fh)}
  .phswitch button{border:0;background:none;border-radius:999px;padding:8px 14px;cursor:pointer;color:var(--c-ink);font:600 14px var(--fh)}
  .phswitch button[aria-pressed=true]{background:var(--c-red);color:#fff}
  body.portal .vizswitch{display:none}
  /* document-kaarten (stap 2) */
  .dclist{display:grid;gap:10px}
  .dcitem{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(66,93,102,.28);border-radius:12px;padding:13px 16px}
  .dcitem .dcn{width:30px;height:30px;border-radius:50%;background:var(--c-creme);display:grid;place-items:center;font:700 13px var(--fh);color:var(--c-ink);flex:0 0 auto}
  .dcitem input[type=checkbox]{width:22px;height:22px;accent-color:var(--c-red);flex:0 0 auto;cursor:pointer;margin:0}
  .dcitem h4{font:700 15px var(--fh);margin:0 0 1px}.dcitem p{font-size:12.5px;opacity:.65;margin:0}
  .dcitem .dcopen{margin-left:auto;white-space:nowrap;font:700 14.5px var(--fh);color:var(--c-red);background:none;border:0;cursor:pointer;padding:6px 2px}
  .dcitem.seen{border-color:rgba(47,130,104,.55)}
  .dcitem.seen .dcn{background:#E2F0EA;color:#2F8268}
  /* bank-keuze (iDIN / iDEAL) */
  .banks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .banks button{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #425D66;border-radius:10px;padding:12px 14px;min-height:50px;font:600 14.5px var(--fh);color:var(--c-ink);cursor:pointer;transition:.15s}
  .banks button:hover{border-color:var(--c-red);color:var(--c-red)}
  .bdot2{width:26px;height:26px;border-radius:7px;flex:0 0 auto;display:grid;place-items:center;font:800 12px var(--fh);color:#fff}
  /* status-badges rechts */
  .stbadge{display:inline-flex;align-items:center;gap:7px;font:700 13px var(--fh);border-radius:999px;padding:5px 13px;white-space:nowrap}
  .stbadge.groen{background:#E2F0EA;color:#22664F}.stbadge.geel{background:#FBF0D4;color:#6b4a00}.stbadge.grijs{background:#EEF2F3;color:#4d5a60}
  /* overlay (bank-flow simulatie) */
  .povl{position:fixed;inset:0;z-index:80;background:rgba(38,65,76,.5);display:grid;place-items:center;padding:20px}
  .povl .pomod{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:30px 30px 26px;box-shadow:0 30px 80px rgba(0,0,0,.3);text-align:center;animation:resIn .3s cubic-bezier(.2,.7,.3,1) both}
  .pomod h3{font:700 19px var(--fh);margin-bottom:6px}
  .pomod p{font-size:14.5px;opacity:.8;margin:0 0 16px;line-height:1.5}
  .pospin{width:46px;height:46px;border-radius:50%;border:4px solid #D8E8E9;border-top-color:var(--c-red);margin:6px auto 16px;animation:pospin .9s linear infinite}
  @keyframes pospin{to{transform:rotate(360deg)}}
  .pocheck{width:56px;height:56px;border-radius:50%;background:#E2F0EA;display:grid;place-items:center;margin:4px auto 14px}
  /* KET-antwoorden */
  .ketopt{background:#fff;border:1px solid rgba(66,93,102,.35);border-radius:10px;padding:12px 14px;display:flex;gap:11px;align-items:flex-start;cursor:pointer;transition:.15s;font-size:14.5px;line-height:1.45}
  .ketopt:hover{border-color:var(--c-teal)}
  /* KET-uitlegfilms (inline animatie-speler) */
  .kfstart{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--c-teal);border-radius:12px;padding:9px 16px 9px 10px;font:700 14.5px var(--fh);color:var(--c-teal);cursor:pointer;margin:0 0 14px;transition:.15s}
  .kfstart:hover{background:var(--c-teal);color:#fff}
  .kfstart .kfp{width:30px;height:30px;border-radius:50%;background:var(--c-teal);color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:12px}
  .kfstart:hover .kfp{background:#fff;color:var(--c-teal)}
  .kfilm{background:#26414C;border-radius:14px;padding:10px 12px 9px;margin:0 0 14px}
  .kf-stage{background:#FAF4E9;border-radius:10px;height:162px;overflow:hidden;position:relative}
  .kf-scene{position:absolute;inset:6px;animation:kfIn .6s ease both}
  @keyframes kfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .kf-cap{color:#fff;font:600 15px/1.45 var(--fh);min-height:42px;display:flex;align-items:center;margin:8px 2px 4px}
  .kf-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.22);overflow:hidden}
  .kf-bar i{display:block;height:100%;background:#FFCF53;width:0}
  .kf-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:10px}
  .kf-foot span{color:#fff;opacity:.6;font:600 12.5px var(--fh)}
  .kf-foot button{background:none;border:0;color:#fff;opacity:.75;font:600 13px var(--fh);cursor:pointer}
  .kf-foot button:hover{opacity:1}
  .kf-pop{animation:kfFadeIn .45s ease both}
  .kf-in{animation:kfFadeIn .7s ease both}
  @keyframes kfFadeIn{from{opacity:0}to{opacity:1}}
  @media(max-width:760px){
    /* doelgroep-kaarten onder elkaar (liepen rechts uit beeld) */
    .cards{grid-template-columns:1fr;gap:14px;margin:26px 0}
    /* servicelaag: Meer weten + Contact naast elkaar, CTA full-width eronder */
    .service{padding:18px 16px}
    .stop{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
    .stop>.btn{width:100%;justify-content:center;text-align:center;margin:0}
    .stop>.btn--primary{grid-column:1/-1}
    /* verdiepings-kaartjes: rechthoek i.p.v. pill, tekst loopt normaal door */
    .tipmini{border-radius:14px;white-space:normal;display:flex;align-items:flex-start;padding:10px 14px 10px 10px;line-height:1.4}
    .tipmini .tipdot{margin-top:1px;flex:0 0 auto}
    /* muntjes-labels: niet meer botsen */
    .vlbl b{font-size:12.5px}.vlbl span{font-size:15px}
    .vstory{gap:6px}
    /* floating contact: kleiner, lager */
    .floatc{height:48px;max-width:48px;right:12px;bottom:12px}
    .floatc .fq{width:48px;height:48px}
    .banks{grid-template-columns:1fr}
    .pclusters .pcl-lbl{font-size:9px}
    .pbar-in{padding:8px 14px;gap:9px}
    .pbar .plogo img{height:34px}
    .pbar .pdiv{display:none}
    .pbadge{font-size:12px;gap:6px}
    .pbadge .pbi{width:24px;height:24px}
    .puser{display:none}
    .plogout{padding:7px 12px;font-size:12.5px}
    .pband-in{padding:8px 14px;flex-wrap:wrap}
    .stbadge{white-space:normal;text-align:right}
  }