html, body{margin: 0; padding: 0;}
html{scroll-behavior: smooth;}
#sustiro-home{--su-navy: #2C5F8A; --su-navy-dark: #1A2A3A; --su-cta: #FFD23F; --su-alarm: #9b2c2c; --su-green: #5b6e5a; --su-green-dark: #2d5a3f; --su-paper: #FAFAF7; --su-paper-alt: #EEF2ED; --su-tile: #F7F8FA; --su-ink: #1a2332; --su-ink-soft: #4a5568; --su-border: #D8DEE5; --su-steel: #3A7DB5; --su-serif: 'Charter', 'Iowan Old Style', "Crimson Text", Georgia, 'Times New Roman', serif; --su-sans: 'IBM Plex Sans', 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-family: var(--su-sans); font-size: 19px; line-height: 1.7; color: var(--su-ink); background: var(--su-paper); box-sizing: border-box;}
#sustiro-home *, #sustiro-home *::before, #sustiro-home *::after{box-sizing: inherit;}
#sustiro-home img, #sustiro-home svg{max-width: 100%;}
#sustiro-home a:focus-visible, #sustiro-home button:focus-visible, #sustiro-home summary:focus-visible{outline: 3px solid var(--su-navy); outline-offset: 3px; border-radius: 2px;}
#sustiro-home .su-vh{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
#sustiro-home .su-skip{position: absolute; left: 16px; top: -60px; z-index: 60; background: var(--su-navy-dark); color: #fff; font-weight: 700; font-size: 16px; padding: 10px 18px; border-radius: 0 0 8px 8px; text-decoration: none; transition: top 160ms ease;}
#sustiro-home .su-skip:focus-visible{top: 0; outline-color: #fff;}
#sustiro-home .su-shell{max-width: 1160px; margin: 0 auto; padding: 0 24px;}
#sustiro-home .su-eyebrow{display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--su-green);}
#sustiro-home .su-eyebrow::before{content: ""; width: 28px; height: 2px; background: var(--su-green); flex: none;}
#sustiro-home .su-h2{margin: 0 0 16px; font-family: var(--su-serif); font-weight: 700; font-size: clamp(26px, 3.6vw, 36px); line-height: 1.3; letter-spacing: -0.01em; color: var(--su-navy-dark); text-wrap: balance;}
#sustiro-home .su-h2 em{font-style: italic; color: var(--su-navy);}
#sustiro-home .su-sub{margin: 0; font-size: 19px; line-height: 1.7; color: var(--su-ink-soft); max-width: 62ch;}
#sustiro-home .su-btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 13px 30px; border-radius: 8px; font-family: var(--su-sans); font-size: 19px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; border: 2px solid transparent; transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease;}
#sustiro-home .su-btn--primary{background: var(--su-cta); color: var(--su-ink); border: 1px solid var(--su-navy-dark); padding: 14px 31px;}
#sustiro-final .su-btn--primary{border-color: transparent;}
#sustiro-home .su-btn--primary:hover{background: var(--su-cta); border-color: var(--su-navy); transform: translateY(-1px);}
#sustiro-home .su-btn--ghost{background: transparent; color: var(--su-navy); border-color: var(--su-navy);}
#sustiro-home .su-btn--ghost:hover{background: var(--su-navy); color: #fff;}
#sustiro-home .su-btn .su-arrow{transition: transform 180ms ease;}
#sustiro-home .su-btn:hover .su-arrow{transform: translateX(4px);}
#sustiro-home .su-textlink{display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 700; color: var(--su-green); text-decoration: none; border-bottom: 1.5px solid transparent; padding-bottom: 1px; transition: color 180ms ease, border-color 180ms ease;}
#sustiro-home .su-textlink:hover, #sustiro-home .su-textlink:focus-visible{color: var(--su-green-dark); border-bottom-color: var(--su-green-dark);}
/* Bewijslabels als mono-tag: lichte tint met donkere tekst in de Sustiro-kleuren (tokenvoorstel §1, 30-09).
   Sterk 6,58:1 · Redelijk 5,38:1 · Wisselend 5,12:1 · Beperkt 5,30:1. Het verschil zit in kleur én woord. */
#sustiro-home .ev-badge{display: inline-block; font-family: var(--su-mono, ui-monospace, Consolas, monospace); font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; text-transform: uppercase; padding: 2px 8px; border-radius: 4px; margin-left: 4px; vertical-align: middle;}
#sustiro-home .ev-badge--sterk{background: #E6EBE8; color: #2d5a3f;}
#sustiro-home .ev-badge--redelijk{background: #F6F1E8; color: #7D5D29;}
#sustiro-home .ev-badge--wisselend{background: #EFEDF2; color: #6B5E7E;}
#sustiro-home .ev-badge--beperkt{background: #F1F2F4; color: #5F646F;}
#sustiro-home .su-masthead{background: var(--su-paper); border-bottom: 1px solid var(--su-border);}
#sustiro-home .su-masthead .su-shell{display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px;}
#sustiro-home .su-wordmark{font-family: var(--su-serif); font-weight: 700; font-size: 27px; letter-spacing: -0.01em; color: var(--su-navy-dark); text-decoration: none; line-height: 1;}
#sustiro-home .su-wordmark .su-dot{color: var(--su-navy);}
#sustiro-home .su-nav ul{display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap;}
#sustiro-home .su-nav a{display: inline-block; padding: 10px 14px; border-radius: 6px; font-size: 17px; font-weight: 700; color: var(--su-navy); text-decoration: none; transition: background-color 180ms ease, color 180ms ease;}
#sustiro-home .su-nav a:hover{background: var(--su-paper-alt); color: var(--su-navy-dark);}
#sustiro-home .su-nav a[aria-current="page"]{color: var(--su-navy-dark); box-shadow: inset 0 -2px 0 var(--su-navy); border-radius: 6px 6px 0 0;}
#sustiro-hero{background: linear-gradient(180deg, rgba(44, 95, 138, 0.045) 0%, rgba(250, 250, 247, 0) 46%), var(--su-paper); border-bottom: 1px solid var(--su-border); padding: clamp(64px, 10vw, 128px) 0 clamp(56px, 8vw, 96px);}
#sustiro-hero .su-hero-grid{display: grid; grid-template-columns: minmax(0, 1fr) 264px; gap: clamp(32px, 6vw, 88px); align-items: start;}
#sustiro-hero h1{margin: 0 0 22px; font-family: var(--su-serif); font-weight: 700; font-size: clamp(32px, 5vw, 52px); line-height: 1.18; letter-spacing: -0.015em; color: var(--su-navy-dark); text-wrap: balance; max-width: 21ch;}
#sustiro-hero h1 em{font-style: italic; color: var(--su-navy);}
#sustiro-hero .su-lede{margin: 0 0 18px; font-size: clamp(19px, 2vw, 21px); line-height: 1.65; color: var(--su-ink-soft); max-width: 56ch;}
#sustiro-hero .su-lede strong{color: var(--su-ink);}
#sustiro-hero .su-gradering{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 34px; font-size: 16px; color: var(--su-ink-soft);}
#sustiro-hero .su-gradering .ev-badge{margin-left: 0;}
#sustiro-hero .su-cta-row{display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin: 0 0 40px;}
#sustiro-hero .su-marginalia{border-left: 2px solid var(--su-border); padding: 6px 0 6px 22px; margin-top: 14px;}
#sustiro-hero .su-marginalia p{margin: 0 0 14px; font-family: var(--su-serif); font-style: italic; font-size: 18px; line-height: 1.6; color: var(--su-navy);}
#sustiro-hero .su-marginalia cite{display: block; font-family: var(--su-sans); font-style: normal; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--su-ink-soft);}
#sustiro-hero .su-trust{display: flex; align-items: center; flex-wrap: wrap; gap: 10px 0; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--su-border); list-style: none; font-size: 15.5px; color: var(--su-ink-soft);}
#sustiro-hero .su-trust li{display: inline-flex; align-items: center; gap: 9px; padding: 0 20px; border-right: 1px solid var(--su-border);}
#sustiro-hero .su-trust li:first-child{padding-left: 0;}
#sustiro-hero .su-trust li:last-child{border-right: 0;}
#sustiro-hero .su-trust svg{width: 18px; height: 18px; flex: none; stroke: var(--su-navy); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
#sustiro-hero .su-trust strong{color: var(--su-ink); font-weight: 700;}
#sustiro-producten{background: #FFFFFF; border-bottom: 1px solid var(--su-border); padding: clamp(56px, 9vw, 104px) 0;}
#sustiro-producten .su-prod-head{max-width: 660px; margin: 0 0 14px;}
#sustiro-producten .su-prod-legend{margin: 0 0 44px; font-size: 16px; color: var(--su-ink-soft);}
#sustiro-producten .su-prod-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none;}
#sustiro-producten .su-prod-card{position: relative; display: flex; flex-direction: column; background: var(--su-tile); border: 1px solid var(--su-border); border-radius: 14px; overflow: hidden; transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;}
#sustiro-producten .su-prod-card:hover, #sustiro-producten .su-prod-card:focus-within{border-color: var(--su-steel); box-shadow: 0 12px 28px -14px rgba(26, 42, 58, 0.22), 0 3px 8px rgba(26, 42, 58, 0.05); transform: translateY(-3px);}
#sustiro-producten .su-prod-visual{position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; background: var(--su-paper-alt); border-bottom: 1px solid var(--su-border); color: var(--su-navy);}
#sustiro-producten .su-prod-visual svg{width: 88px; height: 88px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: 0.85;}
#sustiro-producten .su-prod-visual .ev-badge{position: absolute; top: 14px; right: 14px; margin: 0; font-size: 13px; padding: 4px 10px;}
#sustiro-producten .su-prod-body{display: flex; flex-direction: column; flex: 1 1 auto; padding: 24px 24px 22px;}
#sustiro-producten .su-prod-chips{display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; padding: 0; list-style: none;}
#sustiro-producten .su-prod-chips li{font-size: 12.5px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--su-navy); background: rgba(58, 125, 181, 0.10); border-radius: 999px; padding: 3px 12px;}
#sustiro-producten .su-prod-title{margin: 0 0 8px; font-family: var(--su-serif); font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--su-navy-dark);}
#sustiro-producten .su-prod-title a{color: inherit; text-decoration: none;}
#sustiro-producten .su-prod-title a::after{content: ""; position: absolute; inset: 0;}
#sustiro-producten .su-prod-desc{margin: 0 0 18px; font-size: 16.5px; line-height: 1.6; color: var(--su-ink-soft); flex: 1 1 auto;}
#sustiro-producten .su-prod-foot{display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding-top: 16px; border-top: 1px solid var(--su-border);}
#sustiro-producten .su-prod-price{font-family: var(--su-serif); font-weight: 700; font-size: 21px; color: var(--su-ink);}
#sustiro-producten .su-prod-price small{display: block; font-family: var(--su-sans); font-weight: 400; font-size: 13.5px; color: var(--su-ink-soft);}
#sustiro-producten .su-prod-go{font-size: 17px; font-weight: 700; color: var(--su-navy); white-space: nowrap;}
#sustiro-producten .su-prod-card:hover .su-prod-go{text-decoration: underline; text-underline-offset: 4px;}
#sustiro-producten .su-prod-cta{margin: 44px 0 0; text-align: center;}
#sustiro-founder{background: var(--su-paper-alt); border-bottom: 1px solid var(--su-border); padding: clamp(56px, 9vw, 104px) 0;}
#sustiro-founder .su-founder-grid{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(36px, 6vw, 72px); align-items: start;}
#sustiro-founder .su-founder-card{background: #FFFFFF; border: 1px solid var(--su-border); border-radius: 14px; padding: 32px 30px 28px;}
#sustiro-founder .su-founder-id{display: flex; align-items: center; gap: 18px; margin: 0 0 22px;}
#sustiro-founder .su-monogram{flex: none; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 50%; background: var(--su-navy); color: #fff; font-family: var(--su-serif); font-weight: 700; font-size: 27px; letter-spacing: 0.02em;}
#sustiro-founder .su-founder-name{margin: 0 0 3px; font-family: var(--su-serif); font-weight: 700; font-size: 21px; line-height: 1.3; color: var(--su-navy-dark);}
#sustiro-founder .su-founder-role{margin: 0; font-size: 15px; line-height: 1.5; color: var(--su-ink-soft);}
#sustiro-founder blockquote{margin: 0 0 20px; padding: 0; border: 0;}
#sustiro-founder blockquote p{margin: 0 0 1em; font-family: var(--su-serif); font-style: italic; font-size: 19px; line-height: 1.65; color: var(--su-ink);}
#sustiro-founder blockquote p:last-child{margin-bottom: 0;}
#sustiro-founder .su-founder-disclaimer{margin: 0 0 22px; padding: 12px 16px; background: var(--su-tile); border-left: 3px solid var(--su-green); border-radius: 0 6px 6px 0; font-size: 15.5px; line-height: 1.55; color: var(--su-ink-soft);}
#sustiro-founder .su-founder-disclaimer strong{color: var(--su-ink);}
#sustiro-founder .su-reviews-head{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0 0 20px;}
#sustiro-founder .su-reviews-h3{margin: 0; font-family: var(--su-serif); font-weight: 700; font-size: 24px; color: var(--su-navy-dark);}
#sustiro-founder .su-score{display: inline-flex; align-items: center; gap: 10px; font-size: 15.5px; color: var(--su-ink-soft);}
#sustiro-founder .su-score b{display: inline-grid; place-items: center; min-width: 56px; padding: 5px 10px; border-radius: 8px; background: var(--su-green-dark); color: #fff; font-family: var(--su-serif); font-size: 19px; font-weight: 700;}
#sustiro-founder .su-review-list{display: grid; gap: 16px; margin: 0 0 22px; padding: 0; list-style: none;}
#sustiro-founder .su-review{background: #FFFFFF; border: 1px solid var(--su-border); border-radius: 12px; padding: 20px 22px 16px;}
#sustiro-founder .su-review-stars{display: inline-flex; gap: 3px; margin: 0 0 8px; color: #b8893d;}
#sustiro-founder .su-review-stars svg{width: 15px; height: 15px; fill: currentColor; stroke: none;}
#sustiro-founder .su-review p{margin: 0 0 12px; font-size: 16.5px; line-height: 1.6; color: var(--su-ink);}
#sustiro-founder .su-review footer{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13.5px; color: var(--su-ink-soft);}
#sustiro-founder .su-verified{display: inline-flex; align-items: center; gap: 5px; font-weight: 700; color: var(--su-green-dark);}
#sustiro-founder .su-verified svg{width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
#sustiro-faq{background: #FFFFFF; border-bottom: 1px solid var(--su-border); padding: clamp(56px, 9vw, 104px) 0;}
#sustiro-faq .su-faq-head{max-width: 640px; margin: 0 0 44px;}
#sustiro-faq .su-faq-list{max-width: 860px; border-top: 1px solid var(--su-border);}
#sustiro-faq details{border-bottom: 1px solid var(--su-border);}
#sustiro-faq summary{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 4px; cursor: pointer; list-style: none; font-family: var(--su-serif); font-weight: 700; font-size: 20px; line-height: 1.4; color: var(--su-navy-dark); transition: color 180ms ease;}
#sustiro-faq summary::-webkit-details-marker{display: none;}
#sustiro-faq summary:hover{color: var(--su-navy);}
#sustiro-faq summary .su-faq-plus{flex: none; width: 30px; height: 30px; display: grid; place-items: center; border: 1.5px solid var(--su-border); border-radius: 50%; color: var(--su-navy); transition: transform 220ms ease, background-color 220ms ease, color 220ms ease;}
#sustiro-faq summary .su-faq-plus svg{width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round;}
#sustiro-faq details[open] summary .su-faq-plus{transform: rotate(45deg); background: var(--su-navy); color: #fff; border-color: var(--su-navy);}
#sustiro-faq .su-faq-a{padding: 0 40px 26px 4px; max-width: 72ch;}
#sustiro-faq .su-faq-a p{margin: 0 0 1em; font-size: 17.5px; line-height: 1.7; color: var(--su-ink-soft);}
#sustiro-faq .su-faq-a p:last-child{margin-bottom: 0;}
#sustiro-faq .su-faq-a strong{color: var(--su-ink);}
#sustiro-faq .su-faq-a ul{margin: 0 0 1em; padding-left: 1.3em; color: var(--su-ink-soft); font-size: 17.5px; line-height: 1.65;}
#sustiro-faq .su-faq-a li{margin-bottom: 0.35em;}
#sustiro-faq .su-faq-a a{color: var(--su-green); text-decoration: underline; text-underline-offset: 2px;}
#sustiro-faq .su-faq-a a:hover{color: var(--su-green-dark);}
#sustiro-faq .su-redflag{margin: 0 0 1em; padding: 14px 18px; background: rgba(155, 44, 44, 0.05); border-left: 3px solid var(--su-alarm); border-radius: 0 6px 6px 0;}
#sustiro-faq .su-redflag p{margin: 0 0 0.5em; color: var(--su-ink);}
#sustiro-faq .su-redflag ul{margin-bottom: 0.4em;}
#sustiro-final{background: radial-gradient(1100px 420px at 85% -10%, rgba(58, 125, 181, 0.28), rgba(58, 125, 181, 0) 65%), var(--su-navy-dark); color: #fff; padding: clamp(64px, 10vw, 112px) 0 clamp(48px, 7vw, 72px);}
#sustiro-final .su-final-head{max-width: 620px; margin: 0 auto 36px; text-align: center;}
#sustiro-final .su-final-eyebrow{display: block; margin: 0 0 16px; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9dbcd6;}
#sustiro-final h2{margin: 0 0 14px; font-family: var(--su-serif); font-weight: 700; font-size: clamp(28px, 4vw, 40px); line-height: 1.25; letter-spacing: -0.01em; color: #fff; text-wrap: balance;}
#sustiro-final .su-final-sub{margin: 0; font-size: 18.5px; line-height: 1.65; color: rgba(255, 255, 255, 0.82);}
#sustiro-final .su-final-chips{display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 0 0 22px; padding: 0; list-style: none;}
#sustiro-final .su-final-chips a{display: inline-flex; align-items: center; min-height: 48px; padding: 10px 24px; border: 1.5px solid rgba(255, 255, 255, 0.45); border-radius: 999px; color: #fff; font-size: 17px; font-weight: 700; text-decoration: none; transition: background-color 200ms ease, border-color 200ms ease;}
#sustiro-final .su-final-chips a:hover{background: rgba(255, 255, 255, 0.12); border-color: #fff;}
#sustiro-final .su-final-chips a:focus-visible{outline-color: #fff;}
#sustiro-final .su-final-primary{text-align: center; margin: 0 0 12px;}
#sustiro-final .su-final-note{margin: 0 auto; max-width: 46ch; text-align: center; font-family: var(--su-serif); font-style: italic; font-size: 16.5px; color: rgba(255, 255, 255, 0.72);}
#sustiro-final .su-risk{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: clamp(40px, 6vw, 56px) 0 0; padding: 28px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.18); list-style: none;}
#sustiro-final .su-risk li{display: flex; align-items: center; gap: 12px; font-size: 15.5px; line-height: 1.45; color: rgba(255, 255, 255, 0.85);}
#sustiro-final .su-risk svg{flex: none; width: 26px; height: 26px; stroke: #9dbcd6; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
#sustiro-final .su-risk strong{display: block; color: #fff; font-size: 16px;}
#sustiro-home .su-footer{background: var(--su-navy-dark); border-top: 1px solid rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.72); padding: 34px 0 40px; font-size: 15px; line-height: 1.65;}
#sustiro-home .su-footer .su-shell{display: flex; justify-content: space-between; gap: 28px; flex-wrap: wrap;}
#sustiro-home .su-footer nav ul{display: flex; gap: 4px 22px; flex-wrap: wrap; margin: 0 0 10px; padding: 0; list-style: none;}
#sustiro-home .su-footer a{color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}
#sustiro-home .su-footer a:hover{text-decoration-thickness: 2px;}
#sustiro-home .su-footer a:focus-visible{outline-color: #fff;}
#sustiro-home .su-footer .su-foot-disclaimer{max-width: 62ch; margin: 0;}
#sustiro-home .su-footer .su-foot-legal{margin: 10px 0 0; font-size: 13.5px; color: rgba(255, 255, 255, 0.55);}
#sustiro-klacht-keuzehulp{box-sizing: border-box; font-family: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif; font-size: 19px; line-height: 1.7; color: #1a2332; background: #FAFAF7; padding: clamp(60px, 9vw, 104px) 24px;}
#sustiro-klacht-keuzehulp *, #sustiro-klacht-keuzehulp *::before, #sustiro-klacht-keuzehulp *::after{box-sizing: inherit;}
#sustiro-klacht-keuzehulp .skk-inner{max-width: 1120px; margin: 0 auto;}
#sustiro-klacht-keuzehulp .skk-head{max-width: 660px; margin: 0 auto; text-align: center;}
#sustiro-klacht-keuzehulp .skk-eyebrow{display: inline-flex; align-items: center; gap: 14px; margin: 0 0 18px; font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #3A7DB5;}
#sustiro-klacht-keuzehulp .skk-eyebrow::before, #sustiro-klacht-keuzehulp .skk-eyebrow::after{content: ""; display: inline-block; width: 28px; height: 1px; background: #D8DEE5;}
#sustiro-klacht-keuzehulp h2{margin: 0 0 8px; font-family: 'Charter', 'Iowan Old Style', "Crimson Text", Georgia, serif; font-weight: 700; font-size: clamp(1.8rem, 3.4vw, 2.45rem); line-height: 1.22; letter-spacing: -0.01em; color: #2C5F8A;}
#sustiro-klacht-keuzehulp .skk-tick{width: 44px; height: 3px; border-radius: 2px; background: #FFD23F; margin: 18px auto 20px;}
#sustiro-klacht-keuzehulp .skk-sub{margin: 0; font-size: 19px; line-height: 1.65; color: #4a5568;}
#sustiro-klacht-keuzehulp .skk-grid{list-style: none; margin: 52px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;}
#sustiro-klacht-keuzehulp .skk-grid > li{display: flex;}
#sustiro-klacht-keuzehulp .skk-tile{position: relative; display: flex; flex-direction: column; flex: 1 1 auto; padding: 30px 28px 24px; background: #F7F8FA; border: 1px solid #D8DEE5; border-radius: 14px; text-decoration: none; color: inherit; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#sustiro-klacht-keuzehulp .skk-tile:hover{transform: translateY(-3px); border-color: #3A7DB5; box-shadow: 0 12px 28px -14px rgba(26, 42, 58, 0.22), 0 3px 8px rgba(26, 42, 58, 0.05);}
#sustiro-klacht-keuzehulp .skk-tile:focus-visible{outline: 3px solid #2C5F8A; outline-offset: 3px; border-color: #3A7DB5;}
#sustiro-klacht-keuzehulp .skk-icon{width: 68px; height: 68px; border-radius: 50%; display: grid; place-items: center; background: rgba(58, 125, 181, 0.09); color: #2C5F8A; margin-bottom: 20px; transition: background-color 0.22s ease;}
#sustiro-klacht-keuzehulp .skk-tile:hover .skk-icon{background: rgba(58, 125, 181, 0.15);}
#sustiro-klacht-keuzehulp .skk-icon svg{width: 46px; height: 46px; display: block;}
#sustiro-klacht-keuzehulp .skk-title{margin: 0 0 6px; font-family: 'Charter', 'Iowan Old Style', "Crimson Text", Georgia, serif; font-weight: 700; font-size: 22px; line-height: 1.3; color: #1A2A3A;}
#sustiro-klacht-keuzehulp .skk-desc{margin: 0; font-size: 17px; line-height: 1.6; color: #4a5568; flex-grow: 1;}
#sustiro-klacht-keuzehulp .skk-cta{display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(216, 222, 229, 0.85); font-size: 17px; font-weight: 700; color: #2C5F8A; transition: color 0.22s ease;}
#sustiro-klacht-keuzehulp .skk-cta svg{width: 17px; height: 17px; flex: none; transition: transform 0.22s ease;}
#sustiro-klacht-keuzehulp .skk-tile:hover .skk-cta, #sustiro-klacht-keuzehulp .skk-tile:focus-visible .skk-cta{color: #1A2A3A; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px;}
#sustiro-klacht-keuzehulp .skk-tile:hover .skk-cta svg, #sustiro-klacht-keuzehulp .skk-tile:focus-visible .skk-cta svg{transform: translateX(4px);}
#sustiro-klacht-keuzehulp .skk-tile--leren{background: #EEF2ED; border-color: #cfd9cd;}
#sustiro-klacht-keuzehulp .skk-tile--leren:hover, #sustiro-klacht-keuzehulp .skk-tile--leren:focus-visible{border-color: #5b6e5a;}
#sustiro-klacht-keuzehulp .skk-tile--leren .skk-icon{background: rgba(91, 110, 90, 0.13); color: #5b6e5a;}
#sustiro-klacht-keuzehulp .skk-tile--leren:hover .skk-icon{background: rgba(91, 110, 90, 0.20);}
#sustiro-klacht-keuzehulp .skk-kicker{display: block; margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #5b6e5a;}
#sustiro-klacht-keuzehulp .skk-tile--leren .skk-cta{color: #5b6e5a; border-top-color: rgba(91, 110, 90, 0.22);}
#sustiro-klacht-keuzehulp .skk-tile--leren:hover .skk-cta, #sustiro-klacht-keuzehulp .skk-tile--leren:focus-visible .skk-cta{color: #4a5a49;}
#sustiro-klacht-keuzehulp .skk-foot{margin: 40px auto 0; max-width: 560px; text-align: center; font-size: 16px; line-height: 1.65; color: #4a5568;}
#sustiro-klacht-keuzehulp .skk-foot strong{color: #1A2A3A; font-weight: 700;}
#sustiro-methode{--sm-navy: #2C5F8A; --sm-navy-dark: #1A2A3A; --sm-green: #5b6e5a; --sm-green-dark: #2d5a3f; --sm-paper: #FAFAF7; --sm-paper-alt: #EEF2ED; --sm-ink: #1a2332; --sm-ink-soft: #4a5568; --sm-border: #D8DEE5; --sm-tint-1: #7FA3C2; --sm-tint-2: #5581A6; --sm-tint-3: #2C5F8A; --sm-tint-4: #1A2A3A; --sm-serif: 'Charter', 'Iowan Old Style', "Crimson Text", Georgia, serif; --sm-sans: 'IBM Plex Sans', 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-family: var(--sm-sans); font-size: 19px; line-height: 1.7; color: var(--sm-ink); background: var(--sm-paper); padding: clamp(56px, 9vw, 104px) 24px; box-sizing: border-box;}
#sustiro-methode *, #sustiro-methode *::before, #sustiro-methode *::after{box-sizing: inherit;}
#sustiro-methode .sm-shell{max-width: 1160px; margin: 0 auto;}
#sustiro-methode .sm-head{max-width: 640px; margin: 0 0 clamp(40px, 6vw, 64px);}
#sustiro-methode .sm-eyebrow{display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sm-green);}
#sustiro-methode .sm-eyebrow::before{content: ""; width: 28px; height: 2px; background: var(--sm-green); flex: none;}
#sustiro-methode .sm-title{margin: 0 0 16px; font-family: var(--sm-serif); font-weight: 700; font-size: clamp(26px, 3.6vw, 36px); line-height: 1.3; color: var(--sm-navy-dark); letter-spacing: -0.01em; text-wrap: balance;}
#sustiro-methode .sm-title em{font-style: italic; color: var(--sm-navy);}
#sustiro-methode .sm-sub{margin: 0; font-size: 19px; line-height: 1.7; color: var(--sm-ink-soft); max-width: 58ch;}
#sustiro-methode .sm-spine{display: none; align-items: center; margin: 0 8px 22px;}
#sustiro-methode .sm-spine i{flex: none; width: 10px; height: 10px; border-radius: 50%;}
#sustiro-methode .sm-spine i:nth-child(1){background: var(--sm-tint-1);}
#sustiro-methode .sm-spine i:nth-child(3){background: var(--sm-tint-2);}
#sustiro-methode .sm-spine i:nth-child(5){background: var(--sm-tint-3);}
#sustiro-methode .sm-spine i:nth-child(7){background: var(--sm-tint-4);}
#sustiro-methode .sm-spine b{flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, var(--sm-border), var(--sm-navy) 50%, var(--sm-border)); opacity: 0.55;}
#sustiro-methode .sm-grid{display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0; padding: 0; list-style: none;}
#sustiro-methode .sm-card{position: relative; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--sm-border); border-radius: 8px; padding: 26px 24px 24px; overflow: hidden; transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;}
#sustiro-methode .sm-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--sm-depth, var(--sm-navy));}
#sustiro-methode .sm-card--1{--sm-depth: var(--sm-tint-1);}
#sustiro-methode .sm-card--2{--sm-depth: var(--sm-tint-2);}
#sustiro-methode .sm-card--3{--sm-depth: var(--sm-tint-3);}
#sustiro-methode .sm-card--4{--sm-depth: var(--sm-tint-4);}
#sustiro-methode .sm-card:hover, #sustiro-methode .sm-card:focus-within{border-color: var(--sm-navy); box-shadow: 0 1px 2px rgba(26, 42, 58, 0.05), 0 10px 28px -8px rgba(44, 95, 138, 0.22); transform: translateY(-3px);}
#sustiro-methode .sm-card-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px;}
#sustiro-methode .sm-num{font-family: var(--sm-serif); font-weight: 700; font-size: 60px; line-height: 0.9; color: var(--sm-navy); letter-spacing: -0.03em; font-variant-numeric: lining-nums; color: var(--sm-depth, var(--sm-navy));}
#sustiro-methode .sm-card--1 .sm-num{color: var(--sm-navy); opacity: 0.55;}
#sustiro-methode .sm-card--2 .sm-num{color: var(--sm-navy); opacity: 0.72;}
#sustiro-methode .sm-card--3 .sm-num{color: var(--sm-navy); opacity: 0.88;}
#sustiro-methode .sm-card--4 .sm-num{color: var(--sm-navy-dark); opacity: 1;}
#sustiro-methode .sm-icon{flex: none; width: 44px; height: 44px; display: grid; place-items: center; background: var(--sm-paper-alt); border-radius: 8px; color: var(--sm-navy);}
#sustiro-methode .sm-icon svg{width: 22px; height: 22px; display: block; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
#sustiro-methode .sm-role{margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sm-ink-soft);}
#sustiro-methode .sm-card-title{margin: 0 0 10px; font-family: var(--sm-serif); font-weight: 700; font-size: 23px; line-height: 1.3; color: var(--sm-navy-dark);}
#sustiro-methode .sm-q{margin: 0 0 8px; font-family: var(--sm-serif); font-style: italic; font-size: 17px; line-height: 1.55; color: var(--sm-navy);}
#sustiro-methode .sm-copy{margin: 0 0 18px; font-size: 16.5px; line-height: 1.65; color: var(--sm-ink-soft); flex: 1 1 auto;}
#sustiro-methode .sm-link{display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; font-size: 16px; font-weight: 700; color: var(--sm-green); text-decoration: none; border-bottom: 1.5px solid transparent; padding-bottom: 1px; transition: color 180ms ease, border-color 180ms ease;}
#sustiro-methode .sm-link .sm-arrow{display: inline-block; transition: transform 180ms ease;}
#sustiro-methode .sm-link:hover, #sustiro-methode .sm-link:focus-visible{color: var(--sm-green-dark); border-bottom-color: var(--sm-green-dark);}
#sustiro-methode .sm-link:hover .sm-arrow{transform: translateX(4px);}
#sustiro-methode .sm-foot{margin: clamp(32px, 5vw, 48px) auto 0; max-width: 62ch; text-align: center; font-size: 16px; line-height: 1.65; color: var(--sm-ink-soft);}
#sustiro-methode .sm-foot strong{font-weight: 700; color: var(--sm-ink);}
#sustiro-methode a:focus-visible{outline: 3px solid var(--sm-navy); outline-offset: 3px; border-radius: 2px;}
#sustiro-methode .sm-vh{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior: auto;}
  #sustiro-home .su-btn, #sustiro-home .su-btn .su-arrow, #sustiro-home .su-textlink, #sustiro-home .su-skip, #sustiro-producten .su-prod-card, #sustiro-faq summary .su-faq-plus{transition: none;}
  #sustiro-home .su-btn:hover, #sustiro-producten .su-prod-card:hover, #sustiro-producten .su-prod-card:focus-within{transform: none;}
  #sustiro-home .su-btn:hover .su-arrow{transform: none;}
  #sustiro-klacht-keuzehulp .skk-tile, #sustiro-klacht-keuzehulp .skk-icon, #sustiro-klacht-keuzehulp .skk-cta, #sustiro-klacht-keuzehulp .skk-cta svg{transition: none;}
  #sustiro-klacht-keuzehulp .skk-tile:hover{transform: none;}
  #sustiro-klacht-keuzehulp .skk-tile:hover .skk-cta svg, #sustiro-klacht-keuzehulp .skk-tile:focus-visible .skk-cta svg{transform: none;}
  #sustiro-methode .sm-card, #sustiro-methode .sm-link, #sustiro-methode .sm-link .sm-arrow{transition: none;}
  #sustiro-methode .sm-card:hover, #sustiro-methode .sm-card:focus-within{transform: none;}
  #sustiro-methode .sm-link:hover .sm-arrow{transform: none;}
}
@media (max-width: 600px){
  #sustiro-home .su-shell{padding: 0 18px;}
  #sustiro-klacht-keuzehulp .skk-grid{grid-template-columns: 1fr; gap: 16px;}
  #sustiro-klacht-keuzehulp{padding-left: 18px; padding-right: 18px;}
}
@media (max-width: 700px){
  #sustiro-home .su-masthead .su-shell{justify-content: center;}
}
@media (max-width: 880px){
  #sustiro-hero .su-hero-grid{grid-template-columns: 1fr;}
  #sustiro-hero .su-marginalia{max-width: 46ch; margin-top: 0;}
  #sustiro-founder .su-founder-grid{grid-template-columns: 1fr;}
}
@media (max-width: 640px){
  #sustiro-hero .su-trust{flex-direction: column; align-items: flex-start; gap: 12px;}
  #sustiro-hero .su-trust li{border-right: 0; padding: 0;}
}
@media (max-width: 940px){
  #sustiro-producten .su-prod-grid{grid-template-columns: 1fr 1fr;}
  #sustiro-klacht-keuzehulp .skk-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 620px){
  #sustiro-producten .su-prod-grid{grid-template-columns: 1fr;}
}
@media (max-width: 760px){
  #sustiro-final .su-risk{grid-template-columns: 1fr 1fr;}
}
@media (min-width: 640px){
  #sustiro-methode .sm-grid{grid-template-columns: repeat(2, 1fr); gap: 22px;}
}
@media (min-width: 1024px){
  #sustiro-methode .sm-grid{grid-template-columns: repeat(4, 1fr); gap: 24px;}
  #sustiro-methode .sm-spine{display: flex;}
}
/* KENNISLAUNCH 2026-09-27 — vierdelige bewijsschaal, oprichter solo */
/* 30-09-2026: de badgekleuren van de kennislaunch staan nu bovenaan bij .ev-badge (tint + donkere tekst). */
#sustiro-founder .su-founder-grid--solo{grid-template-columns: 1fr; max-width: 760px; margin: 0 auto;}
#sustiro-founder .su-founder-body{margin: 0 0 1.2em;}
#sustiro-founder .su-founder-body p{font-size: 18px; line-height: 1.65; color: var(--su-ink-soft); margin: 0 0 0.9em;}
#sustiro-founder .su-founder-body p:last-child{margin-bottom: 0;}
#sustiro-faq .su-faq-a li .ev-badge{margin-right: 0.4em;}