/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/kon-bf4aa17d70.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/kon-b4678036a0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/kon-8a37c0751d.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/kon-a93986acdb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/kon-83a31c8196.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/kon-bf4aa17d70.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/kon-b4678036a0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/kon-8a37c0751d.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/kon-a93986acdb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/kon-83a31c8196.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/kon-bf4aa17d70.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/kon-b4678036a0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/kon-8a37c0751d.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/kon-a93986acdb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/kon-83a31c8196.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ============ TOKENS ============ */
:root{
  --bg:#141F5E;
  --surface:#1B2F8A;
  --surface-2:#0C1549;
  --raised:#2C45C9;
  --text:#FFFDFB;
  --text-body:#C9D2FF;
  --text-muted:#A9B7FF;
  --accent:#FFC601;
  --accent-hi:#FFD23D;
  --accent-soft:rgba(255,198,1,.12);
  --cta-text:#060767;
  --orange:#FF8A2B;
  --mint:#5CE1B0;
  --link:#9DB0FF;
  --border:#2C45C9;
  --border-soft:rgba(44,69,201,.45);
  --sky:#3A52D8;
  --gable:#0D1B57;
  --facade:#0A1240;
  --radius-s:6px;
  --radius:8px;
  --radius-l:10px;
  --wrap:1120px;
  --gutter:clamp(16px,4vw,28px);
  --header-h:72px;
  --pad-section:clamp(3.5rem,7vw,5.25rem);
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  /* signature: dun oranje Koningsdag-vlaggetjeslijn */
  --bunting:
    linear-gradient(rgba(255,138,43,.5),rgba(255,138,43,.5)) 0 0/100% 2px no-repeat,
    linear-gradient(to bottom right,rgba(255,138,43,.3) 49.6%,rgba(255,138,43,0) 50%) 0 2px/15px 11px repeat-x,
    linear-gradient(to bottom left,rgba(255,138,43,.3) 49.6%,rgba(255,138,43,0) 50%) 7.5px 2px/15px 11px repeat-x;
  color-scheme:dark;
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--text-body);font:400 17px/1.65 var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
h1,h2,h3,h4{color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.22;overflow-wrap:anywhere}
h1,h2{text-wrap:balance}
h2{font-size:clamp(1.45rem,3vw,1.9rem)}
h3{font-size:1.05rem}
img{max-width:100%;height:auto;display:block}
ul[class],ol[class]{list-style:none;padding:0}
ul,ol:not([class]){padding-inline-start:1.25rem}
:where(p,li,td,dd) a:not(.kon-btn){color:var(--link);text-decoration:underline;text-decoration-color:rgba(157,176,255,.45);text-underline-offset:3px}
:where(p,li,td,dd) a:not(.kon-btn):hover{color:var(--accent);text-decoration-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--accent);color:var(--cta-text)}

.kon-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.kon-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ============ BUTTONS ============ */
.kon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-l);background:var(--raised);color:var(--text);font:700 .8rem/1.1 var(--font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
.kon-btn:hover{transform:translateY(-1px)}
.kon-btn:active{transform:translateY(0)}
.kon-btn--primary{background:var(--accent);color:var(--cta-text)}
.kon-btn--primary:hover{background:var(--accent-hi);box-shadow:0 10px 26px rgba(255,198,1,.22)}
.kon-btn--ghost{background:transparent;color:var(--accent);border-color:rgba(255,198,1,.55)}
.kon-btn--ghost:hover{border-color:var(--accent);background:var(--accent-soft)}
.kon-btn--lg{padding:1rem 1.9rem;font-size:.9rem}
.kon-btn--block{width:100%}

/* ============ ICONS (sprite) ============ */
.kon-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0}
.kon-icon--lg{width:2.25em;height:2.25em}

/* ============ HEADER ============ */
.kon-header{position:sticky;top:0;z-index:1200;background:var(--surface-2);border-bottom:1px solid var(--border)}
.kon-header__bar{display:flex;align-items:center;gap:clamp(.6rem,2vw,1.25rem);min-height:var(--header-h)}
.kon-header__bar>*{min-width:0}
.kon-logo{display:inline-flex;align-items:center;flex-shrink:1;min-width:0;margin-inline-end:auto;text-decoration:none}
.kon-logo__img{height:40px;width:auto;max-width:180px;object-fit:contain;display:block}
.kon-header__cta{flex-shrink:0;white-space:nowrap;min-height:44px;padding:.72rem 1.05rem;font-size:.72rem;letter-spacing:.05em}
.kon-cta-note{font-weight:600}
.kon-nav{display:flex;min-width:0}
.kon-nav ul{display:flex;align-items:center;gap:clamp(.9rem,2.2vw,1.7rem);list-style:none;margin:0;padding:0}
.kon-nav a:not(.kon-btn){position:relative;color:var(--text-body);font-size:.92rem;font-weight:600;letter-spacing:.01em;text-decoration:none;padding:.45rem 0}
.kon-nav a:not(.kon-btn)::after{content:"";position:absolute;left:0;bottom:.15rem;width:0;height:2px;border-radius:1px;background:var(--accent);transition:width .2s ease}
.kon-nav a:not(.kon-btn):hover,.kon-nav a:not(.kon-btn):focus-visible,.kon-nav a:not(.kon-btn)[aria-current]{color:var(--text)}
.kon-nav a:not(.kon-btn):hover::after,.kon-nav a:not(.kon-btn):focus-visible::after,.kon-nav a:not(.kon-btn)[aria-current]::after{width:100%}
.kon-burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex-shrink:0;padding:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}
.kon-burger span{display:block;width:22px;height:2px;border-radius:1px;background:var(--text);transition:transform .25s ease,opacity .2s ease}
.kon-header.is-open .kon-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.kon-header.is-open .kon-burger span:nth-child(2){opacity:0}
.kon-header.is-open .kon-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:959px){
  :root{--header-h:64px}
  .kon-logo__img{height:32px;max-width:min(45vw,140px)}
  .kon-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--surface-2);border-bottom:1px solid var(--border);box-shadow:0 22px 48px rgba(4,8,40,.55);padding:.4rem var(--gutter) 1.4rem}
  .kon-header.is-open .kon-nav{display:flex}
  .kon-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .kon-nav li{border-bottom:1px solid var(--border-soft)}
  .kon-nav li:last-child{border-bottom:0}
  .kon-nav a:not(.kon-btn){display:block;padding:.85rem .15rem;font-size:1rem}
  .kon-nav a:not(.kon-btn)::after{display:none}
  .kon-burger{display:flex}
}
@media (max-width:559px){
  .kon-header__bar{gap:.5rem}
  .kon-cta-note{display:none}
  .kon-header__cta{padding:.62rem .8rem}
}

/* ============ FOOTER ============ */
.kon-footer{position:relative;background:var(--surface-2);border-top:1px solid var(--border)}
.kon-footer::before{content:"";position:absolute;top:1px;left:0;right:0;height:13px;background:var(--bunting);pointer-events:none}
.kon-footer__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(2.75rem,6vw,4rem)}
.kon-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}
.kon-footer__disc{color:var(--text-muted);font-size:.9rem;line-height:1.6;max-width:46ch}
.kon-footer__mail-line{color:var(--text-muted);font-size:.9rem}
.kon-footer__mail{color:var(--link);font-weight:600;text-decoration:none}
.kon-footer__mail:hover{color:var(--accent)}
.kon-footer__col{min-width:0}
.kon-footer__title{margin:0 0 .9rem;font-size:.76rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}
.kon-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.kon-footer__col a{display:inline-block;color:var(--text-muted);font-size:.92rem;font-weight:600;text-decoration:none}
.kon-footer__col a:hover{color:var(--accent)}
.kon-footer__micro{grid-column:1/-1;border-top:1px solid var(--border-soft);padding-top:1.25rem}
.kon-microline{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.8rem;line-height:1.55}
.kon-18{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:22px;padding:0 .45rem;border:1.5px solid var(--accent);border-radius:var(--radius-s);color:var(--accent);font-weight:700;font-size:.72rem;letter-spacing:.04em;flex-shrink:0}
.kon-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-top:1px solid var(--border-soft);padding-block:1.3rem}
.kon-footer__copy{color:var(--text-muted);font-size:.82rem}
@media (max-width:820px){
  .kon-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kon-footer__brand{grid-column:1/-1}
}
@media (max-width:520px){
  .kon-footer__grid{grid-template-columns:1fr}
}

/* ============ LAYOUT: SIDEBAR-ARCHETYPE ============ */
.kon-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.5rem,3.5vw,2.75rem);align-items:start}
.kon-layout>*{min-width:0}
.kon-layout__main{display:flex;flex-direction:column;min-width:0}
.kon-layout__main>.kon-section{padding-block:clamp(2rem,4vw,3.25rem)}
.kon-layout__main>.kon-section:first-child{padding-block-start:var(--pad-section)}
.kon-layout__main>.kon-section:last-child{padding-block-end:var(--pad-section)}
.kon-layout__main>.kon-section+.kon-section{border-top:1px solid var(--border-soft)}
.kon-layout__aside{position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:1.25rem;min-width:0}
@media (max-width:959px){
  .kon-layout{grid-template-columns:1fr}
  .kon-layout__aside{position:static}
}

/* ============ SECTIONS ============ */
.kon-section{padding-block:var(--pad-section)}
.kon-section--alt{background:var(--surface-2)}
.kon-bunting{height:13px;background:var(--bunting)}
.kon-head{display:flex;flex-direction:column;gap:.8rem;margin-block-end:var(--sp-m,1.75rem)}
.kon-head p{color:var(--text-body);font-size:1.05rem}
.kon-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.kon-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0}

/* ============ HERO ============ */
.kon-hero{position:relative;overflow:hidden}
.kon-hero__inner{width:100%}
.kon-hero__img{display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-l)}

/* -- homepage: mirror-split (visueel links, tekst rechts) -- */
.kon-hero--home{background:linear-gradient(180deg,var(--surface-2) 0%,var(--bg) 90%);padding-block:clamp(3rem,7vw,5.5rem)}
.kon-hero--home::after{content:"";position:absolute;left:0;right:0;bottom:0;height:13px;background:var(--bunting);pointer-events:none}
.kon-hero--home .kon-hero__inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(1.5rem,4vw,3.25rem);align-items:center}
.kon-hero__visual{position:relative;min-width:0;aspect-ratio:3/2;border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;background:
  radial-gradient(circle at 79% 20%,rgba(255,198,1,.95) 0 9px,rgba(255,198,1,0) 10px),
  radial-gradient(circle at 89% 32%,rgba(255,198,1,.5) 0 6px,rgba(255,198,1,0) 7px),
  radial-gradient(circle at 68% 11%,rgba(255,198,1,.32) 0 4px,rgba(255,198,1,0) 5px),
  radial-gradient(120% 95% at 76% 16%,rgba(255,198,1,.12),rgba(255,198,1,0) 55%),
  linear-gradient(180deg,var(--sky) 0%,var(--raised) 36%,var(--surface) 64%,var(--bg) 100%)}
.kon-hero__visual::before{content:"";position:absolute;left:0;right:0;bottom:31%;height:12%;background:
  linear-gradient(to top right,var(--gable) 49.4%,rgba(13,27,87,0) 50%) 0 0/14.2857% 100% repeat-x,
  linear-gradient(to top left,var(--gable) 49.4%,rgba(13,27,87,0) 50%) 7.1428% 0/14.2857% 100% repeat-x}
.kon-hero__visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:31%;background:
  repeating-linear-gradient(90deg,rgba(255,205,64,.26) 0 4px,rgba(255,205,64,0) 4px 15px) 50% 22%/92% 36% no-repeat,
  linear-gradient(180deg,var(--surface-2) 0%,var(--facade) 100%)}
.kon-hero__visual .kon-hero__img{height:100%;aspect-ratio:auto;max-height:none}
.kon-hero__text{display:flex;flex-direction:column;gap:1.15rem;align-items:flex-start;min-width:0}
.kon-hero__text h1{font-size:clamp(30px,4.6vw,44px)}
.kon-hero__sub{font-size:clamp(1.02rem,1.6vw,1.15rem);color:var(--text-body)}
.kon-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
@media (max-width:959px){
  .kon-hero--home .kon-hero__inner{grid-template-columns:1fr}
}

/* -- inner pages: compacte page-header -- */
.kon-hero--inner,.kon-page-header{position:relative;display:flex;align-items:stretch;min-height:clamp(160px,22vw,210px);background:var(--surface-2);border-bottom:1px solid var(--border);overflow:hidden}
.kon-hero--inner .kon-hero__inner,.kon-page-header .kon-hero__inner{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding-block:clamp(2.5rem,5vw,3.25rem);padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)))}
.kon-hero--inner .kon-hero__img,.kon-page-header .kon-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;z-index:0;border-radius:0}
.kon-hero--inner:has(.kon-hero__img) .kon-hero__inner::after,.kon-page-header:has(.kon-hero__img) .kon-hero__inner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,21,73,.94) 0%,rgba(12,21,73,.8) 52%,rgba(12,21,73,.58) 100%)}
:where(.kon-hero--inner .kon-hero__inner > :not(.kon-hero__img)),:where(.kon-page-header .kon-hero__inner > :not(.kon-hero__img)){position:relative;z-index:2}
.kon-hero--inner h1,.kon-page-header h1{font-size:clamp(26px,3.6vw,36px)}

.kon-breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.8rem;color:var(--text-muted);list-style:none;margin:0;padding:0}
.kon-breadcrumb li{display:flex;gap:.4rem;align-items:center}
.kon-breadcrumb li+li::before{content:"›";color:var(--accent);font-weight:700}
.kon-breadcrumb a{color:var(--link);text-decoration:none}
.kon-breadcrumb a:hover{color:var(--accent)}

/* ============ OVERVIEW / PROSE ============ */
.kon-overview,.kon-prose{display:flex;flex-direction:column;gap:1rem}

/* ============ FEATURE-CARDS (grid) + CARDS-GRID ============ */
.kon-cards{display:grid;gap:clamp(1rem,2.5vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin:0;padding:0;list-style:none}
.kon-grid{display:grid;gap:clamp(1rem,2.5vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.kon-card{display:flex;flex-direction:column;gap:.8rem;min-width:0;padding:1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);transition:border-color .2s ease,transform .2s ease}
.kon-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.kon-card__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);flex-shrink:0}
.kon-card__icon .kon-icon{width:24px;height:24px}
.kon-card p{color:var(--text-body);font-size:.95rem}
.kon-card--gold{border-top:3px solid var(--accent)}
.kon-card--mint{border-top:3px solid var(--mint)}

/* ============ TWO-COLS + CONTENT-PANEL ============ */
.kon-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.kon-two>*{min-width:0}
.kon-panel{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:clamp(1.15rem,2.5vw,1.6rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l)}
.kon-panel__title{display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text)}
.kon-panel__title::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg);flex-shrink:0}
.kon-facts,.kon-quick-facts{display:flex;flex-direction:column;gap:0;margin:0}
.kon-facts__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border-soft)}
.kon-facts__row:last-child{border-bottom:0}
.kon-facts dt{color:var(--text-muted);font-size:.88rem}
.kon-facts dd{margin:0;font-weight:700;color:var(--text);text-align:right;font-size:.95rem;font-variant-numeric:tabular-nums}
.kon-checklist{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}
.kon-checklist li{display:flex;gap:.65rem;align-items:flex-start;color:var(--text-body)}
.kon-checklist .kon-icon{color:var(--accent)}
.kon-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:.7rem}
.kon-mini__t{display:flex;flex-direction:column;gap:.3rem;padding:.85rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center}
.kon-mini__v{font-size:1.3rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.kon-mini__l{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
@media (max-width:880px){.kon-two{grid-template-columns:1fr}}

/* ============ TABLES ============ */
.kon-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;border:1px solid var(--border);border-radius:var(--radius)}
.kon-table-wrap table{width:100%;min-width:560px;border-collapse:collapse;font-size:.92rem}
.kon-table-wrap th{padding:.8rem 1rem;background:var(--raised);color:var(--text);text-align:left;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.kon-table-wrap td{padding:.8rem 1rem;border-top:1px solid var(--border-soft);color:var(--text-body);vertical-align:middle}
.kon-table-wrap tbody tr:nth-child(even){background:rgba(12,21,73,.5)}
.kon-num{text-align:right;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.kon-pay .kon-icon{color:var(--accent);margin-inline-end:.5rem}

/* ============ NUMBERED-LIST (gouden munten) ============ */
.kon-olist{display:flex;flex-direction:column;gap:1.1rem;counter-reset:konlist;list-style:none;margin:0;padding:0}
.kon-olist>li{position:relative;counter-increment:konlist;padding-left:3.1rem;display:flex;flex-direction:column;gap:.25rem;color:var(--text-body)}
.kon-olist>li::before{content:counter(konlist);position:absolute;left:0;top:.05em;display:flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:50%;background:var(--accent);color:var(--cta-text);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--accent-soft)}

/* ============ STATS-BAR (counters) ============ */
.kon-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.kon-stat{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.kon-stat__value{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.kon-stat__label{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}

/* ============ CATEGORIES-BAR ============ */
.kon-pills{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.kon-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border:1px solid transparent;border-radius:var(--radius);background:var(--raised);color:var(--text);font-size:.85rem;font-weight:600}
.kon-pill:hover{border-color:var(--accent)}
.kon-pill--orange{background:var(--orange);color:var(--bg);font-weight:700}
.kon-pill--mint{background:rgba(92,225,176,.14);border-color:rgba(92,225,176,.45);color:var(--mint);font-weight:700}
.kon-pill .kon-icon{width:1.15em;height:1.15em}

/* ============ CALENDAR (wekelijkse deals) ============ */
.kon-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr));gap:.7rem;list-style:none;margin:0;padding:0}
.kon-day{position:relative;display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:1rem .8rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.kon-day__name{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.kon-day__deal{font-size:.86rem;font-weight:600;line-height:1.4;color:var(--text-body)}
.kon-day b{color:var(--accent);font-variant-numeric:tabular-nums}
.kon-day--today{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.kon-day--today::after{content:'Vandaag';position:absolute;top:-.75em;left:.8rem;padding:.16rem .5rem;background:var(--orange);color:var(--bg);border-radius:var(--radius-s);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

/* ============ CALCULATOR ============ */
.kon-calc{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.15rem,2.5vw,1.6rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l)}
.kon-calc__field{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.kon-calc__field label{font-weight:600;color:var(--text)}
.kon-input{width:min(220px,100%);padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:600 1rem var(--font)}
.kon-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.kon-calc__out{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.7rem}

/* ============ COLLECTION PICKER ============ */
.kon-picker{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));list-style:none;margin:0;padding:0}
.kon-pick{display:flex;flex-direction:column;align-items:center;gap:.65rem;min-width:0;padding:1.15rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-body);font-size:.88rem;font-weight:600;text-decoration:none;text-align:center;transition:border-color .2s,transform .2s,color .2s}
.kon-pick:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--text)}
.kon-pick .kon-icon{width:2em;height:2em;color:var(--accent)}

/* ============ PROS & CONS ============ */
.kon-pc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem}
.kon-pc__col{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l)}
.kon-pc__col--pros{border-top:3px solid var(--accent)}
.kon-pc__col--cons{border-top:3px solid var(--raised)}
.kon-pc ul{display:flex;flex-direction:column;gap:.9rem;list-style:none;margin:0;padding:0}
.kon-pc li{display:flex;flex-direction:column;gap:.4rem;color:var(--text-body);font-size:.95rem}
.kon-pc li>span{display:flex;gap:.6rem;align-items:flex-start}
.kon-pc .kon-icon{flex-shrink:0;margin-top:.15em}
.kon-pc__col--pros .kon-icon{color:var(--accent)}
.kon-pc__col--cons .kon-icon{color:var(--text-muted)}
.kon-pc__answer{font-size:.86rem;color:var(--text-muted);padding-left:calc(1.5em + .6rem)}

/* ============ FAQ (single kolom) ============ */
.kon-faq{display:flex;flex-direction:column}
.kon-faq details{border-bottom:1px solid var(--border-soft)}
.kon-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;color:var(--text);font-size:1.02rem}
.kon-faq summary::-webkit-details-marker{display:none}
.kon-faq summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--accent);font-weight:700}
.kon-faq details[open] summary::before{content:'−'}
.kon-faq details>:not(summary){padding:.5rem 0 1rem;color:var(--text-body)}

/* ============ CTA-BLOCK ("koninklijk decreet") ============ */
.kon-cta{padding-block:var(--pad-section);background:linear-gradient(135deg,var(--surface) 0%,#24379E 55%,var(--raised) 100%);border-block:1px solid rgba(255,198,1,.4)}
.kon-cta__inner,.kon-cta>.kon-container{display:flex;flex-direction:column;gap:1.15rem;align-items:center;text-align:center}
.kon-cta__inner h2,.kon-cta>.kon-container>h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}
.kon-cta__inner p,.kon-cta>.kon-container>p:not(.kon-eyebrow):not(.kon-microline){color:var(--text-body);max-width:64ch;margin-inline:auto}
.kon-cta__actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.kon-cta .kon-microline{justify-content:center}

/* ============ TOC ============ */
.kon-toc{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}
.kon-toc a{display:block;padding:.5rem .75rem;border-inline-start:2px solid transparent;border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--text-muted);font-size:.88rem;font-weight:600;text-decoration:none}
.kon-toc a:hover,.kon-toc a:focus-visible{color:var(--text);border-inline-start-color:var(--accent);background:var(--accent-soft)}

/* ============ BONUS-CODE & DAG-CHIPS ============ */
.kon-code{display:inline-flex;align-items:center;gap:.7rem;padding:.55rem .95rem;border:1.5px dashed rgba(255,198,1,.6);border-radius:var(--radius);background:var(--accent-soft)}
.kon-code__key{font-weight:700;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}
.kon-code__btn{padding:.5rem .85rem;min-height:42px;border:1px solid rgba(255,198,1,.5);border-radius:var(--radius-s);background:transparent;color:var(--accent);font:600 .72rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.kon-code__btn:hover{background:var(--accent);color:var(--cta-text);border-color:var(--accent)}
.kon-code__btn.is-copied{background:var(--accent);color:var(--cta-text);border-color:var(--accent)}
.kon-days{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.kon-days span{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-body);font-size:.8rem;font-weight:600}
.kon-days b{color:var(--accent);font-variant-numeric:tabular-nums}

/* ============ LEGAL-BODY ============ */
.kon-legal{display:flex;flex-direction:column;gap:1.5rem;counter-reset:konart}
.kon-legal h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}
.kon-legal h2::before{content:'Artikel ' counter(konart);counter-increment:konart;color:var(--accent);font-size:.78rem;letter-spacing:.12em}
.kon-legal ul{display:flex;flex-direction:column;gap:.5rem}

/* ============ RTP-GRID ============ */
.kon-rtp{display:grid;gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.kon-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.kon-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kon-rtp-item{position:relative;overflow:hidden;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.kon-rtp-item__thumb{display:block;aspect-ratio:3/2;position:relative;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%)}
.kon-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kon-rtp-item__name{padding:.65rem .8rem;font-size:.85rem;font-weight:600;color:var(--text)}
.kon-rtp-tooltip{position:absolute;bottom:0;left:0;right:0;padding:.6rem .8rem;background:rgba(12,21,73,.94);border-top:1px solid var(--border);color:var(--text-body);font-size:.78rem;opacity:0;transition:opacity .2s;pointer-events:none}
.kon-rtp-item:hover .kon-rtp-tooltip,.kon-rtp-item:focus-within .kon-rtp-tooltip{opacity:1}

/* ============ STICKY-NAV (mobiel) ============ */
.kon-sticky{display:none}
@media (max-width:767px){
  .kon-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1300;display:flex;align-items:center;justify-content:space-around;gap:.25rem;padding:.5rem .4rem calc(.5rem + env(safe-area-inset-bottom));background:rgba(12,21,73,.97);border-top:1px solid var(--border);backdrop-filter:blur(8px)}
  .kon-sticky a:not(.kon-btn){display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .5rem;color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
  .kon-sticky a:not(.kon-btn) .kon-icon{width:1.3em;height:1.3em}
  .kon-sticky .kon-btn{padding:.6rem .9rem;font-size:.68rem}
  body:has(.kon-sticky){padding-bottom:74px}
}

/* ============ CHAT-WIDGET ============ */
.kon-chat-btn{position:fixed;right:18px;bottom:18px;z-index:1400;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:0;border-radius:50%;background:var(--accent);color:var(--cta-text);cursor:pointer;box-shadow:0 12px 30px rgba(4,8,40,.55);transition:transform .2s}
.kon-chat-btn:hover{transform:translateY(-2px)}
.kon-chat-btn .kon-icon{width:1.6em;height:1.6em}
.kon-chat{position:fixed;right:18px;bottom:84px;z-index:1400;display:none;flex-direction:column;width:min(340px,calc(100vw - 36px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:0 24px 60px rgba(4,8,40,.6);overflow:hidden}
.kon-chat.is-open{display:flex}
.kon-chat__head{display:flex;align-items:center;gap:.6rem;padding:1rem 1.1rem;background:var(--surface-2);color:var(--text);font-weight:700}
.kon-chat__head .kon-icon{color:var(--accent)}
.kon-chat__body{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem;color:var(--text-body);font-size:.92rem}

/* ============ MOTION ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.kon-footer .kon-logo__img{filter:none;background:transparent;padding:0}
.kon-footer .kon-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.kon-logo__img{object-fit:contain}
/* sa-ph-media */
.kon-page-header:has(.kon-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.kon-page-header:has(.kon-hero__img) .kon-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.kon-page-header:has(.kon-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.kon-page-header:has(.kon-hero__img)>:not(.kon-hero__img)){position:relative}
.kon-page-header:has(.kon-hero__img)>:not(.kon-hero__img){z-index:2}
.kon-page-header:has(.kon-hero__img),.kon-page-header:has(.kon-hero__img) h1,.kon-page-header:has(.kon-hero__img) a,.kon-page-header:has(.kon-hero__img) p,.kon-page-header:has(.kon-hero__img) li,.kon-page-header:has(.kon-hero__img) span{color:#fff}
/* sa-hero-media */
.kon-hero:has(>.kon-hero__img){position:relative;isolation:isolate}
.kon-hero:has(>.kon-hero__img)>.kon-hero__img{z-index:0}
.kon-hero:has(>.kon-hero__img)::after{z-index:1}
:where(.kon-hero:has(>.kon-hero__img)>:not(.kon-hero__img)){position:relative}
.kon-hero:has(>.kon-hero__img)>:not(.kon-hero__img){z-index:2}
/* sa-rhythm v3 */
:where(.kon-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.kon-table-wrap)+p{margin-block-start:1rem}
main :is(ul,ol,table,.kon-table-wrap,.kon-rtp,.kon-steps,.kon-cards,.kon-features)+:is(.kon-actions,div:has(>.kon-btn),p:has(>.kon-btn)){margin-block-start:1.25rem}
/* sa-rhythm v3b: кнопочный ряд/код-плашка сразу после p/div/dl — прямые дети контейнера секции (flex-gap контейнеры уже дают ритм) */
main>section:not(.kon-cta)>.kon-container>:is(p,div,dl)+:is(div:has(>.kon-btn),.kon-code){margin-block-start:1.25rem}
/* sa-table-thead */
.kon-table-wrap thead th,.kon-table-wrap thead{position:static}
/* sa-slot-link v2 */
.kon-rtp-item,.kon-rtp-item:hover,.kon-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
:where(.kon-rtp-item){display:block}
/* sa-rtp-touch */
.kon-rtp-item__thumb{display:block}
@media (hover:none){.kon-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.kon-rtp-item__thumb img{height:auto}.kon-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.kon-rtp-item__name{padding-top:.35rem}}
/* sa-icon-on-fill */
.kon-btn--primary .kon-icon{color:inherit}