/* Canonical public page family; dark studio palette updated from owner feedback. */
body.public-reference{--public-bg:var(--public-canvas,#090b12);--public-text:var(--public-ink,#eef1f6);--public-link:var(--public-violet,#6f4df6);--public-accent:var(--public-volt,#c9ff45);--paper:var(--public-bg);--paper-deep:var(--public-surface);--night:var(--public-canvas,#090b12);--ink:var(--public-text);--slate:var(--public-muted);--mist:var(--public-muted);--white:var(--public-text);--cobalt:var(--public-link);--volt:var(--public-accent);--vurm-calm-bg:var(--public-bg);--vurm-calm-muted:var(--public-muted);--vurm-panel:var(--public-surface);--vurm-hairline:var(--public-line);--lijn-light:var(--public-line);--maxw:1240px;background:var(--public-bg);color:var(--public-text);font-family:var(--public-font,Manrope,system-ui,sans-serif)}
body.public-reference::before{display:none}
.public-reference :focus-visible:not(:where(.vpb-shell *)){outline:3px solid var(--public-link);outline-offset:4px}
.public-reference [hidden]{display:none!important}
.public-reference .btn{min-height:var(--public-control-height,48px);border-radius:8px;padding:11px 18px;font-size:13px;box-shadow:none;line-height:1.4}
.public-reference .btn-wa{background:var(--public-accent)!important;color:var(--public-on-accent)!important;border-color:var(--public-accent)!important}
.public-reference .btn-wa:hover{background:#dcff8a!important}
.public-reference .btn-ghost,.public-reference .paper .btn-ghost{background:var(--public-surface)!important;border-color:var(--public-line)!important;color:var(--public-text)!important}
.public-reference .page-hero{min-height:0;padding:126px 0 44px;background:var(--public-bg)!important;text-align:center}
.public-reference .page-hero h1{max-width:100%;font-family:inherit;font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.02;letter-spacing:-.04em!important;color:var(--public-text);margin:0}
.public-reference .page-hero .lede{max-width:650px;font-size:15px;line-height:1.6;color:var(--public-muted);margin-inline:auto}
.public-reference .eyebrow{color:var(--public-link)!important;font-family:inherit;font-weight:700;font-size:10px;letter-spacing:.11em}
.public-reference .eyebrow::before{display:none}
.public-reference .breadcrumbs{display:none}
.public-reference .hero-acties{display:flex;align-items:center;gap:20px;margin-top:25px}
.public-reference .reference-text-link{font-size:12px;color:var(--public-muted);text-underline-offset:4px}
.public-reference .reference-split-hero{display:grid;grid-template-columns:.84fr 1.4fr;gap:38px;align-items:center;text-align:left}
.public-reference .reference-split-hero h1{font-size:clamp(31px,3.25vw,44px);max-width:440px}
.public-reference .reference-split-hero .lede{font-size:13px;line-height:1.65}
.public-reference .reference-feature-list{padding:0;list-style:none;display:grid;gap:17px;margin:28px 0;font-size:13px;color:var(--public-muted)}
.public-reference .reference-feature-list li{display:flex;align-items:center;gap:12px}
.public-reference .reference-feature-list li::before{content:"✓";display:grid;place-items:center;flex:0 0 21px;height:21px;border-radius:6px;color:var(--public-link);background:var(--public-selected);font-size:12px;font-weight:bold}
.public-reference .reference-editor-figure{min-width:0;margin-right:calc((1180px - min(1180px,100vw - 56px)) * -1 / 2)}
.public-reference .reference-editor-figure img{display:block;width:100%;border:1px solid var(--public-line);border-radius:9px;box-shadow:0 20px 70px -30px #05070680;transform:perspective(1400px) rotateY(-5deg) rotateZ(-1deg)}
.public-reference .reference-editor-figure figcaption{margin-top:22px;text-align:center;font-size:11px;color:var(--public-muted)}
.public-reference .paper{background:var(--public-bg)!important;color:var(--public-text)!important;border-radius:0}
.public-reference .paper>.sect{background:var(--public-bg)!important;border-color:var(--public-line)!important;padding-block:52px}
.public-reference .sect-head{max-width:750px;margin-bottom:26px}
.public-reference .sect h2:not(:where(.vpb-shell *)){font-size:clamp(25px,3vw,34px);line-height:1.2;color:var(--public-text)}
.public-reference .sect h3:not(:where(.vpb-shell *)){color:var(--public-text);line-height:1.3}
.public-reference .sect .lede,.public-reference .prose p,.public-reference .prose li{color:var(--public-muted);font-size:14px;line-height:1.75}
.public-reference .card,.public-reference .step,.public-reference .related-card,.public-reference .managed-offer,.public-reference .commercial-price-card,.public-reference .commercial-route-grid>a{background:var(--public-surface)!important;color:var(--public-text)!important;border:1px solid var(--public-line)!important;border-radius:10px!important;padding:25px!important;box-shadow:none!important}
.public-reference .card p,.public-reference .step p,.public-reference .managed-offer p,.public-reference .commercial-price-card p,.public-reference .commercial-route-grid p{color:var(--public-muted)!important;font-size:13px;line-height:1.7}
.public-reference .card .k,.public-reference .step .tijd,.public-reference .related-card small,.public-reference .managed-offer>span{color:var(--public-link)!important}
.public-reference .related-card b,.public-reference .commercial-route-grid h3{color:var(--public-text)!important}
.public-reference .compare,.public-reference .compare td,.public-reference .compare th{background:var(--public-surface)!important;color:var(--public-muted)!important;border-color:var(--public-line)!important}
.public-reference .faq-list details{background:transparent!important;border-color:var(--public-line)!important;border-radius:0}
.public-reference .faq-list summary{color:var(--public-text)!important;font-size:15px}
.public-reference .faq-list p{color:var(--public-muted)!important}
.public-reference .check{color:var(--public-muted)!important}
.public-reference .check li::before{color:var(--public-muted)!important}
.public-reference .answer-first .prose{max-width:850px}
.public-reference .slot{background:var(--public-selected)!important;color:var(--public-text)!important;padding-block:60px}
.public-reference .slot h2{font-size:34px;color:var(--public-text)!important}
.public-reference .slot p{color:var(--public-muted)!important;font-size:14px}
.public-reference .slot::before,.public-reference .slot::after{display:none}
.public-reference>footer{background:var(--public-bg)!important;color:var(--public-muted)!important;border-color:var(--public-line)!important}
.public-reference>footer a,.public-reference .footer-directory span,.public-reference .foot b{color:var(--public-muted)!important}
/* Pricing: three paid plans lead; the free local draft stays explicit below them. */
.public-reference.reference-prijzen .page-hero{padding-bottom:20px}
.public-reference .reference-build-tabs{display:flex;justify-content:center;gap:0;width:max-content;max-width:100%;margin:24px auto 0;border:1px solid var(--public-line);border-radius:7px;padding:4px;background:var(--public-surface)}
.public-reference .reference-build-tabs button{border:0;border-radius:5px;min-height:35px;padding:8px 26px;color:var(--public-muted);background:transparent;font-size:12px;cursor:pointer}
.public-reference .reference-build-tabs button[aria-pressed=true]{color:var(--public-link);background:var(--public-surface);box-shadow:none}
.public-reference #platform-plannen{padding-top:10px;padding-bottom:26px;border:0!important}
.public-reference #platform-plannen>.wrap{max-width:940px}
.public-reference .prijsplanner{background:transparent;padding:0;margin:0 0 20px;gap:25px}
.public-reference .prijsplanner .eyebrow,.public-reference .prijsplanner h2{display:none}
.public-reference .prijsplanner p{font-size:11px;line-height:1.5;max-width:540px;color:var(--public-muted)}
.public-reference .periode-keuze{padding:3px;border-radius:6px;background:var(--public-surface);border-color:var(--public-line)}
.public-reference .periode-keuze button{font-size:11px;padding:7px 11px;border-radius:4px}
.public-reference .periode-keuze button[aria-pressed=true]{background:var(--public-surface);color:var(--public-link);box-shadow:none}
.public-reference .plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.public-reference .paper .plans .plan{background:var(--public-surface)!important;color:var(--public-text)!important;border:1px solid var(--public-line)!important;border-radius:9px!important;padding:24px 22px!important;display:flex;flex-direction:column;box-shadow:none!important;min-width:0}
.public-reference .paper .plans .plan.top{border:1.5px solid var(--public-link)!important;box-shadow:none!important}
.public-reference .plan .badge{background:var(--public-accent);color:var(--public-on-accent);font-size:10px;border-radius:5px;padding:5px 12px;top:-13px}
.public-reference .plan .naam{color:var(--public-text);font-size:16px;line-height:1.2;margin-bottom:9px}
.public-reference .plan .voor{font-size:11px;line-height:1.5;color:var(--public-muted);min-height:34px;max-width:100%}
.public-reference .plan .bedrag{font-size:33px;margin:16px 0 4px;line-height:1.2;color:var(--public-text)}
.public-reference .plan .bedrag span{font-size:11px;color:var(--public-muted);letter-spacing:0;display:block;margin-top:3px}
.public-reference .plan .setup{font-size:10px;color:var(--public-muted);padding:0!important;margin:0!important;line-height:1.5}
.public-reference .plan .looptijd{border:0;padding:6px 0;margin:0;font-size:10px}
.public-reference .plan .looptijd span,.public-reference .plan .looptijd strong,.public-reference .plan .looptijd small{display:inline;font-family:inherit;font-size:10px;letter-spacing:0;text-transform:none;font-weight:normal;color:var(--public-muted)}
.public-reference .plan .looptijd span::after{content:" · "}.public-reference .plan .looptijd small{display:none}
.public-reference .paper .plans .plan ul{margin:14px 0 20px;padding:0;color:var(--public-muted);font-size:11px;line-height:1.5;gap:8px}
.public-reference .plan .btn{margin-top:auto;min-height:35px;padding:9px;font-size:11px}
.public-reference .plan.top .btn{background:var(--public-accent)!important;border-color:var(--public-accent)!important;color:var(--public-on-accent)!important}
.public-reference .plan[data-pricing-plan=free]{grid-column:1/-1;order:4;display:grid!important;grid-template-columns:1fr auto;gap:5px 25px;padding:16px 20px!important;background:var(--public-selected)!important}
.public-reference .plan[data-pricing-plan=free] .naam{font-size:14px;margin:0}
.public-reference .plan[data-pricing-plan=free] .voor{grid-column:1;min-height:0}
.public-reference .plan[data-pricing-plan=free] .btn{grid-column:2;grid-row:1/3;align-self:center;margin:0}
.public-reference .plan[data-pricing-plan=free] .bedrag,.public-reference .plan[data-pricing-plan=free] .setup,.public-reference .plan[data-pricing-plan=free] .looptijd,.public-reference .plan[data-pricing-plan=free] ul{display:none}
.public-reference .reference-managed-choice{max-width:940px;margin:0 auto 30px;padding:24px;border:1px solid var(--public-line);border-radius:9px;background:var(--public-selected);display:grid;grid-template-columns:1fr 1.1fr auto;gap:26px;align-items:center}
.public-reference .reference-managed-choice h2{font-size:19px;line-height:1.3;color:var(--public-text)}
.public-reference .reference-managed-choice b{display:block;font-size:25px;color:var(--public-text);margin-top:7px}
.public-reference .reference-managed-choice p{font-size:11px;line-height:1.6;color:var(--public-muted)}
.public-reference .reference-managed-choice .btn{font-size:11px}
.public-reference .reference-managed-choice.is-selected{padding-block:38px;margin-top:20px}
.public-reference .plan-comparison{margin-top:35px}
.public-reference .plan-comparison-table :is(th,td){color:var(--public-muted)!important;border-color:var(--public-line)!important;font-size:12px}
.public-reference .plan-comparison-table thead th{color:var(--public-text)!important;background:var(--public-selected)}
.public-reference .plan-comparison-heading p,.public-reference .organisation-fit p{color:var(--public-muted)}
/* Website check: input first; empty state explains the real result. */
.public-reference .vraag{background:var(--public-surface);border-color:var(--public-line)}
.public-reference .vraag>span{color:var(--public-text)}
.public-reference .jn button{border-color:var(--public-control-line)}
.public-reference .jn button.aan{border-color:var(--public-accent)}
.public-reference.reference-website-check .page-hero{padding-bottom:22px}
.public-reference #live-bewijs{padding-top:0;border:0!important}
.public-reference #live-bewijs>.wrap{max-width:860px}
.public-reference .evidence-shell{padding:0;background:transparent!important;border:0;box-shadow:none}
.public-reference .evidence-shell::before{display:none}
.public-reference .evidence-form{grid-template-columns:1fr auto;align-items:end;gap:12px}
.public-reference .evidence-field label{color:var(--public-muted);font-size:11px}
.public-reference .evidence-field input{min-height:44px;border:1px solid var(--public-control-line);background:var(--public-surface);color:var(--public-text);border-radius:6px;font-size:13px}
.public-reference .evidence-form .btn{min-height:44px}
.public-reference .evidence-privacy{color:var(--public-muted);font-size:11px;max-width:none}
.public-reference .evidence-privacy a{color:var(--public-link)}
.public-reference .evidence-status{color:var(--public-muted);margin-top:12px;font-size:13px}
.public-reference .evidence-status.error{color:var(--public-danger);background:var(--public-surface);border-color:var(--public-line)}
.public-reference .reference-check-explainer{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;background:var(--public-surface);border:1px solid var(--public-line);border-radius:10px;padding:28px;margin:12px 0 28px}
.public-reference .reference-check-explainer h2{font-size:18px;line-height:1.4}
.public-reference .reference-check-explainer .reference-feature-list{gap:12px;margin:17px 0;font-size:12px}
.public-reference .reference-check-explainer p{font-size:11px;color:var(--public-muted)}
.public-reference .reference-check-preview{border:1px solid var(--public-line);border-radius:6px;overflow:hidden;background:var(--public-surface);box-shadow:0 8px 22px #342c3312}
.public-reference .reference-browser-dots{padding:9px;background:var(--public-surface);color:var(--public-muted);letter-spacing:2px;font-size:7px;display:flex;gap:20px;align-items:center}
.public-reference .reference-browser-dots span{letter-spacing:0;color:var(--public-muted);background:var(--public-surface);padding:2px 20px;border-radius:3px;flex:1}
.public-reference .reference-mini-site{display:grid;grid-template-columns:1.2fr 1fr;min-height:190px;padding:20px;gap:10px;align-items:center}
.public-reference .reference-mini-site span{display:block;font-size:7px;letter-spacing:1px;color:var(--public-muted)}
.public-reference .reference-mini-site b{display:block;font:23px/1.1 Georgia,serif;color:var(--public-muted);margin:15px 0}
.public-reference .reference-mini-site i{display:block;width:85%;height:3px;background:var(--public-surface);margin:5px 0}
.public-reference .reference-mini-site em{display:inline-block;font:7px Arial;background:#435540;color:var(--public-text);border-radius:3px;padding:6px 8px;margin-top:10px}
.public-reference .reference-mini-image{height:145px;border-radius:80px 80px 0 0;background:url('/assets/img/theme-florist-20260905.webp') center/cover}
.public-reference .reference-check-method{margin-top:12px;color:var(--public-muted)}
.public-reference .reference-check-method h2{font-size:22px;margin:10px 0}
.public-reference .reference-check-method p{font-size:12px;line-height:1.7;color:var(--public-muted)}
.public-reference .evidence-result{background:var(--public-surface);border:1px solid var(--public-line)}
.public-reference .evidence-priorities{background:var(--public-selected);color:var(--public-text);border-left-color:var(--public-link)}
.public-reference .evidence-priorities p,.public-reference .evidence-priorities ul{color:var(--public-muted)}
.public-reference .check-step-head p,.public-reference .managed-scope-note{color:var(--public-muted)}
@media(max-width:1100px){.public-reference .reference-split-hero{grid-template-columns:1fr 1.25fr;gap:24px}.public-reference .reference-feature-list{font-size:12px;gap:12px}.public-reference .reference-split-hero h1{font-size:34px}}
@media(max-width:800px){.public-reference .page-hero{padding-top:108px;padding-bottom:30px}.public-reference .reference-split-hero{grid-template-columns:1fr}.public-reference .reference-hero-copy{max-width:580px}.public-reference .reference-split-hero h1{max-width:540px;font-size:36px}.public-reference .reference-split-hero .lede{margin-left:0}.public-reference .reference-editor-figure{margin:12px 0 0}.public-reference .reference-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}.public-reference .reference-editor-figure img{transform:none}.public-reference .plans{gap:10px}.public-reference .paper .plans .plan{padding:20px 14px!important}.public-reference .plan .voor{min-height:50px}.public-reference .reference-managed-choice{margin-inline:28px;grid-template-columns:1fr 1.2fr;gap:18px}.public-reference .reference-managed-choice .btn{grid-column:1/-1}.public-reference .reference-check-explainer{gap:24px;padding:22px}.public-reference .reference-check-explainer .reference-feature-list{grid-template-columns:1fr}.public-reference .reference-mini-site{padding:12px}.public-reference .reference-mini-site b{font-size:20px}}
@media(max-width:560px){.public-reference .page-hero{padding-top:102px}.public-reference .page-hero h1,.public-reference .reference-split-hero h1{font-size:31px;line-height:1.13;hyphens:none}.public-reference .page-hero .lede{font-size:13px}.public-reference .reference-feature-list{grid-template-columns:1fr;gap:12px;margin:23px 0}.public-reference .hero-acties{gap:18px;flex-wrap:wrap}.public-reference .paper>.sect{padding-block:36px}.public-reference .sect h2:not(:where(.vpb-shell *)){font-size:25px}.public-reference .reference-build-tabs button{padding-inline:20px}.public-reference .prijsplanner{gap:15px;align-items:stretch}.public-reference .periode-keuze{width:100%}.public-reference .periode-keuze button{flex:1}.public-reference .plans{grid-template-columns:1fr;gap:21px}.public-reference .paper .plans .plan{padding:24px!important}.public-reference .plan .voor{min-height:0;font-size:12px}.public-reference .plan .bedrag{font-size:34px}.public-reference .paper .plans .plan ul{font-size:12px}.public-reference .plan .btn{min-height:44px;font-size:12px}.public-reference .plan[data-pricing-plan=free]{grid-column:1;grid-template-columns:1fr}.public-reference .plan[data-pricing-plan=free] .btn{grid-column:1;grid-row:auto;margin-top:10px}.public-reference .reference-managed-choice{margin-inline:18px;grid-template-columns:1fr;padding:22px}.public-reference .reference-check-explainer{grid-template-columns:1fr;gap:22px;padding:20px}.public-reference .evidence-form{grid-template-columns:1fr}.public-reference .reference-mini-site{min-height:170px;padding:16px}.public-reference .reference-mini-site b{font-size:24px}.public-reference .reference-check-preview{max-width:100%}.public-reference .reference-check-method h2{font-size:22px}.public-reference .slot h2{font-size:28px}}
/* Public input and control states share the same surface palette. */
.public-reference .paper input:not([type=checkbox]):not([type=radio]):not([type=color]):not(:where(.vpb-shell *)),.public-reference .paper select:not(:where(.vpb-shell *)),.public-reference .paper textarea:not(:where(.vpb-shell *)){background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-control-line)!important;border-radius:6px}
.public-reference .paper input:not(:where(.vpb-shell *))::placeholder{color:var(--public-muted)!important}
.public-reference .page-hero .eyebrow{margin-bottom:0;font-size:.8rem!important;letter-spacing:0!important;text-transform:none!important}
.public-reference .paper .plan .badge{color:var(--public-on-accent)!important;font-family:inherit;letter-spacing:0;text-transform:none}
.public-reference .plans{max-width:none;width:100%}
.public-reference .plan .voor{margin-bottom:0}
.public-reference .plan .setup{font-family:inherit}
.public-reference .paper .plans .plan ul li{margin:0;padding-block:0;font-size:inherit}
.public-reference .periode-keuze button{color:var(--public-muted)!important}
.public-reference .periode-keuze button[aria-pressed=true]{color:var(--public-link)!important}
.public-reference .evidence-shell{border-radius:0;overflow:visible}
.public-reference .evidence-shell::after{display:none}
.public-reference .evidence-privacy a{color:var(--public-link)!important}
.public-reference .sect-head h2{max-width:100%}
.public-reference .paper .template-showcase-card{border-radius:8px;background:var(--public-surface)}
.public-reference .locale-switcher [aria-current=page]{background:var(--public-selected);color:var(--public-link)}
@media(min-width:801px){.public-reference.reference-prijzen .page-hero,.public-reference.reference-templates .page-hero,.public-reference.reference-website-check .page-hero{padding-top:108px}}
.public-reference .paper :where(p,li,dd,td,address,.form-note,.privacy,.references) a:not(.btn),.public-reference .paper a:not(.btn){color:var(--public-link)!important}
.public-reference .commercial-route-grid :is(span,b),.public-reference .commercial-price-card>span{color:var(--public-link)!important}
.public-reference .ai-credit-explainer aside{background:var(--public-selected)!important;color:var(--public-text)!important;border:1px solid var(--public-line)}
.public-reference .ai-credit-explainer aside :is(p,small){color:var(--public-muted)!important}
.public-reference .jn button{color:var(--public-muted)!important;background:var(--public-surface);border-color:var(--public-line)}
.public-reference .jn button.aan{color:var(--public-on-accent)!important;background:var(--public-accent);border-color:var(--public-accent)}
.public-reference .score-kaart .oordeel{color:var(--public-link)}
.public-reference .score-kaart .uitleg,.public-reference .score-kaart .cijfer small{color:var(--public-text)}
.public-reference .template-result-count{color:var(--public-muted)}
.public-reference .sub-mobile-nav{background:var(--public-bg)!important;color:var(--public-text)}
.public-reference .sub-mobile-nav :is(strong,a,b){color:var(--public-text)!important}
.public-reference .sub-mobile-nav :is(.sub-mobile-label,.mobile-menu-intro>a){color:var(--public-link)!important}
.public-reference .sub-mobile-nav .mobile-menu-group,.public-reference .sub-mobile-nav .mobile-tool{background:var(--public-surface);border-color:var(--public-line);border-radius:9px}
.public-reference .sub-mobile-nav .mobile-tool span,.public-reference .mobile-menu-meta{color:var(--public-muted)}
.public-reference .reference-pricing-free{display:inline-block;margin-top:12px;font-size:12px;color:var(--public-link);text-underline-offset:4px}
.public-reference .page-hero .lede{margin-bottom:0}
/* Canonical public shell: every marketing, article, legal and customer transaction route. */
body.public-reference{--font-display:Arial,Helvetica,sans-serif;--font-body:Arial,Helvetica,sans-serif;--font-mono:Arial,Helvetica,sans-serif;--pad:28px}
.public-reference :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:-.035em}
.public-reference .page-hero{padding-top:108px;padding-bottom:34px}
.public-reference .hero-acties{justify-content:center}
.public-reference .reference-split-hero .hero-acties{justify-content:flex-start}
.public-reference :is(.article-meta,.answer-reviewed,.reactietijd,.pricing-note){color:var(--public-muted);font-size:12px;line-height:1.65}
.public-reference :is(.answer-list,.answer-item,.faq-grid,.contact-card,.contact-panel,.route-card,.callout,.info-box,.feature-card,.proof-card,.authority-card){background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-line)!important;box-shadow:none!important}
.public-reference :is(.answer-item dt,.contact-card h2,.contact-panel h2,.route-card h3,.callout h3,.info-box h3){color:var(--public-text)!important}
.public-reference :is(.answer-item dd,.contact-card p,.contact-panel p,.route-card p,.callout p,.info-box p,.feature-card p,.proof-card p,.authority-card p){color:var(--public-muted)!important}
.public-reference :is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(:where(.vpb-shell *)){background:var(--public-surface);color:var(--public-text);border-color:var(--public-control-line);border-radius:6px;font-family:inherit}
.public-reference :is(input,select,textarea):focus-visible:not(:where(.vpb-shell *)){outline:3px solid var(--public-link);outline-offset:2px}
.public-reference :is(label,.field label,.form-field label):not(:where(.vpb-shell *)){color:var(--public-muted)}
.public-reference :is(.form-note,.field-note,.form-fine,.contact-fine){color:var(--public-muted)}
.public-reference :is(.prose,.legal-content){max-width:860px}
.public-reference.reference-article .page-hero,.public-reference.reference-legal .page-hero{text-align:left}
.public-reference.reference-article .page-hero>.wrap,.public-reference.reference-legal .page-hero>.wrap{max-width:860px}
.public-reference.reference-article .page-hero .lede,.public-reference.reference-legal .page-hero .lede{margin-left:0}
.public-reference.reference-article .page-hero .hero-acties,.public-reference.reference-legal .page-hero .hero-acties{justify-content:flex-start}
.public-reference.reference-article .page-hero h1,.public-reference.reference-legal .page-hero h1{font-size:clamp(29px,3.3vw,42px);line-height:1.2}
.public-reference .answer-item{padding:22px;border:1px solid var(--public-line);border-radius:8px}
.public-reference .answer-list{background:transparent!important;display:grid;gap:12px}
.public-reference :is(.compare-wrap,.table-wrap){overflow:auto;max-width:100%}
.public-reference .sub-mobile-nav{background:var(--public-bg)!important;border-color:var(--public-line)!important;color:var(--public-text)}
.public-reference .sub-mobile-nav a{color:var(--public-muted)!important}
/* Price hierarchy from reference 3: three plans, then the managed offer. */
.public-reference.reference-prijzen .page-hero{padding:104px 0 18px}
.public-reference.reference-prijzen .page-hero h1{font-size:clamp(29px,3vw,40px);margin:10px 0}
.public-reference.reference-prijzen .page-hero .lede{font-size:13px}
.public-reference .reference-build-tabs{margin-top:19px}
.public-reference .reference-price-links{margin:14px auto 0;gap:18px}
.public-reference .reference-price-links .btn{padding:0;min-height:25px;border:0;background:transparent!important;color:var(--public-link)!important;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.public-reference #platform-plannen>.wrap,.public-reference .reference-managed-choice,.public-reference .reference-free-choice>.wrap{max-width:940px}
.public-reference .prijsplanner{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.public-reference .prijsplanner p{margin:0;font-size:11px;max-width:510px}
.public-reference .periode-keuze{display:flex;gap:3px;flex-shrink:0;margin:0}
.public-reference .paper .plans .plan{padding:21px 20px!important}
.public-reference .plan .naam{font-size:15px;margin:0 0 6px}
.public-reference .plan .voor{font-size:11px;min-height:32px;line-height:1.45}
.public-reference .plan .bedrag{margin:13px 0 4px;font-size:32px;letter-spacing:-.045em}
.public-reference .plan .bedrag b{font:inherit}
.public-reference .plan .bedrag span{display:inline;font-size:10px;margin-left:5px;letter-spacing:0}
.public-reference[data-billing-cycle=MONTHLY] .plan .looptijd{display:none}
.public-reference .paper .plans .plan ul{font-size:11px;line-height:1.4;gap:7px;margin:14px 0 19px}
.public-reference .reference-managed-choice{padding:20px 22px;gap:23px;margin-bottom:16px}
.public-reference .reference-managed-choice h2{font-size:16px;margin:5px 0}
.public-reference .reference-managed-choice b{font-size:26px;margin-top:5px}
.public-reference .reference-managed-choice p{margin:4px 0;font-size:11px}
.public-reference .reference-free-choice{margin:0 auto;padding:0 0 10px}
.public-reference .reference-free-choice .plan{background:var(--public-surface);border:1px solid var(--public-line);border-radius:8px;padding:15px 18px!important;display:grid;grid-template-columns:1fr auto;gap:4px 20px}
.public-reference .reference-free-choice .plan .naam{margin:0;font-size:13px}
.public-reference .reference-free-choice .plan .voor{min-height:0;grid-column:1}
.public-reference .reference-free-choice .plan .btn{grid-column:2;grid-row:1/3;align-self:center;margin:0}
.public-reference .reference-free-choice .plan :is(.bedrag,.setup,.looptijd,ul){display:none}
.public-reference .reference-free-choice>.wrap>.reference-pricing-free{display:block;margin:10px 0 0;text-align:center;font-size:11px;color:var(--public-link)}
.public-reference .plan-comparison{margin-top:0}
/* Secure customer surfaces use the same type, fields and panels, without marketing tracking. */
.public-reference.reference-transaction .billing-shell{background:var(--public-bg);padding:110px 0 60px}
.public-reference :is(.billing-title,.billing-card h2,.billing-card h3,.billing-meta dd,.billing-field label){color:var(--public-text)}
.public-reference .billing-title{font-size:clamp(29px,4vw,43px);line-height:1.15;max-width:760px}
.public-reference :is(.billing-lede,.billing-card p,.billing-card li,.billing-card dd,.billing-check,.billing-secure,.billing-fine){color:var(--public-muted)!important}
.public-reference .billing-lede{font-size:14px;line-height:1.7}
.public-reference :is(.billing-card,.billing-item,.billing-meta>div,.billing-status){background:var(--public-surface);border-color:var(--public-line);border-radius:9px;color:var(--public-muted);box-shadow:none}
.public-reference .billing-kicker{color:var(--public-link);font:700 10px/1.4 Arial,sans-serif;letter-spacing:.1em}
.public-reference .billing-button{background:var(--public-accent);border-color:var(--public-accent);color:var(--public-on-accent);border-radius:6px;font-size:13px}
.public-reference .billing-button.secondary{background:var(--public-surface);border-color:var(--public-line);color:var(--public-muted)}
.public-reference .billing-status[data-tone=error]{background:var(--public-surface);color:var(--public-danger);border-color:var(--public-line)}
.public-reference .billing-status[data-tone=success]{background:var(--public-surface);color:var(--public-success);border-color:var(--public-line)}
.public-reference .billing-field :is(input,textarea,select){background:var(--public-surface);color:var(--public-text);border-color:var(--public-control-line)}
.public-reference.reference-status,.public-reference.reference-transaction{color:var(--public-text)}
.public-reference.reference-status a,.public-reference.reference-transaction main>a{color:var(--public-link)}
@media(max-width:800px){.public-reference .page-hero{padding-top:100px}.public-reference .reference-managed-choice{margin-inline:28px}.public-reference .prijsplanner{gap:15px}.public-reference .prijsplanner p{max-width:350px}.public-reference .plan .voor{min-height:48px}.public-reference .paper .plans .plan{padding:20px 14px!important}}
@media(max-width:560px){body.public-reference{--pad:18px}.public-reference .page-hero,.public-reference.reference-prijzen .page-hero{padding-top:96px}.public-reference .prijsplanner{flex-direction:column;align-items:stretch}.public-reference .prijsplanner p{max-width:none}.public-reference .reference-price-links{flex-wrap:wrap}.public-reference .reference-managed-choice{margin-inline:18px;grid-template-columns:1fr}.public-reference .reference-managed-choice .btn{grid-column:1}.public-reference .reference-free-choice .plan{grid-template-columns:1fr}.public-reference .reference-free-choice .plan .btn{grid-column:1;grid-row:auto}.public-reference .plan .voor{min-height:0}.public-reference .paper .plans .plan{padding:22px!important}.public-reference .reference-build-tabs button{padding-inline:16px}.public-reference .billing-shell{padding-top:98px}}
.public-reference .sect-head h2{max-width:100%}
.public-reference .reference-managed-choice :is(h2,b){line-height:1.15}
.public-reference .reference-managed-choice .eyebrow{font-size:10px;line-height:1.4}
.public-reference .plan .setup{border:0!important}
.public-reference .reference-price-links{display:flex;justify-content:center;font-size:11px}
.public-reference.reference-studio-home>.page-hero{background:#0e121c!important;padding-top:132px;padding-bottom:55px}
.public-reference.reference-studio-home>.page-hero :is(h1,.lede,.reference-editor-figure figcaption){color:var(--public-text)}
.public-reference.reference-studio-home>.page-hero .eyebrow{color:var(--public-accent)!important}
.public-reference.reference-studio-home>.page-hero .btn-wa{background:var(--public-accent)!important;border-color:var(--public-accent)!important;color:var(--public-on-accent)!important}
.public-reference.reference-studio-home>.page-hero .reference-split-hero{grid-template-columns:.85fr 1.35fr}
.public-reference.reference-studio-home>.page-hero .reference-editor-figure img{transform:none;box-shadow:0 0 0 7px #ffffff18}
@media(max-width:800px){.public-reference.reference-studio-home>.page-hero .reference-split-hero{grid-template-columns:1fr}.public-reference.reference-studio-home>.page-hero{padding-top:105px}.public-reference.reference-studio-home>.page-hero .reference-hero-copy{max-width:580px}}

.public-reference .foot a,.public-reference :is(.prose,.lede,.billing-check) a{text-decoration:underline;text-underline-offset:3px}
.public-reference.reference-status .code{color:var(--public-link)}

/* 2026 public studio system. This is the canonical public-reference layer:
   the page-specific styles above only arrange existing content. */
body.public-reference{
  --public-studio-night:#090b12;
  --public-studio-surface:#11151f;
  --public-studio-raised:#171d29;
  --public-studio-line:rgba(203,214,232,.16);
  --public-studio-muted:#b7c0cf;
  --public-studio-violet:#8c7cff;
  --public-studio-volt:#c9ff45;
  --public-bg:var(--public-studio-night);
  --public-surface:var(--public-studio-surface);
  --public-selected:var(--public-studio-raised);
  --public-line:var(--public-studio-line);
  --public-muted:var(--public-studio-muted);
  --public-accent:var(--public-studio-volt);
  --public-link:var(--public-studio-violet);
  background:var(--public-studio-night)!important;
  color:var(--public-text)!important;
  font-family:Inter,Manrope,"SF Pro Text","Segoe UI",Arial,sans-serif;
}
body.public-reference :is(h1,h2,h3,h4){
  letter-spacing:-.032em!important;
  text-wrap:balance;
}
body.public-reference .page-hero h1 em{display:block}
body.public-reference :is(p,li,dd){text-wrap:pretty}
body.public-reference .wrap{width:min(calc(100% - 48px),1180px);margin-inline:auto}
body.public-reference>nav{
  position:sticky;top:0;z-index:80;
  background:var(--public-canvas,#090b12)!important;
  border-bottom:1px solid var(--public-studio-line)!important;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* Navigation sizing and type are owned by public-polish.css on every page. */
body.public-reference .btn{
  min-height:46px;padding:11px 17px;border-radius:8px!important;
  font-size:.78rem;font-weight:780;letter-spacing:-.01em;
  transition:background-color var(--product-motion-fast) var(--product-ease),border-color var(--product-motion-fast) var(--product-ease),color var(--product-motion-fast) var(--product-ease),transform var(--product-motion-fast) var(--product-ease),box-shadow var(--product-motion-state) var(--product-ease);
}
body.public-reference .btn-wa{background:var(--public-studio-volt)!important;border-color:var(--public-studio-volt)!important;color:#11150b!important}
body.public-reference .btn-wa:hover{background:#d8ff7b!important;border-color:#d8ff7b!important}
body.public-reference .btn-ghost,body.public-reference .paper .btn-ghost{background:transparent!important;border-color:var(--public-studio-line)!important;color:var(--public-text)!important}
body.public-reference .btn-ghost:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(203,214,232,.32)!important}
body.public-reference :focus-visible:not(:where(.vpb-shell *)){outline:3px solid var(--public-studio-violet)!important;outline-offset:4px}

body.public-reference .page-hero{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:0;padding:clamp(92px,11vw,148px) 0 clamp(54px,7vw,92px);
  border-bottom:1px solid var(--public-studio-line)!important;
  background:var(--public-studio-night)!important;text-align:left;
}
body.public-reference .page-hero::before{
  content:"";position:absolute;z-index:-1;inset:auto -12vw -30vw auto;width:min(58vw,760px);aspect-ratio:1;
  border:1px solid rgba(140,124,255,.28);border-radius:50%;
  box-shadow:0 0 0 72px rgba(140,124,255,.035),0 0 0 150px rgba(201,255,69,.018);
}
body.public-reference .page-hero::after{display:none!important}
body.public-reference .page-hero h1{max-width:16ch;margin:12px 0 18px;font-size:clamp(2.65rem,5.8vw,5.75rem);line-height:.96;letter-spacing:-.04em!important;color:var(--public-text)}
body.public-reference .page-hero .lede{max-width:60ch;margin:0;color:var(--public-studio-muted);font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.72}
body.public-reference .page-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--public-studio-violet)!important;font-size:.72rem;font-weight:760;letter-spacing:.01em;text-transform:none}
body.public-reference .page-hero .eyebrow::before{display:block;width:7px;height:7px;border-radius:50%;background:var(--public-studio-volt)}
body.public-reference .breadcrumbs{display:flex!important;margin-bottom:22px;color:var(--public-studio-muted);font-size:.72rem}
body.public-reference .breadcrumbs a{color:inherit!important;text-decoration:none}
body.public-reference .hero-acties{justify-content:flex-start;gap:11px;margin-top:28px}
body.public-reference .reference-split-hero{grid-template-columns:minmax(0,.83fr) minmax(360px,1.17fr);gap:clamp(34px,6vw,88px)}
body.public-reference .reference-split-hero h1{max-width:13ch;font-size:clamp(2.65rem,5vw,5.3rem)}
body.public-reference .reference-split-hero .lede{margin-left:0;font-size:1rem}
body.public-reference .reference-feature-list{gap:12px;margin:28px 0 0;color:var(--public-studio-muted);font-size:.88rem}
body.public-reference .reference-feature-list li::before{border-radius:50%;background:rgba(140,124,255,.14);color:var(--public-studio-volt)}
body.public-reference .reference-editor-figure{margin:0;align-self:center}
body.public-reference .reference-editor-figure img{border-color:rgba(203,214,232,.25);border-radius:14px;box-shadow:0 30px 70px -48px rgba(0,0,0,.9);transform:none}
body.public-reference .reference-editor-figure figcaption{margin-top:12px;color:var(--public-studio-muted);text-align:left}

body.public-reference .paper,body.public-reference .paper>.sect{background:var(--public-studio-night)!important;color:var(--public-text)!important}
body.public-reference .paper>.sect{padding-block:clamp(62px,8vw,118px);border-color:var(--public-studio-line)!important}
body.public-reference .paper>.sect:nth-child(even){background:var(--public-studio-surface)!important}
body.public-reference .sect-head{max-width:720px;margin-bottom:clamp(28px,4vw,46px)}
body.public-reference .sect h2:not(:where(.vpb-shell *)){max-width:20ch;font-size:clamp(1.8rem,3.2vw,3.35rem);line-height:1.04}
body.public-reference .sect .lede,body.public-reference .prose :is(p,li){max-width:68ch;color:var(--public-studio-muted);font-size:1rem;line-height:1.78}
body.public-reference :is(.article-meta,.answer-reviewed,.reactietijd,.pricing-note){color:var(--public-studio-muted);font-size:.76rem}

body.public-reference :is(.card,.step,.related-card,.managed-offer,.commercial-price-card,.commercial-route-grid>a,.answer-item,.contact-card,.contact-panel,.route-card,.callout,.info-box,.feature-card,.proof-card,.authority-card){
  border:1px solid var(--public-studio-line)!important;border-radius:12px!important;
  background:var(--public-studio-surface)!important;color:var(--public-text)!important;box-shadow:none!important;
}
body.public-reference :is(.card,.step,.related-card,.managed-offer,.commercial-price-card,.commercial-route-grid>a){padding:clamp(20px,2.3vw,30px)!important}
body.public-reference :is(.card,.related-card,.commercial-route-grid>a,.managed-offer){transition:border-color .18s ease,background-color .18s ease}
body.public-reference :is(.card,.related-card,.commercial-route-grid>a,.managed-offer):hover{border-color:rgba(140,124,255,.6)!important;background:var(--public-studio-raised)!important;transform:none!important}
body.public-reference :is(.card p,.step p,.managed-offer p,.commercial-price-card p,.commercial-route-grid p,.answer-item dd,.contact-card p,.contact-panel p,.route-card p,.callout p,.info-box p,.feature-card p,.proof-card p,.authority-card p){color:var(--public-studio-muted)!important}
body.public-reference :is(.card .k,.step .tijd,.related-card small,.managed-offer>span,.commercial-route-grid span,.commercial-price-card>span){color:var(--public-studio-violet)!important}

body.public-reference .plans{gap:14px;align-items:stretch}
body.public-reference .paper .plans .plan{border:1px solid var(--public-studio-line)!important;border-radius:12px!important;background:var(--public-studio-surface)!important;color:var(--public-text)!important}
body.public-reference .paper .plans .plan.top{border-color:var(--public-studio-volt)!important;background:#182112!important}
body.public-reference .plan .badge{border-radius:999px;background:var(--public-studio-volt)!important;color:#11150b!important;font-weight:800}
body.public-reference .plan :is(.voor,.setup,.bedrag span,.looptijd,.looptijd *){color:var(--public-studio-muted)!important}
body.public-reference .plan .bedrag{font-variant-numeric:tabular-nums;letter-spacing:-.04em}
body.public-reference .reference-managed-choice{border-color:rgba(140,124,255,.5);border-radius:14px;background:linear-gradient(120deg,#17152a,#11151f)}
body.public-reference .reference-free-choice .plan{border-color:var(--public-studio-line);background:var(--public-studio-raised)}
body.public-reference .reference-build-tabs,.public-reference .periode-keuze{border-color:var(--public-studio-line);background:var(--public-studio-surface)}
body.public-reference .reference-build-tabs button[aria-pressed=true],body.public-reference .periode-keuze button[aria-pressed=true]{background:var(--public-studio-raised);color:var(--public-text);box-shadow:inset 0 0 0 1px rgba(140,124,255,.55)}

body.public-reference :is(.compare-wrap,.table-wrap){border:1px solid var(--public-studio-line);border-radius:12px;background:var(--public-studio-surface)}
body.public-reference main table :is(th,td),body.public-reference .compare :is(th,td){border-color:var(--public-studio-line)!important;background:transparent!important;color:var(--public-studio-muted)!important}
body.public-reference main table thead th,body.public-reference .compare th{background:var(--public-studio-raised)!important;color:var(--public-text)!important}
body.public-reference .faq-list{border-top:1px solid var(--public-studio-line)}
body.public-reference .faq-list details{border-bottom:1px solid var(--public-studio-line)!important;border-radius:0!important}
body.public-reference .faq-list summary{padding:20px 34px 20px 0;color:var(--public-text)!important;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:700}
body.public-reference .faq-list p{max-width:64ch;padding-bottom:20px;color:var(--public-studio-muted)!important;line-height:1.75}
body.public-reference .faq-list summary::after{color:var(--public-studio-volt)}

body.public-reference :is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(:where(.vpb-shell *)){min-height:46px;border-color:var(--public-studio-line)!important;border-radius:8px!important;background:var(--public-studio-surface)!important;color:var(--public-text)!important}
body.public-reference :is(input,textarea)::placeholder{color:#9ba6b7}
body.public-reference .evidence-shell{padding:clamp(18px,3vw,30px);border:1px solid var(--public-studio-line);border-radius:14px;background:var(--public-studio-surface)!important}
body.public-reference .slot{background:#211d3d!important;color:var(--public-text)!important}
body.public-reference>footer{background:var(--public-studio-night)!important;border-top:1px solid var(--public-studio-line)!important;color:var(--public-studio-muted)!important}
body.public-reference>footer :is(a,.footer-directory span,.foot b){color:var(--public-studio-muted)!important}
body.public-reference>footer a:hover{color:var(--public-text)!important}

@media(max-width:800px){
  body.public-reference .wrap{width:min(calc(100% - 36px),1180px)}
  body.public-reference>nav .nav-links>a:not(.btn):not(.nav-login),body.public-reference>nav .locale-switcher{display:none}
  body.public-reference .page-hero{padding-block:92px 58px}
  body.public-reference .reference-split-hero{grid-template-columns:1fr;gap:30px}
  body.public-reference .reference-split-hero h1,body.public-reference .page-hero h1{max-width:14ch;font-size:clamp(2.45rem,10vw,4.4rem)}
  body.public-reference .reference-editor-figure{max-width:720px}
}
@media(max-width:560px){
  body.public-reference .wrap{width:min(calc(100% - 32px),1180px)}
  body.public-reference .page-hero{padding-block:82px 48px}
  body.public-reference .page-hero h1,body.public-reference .reference-split-hero h1{font-size:clamp(2.25rem,11.6vw,3.4rem);line-height:1}
  body.public-reference .hero-acties{align-items:stretch;flex-direction:column}
  body.public-reference .hero-acties .btn{justify-content:center}
  body.public-reference .paper>.sect{padding-block:58px}
  body.public-reference .sect h2:not(:where(.vpb-shell *)){font-size:clamp(1.7rem,8.5vw,2.45rem)}
  body.public-reference .plans{grid-template-columns:1fr}
  body.public-reference .plan[data-pricing-plan=free]{grid-column:1}
  body.public-reference .evidence-form{grid-template-columns:1fr}
}
/* Article, industry and support modules share the public surface palette. */
.public-reference :is(.note,.privacy-note,.package-strip,.answer-box,.direct-answer,.authority-summary,.authority-facts,.showcase-card,.truth-strip>article,.sect-dark){background:var(--public-selected)!important;border-color:var(--public-line)!important;color:var(--public-muted)!important;box-shadow:none!important}
.public-reference :is(.note,.privacy-note,.package-strip,.answer-box,.direct-answer,.authority-summary,.authority-facts,.showcase-card,.truth-strip>article) :is(h2,h3,b,strong,dt){color:var(--public-text)!important}
.public-reference :is(.note,.privacy-note,.package-strip,.answer-box,.direct-answer,.authority-summary,.authority-facts,.showcase-copy,.truth-strip>article) :is(p,small,dd){color:var(--public-muted)!important}
.public-reference :is(.sect p,.plans-intro p,.price-pill span,.content-card-route,label>span):not(:where(.vpb-shell *)){color:var(--public-muted)!important}
.public-reference :is(.content-filter,.content-filters button)[aria-pressed=true]{background:var(--public-accent)!important;color:var(--public-on-accent)!important}
.public-reference main table :is(td,th){background:var(--public-surface)!important;color:var(--public-muted)!important;border-color:var(--public-line)!important}
.public-reference main table thead th{background:var(--public-selected)!important;color:var(--public-text)!important}
.public-reference .growth-product-hero{padding-bottom:48px}
.public-reference .growth-product-hero .reference-split-hero{grid-template-columns:.92fr 1.25fr;gap:42px}
.public-reference .growth-product-hero .reference-editor-figure img{transform:none;box-shadow:0 15px 50px #05070666}
.public-reference .growth-product-hero .reference-editor-figure figcaption{font-size:10px}
.public-reference .reference-split-hero .lede{text-align:left;margin-left:0}

@media(max-width:800px){.public-reference .growth-product-hero .reference-split-hero{grid-template-columns:1fr}}
.public-reference :is(.article-summary,.advies){background:var(--public-selected)!important;color:var(--public-muted)!important;border-color:var(--public-line)!important}
.public-reference :is(.article-summary,.advies) :is(h2,h3,b,strong,.k){color:var(--public-text)!important}
.public-reference .advies :is(.plan-prijs,.price-note){color:var(--public-muted)!important}
.public-reference .pakket-preview #pType{color:var(--public-muted)!important}
.public-reference [data-content-filter][aria-pressed=true]{background:var(--public-accent)!important;color:var(--public-on-accent)!important}
.public-reference :is(.honest-fit,.ownership-item,[data-pseo-evidence]){background:var(--public-surface)!important;color:var(--public-muted)!important;border-color:var(--public-line)!important;box-shadow:none!important}
.public-reference :is(.honest-fit,.ownership-item,.sect-dark,[data-pseo-evidence]) :is(h2,h3,p,.k){color:var(--public-muted)!important}
.public-reference :is(.concept-copy>small,legend>span,.brief-row>span,#pType){color:var(--public-muted)!important;opacity:1}
body.public-reference .paper>.sect .sect-head h2{max-width:100%}
.public-reference :is(.brief,.brief-head,.pseo-boundary){background:var(--public-selected)!important;color:var(--public-muted)!important;box-shadow:none!important;border-color:var(--public-line)!important}
.public-reference .brief :is(b,h2,p,.brief-brand,.brief-context,.brief-foot){color:var(--public-muted)!important}
.public-reference .brief-row{border-color:var(--public-line)}
.public-reference .pseo-boundary strong{color:var(--public-muted)!important}

/* Public service details keep reading separate from the account/order handoff. */
.public-reference .service-disclosure{margin-top:16px;width:100%;border:0;border-radius:0;background:transparent;color:var(--public-text)}
.public-reference .service-disclosure>summary{display:list-item;list-style-position:inside;cursor:pointer;min-height:44px;width:100%;text-align:left;white-space:normal}
.public-reference .service-disclosure>summary::marker{font-size:.8em}
.public-reference .service-disclosure[open]>summary{margin-bottom:16px}
.public-reference .service-disclosure-body{border-top:1px solid var(--public-line);padding-top:16px;line-height:1.6}
.public-reference .service-disclosure-body h4{font-size:18px;margin:0 0 10px;letter-spacing:-.02em}
.public-reference .service-disclosure-body h5{font-size:13px;margin:18px 0 6px;font-weight:750}
.public-reference .service-disclosure-body p,.public-reference .service-disclosure-body li{font-size:13px;line-height:1.65;color:var(--public-muted)}
.public-reference .service-disclosure-body ul{padding-left:18px;margin:0 0 14px;list-style:disc}
.public-reference .service-disclosure-body small{display:block;font-size:12px;color:var(--public-muted);line-height:1.6;margin:10px 0 0}
.public-reference .service-disclosure-body .btn{white-space:normal;text-align:left;width:100%;height:auto;min-height:44px;line-height:1.5}
.public-reference .commercial-price-grid,.public-reference .managed-offers{align-items:start}

/* Honest proof uses verifiable work and clear delivery boundaries; customer proof stays absent until approved. */
.verified-proof{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:clamp(22px,4vw,52px);align-items:stretch;padding:clamp(24px,4vw,42px);border:1px solid var(--public-line);background:var(--public-surface);color:var(--public-text)}
.verified-proof>div{min-width:0}
.verified-proof-kicker{display:block;margin-bottom:11px;color:var(--public-link);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.verified-proof h2,.verified-proof h3{max-width:19ch;margin:0;color:var(--public-text);font-size:clamp(1.5rem,2.35vw,2.35rem);line-height:1.04;letter-spacing:-.04em}
.verified-proof p{max-width:58ch;margin:15px 0 0;color:var(--public-muted);font-size:.91rem;line-height:1.7}
.verified-proof a{color:var(--public-link);text-decoration:underline;text-underline-offset:3px}
.verified-proof-status{display:flex;flex-direction:column;justify-content:center;padding:19px 20px;border-left:2px solid var(--public-accent);background:var(--public-selected)}
.verified-proof-status strong{color:var(--public-text);font-size:.92rem}
.verified-proof-status p{margin-top:8px;font-size:.82rem;line-height:1.62}
@media(max-width:620px){.verified-proof{grid-template-columns:1fr;gap:22px;padding:22px 19px}.verified-proof h2,.verified-proof h3{max-width:100%;font-size:clamp(1.45rem,7vw,2rem)}.verified-proof-status{border-left:0;border-top:2px solid var(--public-accent);padding:17px 0 0}.verified-proof p{font-size:.88rem}}

.public-reference .paper :is(h4,h5,h6,dt,th){color:var(--public-text)!important}
.public-reference .ai-credit-explainer>div{background:var(--public-surface)!important;color:var(--public-text)!important;border-radius:10px;border-color:var(--public-line)}
.public-reference :is(.content-card,.price-pill,.included-panel,.care-card,.authority-article details,.authority-sources li,.comparison-principles article){background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-line)!important}

.public-reference :is(.demo-belofte,.briefing-samenvatting,.knowledge-controls){color:var(--public-muted)!important}
.public-reference :is(.comparison-principles strong,.ownership-item b,.pseo-source strong){color:var(--public-text)!important}
.public-reference .ownership-grid{background:transparent!important;color:var(--public-muted)!important;gap:16px}
.public-reference .content-filter{background:var(--public-surface)!important;color:var(--public-muted)!important;border-color:var(--public-line)!important}
.public-reference .content-filter[aria-pressed=true]{background:var(--public-accent)!important;color:var(--public-on-accent)!important;border-color:var(--public-accent)!important}

/* Alternate reading fields and decision fields so generated routes retain a
   clear editorial rhythm instead of becoming a repeated card wall. */
body.vurm-public-shell.public-reference{background:#090b12}
body.vurm-public-shell.public-reference .page-hero{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(112px,12vw,172px) clamp(54px,7vw,94px);text-align:left}
body.vurm-public-shell.public-reference .page-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 auto auto;width:min(52vw,760px);height:100%;background:linear-gradient(135deg,transparent 18%,rgba(111,77,246,.15) 58%,transparent 59%),linear-gradient(90deg,transparent,rgba(201,255,69,.06));pointer-events:none}
body.vurm-public-shell.public-reference .page-hero h1{max-width:15ch;margin-block:14px 20px;font-size:clamp(2.7rem,5.5vw,5.7rem);line-height:.96;letter-spacing:-.058em!important}
/* Task-led products reach the editor, choices and gallery sooner. Long-form
   editorial routes keep the wider introductory rhythm above. */
body.vurm-public-shell.public-reference:is(.reference-website-builder,.reference-prijzen):not(.reference-studio-home) .page-hero,
body.vurm-public-shell.public-reference:has(.template-showcase) .page-hero,
html[data-route-id="website-builder"] body.vurm-public-shell.public-reference .page-hero{padding-block:clamp(56px,6vw,88px) 42px}
body.vurm-public-shell.public-reference .page-hero .lede{max-width:59ch;margin-left:0;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.7}
body.vurm-public-shell.public-reference .page-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.vurm-public-shell.public-reference .page-hero .eyebrow::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--public-accent);box-shadow:0 0 0 5px rgba(201,255,69,.09)}
body.vurm-public-shell.public-reference .paper>.sect{position:relative;padding-block:clamp(64px,9vw,132px)}
body.vurm-public-shell.public-reference .paper>.sect:nth-child(even){background:linear-gradient(90deg,rgba(255,255,255,.022),transparent 55%)!important}
body.vurm-public-shell.public-reference .sect-head{max-width:780px;margin-bottom:clamp(30px,4vw,52px)}
body.vurm-public-shell.public-reference .sect h2:not(:where(.vpb-shell *)){max-width:17ch;font-size:clamp(2rem,4vw,4.15rem);line-height:1.02;letter-spacing:-.05em}
body.vurm-public-shell.public-reference[data-public-layout="article"] .page-hero,body.vurm-public-shell.public-reference[data-public-layout="legal"] .page-hero{padding-bottom:clamp(42px,5vw,70px)}
/* Reading pages share the homepage frame, not its two-column hero: long titles
   need the complete line. The canonical character remains in the header. */
body.vurm-public-shell.public-reference[data-public-layout="article"] .vurm-public-hero-heading{display:block}
body.vurm-public-shell.public-reference[data-public-layout="article"] .vurm-public-hero-character-host{display:none}
body.vurm-public-shell.public-reference[data-public-layout="article"] .page-hero h1,body.vurm-public-shell.public-reference[data-public-layout="legal"] .page-hero h1{max-width:18ch;font-size:clamp(2.4rem,4.8vw,4.7rem)}
body.vurm-public-shell.public-reference[data-public-layout="article"] .paper>.sect>.wrap{max-width:820px;margin-left:max(0px,calc((100% - 1040px) / 2))}
body.vurm-public-shell.public-reference[data-public-layout="examples"] .page-hero h1{max-width:12ch}
body.vurm-public-shell.public-reference .public-money-page__content .answer-first .prose{max-width:760px;margin-inline:auto}
body.vurm-public-shell.public-reference:not(.reference-growth-os) .public-money-page__content .cards,body.vurm-public-shell.public-reference:not(.reference-growth-os) .public-money-page__content .card-grid{gap:1px;background:var(--public-line)}
body.vurm-public-shell.public-reference:not(.reference-growth-os) .public-money-page__content :is(.cards,.card-grid)>.card{border:0!important;border-radius:0!important;min-height:190px}
body.vurm-public-shell.public-reference:not(.reference-growth-os) .public-money-page__content :is(.cards,.card-grid)>.card:nth-child(3n+2){background:var(--public-selected)!important}
body.vurm-public-shell.public-reference .hero-acties{gap:14px;margin-top:32px}
body.vurm-public-shell.public-reference .reference-text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--public-text);font-weight:700}
@media(max-width:800px){body.vurm-public-shell.public-reference .page-hero{padding-block:104px 54px}body.vurm-public-shell.public-reference .page-hero h1{font-size:clamp(2.55rem,10vw,4.35rem)}body.vurm-public-shell.public-reference .paper>.sect{padding-block:64px}body.vurm-public-shell.public-reference[data-public-layout="article"] .paper>.sect>.wrap{max-width:none;margin-left:auto}}
@media(max-width:560px){body.vurm-public-shell.public-reference .page-hero{padding-block:92px 46px}body.vurm-public-shell.public-reference .page-hero h1{font-size:clamp(2.35rem,11vw,3.45rem);line-height:1}body.vurm-public-shell.public-reference .hero-acties{align-items:stretch;flex-direction:column}body.vurm-public-shell.public-reference .hero-acties .btn,body.vurm-public-shell.public-reference .reference-text-link{justify-content:center;width:100%}body.vurm-public-shell.public-reference .paper>.sect{padding-block:52px}body.vurm-public-shell.public-reference .sect h2:not(:where(.vpb-shell *)){font-size:clamp(1.8rem,8.5vw,2.55rem)}body.vurm-public-shell.public-reference:not(.reference-growth-os) .public-money-page__content :is(.cards,.card-grid)>.card{min-height:0}}

/* The international and Growth homes share the split product hero. Keep its
   headline column readable after the canonical family rules above load. */
@media(min-width:961px){
  body.public-reference.reference-studio-home .page-hero .reference-split-hero,
  body.vurm-domain-site.public-reference .page-hero .reference-split-hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.95fr)!important;gap:clamp(36px,3.4vw,52px)!important}
  body.public-reference.reference-studio-home .page-hero .vurm-public-hero-heading,
  body.vurm-domain-site.public-reference .page-hero .vurm-public-hero-heading{grid-template-columns:minmax(0,1fr) clamp(144px,11vw,160px);gap:clamp(18px,1.8vw,26px)}
  body.public-reference.reference-studio-home .page-hero .vurm-public-hero-heading>h1,
  body.vurm-domain-site.public-reference .page-hero .vurm-public-hero-heading>h1{max-width:none;font-size:clamp(3.25rem,4.2vw,3.8rem)}
  body.public-reference.reference-studio-home .page-hero .vurm-public-hero-character-host,
  body.vurm-domain-site.public-reference .page-hero .vurm-public-hero-character-host{width:clamp(144px,11vw,160px)}
}

/* Product split heroes must budget typography and character from the copy
   column, not independently from the viewport. This keeps long Dutch words
   inside their own grid track without shrinking the product preview. */
@media(min-width:961px){
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero{grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr)!important;gap:clamp(32px,3vw,46px)!important}
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero .vurm-public-hero-heading{grid-template-columns:minmax(0,1fr) clamp(144px,11vw,160px);gap:clamp(18px,1.8vw,26px)}
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero .vurm-public-hero-heading>h1{max-width:none;font-size:clamp(3rem,3.9vw,3.5rem);overflow-wrap:normal;word-break:normal;hyphens:none}
  body.vurm-public-shell.public-reference.reference-website-builder .page-hero .reference-split-hero .vurm-public-hero-heading>h1{font-size:clamp(2.8rem,3.65vw,3.3rem)}
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero .vurm-public-hero-character-host{width:clamp(144px,11vw,160px)}
  body.vurm-domain-site.public-reference.reference-product .page-hero .vurm-public-hero-heading>h1{max-width:none;font-size:clamp(3rem,4vw,3.7rem);overflow-wrap:normal;word-break:normal;hyphens:none}
}
@media(min-width:801px) and (max-width:960px){
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero,
  body.vurm-domain-site.public-reference.reference-product .page-hero .reference-split-hero{grid-template-columns:minmax(0,1fr)!important;gap:clamp(30px,4vw,38px)!important}
  body.vurm-public-shell.public-reference.reference-product .page-hero .vurm-public-hero-heading,
  body.vurm-domain-site.public-reference.reference-product .page-hero .vurm-public-hero-heading{grid-template-columns:minmax(0,1fr) 128px;gap:18px}
  body.vurm-public-shell.public-reference.reference-product .page-hero .vurm-public-hero-heading>h1,
  body.vurm-domain-site.public-reference.reference-product .page-hero .vurm-public-hero-heading>h1{max-width:none;font-size:clamp(2.8rem,5.2vw,3.1rem);overflow-wrap:normal;word-break:normal;hyphens:none}
  body.vurm-public-shell.public-reference.reference-product .page-hero .vurm-public-hero-character-host,
  body.vurm-domain-site.public-reference.reference-product .page-hero .vurm-public-hero-character-host{width:128px}
}
@media(max-width:800px){
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero .vurm-public-hero-heading>h1,
  body.vurm-domain-site.public-reference.reference-product .page-hero .vurm-public-hero-heading>h1{font-size:clamp(2.35rem,7vw,3.4rem);overflow-wrap:normal;word-break:normal;hyphens:none}
}
@media(max-width:560px){
  body.vurm-public-shell.public-reference.reference-product .page-hero .reference-split-hero .vurm-public-hero-heading>h1{font-size:clamp(2rem,9vw,2.3rem);line-height:1.04}
  body.vurm-domain-site.public-reference.reference-growth-os .page-hero .vurm-public-hero-heading>h1{font-size:clamp(1.95rem,8.8vw,2.25rem)!important;line-height:1.04}
}

/* Shared public action feedback. No effect is injected into customer canvases. */
body.public-reference .btn:active:not([aria-disabled="true"]){transform:translateY(1px) scale(.985);box-shadow:none}
body.public-reference .btn:focus-visible{outline:3px solid var(--product-link);outline-offset:4px}
@media (hover:hover) and (pointer:fine){body.public-reference .btn:hover:not([aria-disabled="true"]){transform:translateY(-2px);box-shadow:var(--product-shadow-action)}}
@media (prefers-reduced-motion:reduce){body.public-reference .btn{transition:none}body.public-reference .btn:hover,body.public-reference .btn:active{transform:none}}