/* ============================================================
   Florette Vervloet — website prototype
   Huisstijl: brandguidelines-florette.md
   ============================================================ */

/* Noto Serif HK is een CJK-font van 9,5 MB. De host weigert bestanden boven 3 MB,
   dus staat hier een subset met alleen de Latijnse tekens, als woff2: 18 KB. */
@font-face { font-family: 'Noto Serif HK'; src: url('fonts/NotoSerifHK-Light.woff2') format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Almarai'; src: url('fonts/Almarai-Light.ttf') format('truetype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Almarai'; src: url('fonts/Almarai-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Almarai'; src: url('fonts/Almarai-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Almarai'; src: url('fonts/Almarai-ExtraBold.ttf') format('truetype'); font-weight: 800; font-display: swap; }

:root {
  --signal-green: #c9f204;
  --moss-green: #002926;
  --cobalt-blue: #425dfb;
  --software-grey: #dedfdb;
  --pure-white: #ffffff;
  --core-black: #1a1a1a;
  --dark-blue: #18252d;
  --font-heading: 'Noto Serif HK', 'Noto Serif', Georgia, serif;
  --font-body: 'Almarai', Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
/* De basismaat staat op 17px in plaats van de browserstandaard 16px. Alles wat in
   rem staat schaalt daarmee mee: koppen, marges, knoppen, secties. Reden (7 aug,
   Florette): de site oogde klassiek klein, moderne sites zetten alles groter en
   maken er meer een scroll-ervaring van. */
html { scroll-behavior: smooth; font-size: 17px; }
body { font-family: var(--font-body); font-weight: 300; color: var(--core-black); background: var(--pure-white); line-height: 1.68; font-size: 1.12rem; }
img { max-width: 100%; height: auto; display: block; }

/* ---------- typografie ---------- */
h1, h2, h3 { font-family: var(--font-heading); font-weight: 300; line-height: 1.12; }
h1 { font-size: clamp(2.9rem, 6.2vw, 5.4rem); }
h2 { font-size: clamp(2.2rem, 4.3vw, 3.8rem); }
h3 { font-size: clamp(1.45rem, 2.5vw, 2rem); }
p { margin-bottom: 1.1em; }
p:last-child { margin-bottom: 0; }

.caps { font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; }
.accent-green { color: var(--signal-green); }
.accent-blue { color: var(--cobalt-blue); }

/* ---------- secties (kleurritme) ---------- */
/* ruimere secties: meer lucht tussen de blokken, meer scroll-ervaring */
.section { padding: clamp(5.5rem, 10vw, 10rem) 0; }
.section--moss { background: var(--moss-green); color: var(--pure-white); }
.section--dark { background: var(--dark-blue); color: var(--pure-white); }
.section--grey { background: var(--software-grey); color: var(--core-black); }
.section--white { background: var(--pure-white); color: var(--moss-green); }
.section--white p, .section--grey p { color: var(--core-black); }

.container { max-width: 1260px; margin: 0 auto; padding: 0 clamp(1.2rem, 4vw, 2.5rem); }
.narrow { max-width: 880px; }
.center { text-align: center; }
.narrow.center { margin-left: auto; margin-right: auto; }

/* ---------- knoppen ---------- */
.btn { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--font-body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.92rem; text-decoration: none; border-radius: 999px; padding: 1.15rem 2.3rem; transition: transform 0.15s ease, box-shadow 0.15s ease; cursor: pointer; border: 0; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.18); }
.btn--primary { background: var(--cobalt-blue); color: var(--pure-white); }
.btn--primary::before { content: ''; width: 21px; height: 21px; background-image: url('img/cta-icon-white.png'); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }
.btn::after { content: '→'; font-size: 1rem; }
.btn--outline { background: transparent; color: var(--signal-green); border: 1.5px solid var(--signal-green); }
.btn--outline-blue { background: transparent; color: var(--cobalt-blue); border: 1.5px solid var(--cobalt-blue); }
.btn-row { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 2.2rem; }

/* ---------- header ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: var(--moss-green); border-bottom: 1px solid rgba(201,242,4,0.15); }
.site-header .container { display: flex; align-items: center; justify-content: space-between; padding-top: 0.9rem; padding-bottom: 0.9rem; max-width: 1420px; }
.logo img { height: 26px; width: auto; }
.nav { display: flex; align-items: center; gap: clamp(0.8rem, 1.6vw, 1.5rem); }
.nav a { font-family: var(--font-body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.72rem; white-space: nowrap; color: var(--pure-white); text-decoration: none; padding: 0.4rem 0.1rem; border-bottom: 2px solid transparent; }
.nav a:hover, .nav a.active { color: var(--signal-green); border-bottom-color: var(--signal-green); }
.nav .btn { padding: 0.7rem 1.35rem; font-size: 0.7rem; white-space: nowrap; }
.nav-toggle { display: none; }

/* Uitklapmenu's. Twee groepen: Samenwerken (de mens-route) en SHEFORGES (de
   systeem-route). Opent op hover én op focus, zodat het ook met het toetsenbord
   werkt. De ::before is een onzichtbare brug over het gaatje tussen de
   hoofdlink en het paneel, anders klapt het menu dicht terwijl je ernaartoe
   beweegt. */
/* Videoblok voor sfeerbeeld, o.a. de vorige sprint op /sprint. */
.videoblok { max-width: 980px; margin: 0 auto; border-radius: 20px; overflow: hidden; box-shadow: 0 26px 64px rgba(0,0,0,0.32); line-height: 0; }
.videoblok video { width: 100%; height: auto; display: block; }

/* Uitgelichte regel: één zin die zwaarder weegt dan de rest van een blok.
   Cobalt streep links, groter gezet. Voor de nadruk die anders in vet verdwijnt. */
.uitgelicht { border-left: 3px solid var(--cobalt-blue); padding: 0.2rem 0 0.2rem 1.4rem; margin: 2.2rem 0; font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.35rem, 2.4vw, 1.85rem); line-height: 1.35; }
.section--moss .uitgelicht, .section--dark .uitgelicht { border-left-color: var(--signal-green); }

.nav-groep { position: relative; display: flex; align-items: center; }
.nav-groep > a::after { content: "▾"; font-size: 0.85em; margin-left: 0.35em; opacity: 0.7; }
.nav-sub { position: absolute; top: 100%; left: -0.9rem; min-width: 15.5rem; flex-direction: column; background: var(--moss-green); border: 1px solid rgba(201,242,4,0.22); border-radius: 12px; padding: 0.6rem 0; margin-top: 0.55rem; box-shadow: 0 16px 38px rgba(0,0,0,0.24); display: none; z-index: 60; }
.nav-sub::before { content: ""; position: absolute; top: -0.9rem; left: 0; right: 0; height: 0.9rem; }
.nav-groep:hover > .nav-sub, .nav-groep:focus-within > .nav-sub { display: flex; }
.nav-sub a { padding: 0.62rem 1.15rem; border-bottom: none; white-space: nowrap; }
/* Dekkende kleur en geen rgba: dit is precies wat 12% signal green op moss
   green oplevert, maar de contrastcontrole kan een doorschijnende laag niet
   doorrekenen en las hier signal green op signal green. Dat blokkeerde de
   publicatiepoort. */
.nav-sub a:hover, .nav-sub a.active { border-bottom: none; background: #184122; }

/* ---------- hero ---------- */
.hero { position: relative; overflow: hidden; }
.hero .container { position: relative; z-index: 2; }
.hero--split .container { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.hero-photo { border-radius: 50% 50% 0 0 / 32% 32% 0 0; overflow: hidden; }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/5; }
.hero-sub { font-size: 1.32rem; margin-top: 1.6rem; max-width: 34em; opacity: 0.92; }
.geo-accent { position: absolute; pointer-events: none; opacity: 0.5; z-index: 1; }

/* ---------- kaarten ---------- */
.cards { display: grid; gap: 1.6rem; margin-top: 2.8rem; }
.cards--3 { grid-template-columns: repeat(3, 1fr); }
.cards--2 { grid-template-columns: repeat(2, 1fr); }
.card { padding: 2.2rem 2rem; border-radius: 14px; display: flex; flex-direction: column; gap: 0.9rem; }
.section--moss .card, .section--dark .card { background: rgba(255,255,255,0.05); border: 1px solid rgba(201,242,4,0.22); }
.section--grey .card, .section--white .card { background: var(--pure-white); border: 1px solid rgba(0,41,38,0.12); box-shadow: 0 6px 24px rgba(0,41,38,0.06); }
.card .card-label { font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.82rem; }
.section--moss .card .card-label, .section--dark .card .card-label { color: var(--signal-green); }
.section--grey .card .card-label, .section--white .card .card-label { color: var(--cobalt-blue); }
.card .card-sub { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; opacity: 0.65; }
.card a.card-link { font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8rem; text-decoration: none; margin-top: auto; }
.section--grey .card a.card-link, .section--white .card a.card-link { color: var(--cobalt-blue); }
.section--moss .card a.card-link, .section--dark .card a.card-link { color: var(--signal-green); }
.card a.card-link::after { content: ' →'; }

/* ---------- quotes ---------- */
.quotes { display: grid; gap: 1.6rem; margin-top: 2.8rem; }
.quotes--3 { grid-template-columns: repeat(3, 1fr); }
.quotes--2 { grid-template-columns: repeat(2, 1fr); }
blockquote { padding: 2rem; border-radius: 14px; font-size: 0.98rem; }
.section--moss blockquote, .section--dark blockquote { background: rgba(255,255,255,0.05); border-left: 3px solid var(--signal-green); }
.section--white blockquote, .section--grey blockquote { background: rgba(0,41,38,0.04); border-left: 3px solid var(--cobalt-blue); }
blockquote footer { margin-top: 1.1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.74rem; }
.section--moss blockquote footer, .section--dark blockquote footer { color: var(--signal-green); }
.section--white blockquote footer, .section--grey blockquote footer { color: var(--cobalt-blue); }
.bigquote { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.6rem, 3.2vw, 2.5rem); line-height: 1.3; border: 0; background: none !important; padding: 0; border-left: none !important; }

/* ---------- split layout ---------- */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.split-photo { border-radius: 14px; overflow: hidden; }
.split-photo img { width: 100%; object-fit: cover; }
.split-photo--tall img { aspect-ratio: 4/5; }
.split-photo--wide img { aspect-ratio: 16/10; }

/* ---------- ja/nee kolommen (beslisregel) ---------- */
.decision { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem; margin-top: 2.6rem; }
.decision .card strong.big { font-family: var(--font-heading); font-weight: 300; font-size: 2rem; color: var(--signal-green); }

/* ---------- lijsten ---------- */
.checklist { list-style: none; display: grid; gap: 0.9rem; margin-top: 1.4rem; }
.checklist li { padding-left: 1.8rem; position: relative; }
.checklist li::before { content: '◆'; position: absolute; left: 0; top: 0.35em; font-size: 0.6rem; }
.section--moss .checklist li::before, .section--dark .checklist li::before { color: var(--signal-green); }
.section--white .checklist li::before, .section--grey .checklist li::before { color: var(--cobalt-blue); }
.numlist { list-style: none; counter-reset: n; display: grid; gap: 1.3rem; margin-top: 1.8rem; }
.numlist li { counter-increment: n; padding-left: 3.4rem; position: relative; }
.numlist li::before { content: counter(n, decimal-leading-zero); position: absolute; left: 0; top: 0; font-family: var(--font-heading); font-weight: 300; font-size: 1.7rem; opacity: 0.85; }
.section--moss .numlist li::before, .section--dark .numlist li::before { color: var(--signal-green); }
.section--white .numlist li::before, .section--grey .numlist li::before { color: var(--cobalt-blue); }

/* ---------- FAQ ---------- */
details { border-bottom: 1px solid rgba(0,41,38,0.15); padding: 1.1rem 0; }
details summary { cursor: pointer; font-weight: 700; font-size: 1.02rem; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
details summary::after { content: '+'; font-family: var(--font-heading); font-size: 1.5rem; color: var(--cobalt-blue); }
details[open] summary::after { content: '–'; }
details p { margin-top: 0.9rem; max-width: 60em; }

/* ---------- prijs-kader ---------- */
.price-box { border: 2px solid var(--moss-green); border-radius: 18px; padding: clamp(2rem, 4vw, 3.2rem); margin-top: 2.6rem; display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 2rem; align-items: center; background: var(--pure-white); }
/* .price staat los van .price-box, zodat een kaart ook een prijs kan tonen
   (aanbodkaarten op /sprint). Binnen .price-box blijft hij zich gedragen
   zoals voorheen. */
.price { font-family: var(--font-heading); font-weight: 300; font-size: clamp(2.4rem, 5vw, 3.6rem); color: var(--moss-green); line-height: 1.1; }
.price small { font-size: 0.95rem; font-family: var(--font-body); text-transform: uppercase; letter-spacing: 0.08em; }
.card .price { margin: 0.6rem 0 1.2rem; }

/* ---------- parallax breker ---------- */
.parallax { position: relative; height: clamp(320px, 46vw, 520px); background-size: cover; background-position: center; background-attachment: fixed; }
.parallax::after { content: ''; position: absolute; inset: 0; background: rgba(0,41,38,0.35); }
@media (max-width: 900px) { .parallax { background-attachment: scroll; } }

/* ---------- parallax-hero met tekst-overlay ----------
   Maten overgenomen van de live pagina (gemeten op viewport 1440):
   strip 539px hoog, H1 58px/69.6px, eyebrow 20px, alles gecentreerd wit. */
.hero--parallax { position: relative; display: flex; align-items: center; justify-content: center; min-height: clamp(360px, 37.5vw, 560px); padding: clamp(3rem, 6vw, 5rem) 0; background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; color: var(--pure-white); text-align: center; }
.hero--parallax::before { content: ''; position: absolute; inset: 0; background: rgba(26,26,26,0.3); z-index: 1; }
.hero--parallax .container { position: relative; z-index: 2; max-width: 1024px; }
.hero--parallax h1 { color: var(--pure-white); font-size: clamp(2.1rem, 4vw, 3.65rem); line-height: 1.2; text-shadow: 0 2px 26px rgba(0,0,0,0.35); }
.hero--parallax .hero-eyebrow { font-family: var(--font-body); font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; font-size: clamp(0.95rem, 1.4vw, 1.25rem); margin-bottom: 1rem; }
.hero--parallax .hero-caps { display: block; font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.01em; font-size: 1em; line-height: 1.2; }
@media (max-width: 900px) { .hero--parallax { background-attachment: scroll; } }

/* ---------- zwarte sectie ---------- */
.section--black { background: var(--core-black); color: var(--pure-white); }
.section--black .container.narrow { max-width: 884px; }
.section--black p { font-size: 1rem; line-height: 1.75; }
.section--black .lead { font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.67; font-weight: 700; }
.section--black .card { background: rgba(255,255,255,0.05); border: 1px solid rgba(201,242,4,0.22); }
.section--black .card .card-label, .section--black .card a.card-link { color: var(--signal-green); }
.section--black a { color: var(--signal-green); }

/* ---------- links in lopende tekst ----------
   Deze stonden nergens gedefinieerd, dus vielen ze terug op het blauw van de
   browser. Op een moss- of dark-sectie is dat onleesbaar. Alleen links binnen
   een alinea of lijst, zodat knoppen en kaartlinks hun eigen kleur houden.
   Knoppen staan soms binnen een p (post-cta in de blogs), vandaar :not(.btn).
   Zonder die uitzondering krijgt een blauwe knop blauwe tekst. */
.section--moss :is(p, li, td, th, dd) a:not(.btn),
.section--dark :is(p, li, td, th, dd) a:not(.btn) { color: var(--signal-green); }
.section--white :is(p, li, td, th, dd) a:not(.btn),
.section--grey :is(p, li, td, th, dd) a:not(.btn) { color: var(--cobalt-blue); }
.cta-inline p a:not(.btn) { color: var(--moss-green); }

/* ---------- halfrond slotfiguur ----------
   Live: 1157px breed, gecentreerd, onderkant exact gelijk aan de onderkant van de sectie. */
.section--figure { padding-bottom: 0; }
.geo-half-wrap { width: min(1157px, 100% - 2.4rem); margin: clamp(3rem, 7vw, 6rem) auto 0; }
.geo-half { width: 100%; display: block; }

/* ============================================================
   PILLAR GUIDES (/bedrijfsprocessen-optimaliseren, /integrator-…)
   Maten overgenomen van de live pagina's, gemeten op viewport 1440:
   hero-H1 50px, H2 40px, H3 30px, H4 25px, body 18px, kolom ~800px.
   Kleurbanden: moss #002926 (hero + slot), #18252d (ankerbalk),
   software grey #dedfdb (intro + tussenbanden), wit (lopende tekst).
   ============================================================ */
.pillar .container.narrow, .pillar-narrow { max-width: 880px; }
.pillar p, .pillar li { font-size: 1.125rem; line-height: 1.7; }

/* hero */
.pillar-hero { text-align: center; }
.pillar-hero .eyebrow { font-family: var(--font-body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.85rem; color: var(--signal-green); margin-bottom: 1.6rem; }
.pillar-hero h1 { font-size: clamp(2rem, 3.5vw, 3.125rem); line-height: 1.25; max-width: 20em; margin: 0 auto; }
.pillar-hero .sub { font-size: 1.125rem; max-width: 34em; margin: 1.8rem auto 0; opacity: 0.92; }

/* ankerbalk onder de hero */
.pillar-anchors { background: var(--dark-blue); padding: 1.6rem 0; }
.pillar-anchors .container { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(1rem, 2.4vw, 2.2rem); }
.pillar-anchors a { color: var(--pure-white); text-decoration: none; font-size: 0.92rem; text-transform: lowercase; border-bottom: 1px solid transparent; padding-bottom: 2px; }
.pillar-anchors a:hover { color: var(--signal-green); border-bottom-color: var(--signal-green); }

/* koppen binnen een pillar */
.pillar h2 { font-size: clamp(1.8rem, 2.8vw, 2.5rem); margin-bottom: 1.2rem; }
.pillar h3 { font-size: clamp(1.35rem, 2.1vw, 1.875rem); margin: 2.6rem 0 0.9rem; }
.pillar h4 { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.15rem, 1.7vw, 1.5rem); margin: 2rem 0 0.6rem; }
.section--white .pillar h2, .section--white .pillar h3, .section--white .pillar h4 { color: var(--moss-green); }

/* cijferblok (bv. "20% van de capaciteit") */
.statbox { background: var(--moss-green); color: var(--pure-white); border-radius: 14px; padding: clamp(1.8rem, 3.4vw, 2.6rem); margin: 2.6rem 0; display: grid; grid-template-columns: auto 1fr; gap: clamp(1.4rem, 3vw, 2.4rem); align-items: start; }
.statbox .stat { font-family: var(--font-heading); font-weight: 300; font-size: clamp(2.4rem, 4.4vw, 3.125rem); color: var(--signal-green); line-height: 1; }
.statbox p { color: var(--pure-white); }
.statbox .bron { display: inline-block; margin-top: 1rem; font-size: 0.9rem; opacity: 0.75; color: var(--pure-white); }

/* praktijkkader */
.praktijk { background: var(--moss-green); color: var(--pure-white); border-radius: 14px; padding: clamp(1.8rem, 3.4vw, 2.6rem); margin: 2.6rem 0; }
.praktijk .label { display: block; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.82rem; margin-bottom: 0.7rem; }
.praktijk .naam { font-family: var(--font-heading); font-weight: 300; font-size: 1.25rem; color: var(--signal-green); text-decoration: none; display: inline-block; margin-bottom: 0.9rem; }
.praktijk .naam:hover { text-decoration: underline; }
.praktijk p { color: var(--pure-white); }
.section--grey .praktijk, .section--white .praktijk { background: var(--moss-green); }

/* tussen-CTA in de lopende tekst */
.cta-inline { border-top: 1px solid rgba(66,93,251,0.3); border-bottom: 1px solid rgba(66,93,251,0.3); padding: 2rem 0; margin: 3rem 0; text-align: center; }
.cta-inline strong { display: block; font-size: 1.25rem; color: var(--cobalt-blue); margin-bottom: 0.7rem; }
.cta-inline a { color: var(--moss-green); font-weight: 700; }

/* genummerde blokken 01 / 02 / 03 */
.nummers { display: grid; gap: 2.6rem; margin-top: 2.4rem; }
.nummers > li { list-style: none; }
.nummers .nr { font-family: var(--font-heading); font-weight: 300; font-size: 2.75rem; color: var(--cobalt-blue); line-height: 1; display: block; margin-bottom: 0.5rem; }
.nummers h3, .nummers h4 { margin-top: 0; }

/* vergelijkingstabel VA / OBM / integrator */
.vergelijk { width: 100%; min-width: 940px; border-collapse: collapse; font-size: 0.9rem; }
.vergelijk th, .vergelijk td { text-align: left; padding: 0.85rem 0.9rem; border-bottom: 1px solid rgba(0,41,38,0.14); vertical-align: top; line-height: 1.45; }
.vergelijk thead th { background: var(--moss-green); color: var(--pure-white); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.74rem; }
.vergelijk tbody th { font-weight: 800; color: var(--cobalt-blue); white-space: nowrap; }
.vergelijk tbody tr:nth-child(odd) td, .vergelijk tbody tr:nth-child(odd) th { background: rgba(0,41,38,0.04); }
/* de tabel breekt uit de smalle tekstkolom, anders staan 7 kolommen te knijpen */
.tabel-scroll { overflow-x: auto; width: min(1140px, 92vw); margin: 2.4rem 0 2.4rem 50%; transform: translateX(-50%); }
/* twee kolommen (voor/na) hoeven niet uit te breken en mogen gewoon meeschalen */
.vergelijk--duo { min-width: 0; font-size: 0.95rem; }
.vergelijk--duo thead th { width: 50%; }
.tabel-scroll--duo { width: 100%; margin: 2.4rem 0; transform: none; }

/* fasenblokken */
.fasen { display: grid; gap: 1.6rem; margin-top: 2.2rem; }
.fase { background: var(--pure-white); border-left: 4px solid var(--cobalt-blue); border-radius: 0 14px 14px 0; padding: clamp(1.4rem, 2.6vw, 2rem); }
.fase .fase-label { display: block; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.78rem; color: var(--cobalt-blue); margin-bottom: 0.4rem; }
.fase h4 { margin: 0 0 0.6rem; }

/* slotsectie van een pillar */
.pillar-slot { text-align: center; }
.pillar-slot h2 { color: var(--signal-green); }
.pillar-slot p { max-width: 36em; margin-left: auto; margin-right: auto; }
.pillar-slot .btn-row { justify-content: center; }

/* ============================================================
   AI CHARTER
   ============================================================ */
.charter-hero .kader { font-family: var(--font-body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.8rem; color: var(--signal-green); margin-bottom: 1.2rem; }
.charter-hero h1 .caps { color: var(--signal-green); }
.charter-hero .meta { font-size: 0.95rem; opacity: 0.8; margin-top: 1.2rem; }
.charter-blok { border-top: 1px solid rgba(255,255,255,0.14); padding-top: clamp(2.4rem, 4vw, 3.4rem); margin-top: clamp(2.4rem, 4vw, 3.4rem); }
.charter-blok:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.charter-blok .nr { font-weight: 800; text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.78rem; color: var(--signal-green); }
.charter-blok h2 { margin: 0.5rem 0 0.2rem; }
.charter-blok .onder { font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.78rem; opacity: 0.55; margin-bottom: 1.4rem; }
.charter-lijst { background: rgba(201,242,4,0.06); border-left: 3px solid var(--signal-green); border-radius: 0 12px 12px 0; padding: clamp(1.4rem, 2.6vw, 2rem); margin-top: 1.8rem; }
.charter-lijst .label { display: block; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.76rem; color: var(--signal-green); margin-bottom: 1rem; }
.charter-lijst ul { list-style: none; display: grid; gap: 0.9rem; }
.charter-lijst li { padding-left: 1.7rem; position: relative; font-size: 1rem; }
.charter-lijst li::before { content: '→'; position: absolute; left: 0; color: var(--signal-green); }
.principes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.6rem; margin-top: 2.4rem; }
.principe { border: 1px solid rgba(0,41,38,0.14); border-radius: 14px; padding: clamp(1.6rem, 3vw, 2.2rem); background: var(--pure-white); }
.principe .kop { display: block; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.82rem; color: var(--cobalt-blue); margin-bottom: 0.8rem; }

/* ============================================================
   JURIDISCH DOCUMENT (algemene voorwaarden)
   ============================================================ */
.doc-nav { background: var(--software-grey); border-radius: 14px; padding: clamp(1.4rem, 2.6vw, 2rem); margin-bottom: 3rem; }
.doc-nav h2 { font-size: 1.25rem; margin-bottom: 1rem; }
.doc-nav ol { list-style: none; counter-reset: d; columns: 2; column-gap: 2rem; }
.doc-nav li { counter-increment: d; margin-bottom: 0.5rem; break-inside: avoid; }
.doc-nav a { color: var(--moss-green); text-decoration: none; font-size: 0.95rem; }
.doc-nav a:hover { color: var(--cobalt-blue); text-decoration: underline; }
.doc-deel { margin-top: clamp(3rem, 6vw, 4.5rem); padding-top: 1.2rem; border-top: 2px solid var(--moss-green); }
.doc-deel .deel-label { display: block; font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.78rem; color: var(--cobalt-blue); margin-bottom: 0.4rem; }
.doc-art { margin-top: 2.6rem; scroll-margin-top: 90px; }
.doc-art h3 { font-size: clamp(1.2rem, 1.8vw, 1.5rem); color: var(--moss-green); margin-bottom: 1rem; }
.doc-art ol { list-style: none; display: grid; gap: 0.9rem; }
.doc-art ol > li { display: grid; grid-template-columns: 3.2rem 1fr; gap: 0.6rem; align-items: start; font-size: 1rem; line-height: 1.7; }
.doc-art .lid { font-weight: 800; color: var(--cobalt-blue); }
.doc-art ul.opsom { list-style: none; display: grid; gap: 0.5rem; margin-top: 0.7rem; }
.doc-art ul.opsom li { padding-left: 1.4rem; position: relative; }
.doc-art ul.opsom li::before { content: '·'; position: absolute; left: 0.35rem; color: var(--cobalt-blue); font-weight: 800; }
.doc-meta { background: var(--software-grey); border-radius: 14px; padding: clamp(1.4rem, 2.6vw, 2rem); margin-bottom: 2.6rem; font-size: 0.98rem; }
.doc-meta strong { display: block; }

@media (max-width: 760px) {
  .statbox { grid-template-columns: 1fr; }
  .principes { grid-template-columns: 1fr; }
  .doc-nav ol { columns: 1; }
  .doc-art ol > li { grid-template-columns: 2.6rem 1fr; }
}

/* ---------- footer ---------- */
.site-footer { background: var(--dark-blue); color: var(--pure-white); padding: 4rem 0 2rem; }
.site-footer .cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2.5rem; }
.site-footer h4 { font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.78rem; color: var(--signal-green); margin-bottom: 1.1rem; }
.site-footer a { color: var(--pure-white); text-decoration: none; opacity: 0.85; font-size: 0.92rem; }
.site-footer a:hover { color: var(--signal-green); opacity: 1; }
.site-footer ul { list-style: none; display: grid; gap: 0.55rem; }
.site-footer .legal { margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,0.12); display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: 0.78rem; opacity: 0.65; }
.site-footer .logo img { height: 22px; margin-bottom: 1rem; }

/* ============================================================
   HOMEPAGE-COMPONENTEN (7 augustus 2026)
   Overgenomen uit het design van de live site. Alles hieronder hangt aan
   eigen klassennamen die nergens anders voorkomen, zodat de 47 andere
   pagina's onaangeroerd blijven. Dit blok hoort ACHTERAAN het bestand:
   .reviews-klein blockquote heeft dezelfde specificiteit als
   .section--white blockquote hierboven, dus de volgorde beslist.
   ============================================================ */

/* ---------- kop links, tekst rechts ---------- */
.koptekst { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.koptekst > h2 { font-size: clamp(2.1rem, 4.1vw, 3.7rem); line-height: 1.08; }
.koptekst-body { max-width: 36em; font-size: 1.05rem; }

/* ---------- volle-breedte breker in twee helften ---------- */
.breker { display: grid; grid-template-columns: 1fr 1fr; }
.breker-half { position: relative; min-height: clamp(520px, 62vw, 860px); overflow: hidden; }
.breker-half > img, .breker-half > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* leesbaarheid via één vlak moss-vlak, geen verloop en geen blur */
.breker-half--tekst::after { content: ''; position: absolute; inset: 0; background: rgba(0,41,38,0.62); }
.breker-inhoud { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 1.2rem; padding: clamp(2.2rem, 5vw, 4.2rem); color: var(--pure-white); }
.breker-inhoud h2 { color: var(--signal-green); font-size: clamp(2.1rem, 4.3vw, 3.9rem); line-height: 1.08; max-width: 12em; }
.breker-figuur { width: clamp(200px, 25vw, 380px); }
.breker-sub { font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; font-size: clamp(0.85rem, 1.3vw, 1.05rem); color: var(--signal-green); max-width: 16em; line-height: 1.35; }
.breker-inhoud .btn-row { margin-top: 0.4rem; justify-content: center; }

/* ---------- kop of foto die over de sectiegrens heen steekt ----------
   De foto krijgt een negatieve bovenmarge en steekt zo omhoog het vorige
   kleurvlak in. Geen z-index-truc nodig: een latere sectie wordt later
   geschilderd en ligt dus vanzelf bovenop. */
.split--overlap { align-items: start; }
.split--overlap > :not(.split-photo) { padding-top: clamp(0.6rem, 2.6vw, 2.6rem); }
.split--overlap .split-photo { margin-top: calc(-1 * clamp(2.5rem, 6vw, 6rem)); position: relative; z-index: 2; box-shadow: 0 18px 50px rgba(0,41,38,0.16); }
/* Staat de tekst ernaast veel langer dan de foto, dan hangt de foto bovenaan met
   een gat eronder. Deze variant zet hem midden in het blok, schaduw behouden. */
.split--overlap .split-photo--midden { align-self: center; margin-top: 0; }

/* ---------- aanloopblok, intro op de klantenband ----------
   Het blok staat bewust niet gecentreerd op de pagina maar ingesprongen vanaf
   ongeveer een derde, met de cobalt lijn op zijn linkerrand. De pijl staat naast
   de kop, niet eronder. Zo staat het op de live site. */
.aanloop { background: var(--dark-blue); color: var(--pure-white); padding: clamp(3.4rem, 6vw, 5.4rem) 0; }
.aanloop .container { max-width: none; padding: 0; }
.aanloop-blok { margin-left: max(1.2rem, calc(25vw - 192px)); margin-right: clamp(1.2rem, 4vw, 3rem); border-left: 2px solid var(--cobalt-blue); padding: clamp(0.4rem, 1vw, 1rem) 0 clamp(0.4rem, 1vw, 1rem) clamp(1rem, 2vw, 1.8rem); }
.aanloop .eyebrow { display: block; font-family: var(--font-body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.88rem; color: var(--cobalt-blue); }
.aanloop-mid { display: flex; align-items: center; gap: clamp(1.5rem, 4vw, 4rem); margin: clamp(2.2rem, 5vw, 4rem) 0 clamp(3rem, 7vw, 5.5rem); }
.aanloop h2 { flex: 1; max-width: 11em; margin: 0 auto; text-transform: uppercase; letter-spacing: 0.02em; font-size: clamp(1.9rem, 3.7vw, 3.35rem); line-height: 1.22; text-align: center; }
.aanloop .pijl { flex: 0 0 auto; width: clamp(38px, 4.3vw, 66px); height: auto; color: var(--cobalt-blue); }
.aanloop .eyebrow--onder { opacity: 0.75; max-width: 22em; }

/* ---------- infinite-scroll band met klantenbeelden ----------
   De track staat twee keer in de HTML en schuift naar -50%, precies één
   volledige set. De tussenruimte moet daarom margin-right op de items zijn
   en GEEN gap: met gap klopt die -50% niet en krijg je elke ronde een hik.
   Set 2 is altijd een exacte kopie van set 1. */
.marquee { overflow: hidden; }
.marquee-track { display: flex; width: max-content; animation: marquee-loop 110s linear infinite; }
.marquee:hover .marquee-track, .marquee:focus-within .marquee-track { animation-play-state: paused; }
/* de beelden staan tegen elkaar, zonder marge en zonder ronde hoeken: één doorlopende
   band van rand tot rand. Géén gap gebruiken, dan klopt de -50% niet meer. */
.marquee-item { flex: 0 0 auto; width: clamp(190px, 18vw, 285px); }
.marquee-item img { width: 100%; height: clamp(280px, 27vw, 420px); object-fit: cover; display: block; }
@keyframes marquee-loop { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- uitgelichte review met de kleine reviews eronder ---------- */
.review-uit { text-align: center; }
.review-uit .bigquote { color: var(--cobalt-blue); font-size: clamp(2.1rem, 4.8vw, 4rem); line-height: 1.22; max-width: 15em; margin: 0 auto; }
.review-uit .bigquote::before { content: '\201C'; }
.review-uit .bigquote::after { content: '\201D'; }
.review-uit .attributie { display: block; margin-top: 1.8rem; font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.78rem; color: var(--moss-green); }
.reviews-klein { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.8rem, 4vw, 3rem); margin-top: clamp(3rem, 6vw, 4.6rem); padding-top: clamp(2.4rem, 4vw, 3.4rem); border-top: 1px solid rgba(0,41,38,0.14); }
/* Vier reviews in plaats van drie: op drie kolommen valt de vierde alleen op een
   tweede rij. Alleen op /sprint, want /index heeft er drie. */
.reviews-klein--vier { grid-template-columns: repeat(2, 1fr); }
.reviews-klein blockquote { background: none; border: 0; border-radius: 0; padding: 0; font-size: 1.02rem; display: flex; flex-direction: column; }
/* margin-top: auto duwt de naam met het portret naar de onderkant, zodat de
   drie portretten op één lijn staan ook al zijn de citaten ongelijk lang. */
.reviews-klein blockquote footer { color: var(--cobalt-blue); display: flex; align-items: center; gap: 0.85rem; margin-top: auto; padding-top: 1.1rem; }
/* Portret naast de naam onder een review. De bronnen staan als vierkante
   uitsnede in assets/img/klanten/portret/, zodat het gezicht in de cirkel
   valt zonder dat je hier per foto met object-position moet bijsturen. */
.review-foto { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
/* Bij de grote quote staat het portret boven de naam in plaats van ernaast. */
.review-uit .attributie { display: flex; flex-direction: column; align-items: center; gap: 0.9rem; }
.review-uit .review-foto { width: 76px; height: 76px; }

/* ---------- drie merkschijven die een halve slag draaien op hover ----------
   De schijven zijn de échte brandmarks van Faldona (merk-o, merk-punten,
   merk-raster), als CSS-mask in plaats van als img. Daardoor bepaalt
   --schijf de kleur en schijnt de achtergrond door de uitsparingen heen.
   Op een licht vlak staat de schijf in moss green: een signal-green vlak
   van 240px zou neerkomen op signal green als achtergrond, en dat mag niet.
   Op een donker vlak draait dat om via .merkcirkels--op-donker. */
.merkcirkels { --schijf: var(--moss-green); display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.8rem, 4vw, 3.2rem); margin-top: clamp(1.3rem, 2.4vw, 2.1rem); }
.merkcirkels--op-donker { --schijf: var(--signal-green); }
.merkcirkel { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.8rem; }
.merkcirkel .schijf { width: clamp(160px, 19vw, 270px); aspect-ratio: 1; background: var(--schijf); margin-bottom: 0.6rem; transition: transform 0.6s cubic-bezier(0.22, 0.8, 0.3, 1); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.merkcirkel:hover .schijf, .merkcirkel:focus-within .schijf { transform: rotate(180deg); }
/* De merktekens staan als data-URI in dit bestand en niet als los .svg. Reden: een
   CSS-mask valt onder CORS, en over file:// heeft een pagina geen origin. Bij een los
   bestand weigert de browser de mask dan te laden en blijft de schijf onzichtbaar, met
   een gat in de pagina als gevolg. Een data-URI heeft dat probleem niet. De bronbestanden
   blijven in assets/img/ staan: merk-o.svg, merk-punten.svg, merk-raster.svg. */
.schijf--donut { -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNzc1LjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjYzlmMjA0OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjYuNTYuOThjMjU2LjA0LTE1LjMxLDQ0Ni44MywxNTAuNSw0MzIuNyw0MTMuMDUtMTIuNTgsMjMzLjc1LTE5OC43NCwzNzIuMjItNDI1LjQsMzYwLjU5Qy0xMjMuNjIsNzQ5LjEtMTIzLjE3LDMwLjI3LDM2Ni41Ni45OFpNMzkyLjc2LDI5NS44OWMtNDcuOTEsMy4wOC03My40NSwzMi42LTc2LjQzLDc5LjY0LTMuMzYsNTMuMDksMTUuOCw5OC4zNiw3NC4zLDEwMi4zMSw3MS44MSw0Ljg2LDk4LjM2LTM4LjMsOTMuOS0xMDUuMTItMy41OC01My43LTM5LjI4LTgwLjIxLTkxLjc3LTc2LjgzWiIvPgo8L3N2Zz4='); mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNzc1LjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjYzlmMjA0OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjYuNTYuOThjMjU2LjA0LTE1LjMxLDQ0Ni44MywxNTAuNSw0MzIuNyw0MTMuMDUtMTIuNTgsMjMzLjc1LTE5OC43NCwzNzIuMjItNDI1LjQsMzYwLjU5Qy0xMjMuNjIsNzQ5LjEtMTIzLjE3LDMwLjI3LDM2Ni41Ni45OFpNMzkyLjc2LDI5NS44OWMtNDcuOTEsMy4wOC03My40NSwzMi42LTc2LjQzLDc5LjY0LTMuMzYsNTMuMDksMTUuOCw5OC4zNiw3NC4zLDEwMi4zMSw3MS44MSw0Ljg2LDk4LjM2LTM4LjMsOTMuOS0xMDUuMTItMy41OC01My43LTM5LjI4LTgwLjIxLTkxLjc3LTc2LjgzWiIvPgo8L3N2Zz4='); }
.schijf--punten { -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNzc1LjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjYzlmMjA0OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjYuNTYuOThjLTQ4OS43NCwyOS4yOS00OTAuMTksNzQ4LjEyLDcuMyw3NzMuNjQsMjI2LjY1LDExLjYzLDQxMi44MS0xMjYuODQsNDI1LjQtMzYwLjU5QzgxMy40LDE1MS40OCw2MjIuNi0xNC4zNCwzNjYuNTYuOThaTTM4NS4zNCwzMTQuNDVjNC4yNy01LjMyLDkuOTQtOC4wNywxNi45LTcuNjYsNS4xNS4zMSw5LjUsMi40OSwxMy4wMiw2LjIsNy4zOCw3Ljc4LDcuMzMsMjAuMTQtLjY2LDI3LjgzLTcuNTUsNy4yNi0yMC4xMSw3LjUtMjcuODYtLjYyLTcuOTktOC4xOC02LjUzLTE5LjM2LTEuNDEtMjUuNzVaTTMyNi41Miw0MDMuNDNjLS44OC0uNzEtMS42Ny0xLjUtMi4zOC0yLjM4LTIuNjktMy4wOS00LjI5LTYuNjUtNC44LTEwLjcyLS40MS0zLjI0LS4xMS02LjQuOTQtOS41Ljg0LTIuNSwyLjE0LTQuNzIsMy44Ny02LjcuNzEtLjg4LDEuNS0xLjY3LDIuMzgtMi4zOCwzLjIzLTIuOTEsNy4xMS00LjQ2LDExLjM2LTQuOTEsNS4wNy0uNTMsOS43Ni43LDEzLjk0LDMuNy41NS4zOSwxLjA5LjgsMS42MywxLjIxLjg4LjcxLDEuNjcsMS41LDIuMzgsMi4zOCw2LjU2LDguNTEsNi41NiwxOC40MiwwLDI2LjkyLS43MS44OC0xLjUsMS42Ny0yLjM4LDIuMzgtOC41LDYuNTUtMTguNTQsNi41NS0yNi45MiwwWk00MTUuODIsNDYxLjc0Yy0uNTkuNzYtMS4yNywxLjQ0LTIuMDQsMi4wNC03LjY4LDYuMy0xOC4wOSw2LjQxLTI1LjksMC0uODItLjY1LTEuNTYtMS4zOC0yLjItMi4yMS0yLjQ2LTIuOTMtMy45OS02LjI3LTQuNTQtMTAuMDctLjQ1LTMuMDgtLjEzLTYuMDYuODgtOC45OS44Ni0yLjQ2LDIuMDUtNC43MywzLjgyLTYuNjcuNjUtLjgyLDEuMzgtMS41NiwyLjIxLTIuMiwyLjMzLTIuMTYsNS4xNy0zLjQ4LDguMTctNC4yLDQuODItMS4xNyw5LjUzLS41OSwxMy45MiwxLjg5LDEuMjIuNjgsMi4zMiwxLjUyLDMuNDYsMi4zMS44Mi42NSwxLjU1LDEuMzksMi4yMSwyLjIsNi4zOCw4LjE0LDYuMzgsMTcuNzYsMCwyNS45Wk00NDYuMTMsNDMyLjY0Yy03LjMzLDcuNC0xOC4yMyw4LjI3LTI2LjYxLDIuNDItOS4wMy02LjMxLTExLjY0LTE3Ljc0LTUuNTQtMjguMi0zLjgzLDIuMzMtNy42OSwzLjc1LTExLjk2LDMuOTUtNC4yMy4yLTguMjItLjY4LTEyLjE0LTIuNjguNDUsMS4yNS45MSwyLjMyLDEuMjMsMy40NCwxLjk5LDYuODgsMS4wNywxMy4zLTMuMTUsMTkuMTctLjI1LjM1LS40Ny43My0uNywxLjEtLjk0LDEuMS0xLjk1LDIuMTItMy4wNiwzLjA2LTQuNDcsMy40MS05LjQ3LDUuMTUtMTUuMTIsNC44LTQuMTUtLjI1LTcuOTQtMS41NC0xMS4zLTQuMDItLjM4LS4yOC0uNzktLjUyLTEuMTgtLjc4LTEuMTYtLjk5LTIuMjQtMi4wNi0zLjIyLTMuMjMtNi40My03LjktNi41NC0xOS4zNS4xNy0yNy40My45OS0xLjE2LDIuMDYtMi4yNCwzLjIzLTMuMjIsNS41LTQuNDgsMTQuMy02Ljg2LDIzLjI4LTIuNjQtMy41NC03LjIxLTMuNDgtMTQuMzUtLjAxLTIxLjQ5LS4zOS0uMjItLjY4LjA4LS45Ny4yLTcuNTQsMy4wMy0xNC42OCwyLjM1LTIxLjM3LTIuMzQtLjM2LS4yNS0uNzMtLjQ3LTEuMS0uNy0xLjE2LS45OS0yLjI0LTIuMDYtMy4yMi0zLjIzLTYuNDMtNy45LTYuNTQtMTkuMzUuMTctMjcuNDMuOTktMS4xNiwyLjA2LTIuMjQsMy4yMy0zLjIyLDQuNDItMy41NCw5LjQ4LTUuMTEsMTUuMTEtNC44LDMuOTUuMjIsNy41MywxLjYxLDEwLjc4LDMuODUuNDYuMzEuOTEuNjMsMS4zNy45NSwxLjE3Ljk4LDIuMjQsMi4wNiwzLjIzLDMuMjIsNC42Nyw2LjIsNi4xMiwxMy4wMSwzLjgzLDIwLjUtLjMxLDEuMDItLjc1LDEuOTktMS4xOSwzLjEyLDguMjQtMy45LDE2LjE3LTMuNzksMjQuMDMsMS4zNC00LjUyLTguNDktNC40NS0xNi40OCwxLjMyLTI0LjExLjIzLS40OC43OC0uNzIuOTgtMS4yMi40Ny0uMzMuODYtLjczLDEuMTktMS4xOS41MS0uMi43NC0uNzUsMS4yMi0uOTgsMi45OS0yLjQyLDYuMzctMy44NCwxMC4yMS00LjMxLDUuMDYtLjYyLDkuNjYuNDksMTMuODksMy4yOS41LjMzLjk4LjY4LDEuNDcsMS4wMi40OC4yMy43Mi43OCwxLjIyLjk4LjMzLjQ3LjczLjg2LDEuMTksMS4xOS4yLjUxLjc1Ljc0Ljk4LDEuMjIsMi43NCwzLjc0LDQuMzQsNy44OCw0LjM5LDEyLjU0LjA0LDQuMjYtMS4xNyw4LjE4LTMuNTIsMTEuNzQtLjI4LjQzLS41OC44NS0uODcsMS4yOC0uMjMuNDgtLjc4LjcyLS45OCwxLjIyLS40Ny4zMy0uODYuNzMtMS4xOSwxLjE5LS41MS4yLS43NC43NS0xLjIyLjk4LTMuNzQsMi43NC03Ljg5LDQuMzMtMTIuNTQsNC4zOS0zLjU0LjA1LTYuODktLjgzLTEwLjAyLTIuNDgtLjI0LS4xMy0uNDgtLjI3LS43My0uMzktLjIzLS4xMS0uNDgtLjItLjg4LS4zNyw1LjM3LDguNzksNS4zOSwxNy41Mi4wOSwyNi40MSwxMC4zOS02LjA5LDIwLjc4LTMuMiwyNi44NywzLjk0LDcuNjQsOC45Niw2LjIxLDIwLjgxLS44NiwyNy45NFpNNDc3LjQ1LDM5OC4zNWMtLjIzLjMyLS40MS42Ny0uNjIsMS0uOTMsMS4xMS0xLjk1LDIuMTMtMy4wNiwzLjA2LTIuODQsMi4wNi01Ljk2LDMuNS05LjQ3LDMuODgtNC4yNi40Ni04LjMtLjMtMTIuMDEtMi41NS0uNy0uNDItMS40OC0uNy0yLjA0LTEuMzMtMS4xMS0uOTMtMi4xMy0xLjk1LTMuMDYtMy4wNi01LjYxLTYuNzItNS41NC0xNi44MywwLTIzLjUyLjkzLTEuMTEsMS45NS0yLjEzLDMuMDYtMy4wNiwzLjg4LTMuMiw4LjM3LTQuNDcsMTMuMzItNC4xMSwzLjgxLjI3LDcuMTYsMS44NCwxMC4yLDQuMTEsMS4xMS45MywyLjEzLDEuOTUsMy4wNiwzLjA2LDIuMDcsMi44NSwzLjUyLDUuOTcsMy44OCw5LjQ4LjQ4LDQuNzEtLjQ2LDkuMTEtMy4yNywxMy4wM1oiLz4KPC9zdmc+'); mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNzc1LjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjYzlmMjA0OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjYuNTYuOThjLTQ4OS43NCwyOS4yOS00OTAuMTksNzQ4LjEyLDcuMyw3NzMuNjQsMjI2LjY1LDExLjYzLDQxMi44MS0xMjYuODQsNDI1LjQtMzYwLjU5QzgxMy40LDE1MS40OCw2MjIuNi0xNC4zNCwzNjYuNTYuOThaTTM4NS4zNCwzMTQuNDVjNC4yNy01LjMyLDkuOTQtOC4wNywxNi45LTcuNjYsNS4xNS4zMSw5LjUsMi40OSwxMy4wMiw2LjIsNy4zOCw3Ljc4LDcuMzMsMjAuMTQtLjY2LDI3LjgzLTcuNTUsNy4yNi0yMC4xMSw3LjUtMjcuODYtLjYyLTcuOTktOC4xOC02LjUzLTE5LjM2LTEuNDEtMjUuNzVaTTMyNi41Miw0MDMuNDNjLS44OC0uNzEtMS42Ny0xLjUtMi4zOC0yLjM4LTIuNjktMy4wOS00LjI5LTYuNjUtNC44LTEwLjcyLS40MS0zLjI0LS4xMS02LjQuOTQtOS41Ljg0LTIuNSwyLjE0LTQuNzIsMy44Ny02LjcuNzEtLjg4LDEuNS0xLjY3LDIuMzgtMi4zOCwzLjIzLTIuOTEsNy4xMS00LjQ2LDExLjM2LTQuOTEsNS4wNy0uNTMsOS43Ni43LDEzLjk0LDMuNy41NS4zOSwxLjA5LjgsMS42MywxLjIxLjg4LjcxLDEuNjcsMS41LDIuMzgsMi4zOCw2LjU2LDguNTEsNi41NiwxOC40MiwwLDI2LjkyLS43MS44OC0xLjUsMS42Ny0yLjM4LDIuMzgtOC41LDYuNTUtMTguNTQsNi41NS0yNi45MiwwWk00MTUuODIsNDYxLjc0Yy0uNTkuNzYtMS4yNywxLjQ0LTIuMDQsMi4wNC03LjY4LDYuMy0xOC4wOSw2LjQxLTI1LjksMC0uODItLjY1LTEuNTYtMS4zOC0yLjItMi4yMS0yLjQ2LTIuOTMtMy45OS02LjI3LTQuNTQtMTAuMDctLjQ1LTMuMDgtLjEzLTYuMDYuODgtOC45OS44Ni0yLjQ2LDIuMDUtNC43MywzLjgyLTYuNjcuNjUtLjgyLDEuMzgtMS41NiwyLjIxLTIuMiwyLjMzLTIuMTYsNS4xNy0zLjQ4LDguMTctNC4yLDQuODItMS4xNyw5LjUzLS41OSwxMy45MiwxLjg5LDEuMjIuNjgsMi4zMiwxLjUyLDMuNDYsMi4zMS44Mi42NSwxLjU1LDEuMzksMi4yMSwyLjIsNi4zOCw4LjE0LDYuMzgsMTcuNzYsMCwyNS45Wk00NDYuMTMsNDMyLjY0Yy03LjMzLDcuNC0xOC4yMyw4LjI3LTI2LjYxLDIuNDItOS4wMy02LjMxLTExLjY0LTE3Ljc0LTUuNTQtMjguMi0zLjgzLDIuMzMtNy42OSwzLjc1LTExLjk2LDMuOTUtNC4yMy4yLTguMjItLjY4LTEyLjE0LTIuNjguNDUsMS4yNS45MSwyLjMyLDEuMjMsMy40NCwxLjk5LDYuODgsMS4wNywxMy4zLTMuMTUsMTkuMTctLjI1LjM1LS40Ny43My0uNywxLjEtLjk0LDEuMS0xLjk1LDIuMTItMy4wNiwzLjA2LTQuNDcsMy40MS05LjQ3LDUuMTUtMTUuMTIsNC44LTQuMTUtLjI1LTcuOTQtMS41NC0xMS4zLTQuMDItLjM4LS4yOC0uNzktLjUyLTEuMTgtLjc4LTEuMTYtLjk5LTIuMjQtMi4wNi0zLjIyLTMuMjMtNi40My03LjktNi41NC0xOS4zNS4xNy0yNy40My45OS0xLjE2LDIuMDYtMi4yNCwzLjIzLTMuMjIsNS41LTQuNDgsMTQuMy02Ljg2LDIzLjI4LTIuNjQtMy41NC03LjIxLTMuNDgtMTQuMzUtLjAxLTIxLjQ5LS4zOS0uMjItLjY4LjA4LS45Ny4yLTcuNTQsMy4wMy0xNC42OCwyLjM1LTIxLjM3LTIuMzQtLjM2LS4yNS0uNzMtLjQ3LTEuMS0uNy0xLjE2LS45OS0yLjI0LTIuMDYtMy4yMi0zLjIzLTYuNDMtNy45LTYuNTQtMTkuMzUuMTctMjcuNDMuOTktMS4xNiwyLjA2LTIuMjQsMy4yMy0zLjIyLDQuNDItMy41NCw5LjQ4LTUuMTEsMTUuMTEtNC44LDMuOTUuMjIsNy41MywxLjYxLDEwLjc4LDMuODUuNDYuMzEuOTEuNjMsMS4zNy45NSwxLjE3Ljk4LDIuMjQsMi4wNiwzLjIzLDMuMjIsNC42Nyw2LjIsNi4xMiwxMy4wMSwzLjgzLDIwLjUtLjMxLDEuMDItLjc1LDEuOTktMS4xOSwzLjEyLDguMjQtMy45LDE2LjE3LTMuNzksMjQuMDMsMS4zNC00LjUyLTguNDktNC40NS0xNi40OCwxLjMyLTI0LjExLjIzLS40OC43OC0uNzIuOTgtMS4yMi40Ny0uMzMuODYtLjczLDEuMTktMS4xOS41MS0uMi43NC0uNzUsMS4yMi0uOTgsMi45OS0yLjQyLDYuMzctMy44NCwxMC4yMS00LjMxLDUuMDYtLjYyLDkuNjYuNDksMTMuODksMy4yOS41LjMzLjk4LjY4LDEuNDcsMS4wMi40OC4yMy43Mi43OCwxLjIyLjk4LjMzLjQ3LjczLjg2LDEuMTksMS4xOS4yLjUxLjc1Ljc0Ljk4LDEuMjIsMi43NCwzLjc0LDQuMzQsNy44OCw0LjM5LDEyLjU0LjA0LDQuMjYtMS4xNyw4LjE4LTMuNTIsMTEuNzQtLjI4LjQzLS41OC44NS0uODcsMS4yOC0uMjMuNDgtLjc4LjcyLS45OCwxLjIyLS40Ny4zMy0uODYuNzMtMS4xOSwxLjE5LS41MS4yLS43NC43NS0xLjIyLjk4LTMuNzQsMi43NC03Ljg5LDQuMzMtMTIuNTQsNC4zOS0zLjU0LjA1LTYuODktLjgzLTEwLjAyLTIuNDgtLjI0LS4xMy0uNDgtLjI3LS43My0uMzktLjIzLS4xMS0uNDgtLjItLjg4LS4zNyw1LjM3LDguNzksNS4zOSwxNy41Mi4wOSwyNi40MSwxMC4zOS02LjA5LDIwLjc4LTMuMiwyNi44NywzLjk0LDcuNjQsOC45Niw2LjIxLDIwLjgxLS44NiwyNy45NFpNNDc3LjQ1LDM5OC4zNWMtLjIzLjMyLS40MS42Ny0uNjIsMS0uOTMsMS4xMS0xLjk1LDIuMTMtMy4wNiwzLjA2LTIuODQsMi4wNi01Ljk2LDMuNS05LjQ3LDMuODgtNC4yNi40Ni04LjMtLjMtMTIuMDEtMi41NS0uNy0uNDItMS40OC0uNy0yLjA0LTEuMzMtMS4xMS0uOTMtMi4xMy0xLjk1LTMuMDYtMy4wNi01LjYxLTYuNzItNS41NC0xNi44MywwLTIzLjUyLjkzLTEuMTEsMS45NS0yLjEzLDMuMDYtMy4wNiwzLjg4LTMuMiw4LjM3LTQuNDcsMTMuMzItNC4xMSwzLjgxLjI3LDcuMTYsMS44NCwxMC4yLDQuMTEsMS4xMS45MywyLjEzLDEuOTUsMy4wNiwzLjA2LDIuMDcsMi44NSwzLjUyLDUuOTcsMy44OCw5LjQ4LjQ4LDQuNzEtLjQ2LDkuMTEtMy4yNywxMy4wM1oiLz4KPC9zdmc+'); }
.schijf--raster { -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNzc1LjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjYzlmMjA0OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjYuNTYuOThjLTQ4OS43NCwyOS4yOS00OTAuMTksNzQ4LjEyLDcuMyw3NzMuNjQsMjI2LjY1LDExLjYzLDQxMi44MS0xMjYuODQsNDI1LjQtMzYwLjU5QzgxMy40LDE1MS40OCw2MjIuNi0xNC4zNCwzNjYuNTYuOThaTTU5NS41MSwzMjQuNjdjMS40NC0xLjU5LDMuMTMtMS4wOSw0LjI0LS4wOSwxLjIsMS4wOCwxLjI4LDMuMzEuMTEsNC4zOC0xLjIsMS4xLTIuOTQsMS4zMS00LjU2LS4xNy0xLS45Mi0xLjE2LTMuMDEuMjEtNC4xMlpNNTYzLjUzLDI5Mi4zM2MyLTEuOTUsNS4yMS0xLjg5LDcuMjYuMTQsMS45OCwxLjk2LDEuOTksNS4yMi4wNCw3LjE3LTEuODgsMS44OC01LjQ3LDEuOTMtNy4zOC4xLTEuNzQtMS42Ny0xLjctNS42OC4wOC03LjQyWk01MzIuNTEsMjYxLjI2YzIuOTctMi44LDYuMTEtMi4xMyw4LjE5LS4wNywyLjQxLDIuMzksMi42NSw1Ljg0LjE0LDguNC0yLjIzLDIuMjktNS43MywyLjczLTkuMDQtLjQ5LTEuODMtMS43OS0xLjQ5LTUuNjIuNy03Ljg0Wk01MjguMTQsMzIwLjUyYy43LS44OSwxLjQ5LTEuNjgsMi4zOC0yLjM4LDMuMDktMi4zOCw3LjQyLTIuODIsMTEuMDgtLjc0LjQxLjIzLjgxLjQ5LDEuMjEuNzQuODkuNywxLjY4LDEuNDksMi4zOCwyLjM4LDEuMTIsMS44OCwxLjkxLDMuODYsMS45Miw2LjA5LjAxLDIuMjctLjc4LDQuMjktMS45Miw2LjIxLS43Ljg5LTEuNDksMS42OC0yLjM4LDIuMzgtMS43LDEuMDItMy41LDEuNzctNS41MSwxLjkxLTIuNDkuMTgtNC43LS42My02Ljc4LTEuOTEtLjg5LS43LTEuNjgtMS40OS0yLjM4LTIuMzgtMi44Mi0zLjU2LTIuNzItOC43OSwwLTEyLjI5Wk01MDIuMzMsMjMxLjE3YzIuNDYtMi41Nyw1LjcyLTIuMDcsNy44LDAsMi4xMSwyLjEsMi4wOCw1Ljc1LS4wMiw3LjgxLTIuMDYsMi4wMy01LjYyLDEuOTktNy43My4wNS0yLjM0LTIuMTYtMi4zNC01Ljc5LS4wNi03Ljg2Wk00OTYuNjgsMjg5LjFjMi43OS0yLjkzLDUuOTEtNC44MiwxMC4wMi00LjY1LDMuMDMuMTMsNS42LDEuNDcsNy42NCwzLjYzLDQuNDQsNC43MSw0LjMyLDExLjc1LS4zLDE2LjI3LTQuMzMsNC4yMy0xMS42NSw0LjQ0LTE2LjI1LS4yNi00LjAxLTQuMS00LjQyLTExLjUxLTEuMTEtMTVaTTQ3My4wOSwyMDEuMjhjMS42My0xLjM2LDMuOTMtMS4yOSw1LjQ0LjM0LDEuNDgsMS41OSwxLjQzLDQuMzktLjEsNS43OC0xLjY5LDEuNTQtNC4zLDEuMzctNS45My0uMzgtMS4zOC0xLjMxLTEuNTYtMy45NS41OS01LjczWk00NjcuMTEsMjU4LjgxYy41NS0uNywxLjE2LTEuMzMsMS44Ny0xLjg2LDQuNDQtMy4yLDguODgtMywxMy4zMiwwLC43MS41MywxLjMyLDEuMTYsMS44NywxLjg2LDMuMTUsNC42OSwzLjE1LDguOTgsMCwxMy42Ny0uNDguNjUtMS4wNSwxLjIxLTEuNjksMS42OS00LjQ2LDMuMS04Ljk2LDMuMTEtMTMuNDkuMTYtLjc4LS41OC0xLjQ1LTEuMjctMi4wNC0yLjAzLTMuMTEtMy44MS0zLjA5LTkuNzIuMTctMTMuNDlaTTQ2NC43MywzMTMuOWMzLjIxLTIuNzgsNi45OC00LjAxLDExLjE5LTMuOTcsMy45My4wMyw3LjI0LDEuNjQsMTAuMjgsMy45Ny43Ny41OSwxLjQ1LDEuMjYsMi4wNCwyLjA0LDIuMzksMy4yMiwzLjg1LDYuNzQsMy44MywxMC44Ni0uMDMsNC4wMy0xLjQ5LDcuNDYtMy44MywxMC42Mi0uNTkuNzctMS4yNiwxLjQ1LTIuMDQsMi4wNC0zLjA0LDIuMjUtNi4zNSwzLjczLTEwLjIyLDMuODItNC4yNC4xLTcuOTQtMS4yNS0xMS4yNS0zLjgyLS43Ny0uNTktMS40NS0xLjI2LTIuMDQtMi4wNC0yLjc1LTMuMTgtNC4wOC02Ljg5LTMuOTYtMTEuMDguMTEtMy45MSwxLjM2LTcuNDIsMy45Ni0xMC4zOS41OS0uNzcsMS4yNi0xLjQ1LDIuMDQtMi4wNFpNNDE1LjY0LDQxMC45Yy00LjIzLjItOC4yMi0uNjgtMTIuMTQtMi42OC40NSwxLjI1LjkxLDIuMzIsMS4yMywzLjQ0LDIsNi44OCwxLjA3LDEzLjMtMy4xNSwxOS4xNy0uMjUuMzUtLjQ3LjczLS43LDEuMS0uOTQsMS4xLTEuOTUsMi4xMi0zLjA1LDMuMDUtNC40NywzLjQxLTkuNDcsNS4xNS0xNS4xMiw0LjgtNC4xNS0uMjUtNy45NC0xLjU0LTExLjMtNC4wMi0uMzgtLjI4LS43OS0uNTItMS4xOC0uNzgtMS4xNi0uOTktMi4yNC0yLjA2LTMuMjItMy4yMy02LjQzLTcuOS02LjU0LTE5LjM1LjE3LTI3LjQzLjk5LTEuMTYsMi4wNi0yLjI0LDMuMjMtMy4yMiw1LjUtNC40OCwxNC4zLTYuODYsMjMuMjgtMi42NC0zLjU0LTcuMjEtMy40OC0xNC4zNS0uMDEtMjEuNDktLjM5LS4yMi0uNjguMDgtLjk3LjItNy41NCwzLjAzLTE0LjY4LDIuMzUtMjEuMzctMi4zNC0uMzYtLjI1LS43My0uNDctMS4xLS43LTEuMTYtLjk5LTIuMjQtMi4wNi0zLjIyLTMuMjMtNi40My03LjktNi41NC0xOS4zNS4xNy0yNy40My45OS0xLjE2LDIuMDYtMi4yNCwzLjIzLTMuMjIsNC40Mi0zLjU0LDkuNDgtNS4xMSwxNS4xMS00LjgsMy45NS4yMiw3LjUzLDEuNjEsMTAuNzksMy44NS40Ni4zMS45MS42MywxLjM3Ljk1LDEuMTcuOTgsMi4yMywyLjA2LDMuMjMsMy4yMiw0LjY3LDYuMiw2LjEyLDEzLjAxLDMuODMsMjAuNS0uMzEsMS4wMi0uNzUsMS45OS0xLjE4LDMuMTIsOC4yNC0zLjksMTYuMTctMy44LDI0LjAzLDEuMzQtNC41Mi04LjQ5LTQuNDUtMTYuNDgsMS4zMi0yNC4xMS4yMy0uNDguNzgtLjcyLjk4LTEuMjIuNDctLjMzLjg2LS43MywxLjE5LTEuMTkuNTEtLjIuNzQtLjc1LDEuMjItLjk4LDIuOTgtMi40Miw2LjM3LTMuODQsMTAuMjEtNC4zMSw1LjA2LS42Miw5LjY3LjQ5LDEzLjg5LDMuMjkuNS4zMy45OC42OCwxLjQ3LDEuMDIuNDguMjMuNzIuNzgsMS4yMi45OC4zMy40Ny43My44NiwxLjE5LDEuMTkuMi41MS43NS43NC45OCwxLjIyLDIuNzQsMy43Myw0LjM0LDcuODksNC4zOCwxMi41NC4wNCw0LjI2LTEuMTcsOC4xOC0zLjUyLDExLjc0LS4yOC40My0uNTguODUtLjg3LDEuMjgtLjIzLjQ4LS43OC43Mi0uOTgsMS4yMi0uNDcuMzMtLjg2LjczLTEuMTksMS4xOS0uNTEuMi0uNzQuNzUtMS4yMi45OC0zLjc0LDIuNzQtNy44OSw0LjMzLTEyLjU0LDQuMzktMy41NC4wNS02Ljg5LS44My0xMC4wMi0yLjQ4LS4yNC0uMTMtLjQ4LS4yNy0uNzMtLjM5LS4yMy0uMTEtLjQ4LS4yLS44OC0uMzcsNS4zNyw4Ljc5LDUuMzksMTcuNTIuMDksMjYuNDEsMTAuMzktNi4wOSwyMC43OC0zLjIsMjYuODcsMy45NCw3LjY0LDguOTYsNi4yMSwyMC44MS0uODYsMjcuOTUtNy4zMyw3LjQtMTguMjMsOC4yNy0yNi42MSwyLjQyLTkuMDMtNi4zMS0xMS42NC0xNy43NC01LjU0LTI4LjItMy44MywyLjMzLTcuNjksMy43NS0xMS45NiwzLjk1Wk0zNDAuMTQsNDAzLjUzYy0uODgtLjcxLTEuNjctMS41LTIuMzgtMi4zOC0yLjY5LTMuMDktNC4yOS02LjY1LTQuOC0xMC43Mi0uNDEtMy4yNC0uMTEtNi40Ljk0LTkuNS44NC0yLjUsMi4xNC00LjcyLDMuODctNi43LjcxLS44OCwxLjUtMS42NywyLjM4LTIuMzgsMy4yMy0yLjkxLDcuMTEtNC40NiwxMS4zNi00LjkxLDUuMDctLjUzLDkuNzYuNywxMy45NCwzLjcuNTUuMzksMS4wOS44MSwxLjYzLDEuMjEuODguNzEsMS42NywxLjUsMi4zOCwyLjM4LDYuNTYsOC41MSw2LjU2LDE4LjQyLDAsMjYuOTItLjcxLjg4LTEuNSwxLjY3LTIuMzgsMi4zOC04LjUsNi41NS0xOC41NCw2LjU1LTI2LjkyLDBaTTQ2My44OCw0MDIuNWMtMS4xMS0uOTMtMi4xMy0xLjk1LTMuMDYtMy4wNi01LjYxLTYuNzItNS41NC0xNi44MywwLTIzLjUyLjkzLTEuMTEsMS45NS0yLjEzLDMuMDYtMy4wNiwzLjg3LTMuMiw4LjM3LTQuNDcsMTMuMzItNC4xMSwzLjgxLjI3LDcuMTYsMS44NCwxMC4yLDQuMTEsMS4xMS45MywyLjEzLDEuOTUsMy4wNiwzLjA2LDIuMDcsMi44NSwzLjUyLDUuOTcsMy44OCw5LjQ4LjQ4LDQuNzEtLjQ2LDkuMTEtMy4yNywxMy4wMy0uMjMuMzItLjQxLjY3LS42MiwxLS45MywxLjExLTEuOTUsMi4xMy0zLjA2LDMuMDYtMi44NCwyLjA2LTUuOTYsMy41LTkuNDcsMy44OC00LjI2LjQ2LTguMy0uMy0xMi4wMS0yLjU1LS43LS40Mi0xLjQ4LS43LTIuMDQtMS4zM1pNNDM3Ljg4LDIyOS45MmMuNTktLjc3LDEuMjctMS40NSwyLjA0LTIuMDQsMi41Ny0xLjk4LDYuMDYtMi4zNSw5LjEzLS42NS4zOC4yMS43NS40MywxLjEyLjY1Ljc3LjU5LDEuNDUsMS4yNywyLjA0LDIuMDQsMS4yMiwyLjEyLDEuOTQsNC4zNCwxLjQxLDYuODMtLjI2LDEuMjMtLjgxLDIuMzQtMS40MSwzLjQzLS41OS43Ny0xLjI2LDEuNDUtMi4wNCwyLjA0LTIuMDksMS4xOS00LjI3LDEuOTUtNi43MiwxLjQxLTEuMjUtLjI4LTIuNDYtLjY5LTMuNTQtMS40MS0uNzctLjU5LTEuNDUtMS4yNy0yLjA0LTIuMDQtMi4zNy0yLjk5LTIuMjUtNy4zMiwwLTEwLjI2Wk00MjkuMDEsMjk1Ljk1Yy4xLTMuNzIsMS4zLTcuMDgsMy43Ny05LjkzLjU5LS43NywxLjI3LTEuNDUsMi4wNC0yLjA0LDIuODUtMi40OCw2LjIyLTMuNjQsOS45NS0zLjc4LDMuOTktLjE1LDcuNDEsMS4zOSwxMC41LDMuNzguNzcuNTksMS40NSwxLjI3LDIuMDQsMi4wNCwyLjI4LDMuMDUsMy42NSw2LjQxLDMuNjMsMTAuMjktLjAxLDMuODMtMS4zOCw3LjE1LTMuNjMsMTAuMTctLjU5Ljc3LTEuMjcsMS40NS0yLjA0LDIuMDQtMi44MSwyLjEtNS45LDMuNDctOS40NiwzLjYyLTQuMTIuMTctNy43NS0xLjEzLTEwLjk5LTMuNjItLjc3LS41OS0xLjQ1LTEuMjctMi4wNC0yLjA0LTIuNTktMy4wMy0zLjg4LTYuNTYtMy43Ny0xMC41MlpNNDEwLjcsMjAwLjczYzEuOS0yLjE3LDUuNS0yLjE0LDcuNTEtLjAxLDEuOTQsMi4wNSwxLjk5LDUuNDMuMDEsNy40NC0yLjAyLDIuMDUtNS40LDEuOTktNy41My4wNS0yLjExLTEuOTItMi4wNy01LjczLjAxLTcuNDhaTTQwNS4xOSwyNTYuMjJjNS4wNS01LjE0LDEzLjMtNS4zNiwxOC42NC4xNCw1LjE2LDUuMzEsNS4xNSwxMy41MS0uMTcsMTguNzItNS4zNSw1LjIzLTEzLjQ5LDQuODMtMTguNjQtLjE0LTUuMjgtNS4xMS01LjExLTEzLjgzLjE3LTE4LjcyWk00MTUuODYsMzA2Ljg5YzUuMTUuMzEsOS41LDIuNDksMTMuMDIsNi4yLDcuMzgsNy43OCw3LjMzLDIwLjE0LS42NiwyNy44My03LjU1LDcuMjYtMjAuMTEsNy40OS0yNy44Ni0uNjItNy45OS04LjE4LTYuNTMtMTkuMzYtMS40MS0yNS43NSw0LjI3LTUuMzIsOS45NC04LjA3LDE2LjktNy42NlpNMzc3LjMxLDIyOC41YzMuNTEtMy40Miw4Ljc5LTQuMjUsMTMuMzEuNDIsMy4zNiwzLjQ3LDMuMDcsOS4zNC0uNTgsMTIuODYtMy41MiwzLjQtOS40LDMuMTQtMTIuOTUtLjU2LTMuODktNC4xLTMuMTQtOS40NS4yMS0xMi43MlpNMzcyLjM4LDI4NC4yN2M2LjYtNi43LDE3LjA1LTYuNDQsMjMuNDYuMjIsNi40MSw2LjY2LDYuMzgsMTYuODUtLjIxLDIzLjM3LTYuNjcsNi42LTE2Ljk5LDYuMTUtMjMuNDUtLjE1LTYuNDYtNi4zLTYuNDYtMTcuMjQuMjEtMjMuNDRaTTM1MC4yMSwyMDEuMDljMS42Ni0xLjg5LDQuODgtMS43Miw2LjcuMjIsMS42NCwxLjc1LDEuNTksNC43Ny0uMTQsNi40Mi0xLjc2LDEuNjgtNC45OSwxLjcyLTYuNjYtLjMxLTEuODUtMS42MS0xLjU0LTQuNDcuMS02LjMzWk0zNDMuNzIsMjU4LjQ4Yy4yMS0uNS43Ny0uNzIuOTctMS4yMy4yNS0uMS40Mi0uMjcuNTItLjUyLjUxLS4xOS43My0uNzYsMS4yMy0uOTcsMS45OC0xLjQ3LDQuMTgtMi4xMiw2LjY3LTIuMjUsMi43Ny0uMTQsNS4wOC44Myw3LjMyLDIuMjUuNS4yMS43Mi43NywxLjIzLjk3LjEuMjUuMjcuNDIuNTIuNTIuMTkuNTEuNzYuNzMuOTcsMS4yMywxLjA4LDEuODQsMS45NSwzLjc0LDIuMTIsNS45My4yLDIuNjktLjMyLDUuMTYtMS44Myw3LjQxLS4xMy4xOS0uMTkuNDMtLjI5LjY1LS4yMS41LS43Ny43Mi0uOTcsMS4yMy0uMjUuMS0uNDIuMjctLjUyLjUyLS41MS4xOS0uNzMuNzYtMS4yMy45Ny0xLjg0LDEuMDgtMy43NSwxLjkzLTUuOTQsMi4xMi0yLjk2LjI2LTUuNTgtLjYtOC4wNS0yLjEyLS41LS4yMS0uNzItLjc3LTEuMjMtLjk3LS4xLS4yNS0uMjctLjQyLS41Mi0uNTItLjE5LS41MS0uNzYtLjczLS45Ny0xLjIzLTMuMS0zLjgxLTIuOTktMTAuMjMsMC0xMy45OVpNMzQxLjg0LDMxMi43YzMuMjUtMi44Miw3LjA4LTQuMTcsMTEuMzMtNC4yNyw0LjQ4LS4xMSw4LjM3LDEuNTYsMTEuODUsNC4yNy44OC43MSwxLjY3LDEuNSwyLjM4LDIuMzgsMi42NCwzLjQ2LDQuMTUsNy4zMiw0LjEyLDExLjcxLS4wMyw0LjMtMS41Myw4LjA4LTQuMTIsMTEuNDctLjcxLjg4LTEuNSwxLjY3LTIuMzgsMi4zNy0zLjIyLDIuNDctNi44MiwzLjk4LTEwLjksNC4xMS00LjU5LjE1LTguNjktMS4yNi0xMi4yOS00LjExLS44OC0uNzEtMS42Ny0xLjUtMi4zOC0yLjM3LTIuOTYtMy40NC00LjM4LTcuNDYtNC4yNy0xMS45Ny4xMS00LjIsMS40Ny04LDQuMjctMTEuMjEuNzEtLjg4LDEuNS0xLjY3LDIuMzgtMi4zOFpNMzE4LjMzLDIzMC4zYzIuNTYtMi42MSw2LjYtMi44LDkuMzIsMCwyLjY4LDIuNzYsMi43NSw2LjY2LjA2LDkuNC0yLjczLDIuNzgtNi42OCwyLjUzLTkuMzkuMTEtMi44Ni0yLjU1LTIuNjUtNy4xNiwwLTkuNTFaTTMxMi43OCwyODcuNzJjLjQ4LS42NSwxLjA0LTEuMjIsMS43LTEuNywyLjMyLTIuMDIsNS4wNS0zLjAyLDguMTEtMy4xLDMuMjctLjA5LDYuMDcsMS4xNiw4LjYxLDMuMS42NS40OCwxLjIyLDEuMDQsMS43LDEuNywzLjk0LDUuMjIsMy45NCwxMS41LDAsMTYuNzItLjQ4LjY1LTEuMDQsMS4yMi0xLjcsMS43LTMuOSwyLjk4LTguMjUsMy42OC0xMi44NywyLjIyLTEuMzgtLjQ0LTIuNzEtMS4yMy0zLjg1LTIuMjItLjY1LS40OC0xLjIyLTEuMDQtMS43LTEuNy0yLjE1LTIuNS0zLjIxLTUuNDEtMy4xLTguNy4xLTMuMDIsMS4wOC01LjcyLDMuMS04LjAyWk0zMDkuMDQsMzQ2Ljg3Yy4xNS0uNDIuNjQtLjU5Ljc3LTEuMDMuNjUtLjY1LDEuMjktMS4yOSwxLjk0LTEuOTQuNDQtLjEzLjYxLS42MiwxLjAzLS43NywzLjE4LTIuNDYsNi44NC0zLjUxLDEwLjgxLTMuNDMsMy41Ny4wNyw2LjczLDEuNDMsOS42NSwzLjQzLjQyLjE1LjU5LjY0LDEuMDMuNzcuNjUuNjUsMS4yOSwxLjI5LDEuOTQsMS45NC4xMy40NC42Mi42MS43NywxLjAzLDIuMDEsMy4xNCwzLjMsNi40OSwzLjI4LDEwLjI5LS4wMSwzLjc1LTEuMyw3LjA2LTMuMjgsMTAuMTctLjE1LjQyLS42NC41OS0uNzcsMS4wMy0uNjUuNjUtMS4yOSwxLjI5LTEuOTQsMS45NC0uNDQuMTMtLjYxLjYyLTEuMDMuNzctMy4xNCwyLjAxLTYuNDksMy4zLTEwLjI5LDMuMjgtMy43NS0uMDEtNy4wNi0xLjMtMTAuMTctMy4yOC0uNDItLjE1LS41OS0uNjQtMS4wMy0uNzctLjY1LS42NS0xLjI5LTEuMjktMS45NC0xLjk0LS4xMy0uNDQtLjYyLS42MS0uNzctMS4wMy00LjU4LTUuODUtNC41Ny0xNC41MSwwLTIwLjQ1Wk0yODcuMDQsMjYwLjI4YzIuODgtMi44Niw3LjExLTMuNCwxMC43Ni4yMywyLjg0LDIuODMsMi42OCw3LjY4LS4yOCwxMC41Ny0yLjc0LDIuNjctNy45MiwyLjcyLTEwLjU1LS4zMi0zLjM2LTMuMzItMi42NC03Ljc5LjA3LTEwLjQ3Wk0yODIuMzUsMzE5LjE3Yy4yMS0uNS43OC0uNzIuOTctMS4yNC4yNS0uMDkuNDItLjI2LjUxLS41MS41MS0uMi43NC0uNzYsMS4yNC0uOTcsMy42Ny0yLjkzLDkuMzQtMy4zNSwxMy41Ni0uNjguMzcuMjMuNzQuNDYsMS4xMS42OC41LjIxLjcyLjc4LDEuMjQuOTcuMDkuMjUuMjYuNDIuNTEuNTEuMi41MS43Ni43NC45NywxLjI0Ljg0LDEuNSwxLjcyLDMsMi4wNCw0LjcyLjYxLDMuMjguMTgsNi4zOC0xLjY4LDkuMjEtLjE1LjIzLS4yNC40OS0uMzYuNzQtLjIxLjUtLjc4LjcyLS45NywxLjI0LS4yNS4wOS0uNDIuMjYtLjUxLjUxLS41MS4yLS43NC43Ni0xLjI0Ljk3LTEuNTMuODctMy4wNiwxLjc1LTQuODIsMi4wNy0zLjU2LjY1LTYuODUsMC05Ljg1LTIuMDctLjUtLjIxLS43Mi0uNzgtMS4yMy0uOTctLjA5LS4yNS0uMjYtLjQyLS41MS0uNTEtLjItLjUxLS43Ni0uNzQtLjk3LTEuMjQtMy4yNy0zLjk2LTMuMjctMTAuNzEsMC0xNC42N1pNMjU2LjkxLDI5MS4wMWMyLjY0LTIuOTQsNy40NS0yLjY4LDEwLjI1LjQyLDIuNTYsMi44MywyLjQyLDcuMTUtLjUsOS44LTIuODMsMi41OC03LjE4LDIuNDMtOS45LS41Mi0zLjA0LTMuMTYtMi4xLTcuMi4xNS05LjdaTTI1NC41NSwzNTAuMTljNC4zMS00LjQ3LDEwLjQ2LTQuMTIsMTQuMy0uMTksMy45OSw0LjA5LDMuOTgsMTAuMTUuMDQsMTQuMTItNC4wNCw0LjA3LTEwLjEyLDMuODMtMTQuMTIuMS00LjI5LTQuMDItMy44My0xMC41LS4yMi0xNC4wM1pNMjI3LjY5LDMyMi44OWMyLjEzLTEuOTQsNS4yMS0xLjg1LDcuMjYuMjEsMS45NiwxLjk2LDEuOTUsNS4yMi0uMDMsNy4xNy0xLjg5LDEuODYtNS42MywxLjg4LTcuMzguMDQtMS43NC0xLjg0LTEuNjYtNS43OC4xNC03LjQyWk0yMDIuNjUsNDE5Ljk5Yy0xLjA1LDEuMDUtMi43Ljk2LTMuODUtLjEtMS4wNy0uOTktMS4wNy0yLjY3LjE0LTMuNjcsMS4xNC0xLjI2LDIuNTQtMS4xMiwzLjY5LjAyLDEuMDUsMS4wNCwxLjA0LDIuNzMuMDIsMy43NVpNMjAyLjgzLDM1OC45NmMtMS4wNCwxLjA1LTIuNy45Ny0zLjg1LS4wOC0xLjA5LTEtMS4wNy0yLjY4LjEyLTMuNjcsMS4xNS0xLjI2LDIuNTQtMS4xMywzLjY5LDAsMS4wNiwxLjAzLDEuMDUsMi43Mi4wNCwzLjc1Wk0yMzQuOTUsNDUyLjI4Yy0xLjg4LDEuODgtNS40NywxLjkzLTcuMzguMS0xLjc0LTEuNjctMS43LTUuNjkuMDgtNy40MiwyLTEuOTUsNS4yMS0xLjg5LDcuMjYuMTQsMS45OCwxLjk2LDEuOTksNS4yMi4wMyw3LjE3Wk0yMzUuNzcsMzkyLjNjLTIuNDksMi40Ni02LjcsMi4zNy05LjIyLS4wNy0yLjU3LTIuNDktMi41LTYuODIuMTItOS4xNSwyLjU2LTIuNjksNi42Ni0yLjUxLDkuMTkuMSwyLjQsMi40OSwyLjM3LDYuNjktLjA5LDkuMTJaTTI2Ni40OCw0ODQuM2MtMi44NCwyLjU4LTcuMTgsMi40MS05LjktLjU0LTMuMDYtMy4yLTIuMTYtNy40LjItOS42NiwyLjU4LTIuNDgsNi43LTMuNDMsMTAuMjEuNCwyLjU4LDIuODEsMi40MSw3LjE1LS41Miw5LjhaTTI2OC44OSw0MjUuMzJjLTMuOTYsNC4wMi0xMC4zMiw0LTE0LjQ1LS4yNS0zLjk1LTQuMTEtMy40My05LjY2LS41Ni0xMy4wMiw0LjU0LTUuMywxMC43OS00Ljk2LDE0Ljg4LS45NCw0LDMuOTQsNC4xOCwxMC4wOS4xMywxNC4yWk0yODAuOTksMzc4Ljk5Yy4yMy0uNDkuNzgtLjczLjk5LTEuMjUuMjYtLjA2LjQyLS4yMy40OC0uNDguNTItLjIuNzUtLjc1LDEuMjUtLjk5LDIuNTYtMi4xLDUuNTgtMi45NSw4LjgxLTMuMDIsMy4yLS4wNyw2LjAyLDEuMTgsOC41OSwzLjAyLjQ5LjIzLjczLjc4LDEuMjUuOTkuMDYuMjYuMjMuNDIuNDguNDguMi41Mi43NS43NS45OCwxLjI1LDEuNDcsMi4yOCwyLjU3LDQuNjcsMi44LDcuNDUuMjcsMy4yMS0uNDksNi4xMi0yLjExLDguODUtLjIyLjM3LS40Ni43My0uNjksMS4xLS4yMy40OS0uNzguNzMtLjk5LDEuMjUtLjI2LjA2LS40Mi4yMy0uNDguNDgtLjUyLjItLjc1Ljc1LTEuMjUuOTgtMi4yNywxLjQ3LTQuNjUsMi41OC03LjQyLDIuOC0zLjcuMy02Ljk5LS42OC05Ljk4LTIuOC0uNDktLjIzLS43My0uNzgtMS4yNS0uOTktLjA2LS4yNi0uMjMtLjQyLS40OC0uNDgtLjItLjUyLS43NS0uNzUtLjk4LTEuMjUtNC4wNS01LjA4LTMuOTItMTIuMzksMC0xNy40Wk0yOTcuNTYsNTE1LjEyYy0yLjc1LDIuNzItNy45NSwyLjc1LTEwLjU1LS4yNC0zLjU1LTMuNDctMi41NS04LjA3LjA3LTEwLjU2LDMuMTMtMi45Nyw3LjI1LTMuMTYsMTAuNjcuMjMsMi44NiwyLjg0LDIuNzQsNy42Ny0uMTksMTAuNTdaTTMwMi42NSw0NTUuMzFjLS4xNS4yMy0uMjQuNDktLjM2Ljc0LS4yMS41LS43OC43Mi0uOTcsMS4yNC0uMjUuMDktLjQyLjI2LS41MS41MS0uNTEuMi0uNzQuNzYtMS4yNC45Ny0xLjUzLjg3LTMuMDcsMS43NS00LjgyLDIuMDctMy41Ni42NS02Ljg1LDAtOS44NS0yLjA3LS41LS4yMS0uNzItLjc4LTEuMjQtLjk3LS4wOS0uMjUtLjI2LS40Mi0uNTEtLjUxLS4yLS41MS0uNzYtLjc0LS45Ny0xLjI0LTMuMjctMy45Ni0zLjI3LTEwLjcxLDAtMTQuNjcuMjEtLjUuNzgtLjcyLjk3LTEuMjQuMjUtLjA5LjQyLS4yNi41MS0uNTEuNTEtLjIuNzQtLjc2LDEuMjQtLjk3LDMuNjctMi45Myw5LjM0LTMuMzUsMTMuNTYtLjY4LjM3LjIzLjc0LjQ2LDEuMTEuNjguNS4yMS43Mi43OCwxLjI0Ljk3LjA5LjI1LjI2LjQyLjUxLjUxLjIuNTEuNzYuNzQuOTcsMS4yNC44NSwxLjUsMS43MiwzLDIuMDQsNC43Mi42MSwzLjI4LjE4LDYuMzgtMS42OCw5LjIxWk0zMDguMTUsNDA4LjcxYy41NS0uODgsMS4zMy0xLjUyLDEuOTEtMi4zNi4yNi0uNDIuNTktLjc2LDEuMDItMS4wMiwxLjc5LTEuNzQsMy44OC0zLjAyLDYuMjUtMy43Nyw1LjAyLTEuNTksOS44Ni0xLjE2LDE0LjM5LDEuNjcsMS4wMS42MywxLjkzLDEuNCwyLjg5LDIuMS40Mi4yNi43Ni41OSwxLjAyLDEuMDIsNi4wNyw3LjMxLDYuMDcsMTYuMiwwLDIzLjUyLS4yNi40Mi0uNTkuNzYtMS4wMiwxLjAyLTYuODQsNS44OS0xNi40MSw2LjE5LTIzLjUyLDAtLjQyLS4yNi0uNzYtLjU5LTEuMDItMS4wMi0yLjQtMi40OS0zLjktNS40Ni00LjQ0LTguODUtLjcxLTQuNC4xNy04LjUsMi41NC0xMi4zMVpNMzI3LjY4LDU0NS4wMmMtMi43OSwyLjc5LTYuNzUsMi40My05LjM5LjA0LTIuNzYtMi40OS0yLjY3LTcuMDkuMDctOS41MiwyLjYtMi41OSw2LjYxLTIuNzUsOS4zMi4wOCwyLjcyLDIuODQsMi42NSw2Ljc0LDAsOS40Wk0zMzIuODksNDg3LjY3Yy0uNDguNjUtMS4wNCwxLjIyLTEuNywxLjctMy45LDIuOTgtOC4yNSwzLjY4LTEyLjg3LDIuMjItMS4zOC0uNDQtMi43MS0xLjIzLTMuODUtMi4yMi0uNjUtLjQ4LTEuMjItMS4wNC0xLjctMS43LTIuMTUtMi41LTMuMjEtNS40MS0zLjEtOC43LjEtMy4wMiwxLjA4LTUuNzIsMy4xLTguMDIuNDgtLjY1LDEuMDQtMS4yMiwxLjctMS43LDIuMzItMi4wMiw1LjA1LTMuMDIsOC4xMS0zLjEsMy4yNy0uMDksNi4wNywxLjE2LDguNjEsMy4xLjY1LjQ4LDEuMjIsMS4wNCwxLjcsMS43LDMuOTQsNS4yMiwzLjk0LDExLjUsMCwxNi43MlpNMzU2LjU1LDU3NC4wOWMtMS40MywxLjM1LTQuODMsMS44Ni02LjU0LS4yOS0xLjkzLTEuNjQtMS42Mi00LjUyLjAyLTYuNCwxLjY0LTEuODksNC44Ni0xLjczLDYuNjkuMiwxLjY4LDEuNzgsMS41OSw0LjgzLS4xNyw2LjVaTTM2My40Miw1MTYuMjVjLS4xMy4xOS0uMTkuNDMtLjI5LjY1LS4yMS41LS43Ny43Mi0uOTcsMS4yMy0uMjUuMS0uNDIuMjctLjUyLjUyLS41MS4xOS0uNzMuNzYtMS4yMy45Ny0xLjg0LDEuMDgtMy43NSwxLjkzLTUuOTQsMi4xMi0yLjk2LjI2LTUuNTgtLjYtOC4wNS0yLjEyLS41LS4yMS0uNzItLjc3LTEuMjMtLjk3LS4xLS4yNS0uMjctLjQyLS41Mi0uNTItLjE5LS41MS0uNzYtLjczLS45Ny0xLjIzLTMuMS0zLjgxLTIuOTktMTAuMjMsMC0xMy45OS4yMS0uNS43Ny0uNzIuOTctMS4yMy4yNS0uMS40Mi0uMjcuNTItLjUyLjUxLS4xOS43My0uNzYsMS4yMy0uOTcsMS45OC0xLjQ3LDQuMTgtMi4xMiw2LjY3LTIuMjUsMi43Ny0uMTQsNS4wOC44Myw3LjMyLDIuMjUuNS4yMS43Mi43NywxLjIzLjk3LjEuMjUuMjcuNDIuNTIuNTIuMTkuNTEuNzYuNzMuOTcsMS4yMywxLjA4LDEuODQsMS45NSwzLjc0LDIuMTIsNS45My4yLDIuNjktLjMyLDUuMTYtMS44Myw3LjQxWk0zNjUuMDIsNDYyLjY4Yy0zLjIyLDIuNDctNi44MiwzLjk4LTEwLjksNC4xMS00LjU5LjE1LTguNjktMS4yNi0xMi4yOS00LjExLS44OC0uNzEtMS42Ny0xLjUtMi4zNy0yLjM3LTIuOTYtMy40NC00LjM4LTcuNDYtNC4yNy0xMS45Ny4xMS00LjIsMS40Ny04LDQuMjctMTEuMjEuNzEtLjg4LDEuNS0xLjY3LDIuMzgtMi4zOCwzLjI1LTIuODIsNy4wOC00LjE3LDExLjMzLTQuMjcsNC40OC0uMTEsOC4zNywxLjU2LDExLjg1LDQuMjcuODguNzEsMS42NywxLjUsMi4zNywyLjM3LDIuNjQsMy40Niw0LjE1LDcuMzIsNC4xMiwxMS43MS0uMDMsNC4zLTEuNTMsOC4wOS00LjEyLDExLjQ3LS43MS44OC0xLjUsMS42Ny0yLjM4LDIuMzhaTTM5MC4wMSw1NDcuMDdjLTMuMzYsMy4xNi05LjI4LDMuNC0xMi45My0uNTktMy45NS00LjItMy4wNC05LjU5LjI0LTEyLjczLDMuNjgtMy41Miw4LjkyLTQuMTEsMTMuMzIuNDYsMy4zNSwzLjQ3LDMuMDYsOS4zOC0uNjMsMTIuODVaTTM5NS42OCw0OTEuMDZjLTMuMjMsMy4yNi03LjI4LDQuODItMTEuODcsNC43OS0zLjcxLS4wMy03LjE2LTEuMTctMTAuMDQtMy40NS0zLjg2LTMuMDQtNi4xOC03LjExLTYuNDEtMTIuMDgtLjIzLTQuOTUsMS4zMy05LjMyLDUuMDItMTIuOCw2LjYtNi43MSwxNy4wMy02LjQ2LDIzLjQ1LjE3LDYuNDIsNi42NCw2LjM4LDE2Ljc4LS4xNCwyMy4zN1pNNDE3Ljk2LDU3NC44OGMtMi4xNCwxLjkxLTUuNTQsMS42OS03LjUtLjQ4LTEuOTQtMS43Ny0xLjc0LTUuNTMuNDctNy40OCwyLjA1LTEuODEsNS40OC0xLjc5LDcuNDQuNDQsMS44OCwyLjE1LDEuNzMsNS42LS40MSw3LjUyWk00MjMuNjksNTE5LjE0Yy01LjMzLDUuMjUtMTMuNDgsNC44OC0xOC42NC0uMDgtNS4zMi01LjExLTUuMTUtMTMuODMuMS0xOC43Miw1LjA1LTUuMTcsMTMuMy01LjM5LDE4LjY0LjA4LDUuMTgsNS4zLDUuMTksMTMuNS0uMSwxOC43MlpNNDI3LjQsNDYzLjg3Yy03LjY4LDYuMy0xOC4wOSw2LjQxLTI1LjksMC0uODItLjY1LTEuNTYtMS4zOC0yLjItMi4yMS0yLjQ2LTIuOTMtMy45OS02LjI3LTQuNTQtMTAuMDctLjQ1LTMuMDgtLjEzLTYuMDYuODgtOC45OS44Ni0yLjQ2LDIuMDUtNC43MywzLjgyLTYuNjcuNjUtLjgyLDEuMzgtMS41NiwyLjIxLTIuMiwyLjMzLTIuMTYsNS4xOC0zLjQ3LDguMTctNC4yLDQuODItMS4xNyw5LjUzLS41OSwxMy45MiwxLjg5LDEuMjIuNjksMi4zMiwxLjUyLDMuNDYsMi4zMS44Mi42NSwxLjU1LDEuMzksMi4yMSwyLjIsNi4zOCw4LjE0LDYuMzgsMTcuNzYsMCwyNS45LS41OS43Ni0xLjI3LDEuNDQtMi4wNCwyLjA0Wk00NTMuNjEsNTQyLjAzYy0uMjYsMS4yMy0uODEsMi4zNC0xLjQxLDMuNDMtLjU5Ljc3LTEuMjcsMS40NS0yLjA0LDIuMDQtMi4wOSwxLjE5LTQuMjksMS45Ny02LjczLDEuNC0xLjIzLS4yOS0yLjQ5LS41Ny0zLjUzLTEuNC0uNzctLjU5LTEuNDUtMS4yNi0yLjA0LTIuMDQtMi4zNC0yLjkyLTIuMjktNy4zNywwLTEwLjI2LjU5LS43NywxLjI3LTEuNDUsMi4wNC0yLjA0LDIuNTctMS45OCw2LjA2LTIuMzUsOS4xMy0uNjUuMzguMjEuNzUuNDMsMS4xMi42NS43Ny41OSwxLjQ1LDEuMjcsMi4wNCwyLjA0LDEuMjIsMi4xMiwxLjk0LDQuMzQsMS40MSw2LjgzWk00NTcuMTQsNDg5LjU0Yy0uNTkuNzctMS4yNywxLjQ1LTIuMDQsMi4wNC0yLjgxLDIuMTEtNS45MSwzLjQ3LTkuNDcsMy42Mi00LjEyLjE4LTcuNzUtMS4xMy0xMC45OC0zLjYyLS43Ny0uNTktMS40NS0xLjI3LTIuMDQtMi4wNC0yLjU5LTMuMDMtMy44OC02LjU2LTMuNzctMTAuNTIuMS0zLjcyLDEuMy03LjA4LDMuNzctOS45My41OS0uNzcsMS4yNy0xLjQ1LDIuMDQtMi4wNCwyLjg1LTIuNDgsNi4yMi0zLjY0LDkuOTUtMy43OCwzLjk5LS4xNSw3LjQxLDEuMzksMTAuNSwzLjc4Ljc3LjU5LDEuNDUsMS4yNywyLjA0LDIuMDQsMi4yOCwzLjA1LDMuNjUsNi40MSwzLjYzLDEwLjI5LS4wMSwzLjgzLTEuMzgsNy4xNS0zLjYzLDEwLjE3Wk00NzguMzIsNTczLjYxYy0xLjU5LDEuNDMtMy43NywxLjczLTUuODUtLjEyLTEuNTgtMS40Mi0xLjYzLTQuMDMuMTItNS41OCwyLjAyLTIuMTksNC4zNy0xLjMxLDUuNjktLjA1LDEuNTYsMS40OCwxLjYxLDQuMzQuMDQsNS43NVpNNDgzLjI3LDUxNy42M2MtNC4zMiw0LjQxLTExLjE1LDQuMjctMTUuNTguMTItNC40OC00LjItNC40LTExLjUxLS4wNC0xNS42LDQuNS00LjcsMTEuMzgtNC4zMywxNS41OC0uMDIsNC4zMiw0LjQ1LDQuNCwxMS4wNS4wNCwxNS41Wk00ODguMjQsNDU5LjQ1Yy0uNTkuNzctMS4yNiwxLjQ1LTIuMDQsMi4wNC0zLjA0LDIuMjUtNi4zNSwzLjczLTEwLjIyLDMuODItNC4yNC4xLTcuOTQtMS4yNS0xMS4yNS0zLjgyLS43Ny0uNTktMS40NS0xLjI2LTIuMDQtMi4wNC0yLjc1LTMuMTgtNC4wOC02Ljg5LTMuOTYtMTEuMDguMTEtMy45MSwxLjM2LTcuNDIsMy45Ni0xMC4zOS41OS0uNzcsMS4yNi0xLjQ1LDIuMDQtMi4wNCwzLjIxLTIuNzgsNi45OC00LjAxLDExLjE5LTMuOTcsMy45My4wMyw3LjI0LDEuNjQsMTAuMjgsMy45Ny43Ny41OSwxLjQ1LDEuMjYsMi4wNCwyLjA0LDIuMzYsMy4xOSwzLjgzLDYuNjcsMy44MywxMC43NHMtMS40Niw3LjU1LTMuODMsMTAuNzRaTTUwOS45Niw1NDQuMzdjLTIuMTgsMi4xLTUuNTIsMi4yMS03Ljg3LS4wMi0yLjIyLTIuMTEtMi4yLTUuNzQuMS03Ljc4LDIuNDYtMi41Miw1LjY1LTIuMDIsNy43MiwwLDIuMTQsMi4wOCwyLjE4LDUuNzUuMDUsNy44MVpNNTE1LjY2LDQ4NS43NWMtLjE1LjIzLS4yNi40OS0uMzkuNzMtLjU5Ljc3LTEuMjYsMS40NS0yLjA0LDIuMDQtMS44MSwxLjEzLTMuNjcsMi4wNC01Ljg1LDIuMy0yLjMyLjI3LTQuNDUtLjE2LTYuNTEtMS4xMy0uNjktLjMyLTEuNDMtLjU5LTEuOTctMS4xNy0uNzctLjU5LTEuNDUtMS4yNi0yLjA0LTIuMDQtMy40Mi00LjEzLTMuMzUtMTAuMTgsMC0xNC4zMy41OS0uNzcsMS4yNi0xLjQ1LDIuMDQtMi4wNCw0LjIyLTMuMjksOS42OS0zLjQ5LDE0LjMzLDAsLjc3LjU5LDEuNDUsMS4yNiwyLjA0LDIuMDQsMS4wOSwxLjcsMiwzLjQ3LDIuMjcsNS41MS4zOSwyLjk0LS4yLDUuNjQtMS44Nyw4LjA5Wk01MTguMTYsNDI3LjQ5Yy0uODEsMS0xLjcyLDEuOS0yLjcyLDIuNzItMi43OSwxLjkyLTUuODIsMy4xMi05LjI3LDMuMTMtMy41Mi4wMS02LjY0LTEuMTMtOS40OC0zLjEzLTEtLjgxLTEuOS0xLjcyLTIuNzItMi43Mi00LjQ0LTUuNDctNC4zMS0xMy4zNiwwLTE4Ljc1LjgxLTEsMS43Mi0xLjksMi43Mi0yLjcyLDQuMzMtMy4yNSw5LjA2LTQuMTUsMTQuMjUtMi40MywxLjY1LjU1LDMuMDgsMS40OCw0LjUxLDIuNDMsMSwuODEsMS45LDEuNzIsMi43MiwyLjcyLDEuOTcsMi44NiwzLjE1LDUuOTYsMy4xMyw5LjUtLjAyLDMuNDUtMS4yMSw2LjQ3LTMuMTMsOS4yNlpNNTE4LjE2LDM2Ni42NGMtLjgxLDEtMS43MiwxLjktMi43MiwyLjcyLTIuNzksMS45Mi01LjgyLDMuMTEtOS4yNywzLjEzLTMuNTIuMDEtNi42NC0xLjEzLTkuNDgtMy4xMy0xLS44MS0xLjktMS43Mi0yLjcyLTIuNzItNC40NC01LjQ3LTQuMzEtMTMuMzYsMC0xOC43NS44MS0xLDEuNzItMS45LDIuNzItMi43Miw0LjMzLTMuMjUsOS4wNi00LjE1LDE0LjI1LTIuNDMsMS42NS41NSwzLjA4LDEuNDgsNC41LDIuNDMsMSwuODEsMS45LDEuNzIsMi43MiwyLjcyLDEuOTcsMi44NiwzLjE1LDUuOTYsMy4xMyw5LjUtLjAyLDMuNDUtMS4yMSw2LjQ3LTMuMTMsOS4yNlpNNTQwLjgzLDUxNC4wNGMtMi4zMiwyLjM1LTUuODEsMi42NS05LjAzLS41Mi0xLjgzLTEuOC0xLjQ3LTUuNi43My03Ljg0LDIuOTItMi43Niw2LjA4LTIuMTQsOC4xOS0uMDQsMi40NCwyLjQzLDIuNiw1Ljg5LjEyLDguNFpNNTQ1LjE4LDQ1NC44NmMtLjcuODktMS40OSwxLjY4LTIuMzgsMi4zOC0xLjcsMS4wMi0zLjUsMS43Ny01LjUxLDEuOTEtMi40OS4xOC00LjctLjYzLTYuNzgtMS45MS0uODktLjctMS42OC0xLjQ5LTIuMzgtMi4zOC0yLjgyLTMuNTYtMi43Mi04Ljc5LDAtMTIuMjkuNy0uODksMS40OS0xLjY4LDIuMzgtMi4zOCwzLjA5LTIuMzgsNy40Mi0yLjgyLDExLjA4LS43NC40MS4yMy44MS40OSwxLjIxLjc0Ljg5LjcsMS42OCwxLjQ5LDIuMzgsMi4zOCwxLjEyLDEuODgsMS45MSwzLjg2LDEuOTIsNi4wOS4wMSwyLjI3LS43OCw0LjI5LTEuOTIsNi4yMVpNNTQ1LjE0LDM5Ni4yN2MtNC44Niw0Ljk2LTEyLjU3LDQuNjQtMTcuMzUuMDUtNC44Mi00LjY0LTQuNzctMTIuNzguMDctMTcuMjcsNC44Mi01LjAyLDEyLjQ3LTQuODksMTcuMjYuMDMsNC44LDQuOTMsNC44NSwxMi4yOC4wMywxNy4xOVpNNTcwLjkxLDQ4My4xM2MtMi4wNywxLjk5LTUuNDQsMS44MS03LjUzLS4xOS0xLjk4LTEuODktMS45NS01LjcxLjI1LTcuNDgsMS45Mi0yLjA4LDUuNTItMS45OSw3LjUxLjIzLDEuODgsMi4wOSwxLjgxLDUuNDgtLjIyLDcuNDRaTTU3Mi42NCw0MjMuOTRjLTMuMDEsMi45NC04LjA2LDMuMDYtMTEuMjUtLjEyLTMuMjEtMy4xOS0zLjAzLTguMjQuMTMtMTEuMTgsMy4xNC0zLjE4LDcuODUtMy4yNywxMS4xNy4wMywzLjEsMy4wOCwzLjA4LDguMi0uMDUsMTEuMjZaTTU3Mi4zOCwzNjIuOTljLTMuMTMsMi44LTguMTgsMi43OC0xMS4yMi0uNjItMy4xLTMuMi0yLjcyLTguMjguNjktMTEuMjUsMy40NS0zLjAxLDguMDItMi43MywxMS4xNi43MSwyLjg5LDMuMTYsMi42LDguMjctLjYzLDExLjE2Wk02MDAuMDQsNDUxLjI4Yy0xLjI2LDEuMjUtMy43NiwxLjMzLTQuOTYuMDgtMS4yOC0xLjMzLTEuMTUtMy44NS4xLTUuMDUsMS4wNi0xLjAyLDMuNDktMS40NSw0LjkxLjE4LDEuMjcsMS40NiwxLjMyLDMuNDQtLjA1LDQuNzlaTTYwMC43NiwzOTAuNzFjLTEuNjcsMS42Ny00LjUxLDEuNjEtNi4xLjEyLTIuMDItMS44OC0xLjY4LTQuNzEtLjA0LTYuMTgsMS44Mi0yLjAxLDQuMzctMS43Myw2LjA4LS4wNSwxLjY4LDEuNjUsMS43Miw0LjQ2LjA3LDYuMTFaIi8+Cjwvc3ZnPg=='); mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNzc1LjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjYzlmMjA0OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjYuNTYuOThjLTQ4OS43NCwyOS4yOS00OTAuMTksNzQ4LjEyLDcuMyw3NzMuNjQsMjI2LjY1LDExLjYzLDQxMi44MS0xMjYuODQsNDI1LjQtMzYwLjU5QzgxMy40LDE1MS40OCw2MjIuNi0xNC4zNCwzNjYuNTYuOThaTTU5NS41MSwzMjQuNjdjMS40NC0xLjU5LDMuMTMtMS4wOSw0LjI0LS4wOSwxLjIsMS4wOCwxLjI4LDMuMzEuMTEsNC4zOC0xLjIsMS4xLTIuOTQsMS4zMS00LjU2LS4xNy0xLS45Mi0xLjE2LTMuMDEuMjEtNC4xMlpNNTYzLjUzLDI5Mi4zM2MyLTEuOTUsNS4yMS0xLjg5LDcuMjYuMTQsMS45OCwxLjk2LDEuOTksNS4yMi4wNCw3LjE3LTEuODgsMS44OC01LjQ3LDEuOTMtNy4zOC4xLTEuNzQtMS42Ny0xLjctNS42OC4wOC03LjQyWk01MzIuNTEsMjYxLjI2YzIuOTctMi44LDYuMTEtMi4xMyw4LjE5LS4wNywyLjQxLDIuMzksMi42NSw1Ljg0LjE0LDguNC0yLjIzLDIuMjktNS43MywyLjczLTkuMDQtLjQ5LTEuODMtMS43OS0xLjQ5LTUuNjIuNy03Ljg0Wk01MjguMTQsMzIwLjUyYy43LS44OSwxLjQ5LTEuNjgsMi4zOC0yLjM4LDMuMDktMi4zOCw3LjQyLTIuODIsMTEuMDgtLjc0LjQxLjIzLjgxLjQ5LDEuMjEuNzQuODkuNywxLjY4LDEuNDksMi4zOCwyLjM4LDEuMTIsMS44OCwxLjkxLDMuODYsMS45Miw2LjA5LjAxLDIuMjctLjc4LDQuMjktMS45Miw2LjIxLS43Ljg5LTEuNDksMS42OC0yLjM4LDIuMzgtMS43LDEuMDItMy41LDEuNzctNS41MSwxLjkxLTIuNDkuMTgtNC43LS42My02Ljc4LTEuOTEtLjg5LS43LTEuNjgtMS40OS0yLjM4LTIuMzgtMi44Mi0zLjU2LTIuNzItOC43OSwwLTEyLjI5Wk01MDIuMzMsMjMxLjE3YzIuNDYtMi41Nyw1LjcyLTIuMDcsNy44LDAsMi4xMSwyLjEsMi4wOCw1Ljc1LS4wMiw3LjgxLTIuMDYsMi4wMy01LjYyLDEuOTktNy43My4wNS0yLjM0LTIuMTYtMi4zNC01Ljc5LS4wNi03Ljg2Wk00OTYuNjgsMjg5LjFjMi43OS0yLjkzLDUuOTEtNC44MiwxMC4wMi00LjY1LDMuMDMuMTMsNS42LDEuNDcsNy42NCwzLjYzLDQuNDQsNC43MSw0LjMyLDExLjc1LS4zLDE2LjI3LTQuMzMsNC4yMy0xMS42NSw0LjQ0LTE2LjI1LS4yNi00LjAxLTQuMS00LjQyLTExLjUxLTEuMTEtMTVaTTQ3My4wOSwyMDEuMjhjMS42My0xLjM2LDMuOTMtMS4yOSw1LjQ0LjM0LDEuNDgsMS41OSwxLjQzLDQuMzktLjEsNS43OC0xLjY5LDEuNTQtNC4zLDEuMzctNS45My0uMzgtMS4zOC0xLjMxLTEuNTYtMy45NS41OS01LjczWk00NjcuMTEsMjU4LjgxYy41NS0uNywxLjE2LTEuMzMsMS44Ny0xLjg2LDQuNDQtMy4yLDguODgtMywxMy4zMiwwLC43MS41MywxLjMyLDEuMTYsMS44NywxLjg2LDMuMTUsNC42OSwzLjE1LDguOTgsMCwxMy42Ny0uNDguNjUtMS4wNSwxLjIxLTEuNjksMS42OS00LjQ2LDMuMS04Ljk2LDMuMTEtMTMuNDkuMTYtLjc4LS41OC0xLjQ1LTEuMjctMi4wNC0yLjAzLTMuMTEtMy44MS0zLjA5LTkuNzIuMTctMTMuNDlaTTQ2NC43MywzMTMuOWMzLjIxLTIuNzgsNi45OC00LjAxLDExLjE5LTMuOTcsMy45My4wMyw3LjI0LDEuNjQsMTAuMjgsMy45Ny43Ny41OSwxLjQ1LDEuMjYsMi4wNCwyLjA0LDIuMzksMy4yMiwzLjg1LDYuNzQsMy44MywxMC44Ni0uMDMsNC4wMy0xLjQ5LDcuNDYtMy44MywxMC42Mi0uNTkuNzctMS4yNiwxLjQ1LTIuMDQsMi4wNC0zLjA0LDIuMjUtNi4zNSwzLjczLTEwLjIyLDMuODItNC4yNC4xLTcuOTQtMS4yNS0xMS4yNS0zLjgyLS43Ny0uNTktMS40NS0xLjI2LTIuMDQtMi4wNC0yLjc1LTMuMTgtNC4wOC02Ljg5LTMuOTYtMTEuMDguMTEtMy45MSwxLjM2LTcuNDIsMy45Ni0xMC4zOS41OS0uNzcsMS4yNi0xLjQ1LDIuMDQtMi4wNFpNNDE1LjY0LDQxMC45Yy00LjIzLjItOC4yMi0uNjgtMTIuMTQtMi42OC40NSwxLjI1LjkxLDIuMzIsMS4yMywzLjQ0LDIsNi44OCwxLjA3LDEzLjMtMy4xNSwxOS4xNy0uMjUuMzUtLjQ3LjczLS43LDEuMS0uOTQsMS4xLTEuOTUsMi4xMi0zLjA1LDMuMDUtNC40NywzLjQxLTkuNDcsNS4xNS0xNS4xMiw0LjgtNC4xNS0uMjUtNy45NC0xLjU0LTExLjMtNC4wMi0uMzgtLjI4LS43OS0uNTItMS4xOC0uNzgtMS4xNi0uOTktMi4yNC0yLjA2LTMuMjItMy4yMy02LjQzLTcuOS02LjU0LTE5LjM1LjE3LTI3LjQzLjk5LTEuMTYsMi4wNi0yLjI0LDMuMjMtMy4yMiw1LjUtNC40OCwxNC4zLTYuODYsMjMuMjgtMi42NC0zLjU0LTcuMjEtMy40OC0xNC4zNS0uMDEtMjEuNDktLjM5LS4yMi0uNjguMDgtLjk3LjItNy41NCwzLjAzLTE0LjY4LDIuMzUtMjEuMzctMi4zNC0uMzYtLjI1LS43My0uNDctMS4xLS43LTEuMTYtLjk5LTIuMjQtMi4wNi0zLjIyLTMuMjMtNi40My03LjktNi41NC0xOS4zNS4xNy0yNy40My45OS0xLjE2LDIuMDYtMi4yNCwzLjIzLTMuMjIsNC40Mi0zLjU0LDkuNDgtNS4xMSwxNS4xMS00LjgsMy45NS4yMiw3LjUzLDEuNjEsMTAuNzksMy44NS40Ni4zMS45MS42MywxLjM3Ljk1LDEuMTcuOTgsMi4yMywyLjA2LDMuMjMsMy4yMiw0LjY3LDYuMiw2LjEyLDEzLjAxLDMuODMsMjAuNS0uMzEsMS4wMi0uNzUsMS45OS0xLjE4LDMuMTIsOC4yNC0zLjksMTYuMTctMy44LDI0LjAzLDEuMzQtNC41Mi04LjQ5LTQuNDUtMTYuNDgsMS4zMi0yNC4xMS4yMy0uNDguNzgtLjcyLjk4LTEuMjIuNDctLjMzLjg2LS43MywxLjE5LTEuMTkuNTEtLjIuNzQtLjc1LDEuMjItLjk4LDIuOTgtMi40Miw2LjM3LTMuODQsMTAuMjEtNC4zMSw1LjA2LS42Miw5LjY3LjQ5LDEzLjg5LDMuMjkuNS4zMy45OC42OCwxLjQ3LDEuMDIuNDguMjMuNzIuNzgsMS4yMi45OC4zMy40Ny43My44NiwxLjE5LDEuMTkuMi41MS43NS43NC45OCwxLjIyLDIuNzQsMy43Myw0LjM0LDcuODksNC4zOCwxMi41NC4wNCw0LjI2LTEuMTcsOC4xOC0zLjUyLDExLjc0LS4yOC40My0uNTguODUtLjg3LDEuMjgtLjIzLjQ4LS43OC43Mi0uOTgsMS4yMi0uNDcuMzMtLjg2LjczLTEuMTksMS4xOS0uNTEuMi0uNzQuNzUtMS4yMi45OC0zLjc0LDIuNzQtNy44OSw0LjMzLTEyLjU0LDQuMzktMy41NC4wNS02Ljg5LS44My0xMC4wMi0yLjQ4LS4yNC0uMTMtLjQ4LS4yNy0uNzMtLjM5LS4yMy0uMTEtLjQ4LS4yLS44OC0uMzcsNS4zNyw4Ljc5LDUuMzksMTcuNTIuMDksMjYuNDEsMTAuMzktNi4wOSwyMC43OC0zLjIsMjYuODcsMy45NCw3LjY0LDguOTYsNi4yMSwyMC44MS0uODYsMjcuOTUtNy4zMyw3LjQtMTguMjMsOC4yNy0yNi42MSwyLjQyLTkuMDMtNi4zMS0xMS42NC0xNy43NC01LjU0LTI4LjItMy44MywyLjMzLTcuNjksMy43NS0xMS45NiwzLjk1Wk0zNDAuMTQsNDAzLjUzYy0uODgtLjcxLTEuNjctMS41LTIuMzgtMi4zOC0yLjY5LTMuMDktNC4yOS02LjY1LTQuOC0xMC43Mi0uNDEtMy4yNC0uMTEtNi40Ljk0LTkuNS44NC0yLjUsMi4xNC00LjcyLDMuODctNi43LjcxLS44OCwxLjUtMS42NywyLjM4LTIuMzgsMy4yMy0yLjkxLDcuMTEtNC40NiwxMS4zNi00LjkxLDUuMDctLjUzLDkuNzYuNywxMy45NCwzLjcuNTUuMzksMS4wOS44MSwxLjYzLDEuMjEuODguNzEsMS42NywxLjUsMi4zOCwyLjM4LDYuNTYsOC41MSw2LjU2LDE4LjQyLDAsMjYuOTItLjcxLjg4LTEuNSwxLjY3LTIuMzgsMi4zOC04LjUsNi41NS0xOC41NCw2LjU1LTI2LjkyLDBaTTQ2My44OCw0MDIuNWMtMS4xMS0uOTMtMi4xMy0xLjk1LTMuMDYtMy4wNi01LjYxLTYuNzItNS41NC0xNi44MywwLTIzLjUyLjkzLTEuMTEsMS45NS0yLjEzLDMuMDYtMy4wNiwzLjg3LTMuMiw4LjM3LTQuNDcsMTMuMzItNC4xMSwzLjgxLjI3LDcuMTYsMS44NCwxMC4yLDQuMTEsMS4xMS45MywyLjEzLDEuOTUsMy4wNiwzLjA2LDIuMDcsMi44NSwzLjUyLDUuOTcsMy44OCw5LjQ4LjQ4LDQuNzEtLjQ2LDkuMTEtMy4yNywxMy4wMy0uMjMuMzItLjQxLjY3LS42MiwxLS45MywxLjExLTEuOTUsMi4xMy0zLjA2LDMuMDYtMi44NCwyLjA2LTUuOTYsMy41LTkuNDcsMy44OC00LjI2LjQ2LTguMy0uMy0xMi4wMS0yLjU1LS43LS40Mi0xLjQ4LS43LTIuMDQtMS4zM1pNNDM3Ljg4LDIyOS45MmMuNTktLjc3LDEuMjctMS40NSwyLjA0LTIuMDQsMi41Ny0xLjk4LDYuMDYtMi4zNSw5LjEzLS42NS4zOC4yMS43NS40MywxLjEyLjY1Ljc3LjU5LDEuNDUsMS4yNywyLjA0LDIuMDQsMS4yMiwyLjEyLDEuOTQsNC4zNCwxLjQxLDYuODMtLjI2LDEuMjMtLjgxLDIuMzQtMS40MSwzLjQzLS41OS43Ny0xLjI2LDEuNDUtMi4wNCwyLjA0LTIuMDksMS4xOS00LjI3LDEuOTUtNi43MiwxLjQxLTEuMjUtLjI4LTIuNDYtLjY5LTMuNTQtMS40MS0uNzctLjU5LTEuNDUtMS4yNy0yLjA0LTIuMDQtMi4zNy0yLjk5LTIuMjUtNy4zMiwwLTEwLjI2Wk00MjkuMDEsMjk1Ljk1Yy4xLTMuNzIsMS4zLTcuMDgsMy43Ny05LjkzLjU5LS43NywxLjI3LTEuNDUsMi4wNC0yLjA0LDIuODUtMi40OCw2LjIyLTMuNjQsOS45NS0zLjc4LDMuOTktLjE1LDcuNDEsMS4zOSwxMC41LDMuNzguNzcuNTksMS40NSwxLjI3LDIuMDQsMi4wNCwyLjI4LDMuMDUsMy42NSw2LjQxLDMuNjMsMTAuMjktLjAxLDMuODMtMS4zOCw3LjE1LTMuNjMsMTAuMTctLjU5Ljc3LTEuMjcsMS40NS0yLjA0LDIuMDQtMi44MSwyLjEtNS45LDMuNDctOS40NiwzLjYyLTQuMTIuMTctNy43NS0xLjEzLTEwLjk5LTMuNjItLjc3LS41OS0xLjQ1LTEuMjctMi4wNC0yLjA0LTIuNTktMy4wMy0zLjg4LTYuNTYtMy43Ny0xMC41MlpNNDEwLjcsMjAwLjczYzEuOS0yLjE3LDUuNS0yLjE0LDcuNTEtLjAxLDEuOTQsMi4wNSwxLjk5LDUuNDMuMDEsNy40NC0yLjAyLDIuMDUtNS40LDEuOTktNy41My4wNS0yLjExLTEuOTItMi4wNy01LjczLjAxLTcuNDhaTTQwNS4xOSwyNTYuMjJjNS4wNS01LjE0LDEzLjMtNS4zNiwxOC42NC4xNCw1LjE2LDUuMzEsNS4xNSwxMy41MS0uMTcsMTguNzItNS4zNSw1LjIzLTEzLjQ5LDQuODMtMTguNjQtLjE0LTUuMjgtNS4xMS01LjExLTEzLjgzLjE3LTE4LjcyWk00MTUuODYsMzA2Ljg5YzUuMTUuMzEsOS41LDIuNDksMTMuMDIsNi4yLDcuMzgsNy43OCw3LjMzLDIwLjE0LS42NiwyNy44My03LjU1LDcuMjYtMjAuMTEsNy40OS0yNy44Ni0uNjItNy45OS04LjE4LTYuNTMtMTkuMzYtMS40MS0yNS43NSw0LjI3LTUuMzIsOS45NC04LjA3LDE2LjktNy42NlpNMzc3LjMxLDIyOC41YzMuNTEtMy40Miw4Ljc5LTQuMjUsMTMuMzEuNDIsMy4zNiwzLjQ3LDMuMDcsOS4zNC0uNTgsMTIuODYtMy41MiwzLjQtOS40LDMuMTQtMTIuOTUtLjU2LTMuODktNC4xLTMuMTQtOS40NS4yMS0xMi43MlpNMzcyLjM4LDI4NC4yN2M2LjYtNi43LDE3LjA1LTYuNDQsMjMuNDYuMjIsNi40MSw2LjY2LDYuMzgsMTYuODUtLjIxLDIzLjM3LTYuNjcsNi42LTE2Ljk5LDYuMTUtMjMuNDUtLjE1LTYuNDYtNi4zLTYuNDYtMTcuMjQuMjEtMjMuNDRaTTM1MC4yMSwyMDEuMDljMS42Ni0xLjg5LDQuODgtMS43Miw2LjcuMjIsMS42NCwxLjc1LDEuNTksNC43Ny0uMTQsNi40Mi0xLjc2LDEuNjgtNC45OSwxLjcyLTYuNjYtLjMxLTEuODUtMS42MS0xLjU0LTQuNDcuMS02LjMzWk0zNDMuNzIsMjU4LjQ4Yy4yMS0uNS43Ny0uNzIuOTctMS4yMy4yNS0uMS40Mi0uMjcuNTItLjUyLjUxLS4xOS43My0uNzYsMS4yMy0uOTcsMS45OC0xLjQ3LDQuMTgtMi4xMiw2LjY3LTIuMjUsMi43Ny0uMTQsNS4wOC44Myw3LjMyLDIuMjUuNS4yMS43Mi43NywxLjIzLjk3LjEuMjUuMjcuNDIuNTIuNTIuMTkuNTEuNzYuNzMuOTcsMS4yMywxLjA4LDEuODQsMS45NSwzLjc0LDIuMTIsNS45My4yLDIuNjktLjMyLDUuMTYtMS44Myw3LjQxLS4xMy4xOS0uMTkuNDMtLjI5LjY1LS4yMS41LS43Ny43Mi0uOTcsMS4yMy0uMjUuMS0uNDIuMjctLjUyLjUyLS41MS4xOS0uNzMuNzYtMS4yMy45Ny0xLjg0LDEuMDgtMy43NSwxLjkzLTUuOTQsMi4xMi0yLjk2LjI2LTUuNTgtLjYtOC4wNS0yLjEyLS41LS4yMS0uNzItLjc3LTEuMjMtLjk3LS4xLS4yNS0uMjctLjQyLS41Mi0uNTItLjE5LS41MS0uNzYtLjczLS45Ny0xLjIzLTMuMS0zLjgxLTIuOTktMTAuMjMsMC0xMy45OVpNMzQxLjg0LDMxMi43YzMuMjUtMi44Miw3LjA4LTQuMTcsMTEuMzMtNC4yNyw0LjQ4LS4xMSw4LjM3LDEuNTYsMTEuODUsNC4yNy44OC43MSwxLjY3LDEuNSwyLjM4LDIuMzgsMi42NCwzLjQ2LDQuMTUsNy4zMiw0LjEyLDExLjcxLS4wMyw0LjMtMS41Myw4LjA4LTQuMTIsMTEuNDctLjcxLjg4LTEuNSwxLjY3LTIuMzgsMi4zNy0zLjIyLDIuNDctNi44MiwzLjk4LTEwLjksNC4xMS00LjU5LjE1LTguNjktMS4yNi0xMi4yOS00LjExLS44OC0uNzEtMS42Ny0xLjUtMi4zOC0yLjM3LTIuOTYtMy40NC00LjM4LTcuNDYtNC4yNy0xMS45Ny4xMS00LjIsMS40Ny04LDQuMjctMTEuMjEuNzEtLjg4LDEuNS0xLjY3LDIuMzgtMi4zOFpNMzE4LjMzLDIzMC4zYzIuNTYtMi42MSw2LjYtMi44LDkuMzIsMCwyLjY4LDIuNzYsMi43NSw2LjY2LjA2LDkuNC0yLjczLDIuNzgtNi42OCwyLjUzLTkuMzkuMTEtMi44Ni0yLjU1LTIuNjUtNy4xNiwwLTkuNTFaTTMxMi43OCwyODcuNzJjLjQ4LS42NSwxLjA0LTEuMjIsMS43LTEuNywyLjMyLTIuMDIsNS4wNS0zLjAyLDguMTEtMy4xLDMuMjctLjA5LDYuMDcsMS4xNiw4LjYxLDMuMS42NS40OCwxLjIyLDEuMDQsMS43LDEuNywzLjk0LDUuMjIsMy45NCwxMS41LDAsMTYuNzItLjQ4LjY1LTEuMDQsMS4yMi0xLjcsMS43LTMuOSwyLjk4LTguMjUsMy42OC0xMi44NywyLjIyLTEuMzgtLjQ0LTIuNzEtMS4yMy0zLjg1LTIuMjItLjY1LS40OC0xLjIyLTEuMDQtMS43LTEuNy0yLjE1LTIuNS0zLjIxLTUuNDEtMy4xLTguNy4xLTMuMDIsMS4wOC01LjcyLDMuMS04LjAyWk0zMDkuMDQsMzQ2Ljg3Yy4xNS0uNDIuNjQtLjU5Ljc3LTEuMDMuNjUtLjY1LDEuMjktMS4yOSwxLjk0LTEuOTQuNDQtLjEzLjYxLS42MiwxLjAzLS43NywzLjE4LTIuNDYsNi44NC0zLjUxLDEwLjgxLTMuNDMsMy41Ny4wNyw2LjczLDEuNDMsOS42NSwzLjQzLjQyLjE1LjU5LjY0LDEuMDMuNzcuNjUuNjUsMS4yOSwxLjI5LDEuOTQsMS45NC4xMy40NC42Mi42MS43NywxLjAzLDIuMDEsMy4xNCwzLjMsNi40OSwzLjI4LDEwLjI5LS4wMSwzLjc1LTEuMyw3LjA2LTMuMjgsMTAuMTctLjE1LjQyLS42NC41OS0uNzcsMS4wMy0uNjUuNjUtMS4yOSwxLjI5LTEuOTQsMS45NC0uNDQuMTMtLjYxLjYyLTEuMDMuNzctMy4xNCwyLjAxLTYuNDksMy4zLTEwLjI5LDMuMjgtMy43NS0uMDEtNy4wNi0xLjMtMTAuMTctMy4yOC0uNDItLjE1LS41OS0uNjQtMS4wMy0uNzctLjY1LS42NS0xLjI5LTEuMjktMS45NC0xLjk0LS4xMy0uNDQtLjYyLS42MS0uNzctMS4wMy00LjU4LTUuODUtNC41Ny0xNC41MSwwLTIwLjQ1Wk0yODcuMDQsMjYwLjI4YzIuODgtMi44Niw3LjExLTMuNCwxMC43Ni4yMywyLjg0LDIuODMsMi42OCw3LjY4LS4yOCwxMC41Ny0yLjc0LDIuNjctNy45MiwyLjcyLTEwLjU1LS4zMi0zLjM2LTMuMzItMi42NC03Ljc5LjA3LTEwLjQ3Wk0yODIuMzUsMzE5LjE3Yy4yMS0uNS43OC0uNzIuOTctMS4yNC4yNS0uMDkuNDItLjI2LjUxLS41MS41MS0uMi43NC0uNzYsMS4yNC0uOTcsMy42Ny0yLjkzLDkuMzQtMy4zNSwxMy41Ni0uNjguMzcuMjMuNzQuNDYsMS4xMS42OC41LjIxLjcyLjc4LDEuMjQuOTcuMDkuMjUuMjYuNDIuNTEuNTEuMi41MS43Ni43NC45NywxLjI0Ljg0LDEuNSwxLjcyLDMsMi4wNCw0LjcyLjYxLDMuMjguMTgsNi4zOC0xLjY4LDkuMjEtLjE1LjIzLS4yNC40OS0uMzYuNzQtLjIxLjUtLjc4LjcyLS45NywxLjI0LS4yNS4wOS0uNDIuMjYtLjUxLjUxLS41MS4yLS43NC43Ni0xLjI0Ljk3LTEuNTMuODctMy4wNiwxLjc1LTQuODIsMi4wNy0zLjU2LjY1LTYuODUsMC05Ljg1LTIuMDctLjUtLjIxLS43Mi0uNzgtMS4yMy0uOTctLjA5LS4yNS0uMjYtLjQyLS41MS0uNTEtLjItLjUxLS43Ni0uNzQtLjk3LTEuMjQtMy4yNy0zLjk2LTMuMjctMTAuNzEsMC0xNC42N1pNMjU2LjkxLDI5MS4wMWMyLjY0LTIuOTQsNy40NS0yLjY4LDEwLjI1LjQyLDIuNTYsMi44MywyLjQyLDcuMTUtLjUsOS44LTIuODMsMi41OC03LjE4LDIuNDMtOS45LS41Mi0zLjA0LTMuMTYtMi4xLTcuMi4xNS05LjdaTTI1NC41NSwzNTAuMTljNC4zMS00LjQ3LDEwLjQ2LTQuMTIsMTQuMy0uMTksMy45OSw0LjA5LDMuOTgsMTAuMTUuMDQsMTQuMTItNC4wNCw0LjA3LTEwLjEyLDMuODMtMTQuMTIuMS00LjI5LTQuMDItMy44My0xMC41LS4yMi0xNC4wM1pNMjI3LjY5LDMyMi44OWMyLjEzLTEuOTQsNS4yMS0xLjg1LDcuMjYuMjEsMS45NiwxLjk2LDEuOTUsNS4yMi0uMDMsNy4xNy0xLjg5LDEuODYtNS42MywxLjg4LTcuMzguMDQtMS43NC0xLjg0LTEuNjYtNS43OC4xNC03LjQyWk0yMDIuNjUsNDE5Ljk5Yy0xLjA1LDEuMDUtMi43Ljk2LTMuODUtLjEtMS4wNy0uOTktMS4wNy0yLjY3LjE0LTMuNjcsMS4xNC0xLjI2LDIuNTQtMS4xMiwzLjY5LjAyLDEuMDUsMS4wNCwxLjA0LDIuNzMuMDIsMy43NVpNMjAyLjgzLDM1OC45NmMtMS4wNCwxLjA1LTIuNy45Ny0zLjg1LS4wOC0xLjA5LTEtMS4wNy0yLjY4LjEyLTMuNjcsMS4xNS0xLjI2LDIuNTQtMS4xMywzLjY5LDAsMS4wNiwxLjAzLDEuMDUsMi43Mi4wNCwzLjc1Wk0yMzQuOTUsNDUyLjI4Yy0xLjg4LDEuODgtNS40NywxLjkzLTcuMzguMS0xLjc0LTEuNjctMS43LTUuNjkuMDgtNy40MiwyLTEuOTUsNS4yMS0xLjg5LDcuMjYuMTQsMS45OCwxLjk2LDEuOTksNS4yMi4wMyw3LjE3Wk0yMzUuNzcsMzkyLjNjLTIuNDksMi40Ni02LjcsMi4zNy05LjIyLS4wNy0yLjU3LTIuNDktMi41LTYuODIuMTItOS4xNSwyLjU2LTIuNjksNi42Ni0yLjUxLDkuMTkuMSwyLjQsMi40OSwyLjM3LDYuNjktLjA5LDkuMTJaTTI2Ni40OCw0ODQuM2MtMi44NCwyLjU4LTcuMTgsMi40MS05LjktLjU0LTMuMDYtMy4yLTIuMTYtNy40LjItOS42NiwyLjU4LTIuNDgsNi43LTMuNDMsMTAuMjEuNCwyLjU4LDIuODEsMi40MSw3LjE1LS41Miw5LjhaTTI2OC44OSw0MjUuMzJjLTMuOTYsNC4wMi0xMC4zMiw0LTE0LjQ1LS4yNS0zLjk1LTQuMTEtMy40My05LjY2LS41Ni0xMy4wMiw0LjU0LTUuMywxMC43OS00Ljk2LDE0Ljg4LS45NCw0LDMuOTQsNC4xOCwxMC4wOS4xMywxNC4yWk0yODAuOTksMzc4Ljk5Yy4yMy0uNDkuNzgtLjczLjk5LTEuMjUuMjYtLjA2LjQyLS4yMy40OC0uNDguNTItLjIuNzUtLjc1LDEuMjUtLjk5LDIuNTYtMi4xLDUuNTgtMi45NSw4LjgxLTMuMDIsMy4yLS4wNyw2LjAyLDEuMTgsOC41OSwzLjAyLjQ5LjIzLjczLjc4LDEuMjUuOTkuMDYuMjYuMjMuNDIuNDguNDguMi41Mi43NS43NS45OCwxLjI1LDEuNDcsMi4yOCwyLjU3LDQuNjcsMi44LDcuNDUuMjcsMy4yMS0uNDksNi4xMi0yLjExLDguODUtLjIyLjM3LS40Ni43My0uNjksMS4xLS4yMy40OS0uNzguNzMtLjk5LDEuMjUtLjI2LjA2LS40Mi4yMy0uNDguNDgtLjUyLjItLjc1Ljc1LTEuMjUuOTgtMi4yNywxLjQ3LTQuNjUsMi41OC03LjQyLDIuOC0zLjcuMy02Ljk5LS42OC05Ljk4LTIuOC0uNDktLjIzLS43My0uNzgtMS4yNS0uOTktLjA2LS4yNi0uMjMtLjQyLS40OC0uNDgtLjItLjUyLS43NS0uNzUtLjk4LTEuMjUtNC4wNS01LjA4LTMuOTItMTIuMzksMC0xNy40Wk0yOTcuNTYsNTE1LjEyYy0yLjc1LDIuNzItNy45NSwyLjc1LTEwLjU1LS4yNC0zLjU1LTMuNDctMi41NS04LjA3LjA3LTEwLjU2LDMuMTMtMi45Nyw3LjI1LTMuMTYsMTAuNjcuMjMsMi44NiwyLjg0LDIuNzQsNy42Ny0uMTksMTAuNTdaTTMwMi42NSw0NTUuMzFjLS4xNS4yMy0uMjQuNDktLjM2Ljc0LS4yMS41LS43OC43Mi0uOTcsMS4yNC0uMjUuMDktLjQyLjI2LS41MS41MS0uNTEuMi0uNzQuNzYtMS4yNC45Ny0xLjUzLjg3LTMuMDcsMS43NS00LjgyLDIuMDctMy41Ni42NS02Ljg1LDAtOS44NS0yLjA3LS41LS4yMS0uNzItLjc4LTEuMjQtLjk3LS4wOS0uMjUtLjI2LS40Mi0uNTEtLjUxLS4yLS41MS0uNzYtLjc0LS45Ny0xLjI0LTMuMjctMy45Ni0zLjI3LTEwLjcxLDAtMTQuNjcuMjEtLjUuNzgtLjcyLjk3LTEuMjQuMjUtLjA5LjQyLS4yNi41MS0uNTEuNTEtLjIuNzQtLjc2LDEuMjQtLjk3LDMuNjctMi45Myw5LjM0LTMuMzUsMTMuNTYtLjY4LjM3LjIzLjc0LjQ2LDEuMTEuNjguNS4yMS43Mi43OCwxLjI0Ljk3LjA5LjI1LjI2LjQyLjUxLjUxLjIuNTEuNzYuNzQuOTcsMS4yNC44NSwxLjUsMS43MiwzLDIuMDQsNC43Mi42MSwzLjI4LjE4LDYuMzgtMS42OCw5LjIxWk0zMDguMTUsNDA4LjcxYy41NS0uODgsMS4zMy0xLjUyLDEuOTEtMi4zNi4yNi0uNDIuNTktLjc2LDEuMDItMS4wMiwxLjc5LTEuNzQsMy44OC0zLjAyLDYuMjUtMy43Nyw1LjAyLTEuNTksOS44Ni0xLjE2LDE0LjM5LDEuNjcsMS4wMS42MywxLjkzLDEuNCwyLjg5LDIuMS40Mi4yNi43Ni41OSwxLjAyLDEuMDIsNi4wNyw3LjMxLDYuMDcsMTYuMiwwLDIzLjUyLS4yNi40Mi0uNTkuNzYtMS4wMiwxLjAyLTYuODQsNS44OS0xNi40MSw2LjE5LTIzLjUyLDAtLjQyLS4yNi0uNzYtLjU5LTEuMDItMS4wMi0yLjQtMi40OS0zLjktNS40Ni00LjQ0LTguODUtLjcxLTQuNC4xNy04LjUsMi41NC0xMi4zMVpNMzI3LjY4LDU0NS4wMmMtMi43OSwyLjc5LTYuNzUsMi40My05LjM5LjA0LTIuNzYtMi40OS0yLjY3LTcuMDkuMDctOS41MiwyLjYtMi41OSw2LjYxLTIuNzUsOS4zMi4wOCwyLjcyLDIuODQsMi42NSw2Ljc0LDAsOS40Wk0zMzIuODksNDg3LjY3Yy0uNDguNjUtMS4wNCwxLjIyLTEuNywxLjctMy45LDIuOTgtOC4yNSwzLjY4LTEyLjg3LDIuMjItMS4zOC0uNDQtMi43MS0xLjIzLTMuODUtMi4yMi0uNjUtLjQ4LTEuMjItMS4wNC0xLjctMS43LTIuMTUtMi41LTMuMjEtNS40MS0zLjEtOC43LjEtMy4wMiwxLjA4LTUuNzIsMy4xLTguMDIuNDgtLjY1LDEuMDQtMS4yMiwxLjctMS43LDIuMzItMi4wMiw1LjA1LTMuMDIsOC4xMS0zLjEsMy4yNy0uMDksNi4wNywxLjE2LDguNjEsMy4xLjY1LjQ4LDEuMjIsMS4wNCwxLjcsMS43LDMuOTQsNS4yMiwzLjk0LDExLjUsMCwxNi43MlpNMzU2LjU1LDU3NC4wOWMtMS40MywxLjM1LTQuODMsMS44Ni02LjU0LS4yOS0xLjkzLTEuNjQtMS42Mi00LjUyLjAyLTYuNCwxLjY0LTEuODksNC44Ni0xLjczLDYuNjkuMiwxLjY4LDEuNzgsMS41OSw0LjgzLS4xNyw2LjVaTTM2My40Miw1MTYuMjVjLS4xMy4xOS0uMTkuNDMtLjI5LjY1LS4yMS41LS43Ny43Mi0uOTcsMS4yMy0uMjUuMS0uNDIuMjctLjUyLjUyLS41MS4xOS0uNzMuNzYtMS4yMy45Ny0xLjg0LDEuMDgtMy43NSwxLjkzLTUuOTQsMi4xMi0yLjk2LjI2LTUuNTgtLjYtOC4wNS0yLjEyLS41LS4yMS0uNzItLjc3LTEuMjMtLjk3LS4xLS4yNS0uMjctLjQyLS41Mi0uNTItLjE5LS41MS0uNzYtLjczLS45Ny0xLjIzLTMuMS0zLjgxLTIuOTktMTAuMjMsMC0xMy45OS4yMS0uNS43Ny0uNzIuOTctMS4yMy4yNS0uMS40Mi0uMjcuNTItLjUyLjUxLS4xOS43My0uNzYsMS4yMy0uOTcsMS45OC0xLjQ3LDQuMTgtMi4xMiw2LjY3LTIuMjUsMi43Ny0uMTQsNS4wOC44Myw3LjMyLDIuMjUuNS4yMS43Mi43NywxLjIzLjk3LjEuMjUuMjcuNDIuNTIuNTIuMTkuNTEuNzYuNzMuOTcsMS4yMywxLjA4LDEuODQsMS45NSwzLjc0LDIuMTIsNS45My4yLDIuNjktLjMyLDUuMTYtMS44Myw3LjQxWk0zNjUuMDIsNDYyLjY4Yy0zLjIyLDIuNDctNi44MiwzLjk4LTEwLjksNC4xMS00LjU5LjE1LTguNjktMS4yNi0xMi4yOS00LjExLS44OC0uNzEtMS42Ny0xLjUtMi4zNy0yLjM3LTIuOTYtMy40NC00LjM4LTcuNDYtNC4yNy0xMS45Ny4xMS00LjIsMS40Ny04LDQuMjctMTEuMjEuNzEtLjg4LDEuNS0xLjY3LDIuMzgtMi4zOCwzLjI1LTIuODIsNy4wOC00LjE3LDExLjMzLTQuMjcsNC40OC0uMTEsOC4zNywxLjU2LDExLjg1LDQuMjcuODguNzEsMS42NywxLjUsMi4zNywyLjM3LDIuNjQsMy40Niw0LjE1LDcuMzIsNC4xMiwxMS43MS0uMDMsNC4zLTEuNTMsOC4wOS00LjEyLDExLjQ3LS43MS44OC0xLjUsMS42Ny0yLjM4LDIuMzhaTTM5MC4wMSw1NDcuMDdjLTMuMzYsMy4xNi05LjI4LDMuNC0xMi45My0uNTktMy45NS00LjItMy4wNC05LjU5LjI0LTEyLjczLDMuNjgtMy41Miw4LjkyLTQuMTEsMTMuMzIuNDYsMy4zNSwzLjQ3LDMuMDYsOS4zOC0uNjMsMTIuODVaTTM5NS42OCw0OTEuMDZjLTMuMjMsMy4yNi03LjI4LDQuODItMTEuODcsNC43OS0zLjcxLS4wMy03LjE2LTEuMTctMTAuMDQtMy40NS0zLjg2LTMuMDQtNi4xOC03LjExLTYuNDEtMTIuMDgtLjIzLTQuOTUsMS4zMy05LjMyLDUuMDItMTIuOCw2LjYtNi43MSwxNy4wMy02LjQ2LDIzLjQ1LjE3LDYuNDIsNi42NCw2LjM4LDE2Ljc4LS4xNCwyMy4zN1pNNDE3Ljk2LDU3NC44OGMtMi4xNCwxLjkxLTUuNTQsMS42OS03LjUtLjQ4LTEuOTQtMS43Ny0xLjc0LTUuNTMuNDctNy40OCwyLjA1LTEuODEsNS40OC0xLjc5LDcuNDQuNDQsMS44OCwyLjE1LDEuNzMsNS42LS40MSw3LjUyWk00MjMuNjksNTE5LjE0Yy01LjMzLDUuMjUtMTMuNDgsNC44OC0xOC42NC0uMDgtNS4zMi01LjExLTUuMTUtMTMuODMuMS0xOC43Miw1LjA1LTUuMTcsMTMuMy01LjM5LDE4LjY0LjA4LDUuMTgsNS4zLDUuMTksMTMuNS0uMSwxOC43MlpNNDI3LjQsNDYzLjg3Yy03LjY4LDYuMy0xOC4wOSw2LjQxLTI1LjksMC0uODItLjY1LTEuNTYtMS4zOC0yLjItMi4yMS0yLjQ2LTIuOTMtMy45OS02LjI3LTQuNTQtMTAuMDctLjQ1LTMuMDgtLjEzLTYuMDYuODgtOC45OS44Ni0yLjQ2LDIuMDUtNC43MywzLjgyLTYuNjcuNjUtLjgyLDEuMzgtMS41NiwyLjIxLTIuMiwyLjMzLTIuMTYsNS4xOC0zLjQ3LDguMTctNC4yLDQuODItMS4xNyw5LjUzLS41OSwxMy45MiwxLjg5LDEuMjIuNjksMi4zMiwxLjUyLDMuNDYsMi4zMS44Mi42NSwxLjU1LDEuMzksMi4yMSwyLjIsNi4zOCw4LjE0LDYuMzgsMTcuNzYsMCwyNS45LS41OS43Ni0xLjI3LDEuNDQtMi4wNCwyLjA0Wk00NTMuNjEsNTQyLjAzYy0uMjYsMS4yMy0uODEsMi4zNC0xLjQxLDMuNDMtLjU5Ljc3LTEuMjcsMS40NS0yLjA0LDIuMDQtMi4wOSwxLjE5LTQuMjksMS45Ny02LjczLDEuNC0xLjIzLS4yOS0yLjQ5LS41Ny0zLjUzLTEuNC0uNzctLjU5LTEuNDUtMS4yNi0yLjA0LTIuMDQtMi4zNC0yLjkyLTIuMjktNy4zNywwLTEwLjI2LjU5LS43NywxLjI3LTEuNDUsMi4wNC0yLjA0LDIuNTctMS45OCw2LjA2LTIuMzUsOS4xMy0uNjUuMzguMjEuNzUuNDMsMS4xMi42NS43Ny41OSwxLjQ1LDEuMjcsMi4wNCwyLjA0LDEuMjIsMi4xMiwxLjk0LDQuMzQsMS40MSw2LjgzWk00NTcuMTQsNDg5LjU0Yy0uNTkuNzctMS4yNywxLjQ1LTIuMDQsMi4wNC0yLjgxLDIuMTEtNS45MSwzLjQ3LTkuNDcsMy42Mi00LjEyLjE4LTcuNzUtMS4xMy0xMC45OC0zLjYyLS43Ny0uNTktMS40NS0xLjI3LTIuMDQtMi4wNC0yLjU5LTMuMDMtMy44OC02LjU2LTMuNzctMTAuNTIuMS0zLjcyLDEuMy03LjA4LDMuNzctOS45My41OS0uNzcsMS4yNy0xLjQ1LDIuMDQtMi4wNCwyLjg1LTIuNDgsNi4yMi0zLjY0LDkuOTUtMy43OCwzLjk5LS4xNSw3LjQxLDEuMzksMTAuNSwzLjc4Ljc3LjU5LDEuNDUsMS4yNywyLjA0LDIuMDQsMi4yOCwzLjA1LDMuNjUsNi40MSwzLjYzLDEwLjI5LS4wMSwzLjgzLTEuMzgsNy4xNS0zLjYzLDEwLjE3Wk00NzguMzIsNTczLjYxYy0xLjU5LDEuNDMtMy43NywxLjczLTUuODUtLjEyLTEuNTgtMS40Mi0xLjYzLTQuMDMuMTItNS41OCwyLjAyLTIuMTksNC4zNy0xLjMxLDUuNjktLjA1LDEuNTYsMS40OCwxLjYxLDQuMzQuMDQsNS43NVpNNDgzLjI3LDUxNy42M2MtNC4zMiw0LjQxLTExLjE1LDQuMjctMTUuNTguMTItNC40OC00LjItNC40LTExLjUxLS4wNC0xNS42LDQuNS00LjcsMTEuMzgtNC4zMywxNS41OC0uMDIsNC4zMiw0LjQ1LDQuNCwxMS4wNS4wNCwxNS41Wk00ODguMjQsNDU5LjQ1Yy0uNTkuNzctMS4yNiwxLjQ1LTIuMDQsMi4wNC0zLjA0LDIuMjUtNi4zNSwzLjczLTEwLjIyLDMuODItNC4yNC4xLTcuOTQtMS4yNS0xMS4yNS0zLjgyLS43Ny0uNTktMS40NS0xLjI2LTIuMDQtMi4wNC0yLjc1LTMuMTgtNC4wOC02Ljg5LTMuOTYtMTEuMDguMTEtMy45MSwxLjM2LTcuNDIsMy45Ni0xMC4zOS41OS0uNzcsMS4yNi0xLjQ1LDIuMDQtMi4wNCwzLjIxLTIuNzgsNi45OC00LjAxLDExLjE5LTMuOTcsMy45My4wMyw3LjI0LDEuNjQsMTAuMjgsMy45Ny43Ny41OSwxLjQ1LDEuMjYsMi4wNCwyLjA0LDIuMzYsMy4xOSwzLjgzLDYuNjcsMy44MywxMC43NHMtMS40Niw3LjU1LTMuODMsMTAuNzRaTTUwOS45Niw1NDQuMzdjLTIuMTgsMi4xLTUuNTIsMi4yMS03Ljg3LS4wMi0yLjIyLTIuMTEtMi4yLTUuNzQuMS03Ljc4LDIuNDYtMi41Miw1LjY1LTIuMDIsNy43MiwwLDIuMTQsMi4wOCwyLjE4LDUuNzUuMDUsNy44MVpNNTE1LjY2LDQ4NS43NWMtLjE1LjIzLS4yNi40OS0uMzkuNzMtLjU5Ljc3LTEuMjYsMS40NS0yLjA0LDIuMDQtMS44MSwxLjEzLTMuNjcsMi4wNC01Ljg1LDIuMy0yLjMyLjI3LTQuNDUtLjE2LTYuNTEtMS4xMy0uNjktLjMyLTEuNDMtLjU5LTEuOTctMS4xNy0uNzctLjU5LTEuNDUtMS4yNi0yLjA0LTIuMDQtMy40Mi00LjEzLTMuMzUtMTAuMTgsMC0xNC4zMy41OS0uNzcsMS4yNi0xLjQ1LDIuMDQtMi4wNCw0LjIyLTMuMjksOS42OS0zLjQ5LDE0LjMzLDAsLjc3LjU5LDEuNDUsMS4yNiwyLjA0LDIuMDQsMS4wOSwxLjcsMiwzLjQ3LDIuMjcsNS41MS4zOSwyLjk0LS4yLDUuNjQtMS44Nyw4LjA5Wk01MTguMTYsNDI3LjQ5Yy0uODEsMS0xLjcyLDEuOS0yLjcyLDIuNzItMi43OSwxLjkyLTUuODIsMy4xMi05LjI3LDMuMTMtMy41Mi4wMS02LjY0LTEuMTMtOS40OC0zLjEzLTEtLjgxLTEuOS0xLjcyLTIuNzItMi43Mi00LjQ0LTUuNDctNC4zMS0xMy4zNiwwLTE4Ljc1LjgxLTEsMS43Mi0xLjksMi43Mi0yLjcyLDQuMzMtMy4yNSw5LjA2LTQuMTUsMTQuMjUtMi40MywxLjY1LjU1LDMuMDgsMS40OCw0LjUxLDIuNDMsMSwuODEsMS45LDEuNzIsMi43MiwyLjcyLDEuOTcsMi44NiwzLjE1LDUuOTYsMy4xMyw5LjUtLjAyLDMuNDUtMS4yMSw2LjQ3LTMuMTMsOS4yNlpNNTE4LjE2LDM2Ni42NGMtLjgxLDEtMS43MiwxLjktMi43MiwyLjcyLTIuNzksMS45Mi01LjgyLDMuMTEtOS4yNywzLjEzLTMuNTIuMDEtNi42NC0xLjEzLTkuNDgtMy4xMy0xLS44MS0xLjktMS43Mi0yLjcyLTIuNzItNC40NC01LjQ3LTQuMzEtMTMuMzYsMC0xOC43NS44MS0xLDEuNzItMS45LDIuNzItMi43Miw0LjMzLTMuMjUsOS4wNi00LjE1LDE0LjI1LTIuNDMsMS42NS41NSwzLjA4LDEuNDgsNC41LDIuNDMsMSwuODEsMS45LDEuNzIsMi43MiwyLjcyLDEuOTcsMi44NiwzLjE1LDUuOTYsMy4xMyw5LjUtLjAyLDMuNDUtMS4yMSw2LjQ3LTMuMTMsOS4yNlpNNTQwLjgzLDUxNC4wNGMtMi4zMiwyLjM1LTUuODEsMi42NS05LjAzLS41Mi0xLjgzLTEuOC0xLjQ3LTUuNi43My03Ljg0LDIuOTItMi43Niw2LjA4LTIuMTQsOC4xOS0uMDQsMi40NCwyLjQzLDIuNiw1Ljg5LjEyLDguNFpNNTQ1LjE4LDQ1NC44NmMtLjcuODktMS40OSwxLjY4LTIuMzgsMi4zOC0xLjcsMS4wMi0zLjUsMS43Ny01LjUxLDEuOTEtMi40OS4xOC00LjctLjYzLTYuNzgtMS45MS0uODktLjctMS42OC0xLjQ5LTIuMzgtMi4zOC0yLjgyLTMuNTYtMi43Mi04Ljc5LDAtMTIuMjkuNy0uODksMS40OS0xLjY4LDIuMzgtMi4zOCwzLjA5LTIuMzgsNy40Mi0yLjgyLDExLjA4LS43NC40MS4yMy44MS40OSwxLjIxLjc0Ljg5LjcsMS42OCwxLjQ5LDIuMzgsMi4zOCwxLjEyLDEuODgsMS45MSwzLjg2LDEuOTIsNi4wOS4wMSwyLjI3LS43OCw0LjI5LTEuOTIsNi4yMVpNNTQ1LjE0LDM5Ni4yN2MtNC44Niw0Ljk2LTEyLjU3LDQuNjQtMTcuMzUuMDUtNC44Mi00LjY0LTQuNzctMTIuNzguMDctMTcuMjcsNC44Mi01LjAyLDEyLjQ3LTQuODksMTcuMjYuMDMsNC44LDQuOTMsNC44NSwxMi4yOC4wMywxNy4xOVpNNTcwLjkxLDQ4My4xM2MtMi4wNywxLjk5LTUuNDQsMS44MS03LjUzLS4xOS0xLjk4LTEuODktMS45NS01LjcxLjI1LTcuNDgsMS45Mi0yLjA4LDUuNTItMS45OSw3LjUxLjIzLDEuODgsMi4wOSwxLjgxLDUuNDgtLjIyLDcuNDRaTTU3Mi42NCw0MjMuOTRjLTMuMDEsMi45NC04LjA2LDMuMDYtMTEuMjUtLjEyLTMuMjEtMy4xOS0zLjAzLTguMjQuMTMtMTEuMTgsMy4xNC0zLjE4LDcuODUtMy4yNywxMS4xNy4wMywzLjEsMy4wOCwzLjA4LDguMi0uMDUsMTEuMjZaTTU3Mi4zOCwzNjIuOTljLTMuMTMsMi44LTguMTgsMi43OC0xMS4yMi0uNjItMy4xLTMuMi0yLjcyLTguMjguNjktMTEuMjUsMy40NS0zLjAxLDguMDItMi43MywxMS4xNi43MSwyLjg5LDMuMTYsMi42LDguMjctLjYzLDExLjE2Wk02MDAuMDQsNDUxLjI4Yy0xLjI2LDEuMjUtMy43NiwxLjMzLTQuOTYuMDgtMS4yOC0xLjMzLTEuMTUtMy44NS4xLTUuMDUsMS4wNi0xLjAyLDMuNDktMS40NSw0LjkxLjE4LDEuMjcsMS40NiwxLjMyLDMuNDQtLjA1LDQuNzlaTTYwMC43NiwzOTAuNzFjLTEuNjcsMS42Ny00LjUxLDEuNjEtNi4xLjEyLTIuMDItMS44OC0xLjY4LTQuNzEtLjA0LTYuMTgsMS44Mi0yLjAxLDQuMzctMS43Myw2LjA4LS4wNSwxLjY4LDEuNjUsMS43Miw0LjQ2LjA3LDYuMTFaIi8+Cjwvc3ZnPg=='); }
.merkcirkel .card-label { font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; font-size: 1rem; color: var(--cobalt-blue); }
.merkcirkel .card-sub { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; opacity: 0.65; }
.merkcirkel p { max-width: 26em; }
.merkcirkel .card-link { font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8rem; text-decoration: none; color: var(--cobalt-blue); margin-top: auto; }
.merkcirkel .card-link::after { content: ' →'; }

/* ---------- bewegend merkbeeld ----------
   De webm heeft mogelijk geen alfakanaal, dus zit hij in een cirkel met een
   moss-groene ondergrond: valt hij dicht uit, dan staat hij nog steeds netjes. */
/* De webm heeft geen alfakanaal maar een zwarte achtergrond. mix-blend-mode helpt
   hier niet: .slot-foto .container heeft z-index en vormt een eigen stacking context,
   waar de blending niet uit kan. Daarom een ronde uitsnede: het zwart wordt zo een
   bewuste schijf in plaats van een vierkant. Levert een mp4/webm mét alfa op, dan
   kan overflow/background hier weg. */
.merkbeeld { width: clamp(120px, 14vw, 185px); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--core-black); margin: 0 0 1.6rem; }
.merkbeeld video { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); }

/* ---------- geo-accenten als klassen in plaats van inline px ---------- */
.geo-accent--rechtsboven { width: clamp(220px, 29vw, 430px); right: clamp(-140px, -8vw, -80px); top: clamp(-110px, -6vw, -60px); }
.geo-accent--linksonder { width: clamp(200px, 25vw, 370px); left: clamp(-150px, -9vw, -90px); bottom: clamp(-140px, -8vw, -90px); }
/* loopt van de onderrand van de sectie af: de sectie klipt hem op zijn eigen bodem */
.geo-accent--afloop { width: clamp(240px, 32vw, 470px); right: clamp(-120px, -7vw, -70px); bottom: calc(-1 * clamp(70px, 9vw, 150px)); }
/* over een foto mag het figuur voluit staan, dat is precies wat het merk doet spreken */
.geo-accent--vol { opacity: 1; }

/* ---------- blogkaarten met beeld ---------- */
.blogkaarten { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1.6rem, 3vw, 2.2rem); margin-top: clamp(2.4rem, 5vw, 3.4rem); }
.blogkaart { display: grid; grid-template-columns: 1.05fr 0.95fr; background: var(--pure-white); border-radius: 18px; box-shadow: 0 8px 30px rgba(0,41,38,0.08); }
/* de bodemruimte is gereserveerd voor de knop, die absoluut gepositioneerd is:
   zonder die padding loopt een lange titel onder de knop door */
.blogkaart-tekst { position: relative; padding: clamp(1.5rem, 2.6vw, 2.2rem); padding-bottom: clamp(4rem, 6vw, 5rem); display: flex; flex-direction: column; gap: 0.6rem; }
.blogkaart .card-label { font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.82rem; color: var(--moss-green); opacity: 0.6; }
.blogkaart h3 { color: var(--cobalt-blue); font-size: clamp(1.2rem, 1.9vw, 1.7rem); line-height: 1.22; }
.blogkaart-beeld { border-radius: 0 18px 18px 0; overflow: hidden; }
.blogkaart-beeld img { width: 100%; height: 100%; object-fit: cover; }
/* de knop hangt met zijn rechterhelft over de beeldrand heen */
.blogkaart .btn--lees { position: absolute; right: clamp(-3.6rem, -4.4vw, -2.4rem); bottom: clamp(1.1rem, 2.2vw, 1.7rem); z-index: 2; background: var(--pure-white); color: var(--cobalt-blue); border: 1.5px solid var(--cobalt-blue); padding: 0.7rem 1.3rem; font-size: 0.72rem; }
.blogkaart .btn--lees::before { display: none; }

/* ---------- slot-CTA over een foto ---------- */
.slot-foto { position: relative; overflow: hidden; background-size: cover; background-position: center; color: var(--pure-white); }
.slot-foto::before { content: ''; position: absolute; inset: 0; background: rgba(0,41,38,0.72); }
.slot-foto .container { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.slot-foto h2 { font-size: clamp(2.4rem, 4.7vw, 4.1rem); line-height: 1.1; }
.slot-foto p { max-width: 32em; }

/* ---------- terughoudend met beweging ---------- */
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
  .marquee { overflow-x: auto; }
  .merkcirkel .schijf { transition: none; }
  .merkcirkel:hover .schijf, .merkcirkel:focus-within .schijf { transform: none; }
  .merkbeeld video { display: none; }
}

/* ---------- responsief voor de nieuwe componenten ---------- */
@media (max-width: 900px) {
  .split--overlap .split-photo { margin-top: 0; }
  .split--overlap > :not(.split-photo) { padding-top: 0; }
  .split-photo--kop { overflow: hidden; }
  .split-photo--kop .foto-kop { position: static; max-width: none; margin-bottom: 1rem; }
  .breker-half { min-height: 340px; }
  .merkcirkels { justify-items: center; }
  .slot-foto .container { text-align: left; }
}
@media (max-width: 760px) {
  .blogkaart { grid-template-columns: 1fr; }
  .blogkaart-beeld { order: -1; border-radius: 18px 18px 0 0; aspect-ratio: 16/9; }
  .blogkaart .btn--lees { position: static; align-self: flex-start; margin-top: 0.6rem; }
  .aanloop-blok { margin-left: 0; }
  .aanloop-mid { flex-direction: column; align-items: flex-start; gap: 1.4rem; }
  .aanloop h2 { text-align: left; }
}

/* ---------- responsief ---------- */
@media (max-width: 900px) {
  .cards--3, .cards--2, .quotes--3, .quotes--2, .split, .decision, .hero--split .container, .koptekst, .breker, .merkcirkels, .blogkaarten, .reviews-klein, .slot-foto .container { grid-template-columns: 1fr; }
  .price-box { grid-template-columns: 1fr; }
  .site-footer .cols { grid-template-columns: 1fr 1fr; }
  .nav { display: none; }
  .nav.open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: var(--moss-green); padding: 1.4rem; gap: 1.1rem; border-bottom: 1px solid rgba(201,242,4,0.2); }
  /* Op mobiel geen uitklap maar gewoon ingesprongen onder de hoofdlink: één
     tik minder, en op een aanraakscherm is hover toch onbetrouwbaar. */
  .nav.open .nav-groep { flex-direction: column; align-items: flex-start; gap: 1.1rem; width: 100%; }
  .nav.open .nav-groep > a::after { display: none; }
  .nav.open .nav-sub { display: flex; position: static; margin: 0; padding: 0 0 0 0.95rem; gap: 1.1rem; background: none; border: none; border-left: 2px solid rgba(201,242,4,0.35); border-radius: 0; box-shadow: none; min-width: 0; }
  .nav.open .nav-sub a { padding: 0; }
  .nav.open .nav-sub::before { display: none; }
  .nav-toggle { display: block; background: none; border: 1.5px solid var(--signal-green); color: var(--signal-green); border-radius: 8px; font-size: 1.2rem; padding: 0.25rem 0.7rem; cursor: pointer; }
}

/* ============================================================
   COOKIEBANNER (7 augustus 2026)
   Compacte kaart rechtsonder, moss green met signal-green knoppen.

   Aanvaarden en weigeren zijn identiek van vorm, kleur en formaat. De GBA
   rekent kleur, positie en grootte tot de dark patterns, dus mag de weigerknop
   niet zwakker ogen dan de aanvaardknop. Maak er dus geen outline-knop van.
   Het kruisje sluit de banner en telt als weigeren, nooit als toestemming.
   ============================================================ */
.cookiebalk { position: fixed; z-index: 200; right: clamp(0.8rem, 2vw, 1.6rem); bottom: clamp(0.8rem, 2vw, 1.6rem); }
/* dark blue en niet moss green: de kaart moet ook op een moss-groene sectie
   loskomen van de achtergrond, en dat doet moss op moss niet */
.cookiedoos { position: relative; width: min(400px, calc(100vw - 1.6rem)); max-height: calc(100vh - 3rem); overflow-y: auto; background: var(--dark-blue); color: var(--pure-white); border: 1px solid rgba(201,242,4,0.28); border-radius: 16px; box-shadow: 0 20px 55px rgba(0,0,0,0.45); padding: 1.5rem 1.5rem 1.4rem; }
.cookiedoos--breed { width: min(480px, calc(100vw - 1.6rem)); }
.cookiedoos h2 { font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.72rem; color: var(--signal-green); margin-bottom: 0.7rem; padding-right: 1.8rem; }
.cookiedoos p { font-size: 0.92rem; line-height: 1.55; color: var(--pure-white); }
.cookiedoos a { color: var(--signal-green); }

/* het kruisje weigert, het geeft nooit toestemming */
.cookiesluit { position: absolute; top: 0.85rem; right: 0.85rem; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; background: none; border: 0; border-radius: 50%; color: var(--pure-white); opacity: 0.6; font-size: 1.2rem; line-height: 1; cursor: pointer; }
.cookiesluit:hover { opacity: 1; }
.cookiesluit:focus-visible { outline: 2px solid var(--signal-green); outline-offset: 2px; opacity: 1; }

.cookiesoorten { margin-top: 1.2rem; border-top: 1px solid rgba(201,242,4,0.22); }
.cookiesoort { display: grid; grid-template-columns: auto 1fr; gap: 0.9rem; align-items: start; padding: 0.95rem 0; border-bottom: 1px solid rgba(201,242,4,0.22); }
.cookiesoort strong { display: block; font-size: 0.88rem; color: var(--signal-green); }
.cookiesoort p { font-size: 0.82rem; margin-top: 0.2rem; opacity: 0.85; }

.cookieschakelaar { position: relative; display: block; width: 42px; height: 24px; flex-shrink: 0; cursor: pointer; margin-top: 0.1rem; }
.cookieschakelaar input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.cookieslee { position: absolute; inset: 0; border-radius: 999px; background: rgba(255,255,255,0.22); transition: background 0.18s ease; }
.cookieslee::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--pure-white); transition: transform 0.18s ease; }
.cookieschakelaar input:checked + .cookieslee { background: var(--signal-green); }
.cookieschakelaar input:checked + .cookieslee::after { transform: translateX(18px); background: var(--moss-green); }
.cookieschakelaar input:focus-visible + .cookieslee { outline: 2px solid var(--signal-green); outline-offset: 3px; }
.cookieschakelaar.is-vast, .cookieschakelaar.is-vast input { cursor: default; }
.cookieschakelaar.is-vast input:checked + .cookieslee { background: rgba(201,242,4,0.45); }

.cookieknoppen { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-top: 1.2rem; }
.cookieknop { font-family: var(--font-body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.76rem; border-radius: 999px; cursor: pointer; border: 0; transition: transform 0.15s ease; }
.cookieknop:hover { transform: translateY(-1px); }
.cookieknop:focus-visible { outline: 2px solid var(--signal-green); outline-offset: 3px; }
/* Aanvaarden ingevuld, weigeren als outline. Keuze van Florette (7 aug), na de
   opmerking dat de GBA kleurverschil tot de dark patterns rekent. Formaat, vorm
   en positie blijven daarom wél exact gelijk: allebei dezelfde randdikte en
   dezelfde padding, zodat de knoppen even groot zijn. */
.cookieknop--gelijk, .cookieknop--rand { padding: 0.8rem 0.7rem; border: 1.5px solid var(--signal-green); }
.cookieknop--gelijk { background: var(--signal-green); color: var(--moss-green); }
.cookieknop--rand { background: transparent; color: var(--signal-green); }
.cookieknop--tekst { grid-column: 1 / -1; background: none; color: var(--pure-white); opacity: 0.8; text-decoration: underline; padding: 0.55rem 0 0; font-size: 0.72rem; }
.cookieknop--tekst:hover { opacity: 1; }

@media (max-width: 480px) {
  .cookiebalk { left: clamp(0.8rem, 2vw, 1.6rem); }
  .cookiedoos, .cookiedoos--breed { width: 100%; }
}

/* ============================================================
   TYPOGRAFIE: ALMARAI LIGHT (17 augustus 2026)

   Florette vond de lopende tekst in Almarai Regular niet mooi genoeg. Sinds
   17 augustus staat de hele site op Light: het gewicht 300 staat bovenaan in
   de body-regel, en Light-300 is toegevoegd aan de @font-face-regels.

   Dit gold eerst alleen op /sprint via een klasse op de body. Die klasse is
   weg; wie hem nog ergens tegenkomt in oude HTML mag hem schrappen.

   Wat NIET meekantelt, en dat is de bedoeling: alles met een eigen
   font-weight. Knoppen, .caps, kaartlabels, navigatie en <strong> houden hun
   700 of 800, anders verdwijnt het contrast tussen tekst en nadruk.
   ============================================================ */
/* De hero-sub is groot gezet en zakt in Light te ver weg op een donkere
   ondergrond. Lichte tekst op donker oogt altijd dunner dan omgekeerd. */
.hero-sub { font-weight: 400; }

/* Verplicht bij Light. De browser zet <strong> op `bolder`, en dat is een
   relatieve stap: vanaf 400 kom je op 700 uit, maar vanaf 300 op 400. Zonder
   deze regel valt alle nadruk in de lopende tekst dus zo goed als weg, en dat
   is precies waar de vetgedrukte zinnen op /aos en in de blogs op rekenen. */
strong, b { font-weight: 700; }

/* ============================================================
   REVIEW DIE OPVALT (17 augustus 2026)

   De review onder de prijzen stond als gewone blockquote tussen de tekst en
   viel niemand op. Wordt nu een moss-groene kaart met foto, dus een blok dat
   je niet kan overslaan op een grijze sectie.

   Dekkende kleuren, geen rgba: controleer-site.py rekent met de opgegeven
   kleur en leest een doorschijnende achtergrond als contrast 1.00. Dan
   blokkeert de publicatiepoort.
   ============================================================ */
.review-spot { display: grid; grid-template-columns: auto 1fr; gap: clamp(1.5rem, 3vw, 2.6rem); align-items: center; background: var(--moss-green); color: var(--pure-white); border-left: 6px solid var(--signal-green); border-radius: 20px; padding: clamp(1.8rem, 4vw, 3rem); margin-top: clamp(2.6rem, 5vw, 3.6rem); }
.review-spot-foto { width: clamp(104px, 12vw, 148px); height: clamp(104px, 12vw, 148px); border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
/* .section--grey blockquote hierboven zet een achtergrond en een linkerrand.
   Zelfde specificiteit, dus de volgorde beslist en dit blok staat later. */
.review-spot blockquote { background: none !important; border: 0 !important; border-left: none !important; border-radius: 0; padding: 0; }
.review-spot blockquote p { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.15rem, 2.1vw, 1.55rem); line-height: 1.42; color: var(--pure-white); }
.review-spot blockquote footer { color: var(--signal-green) !important; margin-top: 1.3rem; }

/* ============================================================
   INSCHRIJFFORMULIER IN DE HERO (17 augustus 2026)

   Op /aos stond het Sender-formulier pas in de derde sectie. Florette wil dat
   niemand moet scrollen om het te vinden, dus staat het nu in de hero zelf.

   Het kader eromheen volgt hetzelfde idioom als .section--moss .card, en is
   bewust niet wit. Sender levert zijn eigen veld- en knopstijl mee en die is
   donker: een witte kaart zou dus een donker blok omlijsten, en dat botst.
   Verandert Sender ooit naar een licht formulier, dan is dit het blok dat mee
   moet.
   ============================================================ */
/* Geen eigen kader: Sender levert zijn formulier al in een omlijnd blok, en een
   kaart eromheen geeft een kader in een kader. De kop en de twee regels tekst
   staan dus rechtstreeks op de moss-groene ondergrond. */
.hero-form { color: var(--pure-white); margin-top: clamp(1.6rem, 3vw, 2.2rem); max-width: 32em; }
.hero-form .hero-form-kop { display: block; font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.76rem; color: var(--signal-green); margin-bottom: 0.6rem; }
.hero-form p { font-size: 0.95rem; line-height: 1.5; color: var(--pure-white); margin-bottom: 1.1rem; }
.hero-form .hero-form-onder { font-size: 0.82rem; margin: 0.9rem 0 0; color: var(--pure-white); opacity: 0.72; }

/* Het formulier staat in de rechterkolom, bovenaan, met de foto eronder. Dat
   is de enige plaatsing waarbij het echt boven de vouw staat: de h1 op de
   standaardmaat vult op 1440 in zijn eentje al bijna het hele scherm, en de
   sectiepadding van 10vw komt daar nog bij. Vandaar dat deze variant zowel de
   padding als de kopmaat terugbrengt. Meten met een venster van 1440 bij 900:
   het formulier moet volledig zichtbaar zijn zonder scrollen. */
.hero--formulier { padding-top: clamp(1.8rem, 2.6vw, 2.4rem); padding-bottom: clamp(2.2rem, 3.5vw, 3.4rem); }
.hero--formulier h1 { font-size: clamp(2rem, 3.2vw, 2.75rem); }
.hero--formulier .hero-sub { font-size: 1.05rem; margin-top: 0.9rem; max-width: 30em; }
.hero--formulier .hero-form { margin-top: clamp(1rem, 1.7vw, 1.4rem); max-width: 30em; }
.hero--formulier .hero-form p { margin-bottom: 0.85rem; }
.hero--formulier .hero-form-onder { margin-top: 0.7rem; }

@media (max-width: 900px) {
  /* Op één kolom komt de foto onder het formulier, want het formulier zit in
     het tekstblok en de foto is de tweede rasterkolom. Ze staat dus niet meer
     in de weg en mag gewoon meekomen.
     De maten hieronder zijn gemeten op 390 bij 844: zonder deze verkleining
     valt het formulier net onder de vouw. */
  .hero--formulier { padding-top: 1.8rem; }
  .hero--formulier h1 { font-size: clamp(1.9rem, 7.4vw, 2.4rem); }
  .hero--formulier .hero-sub { font-size: 1rem; }
  .hero--formulier .hero-form p { font-size: 0.9rem; }
}
@media (max-width: 760px) {
  .review-spot { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .review-spot blockquote footer { justify-content: center; }
  .hero-form { max-width: none; }
}