/* Proaspect "Helder" — built 2026-10-02T10:39:11+00:00 — edit resources/css, not this file */
/* ========================================================================== Proaspect Design System "Helder" — tokens Single source of truth. Never hard-code a color,radius,shadow or duration in a component: add a token here first (and document it in docs/07). ========================================================================== */ @layer reset,tokens,base,layout,components,sections,utilities,legacy;@layer tokens{:root{--ink-950: #07142b;--ink-900: #0b1f3a;--ink-800: #12305a;--ink-700: #1a4178;--ink-600: #1e4e8c;--ink-500: #2e64ad;--ink-400: #5a87c7;--ink-300: #93b2de;--ink-200: #c5d6ee;--ink-100: #e3ecf8;--ink-50: #f2f6fc;--groei-900: #134e4a;--groei-800: #115e59;--groei-700: #0f766e;--groei-600: #0d9488;--groei-500: #14b8a6;--groei-400: #2dd4bf;--groei-300: #5eead4;--groei-200: #99f6e4;--groei-100: #ccfbf1;--groei-50: #f0fdfa;--oranje-700: #c2410c;--oranje-600: #e8620c;--oranje-500: #ff7a1a;--oranje-400: #ff9447;--oranje-100: #ffe8d6;--oranje-50: #fff5ec;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-550: #606f86;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--success-700: #15803d;--success-100: #dcfce7;--warning-700: #b45309;--warning-100: #fef3c7;--danger-700: #b91c1c;--danger-100: #fee2e2;--whatsapp: #25d366;--star: #f5a524;--bg: #ffffff;--bg-subtle: #f6f8fb;--bg-muted: #eef2f7;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f6f8fb;--fg: var(--ink-900);--text: var(--slate-700);--text-muted: var(--slate-600);--text-subtle: var(--slate-550);--status-new: var(--ink-600);--status-new-soft: var(--ink-50);--status-busy: var(--warning-700);--status-busy-soft: var(--warning-100);--status-waiting: var(--oranje-700);--status-waiting-soft: var(--oranje-100);--status-done: var(--success-700);--status-done-soft: var(--success-100);--status-late: var(--danger-700);--status-late-soft: var(--danger-100);--border: var(--slate-200);--border-strong: var(--slate-300);--link: var(--ink-600);--link-hover: var(--ink-700);--accent: var(--groei-600);--accent-text: var(--groei-700);--accent-soft: var(--groei-50);--accent-ring: var(--groei-100);--primary: var(--ink-600);--primary-soft: var(--ink-50);--primary-ring: var(--ink-100);--cta: var(--oranje-500);--cta-hover: var(--oranje-600);--cta-text: var(--ink-950);--focus: var(--ink-600);--selection: var(--groei-100);--overlay: rgb(7 20 43 / 0.56);--font-display: "Plus Jakarta Sans","Jakarta Fallback",ui-sans-serif,system-ui,"Segoe UI",sans-serif;--font-body: "Inter","Inter Fallback",ui-sans-serif,system-ui,"Segoe UI",sans-serif;--font-serif: "Instrument Serif","Serif Fallback",Georgia,"Times New Roman",serif;--font-mono: ui-monospace,"Cascadia Code","SF Mono",Consolas,monospace;--text-display: clamp(2.5rem,1.671rem + 3.536vw,4.5rem);--text-h1: clamp(2.125rem,1.555rem + 2.431vw,3.5rem);--text-h2: clamp(1.75rem,1.387rem + 1.547vw,2.625rem);--text-h3: clamp(1.375rem,1.22rem + 0.663vw,1.75rem);--text-h4: clamp(1.125rem,1.047rem + 0.331vw,1.3125rem);--text-lead: clamp(1.125rem,1.047rem + 0.331vw,1.3125rem);--text-body: clamp(1rem,0.974rem + 0.11vw,1.0625rem);--text-sm: clamp(0.875rem,0.849rem + 0.11vw,0.9375rem);--text-xs: clamp(0.75rem,0.724rem + 0.11vw,0.8125rem);--text-price: clamp(2.5rem,2.2rem + 1.2vw,3rem);--lh-display: 1.02;--lh-h1: 1.08;--lh-h2: 1.15;--lh-h3: 1.25;--lh-h4: 1.35;--lh-lead: 1.6;--lh-body: 1.7;--lh-sm: 1.55;--lh-xs: 1.4;--tracking-display: -0.03em;--tracking-tight: -0.025em;--tracking-snug: -0.015em;--tracking-eyebrow: 0.08em;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--section-y: clamp(var(--space-12),2.343rem + 7.07vw,var(--space-24));--section-y-sm: clamp(var(--space-8),2rem + 4vw,var(--space-16));--section-head-gap: clamp(2.5rem,2rem + 2vw,4rem);--gutter: clamp(1rem,0.5rem + 2vw,2rem);--grid-gap: clamp(1rem,0.75rem + 1.2vw,2rem);--card-pad: clamp(1.25rem,1rem + 0.8vw,1.75rem);--container: 1240px;--container-wide: 1400px;--container-narrow: 820px;--measure: 68ch;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(7 20 43 / 0.06);--shadow-sm: 0 1px 2px rgb(7 20 43 / 0.06),0 2px 6px rgb(7 20 43 / 0.05);--shadow-md: 0 2px 4px rgb(7 20 43 / 0.05),0 8px 24px rgb(7 20 43 / 0.08);--shadow-lg: 0 4px 8px rgb(7 20 43 / 0.05),0 24px 48px rgb(7 20 43 / 0.12);--shadow-xl: 0 8px 16px rgb(7 20 43 / 0.06),0 40px 80px rgb(7 20 43 / 0.18);--shadow-cta: 0 8px 24px rgb(255 122 26 / 0.35);--shadow-inset: inset 0 1px 0 rgb(255 255 255 / 0.6);--ring-focus: 0 0 0 2px var(--bg),0 0 0 4px var(--focus);--ring-input: 0 0 0 4px var(--primary-ring);--dur-fast: 120ms;--dur-base: 200ms;--dur-slow: 420ms;--dur-hover: 480ms;--dur-reveal: 700ms;--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--ease-soft: cubic-bezier(0.25,0.8,0.25,1);--ease-spring: cubic-bezier(0.34,1.56,0.64,1);--z-raised: 1;--z-sticky: 20;--z-header: 50;--z-fab: 55;--z-mobilebar: 60;--z-drawer: 80;--z-modal: 90;--z-toast: 100;--topbar-h: 36px;--header-h: 76px;--header-h-compact: 64px;--mobilebar-h: 64px;--tap: 44px;--gradient-hero: radial-gradient(60% 50% at 80% 10%,rgb(20 184 166 / 0.12),transparent 70%),radial-gradient(50% 40% at 10% 0%,rgb(30 78 140 / 0.10),transparent 70%);--gradient-ink: linear-gradient(180deg,var(--ink-950) 0%,var(--ink-900) 100%);--gradient-glow: radial-gradient(40% 60% at 70% 0%,rgb(20 184 166 / 0.22),transparent 70%),radial-gradient(40% 50% at 10% 100%,rgb(46 100 173 / 0.28),transparent 70%);--gradient-border: linear-gradient(135deg,var(--ink-200),var(--groei-300));--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}/* Dark "ink" scope: any section/card with .on-ink re-maps the semantic tokens,so every component works on dark backgrounds without variants. */ .on-ink{--bg: var(--ink-950);--bg-subtle: var(--ink-900);--bg-muted: var(--ink-800);--surface: rgb(255 255 255 / 0.04);--surface-raised: rgb(255 255 255 / 0.07);--surface-sunken: rgb(0 0 0 / 0.18);--fg: #ffffff;--text: var(--ink-200);--text-muted: var(--ink-300);--text-subtle: var(--ink-300);--border: rgb(255 255 255 / 0.10);--border-strong: rgb(255 255 255 / 0.20);--link: var(--ink-300);--link-hover: #ffffff;--accent: var(--groei-400);--accent-text: var(--groei-300);--accent-soft: rgb(20 184 166 / 0.12);--accent-ring: rgb(20 184 166 / 0.28);--primary: #ffffff;--primary-soft: rgb(255 255 255 / 0.08);--primary-ring: rgb(255 255 255 / 0.18);--focus: #ffffff;--selection: rgb(20 184 166 / 0.35);--shadow-md: 0 2px 4px rgb(0 0 0 / 0.2),0 12px 32px rgb(0 0 0 / 0.35);--shadow-lg: 0 4px 8px rgb(0 0 0 / 0.2),0 24px 56px rgb(0 0 0 / 0.45);--status-new: var(--ink-300);--status-new-soft: rgb(147 178 222 / 0.14);--status-busy: var(--oranje-400);--status-busy-soft: rgb(255 148 71 / 0.14);--status-waiting: var(--oranje-400);--status-waiting-soft: rgb(255 148 71 / 0.14);--status-done: var(--groei-300);--status-done-soft: rgb(94 234 212 / 0.14);--status-late: var(--danger-700);--status-late-soft: rgb(185 28 28 / 0.14);color: var(--text);background-color: var(--bg)}html[data-theme="dark"]{color-scheme: dark;--bg: var(--ink-950);--bg-subtle: var(--ink-900);--bg-muted: var(--ink-800);--surface: rgb(255 255 255 / 0.05);--surface-raised: rgb(255 255 255 / 0.08);--surface-sunken: rgb(0 0 0 / 0.2);--fg: #ffffff;--text: var(--ink-100);--text-muted: var(--ink-300);--text-subtle: var(--ink-300);--border: rgb(255 255 255 / 0.12);--border-strong: rgb(255 255 255 / 0.22);--link: var(--ink-300);--link-hover: #ffffff;--accent: var(--groei-400);--accent-text: var(--groei-300);--accent-soft: rgb(20 184 166 / 0.14);--primary-soft: rgb(255 255 255 / 0.08);--focus: #ffffff;--selection: rgb(20 184 166 / 0.35);--status-new: var(--ink-300);--status-new-soft: rgb(147 178 222 / 0.14);--status-busy: var(--oranje-400);--status-busy-soft: rgb(255 148 71 / 0.14);--status-waiting: var(--oranje-400);--status-waiting-soft: rgb(255 148 71 / 0.14);--status-done: var(--groei-300);--status-done-soft: rgb(94 234 212 / 0.14);--status-late: var(--danger-700);--status-late-soft: rgb(185 28 28 / 0.14)}}@font-face{font-family: "Inter";src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations");font-weight: 100 900;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Inter";src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");font-weight: 100 900;font-style: normal;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Plus Jakarta Sans";src: url("../fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2-variations");font-weight: 200 800;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Plus Jakarta Sans";src: url("../fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2") format("woff2-variations");font-weight: 200 800;font-style: normal;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Instrument Serif";src: url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Instrument Serif";src: url("../fonts/instrument-serif-latin-ext-400-italic.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Inter Fallback";src: local("Arial");size-adjust: 107.4%;ascent-override: 90.2%;descent-override: 22.5%;line-gap-override: 0%}@font-face{font-family: "Jakarta Fallback";src: local("Arial");size-adjust: 104.5%;ascent-override: 98%;descent-override: 21%;line-gap-override: 0%}@font-face{font-family: "Serif Fallback";src: local("Georgia");size-adjust: 88%;ascent-override: 102%;descent-override: 26%;line-gap-override: 0%}@layer reset{*,*::before,*::after{box-sizing: border-box}*{margin: 0}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;hanging-punctuation: first last}body{min-height: 100svh}img,picture,video,canvas,svg{display: block;max-width: 100%}img{height: auto}input,button,textarea,select{font: inherit;color: inherit;letter-spacing: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}:where(ul,ol)[role="list"],:where(ul,ol).list-reset{list-style: none;padding: 0}table{border-collapse: collapse}[hidden]{display: none !important}summary{cursor: pointer}summary::-webkit-details-marker{display: none}}@layer base{html{color-scheme: light;scroll-padding-top: calc(var(--header-h-compact) + var(--space-6))}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{background: var(--bg);color: var(--text);font-family: var(--font-body);font-size: var(--text-body);line-height: var(--lh-body);font-feature-settings: "cv11","ss01","ss03";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: clip}body.is-locked{overflow: hidden}h1,h2,h3,h4,h5,h6{color: var(--fg);font-family: var(--font-display);font-weight: 700;text-wrap: balance;overflow-wrap: break-word}/* Dutch compounds ("salarisadministratie") must never overflow a phone. */ @media (max-width: 639px){:is(h1,h2,h3,.display,.hero__title){hyphens: auto;-webkit-hyphens: auto}}h1{font-size: var(--text-h1);line-height: var(--lh-h1);letter-spacing: var(--tracking-tight);font-weight: 800}h2{font-size: var(--text-h2);line-height: var(--lh-h2);letter-spacing: var(--tracking-tight)}h3{font-size: var(--text-h3);line-height: var(--lh-h3);letter-spacing: var(--tracking-snug);font-weight: 650}h4{font-size: var(--text-h4);line-height: var(--lh-h4);letter-spacing: var(--tracking-snug);font-weight: 650}h5,h6{font-size: var(--text-body);line-height: var(--lh-h4);font-weight: 650}:is(h1,h2,h3,.display) em,.accent-serif{font-family: var(--font-serif);font-style: italic;font-weight: 400;letter-spacing: -0.01em;color: var(--accent-text);padding-inline-end: 0.04em}p,li,dd,blockquote,figcaption{text-wrap: pretty}strong,b{color: var(--fg);font-weight: 650}small{font-size: var(--text-sm)}a{color: var(--link);text-decoration-thickness: 1px;text-underline-offset: 0.2em;transition: color var(--dur-fast) var(--ease-out)}a:hover{color: var(--link-hover)}::selection{background: var(--selection);color: var(--fg)}:focus{outline: none}:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;border-radius: var(--radius-xs)}hr{border: 0;border-top: 1px solid var(--border)}abbr[title]{text-decoration: underline dotted;text-underline-offset: 0.2em;cursor: help}kbd{font-family: var(--font-mono);font-size: 0.8em;padding: 0.1em 0.45em;border: 1px solid var(--border-strong);border-bottom-width: 2px;border-radius: var(--radius-xs);background: var(--surface);color: var(--fg)}.tabular,time,[data-countup],.price-amount{font-variant-numeric: tabular-nums}@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: 180ms}.site-header{view-transition-name: site-header}.skip-link{position: fixed;inset-inline-start: var(--space-4);inset-block-start: var(--space-4);z-index: calc(var(--z-toast) + 1);padding: var(--space-3) var(--space-5);background: var(--ink-950);color: #fff;border-radius: var(--radius-full);font-weight: 600;text-decoration: none;transform: translateY(-200%);transition: transform var(--dur-base) var(--ease-out)}.skip-link:focus-visible{transform: none;color: #fff}:lang(nl) :is(h1,h2,h3,h4,p,li,dd){hyphens: auto}h1,h2,h3{text-wrap: balance}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}}@layer layout{.container{width: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}.container--wide{max-width: calc(var(--container-wide) + 2 * var(--gutter))}.container--narrow{max-width: calc(var(--container-narrow) + 2 * var(--gutter))}.section{position: relative;padding-block: var(--section-y);isolation: isolate}.section--sm{padding-block: var(--section-y-sm)}.section--flush-top{padding-block-start: 0}.section--subtle{background: var(--bg-subtle)}.section:nth-of-type(even):not(.section--ink):not(.section--subtle):not(.on-ink){background: var(--surface-sunken)}.section--ink,.has-noise{position: relative;isolation: isolate;background: var(--gradient-ink);overflow: hidden}.section--ink::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--gradient-glow);pointer-events: none}.section--ink::after,.has-noise::after{content: "";position: absolute;inset: 0;z-index: -1;background-image: var(--noise);opacity: 0.035;mix-blend-mode: overlay;pointer-events: none}.section--divided{border-top: 1px solid var(--border)}.section-head{display: grid;gap: var(--space-4);max-width: 44rem;margin-block-end: var(--section-head-gap)}.section-head--center{margin-inline: auto;text-align: center;justify-items: center}.section-head--split{max-width: none;grid-template-columns: minmax(0,1fr);align-items: end}@media (min-width: 900px){.section-head--split{grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);column-gap: var(--space-16)}.section-head--split>.section-head__aside{justify-self: end;text-align: end}}:is(.stack,.cluster,.pricing-head)>.section-head{margin-block-end: 0}.section-head__title{font-size: var(--text-h2)}.section-head__lead{font-size: var(--text-lead);line-height: var(--lh-lead);color: var(--text-muted);max-width: 40rem}.display{font-family: var(--font-display);font-size: var(--text-display);line-height: var(--lh-display);letter-spacing: var(--tracking-display);font-weight: 800;color: var(--fg);text-wrap: balance}.lead{font-size: var(--text-lead);line-height: var(--lh-lead);color: var(--text-muted)}.grid{display: grid;gap: var(--grid-gap)}.grid--2{grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr))}.grid--3{grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr))}.grid--4{grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr))}.grid--5{grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr))}@media (min-width: 1024px){.grid--3.grid--fixed{grid-template-columns: repeat(3,1fr)}.grid--4.grid--fixed{grid-template-columns: repeat(4,1fr)}.grid--5.grid--fixed{grid-template-columns: repeat(5,1fr)}}.split{display: grid;gap: var(--space-12) var(--space-16);align-items: center}@media (min-width: 960px){.split{grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr)}.split--reverse>:first-child{order: 2}.split--even{grid-template-columns: 1fr 1fr}.split--aside{grid-template-columns: minmax(0,1fr) 22rem;align-items: start}.split--sticky>:first-child{position: sticky;top: calc(var(--header-h-compact) + var(--space-8));align-self: start}}.stack{display: flex;flex-direction: column;gap: var(--stack,var(--space-4))}.stack--sm{--stack: var(--space-2)}.stack--lg{--stack: var(--space-8)}.cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--cluster,var(--space-3))}.cluster--lg{--cluster: var(--space-6)}.rail{display: grid;grid-auto-flow: column;grid-auto-columns: var(--rail-item,min(86%,22rem));gap: var(--grid-gap);overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);padding-inline: var(--gutter);margin-inline: calc(-1 * var(--gutter));padding-block: var(--space-2) var(--space-6);scrollbar-width: none}.rail::-webkit-scrollbar{display: none}.rail>*{scroll-snap-align: start}.page-hero{position: relative;padding-block: clamp(2.5rem,1.5rem + 4vw,5rem) clamp(2rem,1.5rem + 2vw,3.5rem);background: var(--gradient-hero);isolation: isolate;overflow: hidden}.page-hero__inner{display: grid;gap: var(--space-5);max-width: 48rem}.page-hero--center .page-hero__inner{margin-inline: auto;text-align: center;justify-items: center}.page-hero__actions{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-block-start: var(--space-2)}.prose{max-width: 65ch;color: var(--text)}.prose>* + *{margin-block-start: 1.25em}.prose h2{font-size: var(--text-h3);margin-block-start: 2.5em}.prose h3{font-size: var(--text-h4);margin-block-start: 2em}.prose :is(h2,h3) + *{margin-block-start: 0.75em}.prose ul,.prose ol{padding-inline-start: 1.25em}.prose li + li{margin-block-start: 0.4em}.prose li::marker{color: var(--accent)}.prose a{font-weight: 500}.prose blockquote{padding: var(--space-5) var(--space-6);border-inline-start: 3px solid var(--accent);background: var(--accent-soft);border-radius: 0 var(--radius-md) var(--radius-md) 0;color: var(--fg);font-size: var(--text-lead)}.prose table{width: 100%;font-size: var(--text-sm)}.prose th,.prose td{padding: var(--space-3);border-bottom: 1px solid var(--border);text-align: start}.prose th{color: var(--fg);font-weight: 650}.prose img,.prose figure{border-radius: var(--radius-lg)}.prose figcaption{font-size: var(--text-sm);color: var(--text-muted);margin-block-start: var(--space-2)}.table-scroll,.compare-scroll{overflow-x: auto;background: linear-gradient(90deg,var(--border),transparent) left center / 12px 100% no-repeat scroll,linear-gradient(270deg,var(--border),transparent) right center / 12px 100% no-repeat scroll,linear-gradient(90deg,var(--surface),var(--surface)) left center / 12px 100% no-repeat local,linear-gradient(270deg,var(--surface),var(--surface)) right center / 12px 100% no-repeat local}}@layer components{.btn{--btn-h: 44px;--btn-px: var(--space-5);--btn-bg: var(--surface);--btn-fg: var(--fg);--btn-border: var(--border-strong);--btn-bg-hover: var(--bg-subtle);--btn-shadow-hover: var(--shadow-sm);position: relative;display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: var(--btn-h);padding-inline: var(--btn-px);border: 1px solid var(--btn-border);border-radius: var(--radius-full);background: var(--btn-bg);color: var(--btn-fg);font-family: var(--font-body);font-size: 1rem;font-weight: 600;line-height: 1;letter-spacing: -0.005em;white-space: nowrap;text-decoration: none;cursor: pointer;user-select: none;-webkit-tap-highlight-color: transparent;transition: background-color var(--dur-base) var(--ease-soft),border-color var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft),color var(--dur-base) var(--ease-soft),transform var(--dur-base) var(--ease-soft)}@media (hover: hover){.btn:hover{background: var(--btn-bg-hover);color: var(--btn-fg);box-shadow: var(--btn-shadow-hover);transform: translateY(-1px)}.btn:hover .icon{transform: translateX(3px)}.btn:hover .icon--nudge{transform: translateX(3px)}.btn:hover .icon--nudge-up{transform: translate(2px,-2px)}}.btn:active{transform: translateY(0);box-shadow: none}.btn:focus-visible{outline: none;box-shadow: var(--ring-focus)}.btn .icon{width: 18px;height: 18px;flex: none;transition: transform var(--dur-base) var(--ease-soft)}.btn--sm{--btn-h: 36px;--btn-px: var(--space-4);font-size: var(--text-sm)}.btn--lg{--btn-h: 52px;--btn-px: var(--space-6);font-size: 1.0625rem}.btn--block{width: 100%}.btn--icon{--btn-px: 0;width: var(--btn-h)}.btn--cta{--btn-bg: var(--cta);--btn-fg: var(--cta-text);--btn-border: transparent;--btn-bg-hover: var(--oranje-400);--btn-shadow-hover: var(--shadow-cta);font-weight: 700;letter-spacing: -0.02em;background-image: linear-gradient(180deg,rgb(255 255 255 / 0.22),transparent 50%);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.15),0 8px 18px rgb(232 98 12 / 0.28)}.btn--primary{--btn-bg: var(--ink-600);--btn-fg: #fff;--btn-border: transparent;--btn-bg-hover: var(--ink-700);--btn-shadow-hover: 0 8px 20px rgb(30 78 140 / 0.28);background-image: linear-gradient(180deg,rgb(255 255 255 / 0.10),transparent 60%)}.btn--secondary:hover{--btn-border: var(--accent)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--link);--btn-bg-hover: var(--primary-soft);--btn-shadow-hover: none}.btn--inverse{--btn-bg: #fff;--btn-fg: var(--ink-950);--btn-border: transparent;--btn-bg-hover: var(--ink-50);--btn-shadow-hover: 0 8px 24px rgb(0 0 0 / 0.25)}.btn--outline-inverse{--btn-bg: transparent;--btn-fg: #fff;--btn-border: rgb(255 255 255 / 0.28);--btn-bg-hover: rgb(255 255 255 / 0.08);--btn-shadow-hover: none}.btn--whatsapp{--btn-bg: var(--whatsapp);--btn-fg: var(--ink-950);--btn-border: transparent;--btn-bg-hover: #3ee07b;--btn-shadow-hover: 0 8px 24px rgb(37 211 102 / 0.35)}.on-ink .btn--secondary{--btn-bg: transparent;--btn-fg: #fff;--btn-border: rgb(255 255 255 / 0.28);--btn-bg-hover: rgb(255 255 255 / 0.08)}.btn[disabled],.btn[aria-disabled="true"],.btn[aria-busy="true"]{opacity: 0.55;cursor: not-allowed}.btn[disabled],.btn[aria-disabled="true"]{pointer-events: none}.btn.is-loading,.btn[aria-busy="true"]{color: transparent !important;pointer-events: none}.btn.is-loading::after,.btn[aria-busy="true"]::after{content: "";position: absolute;width: 18px;height: 18px;border: 2px solid var(--btn-fg);border-right-color: transparent;border-radius: 50%;animation: spin 0.7s linear infinite}.link-arrow{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--link);font-weight: 600;text-decoration: none;background: linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition: background-size var(--dur-slow) var(--ease-out),color var(--dur-fast);padding-block: 2px}.link-arrow .icon{width: 18px;height: 18px;transition: transform var(--dur-base) var(--ease-out)}.link-arrow:hover,:is(.card--interactive:hover,.card--interactive:focus-within) .link-arrow{background-size: 100% 1px}.link-arrow:hover .icon,:is(.card--interactive:hover) .link-arrow .icon{transform: translateX(3px)}.eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--accent-text);font-size: var(--text-xs);line-height: var(--lh-xs);font-weight: 650;letter-spacing: var(--tracking-eyebrow);text-transform: uppercase}.eyebrow::before{content: "";width: 18px;height: 2px;border-radius: 2px;background: currentColor;opacity: 0.7}.eyebrow--plain::before{display: none}.badge{--badge-bg: var(--bg-muted);--badge-fg: var(--slate-700);display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--radius-sm);background: var(--badge-bg);color: var(--badge-fg);font-size: var(--text-xs);font-weight: 600;line-height: 1.3;white-space: nowrap}.badge .icon{width: 14px;height: 14px}.badge--info{--badge-bg: var(--ink-50);--badge-fg: var(--ink-700)}.badge--success{--badge-bg: var(--success-100);--badge-fg: var(--success-700)}.badge--warning{--badge-bg: var(--warning-100);--badge-fg: var(--warning-700)}.badge--danger{--badge-bg: var(--danger-100);--badge-fg: var(--danger-700)}.badge--actie{--badge-bg: var(--oranje-100);--badge-fg: var(--oranje-700)}.badge--groei{--badge-bg: var(--groei-100);--badge-fg: var(--groei-800)}.on-ink .badge:not([class*="badge--"]){--badge-bg: rgb(255 255 255 / 0.08);--badge-fg: var(--ink-100)}.on-ink .badge--groei{--badge-bg: rgb(20 184 166 / 0.16);--badge-fg: var(--groei-200)}.pill{display: inline-flex;align-items: center;gap: var(--space-2);padding: 6px 14px 6px 8px;border: 1px solid var(--border);border-radius: var(--radius-full);background: color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter: blur(8px);color: var(--text);font-size: var(--text-sm);font-weight: 500;line-height: 1.3;text-decoration: none;box-shadow: var(--shadow-xs)}a.pill:hover{border-color: var(--border-strong);color: var(--fg)}.pill__tag{padding: 2px 8px;border-radius: var(--radius-full);background: var(--ink-950);color: #fff;font-size: var(--text-xs);font-weight: 650}.pill__dot{width: 8px;height: 8px;margin-inline: 4px;border-radius: 50%;background: var(--groei-500);box-shadow: 0 0 0 4px rgb(20 184 166 / 0.18)}.pill__dot--live{animation: pulse-dot 2.4s var(--ease-in-out) infinite}.pill--featured{position: absolute;top: 0;left: 50%;translate: -50% -50%;padding: 6px 14px;border: 0;background: var(--cta);color: var(--cta-text);font-size: var(--text-xs);font-weight: 700;letter-spacing: 0.02em;box-shadow: var(--shadow-cta)}.icon{width: 1.25em;height: 1.25em;flex: none;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;vertical-align: middle}.icon--16{width: 16px;height: 16px}.icon--20{width: 20px;height: 20px}.icon--24{width: 24px;height: 24px}.icon--32{width: 32px;height: 32px;stroke-width: 1.5}.icon-tile{--tile: 44px;position: relative;display: grid;place-items: center;width: var(--tile);height: var(--tile);flex: none;border-radius: var(--radius-md);background: var(--accent-soft);color: var(--accent-text);box-shadow: 0 0 0 1px var(--accent-ring);margin: 5px}.icon-tile::after{content: "";position: absolute;inset: -5px;border-radius: calc(var(--radius-md) + 5px);border: 1px solid var(--accent-ring);opacity: 0.6;transition: inset var(--dur-slow) var(--ease-out),opacity var(--dur-slow)}.icon-tile .icon{width: 22px;height: 22px}.icon-tile--lg{--tile: 56px;border-radius: var(--radius-lg)}.icon-tile--lg::after{border-radius: calc(var(--radius-lg) + 5px)}.icon-tile--lg .icon{width: 26px;height: 26px}.icon-tile--ink{background: var(--ink-50);color: var(--ink-600);box-shadow: 0 0 0 1px var(--ink-100)}.icon-tile--ink::after{border-color: var(--ink-100)}.icon-tile--cta{background: var(--oranje-50);color: var(--oranje-700);box-shadow: 0 0 0 1px var(--oranje-100)}.icon-tile--cta::after{border-color: var(--oranje-100)}:is(.card--interactive:hover) .icon-tile::after{inset: -8px;opacity: 1}.check-list{display: grid;gap: var(--space-3);padding: 0;list-style: none}.check-list li{position: relative;display: grid;grid-template-columns: 22px 1fr;gap: var(--space-3);align-items: start;line-height: 1.5}.check-list li::before{content: "";width: 22px;height: 22px;margin-top: 1px;border-radius: 50%;background: var(--accent);box-shadow: inset 0 0 0 6px var(--accent),0 0 0 3px var(--accent-soft);background-image: linear-gradient(135deg,transparent 42%,#fff 42% 48%,transparent 48%),linear-gradient(45deg,transparent 48%,#fff 48% 56%,transparent 56%)}.check-list li.is-excluded{color: var(--text-subtle)}.check-list li.is-excluded::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E") center / 12px no-repeat,var(--bg-muted);box-shadow: none}.check-list--2col{grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr));column-gap: var(--space-8)}.check-list--sm{gap: var(--space-2);font-size: var(--text-sm)}.check-list--sm li{grid-template-columns: 18px 1fr;gap: var(--space-2)}.check-list--sm li::before{width: 18px;height: 18px;background-size: 10px,auto}}@layer components{.card{--card-bg: var(--surface);--card-border: var(--border);position: relative;display: flex;flex-direction: column;gap: var(--space-4);padding: var(--card-pad);border: 1px solid var(--card-border);border-radius: var(--radius-md);background: var(--card-bg);color: var(--text);box-shadow: var(--shadow-xs);isolation: isolate}.card--lg{border-radius: var(--radius-lg);padding: clamp(1.5rem,1.1rem + 1.4vw,2.5rem)}.card--flat{box-shadow: none}.card--sunken{--card-bg: var(--surface-sunken);box-shadow: none}.card--ink{--card-bg: var(--gradient-ink)}.card__title{font-size: var(--text-h4);line-height: var(--lh-h4)}.card__title a{color: inherit;text-decoration: none}.card__title a::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit}.card__text{color: var(--text-muted);font-size: var(--text-sm);line-height: var(--lh-sm)}.card__footer{margin-top: auto;padding-top: var(--space-2);display: flex;align-items: center;justify-content: space-between;gap: var(--space-3)}.card--interactive{transition: transform var(--dur-hover) var(--ease-soft),box-shadow var(--dur-hover) var(--ease-soft),border-color var(--dur-hover) var(--ease-soft)}.card--interactive::before{content: "";position: absolute;inset: -1px;z-index: -1;padding: 1px;border-radius: inherit;background: var(--gradient-border);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity var(--dur-hover) var(--ease-soft)}.card--interactive::after{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgb(20 184 166 / 0.07),transparent 45%);opacity: 0;transition: opacity var(--dur-hover) var(--ease-soft);pointer-events: none}@media (hover: hover) and (prefers-reduced-motion: no-preference){.card--interactive:is(:hover,:focus-within){will-change: transform;transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: transparent}.card--interactive:is(:hover,:focus-within)::before,.card--interactive:is(:hover,:focus-within)::after{opacity: 1}}.card--interactive:focus-within:has(:focus-visible){box-shadow: var(--shadow-md),var(--ring-focus)}.card--interactive a:focus-visible{outline: none}.feature{display: grid;gap: var(--space-4);align-content: start}.feature__title{font-size: var(--text-h4);line-height: var(--lh-h4)}.feature__text{color: var(--text-muted)}.feature--row{grid-template-columns: auto 1fr;column-gap: var(--space-5);align-items: start}.feature--row .feature__body{display: grid;gap: var(--space-2)}.stat{display: grid;gap: var(--space-1)}.stat__value{font-family: var(--font-display);font-size: clamp(2rem,1.6rem + 1.6vw,3rem);font-weight: 800;line-height: 1;letter-spacing: var(--tracking-tight);color: var(--fg);font-variant-numeric: tabular-nums}.stat__value small{font-size: 0.5em;font-weight: 700;color: var(--accent-text);margin-inline-start: 2px}.stat__label{color: var(--text-muted);font-size: var(--text-sm)}.stats-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr));gap: var(--space-8);padding-block: var(--space-8);border-block: 1px solid var(--border)}@media (min-width: 768px){.stats-row>.stat + .stat{padding-inline-start: var(--space-8);border-inline-start: 1px solid var(--border)}}.stars{display: inline-flex;gap: 2px;color: var(--star)}.stars .icon{width: 16px;height: 16px;fill: currentColor;stroke: none}.stars--lg .icon{width: 20px;height: 20px}.rating{display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--text-muted)}.rating strong{font-variant-numeric: tabular-nums}.avatar{--size: 40px;display: grid;place-items: center;width: var(--size);height: var(--size);flex: none;border-radius: 50%;background: linear-gradient(135deg,var(--ink-100),var(--groei-100));color: var(--ink-800);font-family: var(--font-display);font-size: calc(var(--size) * 0.38);font-weight: 700;overflow: hidden}.avatar img{width: 100%;height: 100%;object-fit: cover}.avatar--sm{--size: 32px}.avatar--lg{--size: 56px}.avatar--xl{--size: 88px}.avatar-stack{display: flex}.avatar-stack .avatar{box-shadow: 0 0 0 3px var(--bg)}.avatar-stack .avatar + .avatar{margin-inline-start: -10px}.testimonial{gap: var(--space-5);height: 100%}.testimonial__quote{position: relative;color: var(--fg);font-size: 1.125rem;line-height: 1.6}.testimonial__meta{margin-top: auto;display: flex;align-items: center;gap: var(--space-3)}.testimonial__name{color: var(--fg);font-weight: 650;font-size: var(--text-sm);line-height: 1.3}.testimonial__role{color: var(--text-muted);font-size: var(--text-xs)}.testimonial__source{margin-inline-start: auto;color: var(--text-subtle)}.post-card{padding: 0;overflow: hidden;gap: 0}.post-card__media{aspect-ratio: 16 / 9;background: var(--bg-muted);overflow: hidden}.post-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-reveal) var(--ease-out)}.post-card:hover .post-card__media img{transform: scale(1.03)}.post-card__body{display: grid;gap: var(--space-3);padding: var(--card-pad)}.post-card__title{font-size: var(--text-h4);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.post-card__meta{display: flex;gap: var(--space-3);color: var(--text-muted);font-size: var(--text-xs)}.deadline{flex-direction: row;align-items: center;gap: var(--space-5)}.deadline__date{display: grid;place-items: center;width: 68px;padding-block: var(--space-2);border-radius: var(--radius-md);background: var(--primary-soft);color: var(--fg);text-align: center;line-height: 1;flex: none}.deadline__day{font-family: var(--font-display);font-size: 1.75rem;font-weight: 800;font-variant-numeric: tabular-nums}.deadline__month{font-size: var(--text-xs);font-weight: 650;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted);margin-top: 4px}.deadline__body{display: grid;gap: var(--space-1);min-width: 0}.deadline__title{font-size: 1rem;line-height: 1.35}.callout{--callout-accent: var(--accent);--callout-bg: var(--accent-soft);display: grid;grid-template-columns: auto 1fr;gap: var(--space-2) var(--space-4);padding: var(--space-5) var(--space-6);border-radius: var(--radius-md);border: 1px solid color-mix(in srgb,var(--callout-accent) 22%,transparent);background: var(--callout-bg);color: var(--text)}.callout>.icon{color: var(--callout-accent);width: 22px;height: 22px;margin-top: 2px}.callout__title{color: var(--fg);font-weight: 650;font-family: var(--font-body);font-size: 1rem}.callout__body{grid-column: 2;font-size: var(--text-sm);line-height: var(--lh-sm)}.callout--warning{--callout-accent: var(--warning-700);--callout-bg: #fffbeb}.callout--example{--callout-accent: var(--ink-600);--callout-bg: var(--ink-50)}.callout--danger{--callout-accent: var(--danger-700);--callout-bg: #fef2f2}.empty{display: grid;justify-items: center;gap: var(--space-3);padding: var(--space-12) var(--space-6);border: 1px dashed var(--border-strong);border-radius: var(--radius-lg);text-align: center}.empty__title{font-size: var(--text-h4)}.empty__text{color: var(--text-muted);max-width: 32rem}.skeleton{display: block;height: 1em;border-radius: var(--radius-xs);background: linear-gradient(90deg,var(--bg-muted) 0%,var(--slate-100) 50%,var(--bg-muted) 100%) 0 0 / 200% 100%;animation: shimmer 1.4s linear infinite}}@layer components{.form{display: grid;gap: var(--space-5)}.form-row{display: grid;gap: var(--space-5)}@media (min-width: 640px){.form-row--2{grid-template-columns: 1fr 1fr}}.form-panel{padding: clamp(1.5rem,1rem + 2vw,2.5rem);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow-lg)}.form-trust{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--text-muted)}.form-trust .icon{width: 16px;height: 16px;color: var(--accent)}.field{display: grid;gap: var(--space-2)}.field__label{color: var(--fg);font-size: var(--text-sm);font-weight: 600;line-height: 1.3}.field__label .optional{color: var(--text-subtle);font-weight: 400}.field__hint{color: var(--text-muted);font-size: var(--text-xs);line-height: var(--lh-xs)}.field__error{display: flex;align-items: center;gap: 6px;color: var(--danger-700);font-size: var(--text-xs);font-weight: 600}.field__error .icon{width: 16px;height: 16px}.input,.select,.textarea{width: 100%;min-height: 48px;padding: 12px 14px;border: 1px solid var(--border-strong);border-radius: var(--radius-xs);background: var(--surface);color: var(--fg);font-size: 1rem;line-height: 1.4;box-shadow: var(--shadow-xs);transition: border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);appearance: none}.input::placeholder,.textarea::placeholder{color: var(--text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color: var(--slate-400)}.input:focus,.select:focus,.textarea:focus{outline: none;border-color: var(--ink-600);box-shadow: var(--ring-input)}.input:disabled,.select:disabled,.textarea:disabled{background: var(--bg-muted);color: var(--text-subtle);cursor: not-allowed}.textarea{min-height: 140px;resize: vertical}.select{padding-inline-end: 42px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;background-size: 18px}.field.is-invalid :is(.input,.select,.textarea),:is(.input,.select,.textarea)[aria-invalid="true"]{border-color: var(--danger-700)}.field.is-invalid :is(.input,.select,.textarea):focus{box-shadow: 0 0 0 4px var(--danger-100)}.input-group{position: relative}.input-group>.icon{position: absolute;left: 14px;top: 50%;translate: 0 -50%;width: 18px;height: 18px;color: var(--text-subtle);pointer-events: none}.input-group>.input{padding-inline-start: 42px}.check{display: grid;grid-template-columns: 20px 1fr;gap: var(--space-3);align-items: start;font-size: var(--text-sm);line-height: 1.5;cursor: pointer}.check input{appearance: none;width: 20px;height: 20px;margin-top: 1px;border: 1.5px solid var(--slate-400);border-radius: var(--radius-xs);background: var(--surface) center / 12px no-repeat;transition: background-color var(--dur-fast),border-color var(--dur-fast);cursor: pointer}.check input[type="radio"]{border-radius: 50%}.check input:checked{border-color: var(--ink-600);background-color: var(--ink-600);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.check input[type="radio"]:checked{background-image: radial-gradient(circle,#fff 30%,transparent 34%);background-size: 100%}.check input:focus-visible{outline: none;box-shadow: var(--ring-focus)}.choice-grid{display: grid;gap: var(--space-3);grid-template-columns: repeat(auto-fit,minmax(min(100%,13rem),1fr))}.radio-card{position: relative;display: block;cursor: pointer}.radio-card input{position: absolute;opacity: 0;pointer-events: none}.radio-card__box{position: relative;display: grid;gap: var(--space-2);height: 100%;padding: var(--space-5);border: 1.5px solid var(--border);border-radius: var(--radius-md);background: var(--surface);transition: border-color var(--dur-base),background-color var(--dur-base),box-shadow var(--dur-base),transform var(--dur-fast)}.radio-card__box .icon{width: 24px;height: 24px;color: var(--ink-500)}.radio-card__title{color: var(--fg);font-weight: 650;line-height: 1.3}.radio-card__text{color: var(--text-muted);font-size: var(--text-xs);line-height: var(--lh-xs)}.radio-card__box::after{content: "";position: absolute;top: 14px;right: 14px;width: 20px;height: 20px;border-radius: 50%;border: 1.5px solid var(--border-strong);background: var(--surface) center / 11px no-repeat;transition: all var(--dur-base) var(--ease-spring)}.radio-card:hover .radio-card__box{border-color: var(--ink-300)}.radio-card input:checked + .radio-card__box{border-color: var(--ink-600);background: var(--ink-50);box-shadow: 0 0 0 3px var(--ink-100)}.radio-card input:checked + .radio-card__box::after{border-color: var(--ink-600);background-color: var(--ink-600);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.radio-card input:focus-visible + .radio-card__box{box-shadow: var(--ring-focus)}.radio-card:active .radio-card__box{transform: scale(0.99)}.switch{display: inline-flex;align-items: center;gap: var(--space-3);cursor: pointer;font-size: var(--text-sm);font-weight: 500;color: var(--fg)}.switch input{appearance: none;position: relative;width: 44px;height: 26px;border-radius: var(--radius-full);background: var(--slate-300);transition: background-color var(--dur-base) var(--ease-out);cursor: pointer;flex: none}.switch input::after{content: "";position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: var(--shadow-sm);transition: translate var(--dur-base) var(--ease-spring)}.switch input:checked{background: var(--groei-600)}.switch input:checked::after{translate: 18px 0}.switch input:focus-visible{outline: none;box-shadow: var(--ring-focus)}.segmented{--seg-i: 0;--seg-n: 2;position: relative;display: inline-grid;grid-auto-flow: column;grid-auto-columns: 1fr;padding: 4px;border: 1px solid var(--border);border-radius: var(--radius-full);background: var(--bg-muted);isolation: isolate}.segmented::before{content: "";position: absolute;z-index: -1;top: 4px;bottom: 4px;left: 4px;width: calc((100% - 8px) / var(--seg-n));border-radius: var(--radius-full);background: var(--surface-raised);box-shadow: var(--shadow-sm);translate: calc(var(--seg-i) * 100%) 0;transition: translate var(--dur-base) var(--ease-out)}.segmented button,.segmented label{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 40px;padding-inline: var(--space-5);border-radius: var(--radius-full);color: var(--text-muted);font-size: var(--text-sm);font-weight: 600;white-space: nowrap;transition: color var(--dur-base)}.segmented [aria-pressed="true"],.segmented [aria-selected="true"]{color: var(--fg)}.segmented .badge{padding: 2px 6px}.on-ink .segmented{background: rgb(255 255 255 / 0.06)}.on-ink .segmented::before{background: rgb(255 255 255 / 0.14)}.range{display: grid;gap: var(--space-3)}.range__head{display: flex;justify-content: space-between;align-items: baseline;gap: var(--space-4)}.range__value{padding: 4px 12px;border-radius: var(--radius-full);background: var(--ink-950);color: #fff;font-weight: 700;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.range input[type="range"]{--pct: 50%;appearance: none;width: 100%;height: 8px;border-radius: var(--radius-full);background: linear-gradient(90deg,var(--ink-600) var(--pct),var(--bg-muted) var(--pct));cursor: pointer}.range input[type="range"]::-webkit-slider-thumb{appearance: none;width: 26px;height: 26px;border-radius: 50%;background: #fff;border: 2px solid var(--ink-600);box-shadow: var(--shadow-md);transition: transform var(--dur-fast) var(--ease-out)}.range input[type="range"]::-moz-range-thumb{width: 24px;height: 24px;border-radius: 50%;background: #fff;border: 2px solid var(--ink-600);box-shadow: var(--shadow-md)}.range input[type="range"]:active::-webkit-slider-thumb{transform: scale(1.12)}.range input[type="range"]:focus-visible{outline: none;box-shadow: var(--ring-focus)}.range__scale{display: flex;justify-content: space-between;color: var(--text-subtle);font-size: var(--text-xs);font-variant-numeric: tabular-nums}.stepper{display: flex;align-items: center;gap: var(--space-2);padding: 0;list-style: none;counter-reset: step}.stepper__item{display: flex;align-items: center;gap: var(--space-2);flex: 1;color: var(--text-subtle);font-size: var(--text-xs);font-weight: 600;counter-increment: step}.stepper__item::before{content: counter(step);display: grid;place-items: center;width: 28px;height: 28px;flex: none;border-radius: 50%;border: 1.5px solid var(--border-strong);background: var(--surface);font-variant-numeric: tabular-nums;transition: all var(--dur-base) var(--ease-out)}.stepper__item:not(:last-child)::after{content: "";flex: 1;height: 2px;min-width: 12px;border-radius: 2px;background: var(--border)}.stepper__item[aria-current="step"]{color: var(--fg)}.stepper__item[aria-current="step"]::before{border-color: var(--ink-600);background: var(--ink-600);color: #fff;box-shadow: 0 0 0 4px var(--ink-100)}.stepper__item.is-done{color: var(--text-muted)}.stepper__item.is-done::before{content: "";border-color: var(--groei-600);background: var(--groei-600)}.stepper__item.is-done::after{background: var(--groei-600)}@media (max-width: 639px){.stepper__label{display: none}.stepper__item[aria-current="step"] .stepper__label{display: inline}}.progress{height: 6px;border-radius: var(--radius-full);background: var(--bg-muted);overflow: hidden}.progress__bar{height: 100%;width: var(--value,0%);border-radius: inherit;background: linear-gradient(90deg,var(--ink-600),var(--groei-500));transition: width var(--dur-slow) var(--ease-out)}.error-summary{display: grid;gap: var(--space-2);padding: var(--space-4) var(--space-5);border: 1px solid color-mix(in srgb,var(--danger-700) 30%,transparent);border-inline-start-width: 4px;border-radius: var(--radius-sm);background: #fef2f2;color: var(--danger-700)}.error-summary__title{font-weight: 700;font-size: var(--text-sm);color: var(--danger-700);font-family: var(--font-body)}.error-summary ul{margin: 0;padding-inline-start: 1.1em;font-size: var(--text-sm)}.error-summary a{color: var(--danger-700);font-weight: 600}.alert{display: flex;gap: var(--space-3);align-items: flex-start;padding: var(--space-4) var(--space-5);border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: 500}.alert .icon{width: 20px;height: 20px;margin-top: 1px}.alert--success{background: var(--success-100);color: var(--success-700)}.alert--danger{background: var(--danger-100);color: var(--danger-700)}.alert--info{background: var(--ink-50);color: var(--ink-700)}.hp-field{position: absolute !important;left: -10000px;width: 1px;height: 1px;overflow: hidden}}@layer components{.accordion{display: grid}.accordion__item{border-bottom: 1px solid var(--border)}.accordion__item:first-child{border-top: 1px solid var(--border)}.accordion__summary{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding-block: var(--space-5);color: var(--fg);font-family: var(--font-display);font-size: 1.0625rem;font-weight: 650;line-height: 1.4;letter-spacing: -0.01em;list-style: none;transition: color var(--dur-fast)}.accordion__summary:hover{color: var(--link)}.accordion__summary:focus-visible{outline-offset: 4px}.accordion__icon{position: relative;display: grid;place-items: center;width: 32px;height: 32px;flex: none;border-radius: 50%;border: 1px solid var(--border);background: var(--surface);transition: background-color var(--dur-base),border-color var(--dur-base),transform var(--dur-slow) var(--ease-out)}.accordion__icon::before,.accordion__icon::after{content: "";position: absolute;width: 12px;height: 1.75px;border-radius: 2px;background: currentColor;transition: transform var(--dur-slow) var(--ease-out)}.accordion__icon::after{transform: rotate(90deg)}.accordion__item[open] .accordion__icon{background: var(--ink-950);border-color: var(--ink-950);color: #fff;transform: rotate(180deg)}.accordion__item[open] .accordion__icon::after{transform: rotate(0deg)}.on-ink .accordion__item[open] .accordion__icon{background: #fff;color: var(--ink-950)}.accordion__content{overflow: hidden}.accordion__body{padding-block-end: var(--space-6);padding-inline-end: var(--space-12);color: var(--text-muted)}.accordion--cards{gap: var(--space-3)}.accordion--cards .accordion__item{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding-inline: var(--space-6);transition: box-shadow var(--dur-base),border-color var(--dur-base)}.accordion--cards .accordion__item[open]{box-shadow: var(--shadow-md);border-color: transparent}.tabs__list{display: flex;gap: var(--space-1);border-bottom: 1px solid var(--border);overflow-x: auto;scrollbar-width: none}.tabs__tab{position: relative;padding: var(--space-3) var(--space-4);color: var(--text-muted);font-size: var(--text-sm);font-weight: 600;white-space: nowrap;border-radius: var(--radius-xs) var(--radius-xs) 0 0;transition: color var(--dur-fast)}.tabs__tab::after{content: "";position: absolute;left: var(--space-4);right: var(--space-4);bottom: -1px;height: 2px;border-radius: 2px;background: var(--ink-600);transform: scaleX(0);transition: transform var(--dur-base) var(--ease-out)}.tabs__tab:hover{color: var(--fg)}.tabs__tab[aria-selected="true"]{color: var(--fg)}.tabs__tab[aria-selected="true"]::after{transform: scaleX(1)}.tabs__panel{padding-top: var(--space-8)}.tabs__panel:focus-visible{outline-offset: 8px}.tabs--pills .tabs__list{border: 0;gap: var(--space-2);flex-wrap: wrap}.tabs--pills .tabs__tab{border: 1px solid var(--border);border-radius: var(--radius-full);padding-inline: var(--space-5)}.tabs--pills .tabs__tab::after{display: none}.tabs--pills .tabs__tab[aria-selected="true"]{background: var(--ink-950);border-color: var(--ink-950);color: #fff}.tooltip{position: relative;display: inline-flex;vertical-align: middle}.tooltip__trigger{display: grid;place-items: center;width: 20px;height: 20px;border-radius: 50%;color: var(--text-subtle);transition: color var(--dur-fast),background-color var(--dur-fast)}.tooltip__trigger .icon{width: 16px;height: 16px}.tooltip__trigger:hover{color: var(--fg);background: var(--bg-muted)}.tooltip__bubble{position: absolute;bottom: calc(100% + 10px);left: 50%;z-index: var(--z-sticky);width: max-content;max-width: 16rem;padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm);background: var(--ink-950);color: #fff;font-size: var(--text-xs);font-weight: 500;line-height: 1.45;text-align: start;box-shadow: var(--shadow-lg);translate: -50% 4px;opacity: 0;visibility: hidden;transition: opacity var(--dur-base),translate var(--dur-base) var(--ease-out),visibility var(--dur-base);pointer-events: none}.tooltip__bubble::after{content: "";position: absolute;top: 100%;left: 50%;translate: -50% 0;border: 6px solid transparent;border-top-color: var(--ink-950)}.tooltip:is(:hover,:focus-within) .tooltip__bubble{opacity: 1;visibility: visible;translate: -50% 0}.breadcrumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-1) var(--space-2);padding: 0;list-style: none;font-size: var(--text-sm);color: var(--text-muted)}.breadcrumbs li{display: inline-flex;align-items: center;gap: var(--space-2)}.breadcrumbs li + li::before{content: "";width: 14px;height: 14px;background: currentColor;opacity: 0.6;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat}.breadcrumbs a{color: var(--text-muted);text-decoration: none}.breadcrumbs a:hover{color: var(--link);text-decoration: underline}.breadcrumbs [aria-current="page"]{color: var(--fg);font-weight: 500}.pagination{display: flex;justify-content: center;gap: var(--space-2)}.pagination a,.pagination span{display: grid;place-items: center;min-width: var(--tap);height: var(--tap);padding-inline: var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-full);color: var(--fg);font-weight: 600;font-size: var(--text-sm);text-decoration: none;font-variant-numeric: tabular-nums}.pagination a:hover{border-color: var(--border-strong);background: var(--bg-subtle)}.pagination [aria-current="page"]{background: var(--ink-950);border-color: var(--ink-950);color: #fff}.table-wrap{overflow-x: auto;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface)}.table{width: 100%;font-size: var(--text-sm)}.table th,.table td{padding: var(--space-4) var(--space-5);text-align: start;border-bottom: 1px solid var(--border);vertical-align: middle}.table thead th{position: sticky;top: var(--header-h-compact);z-index: 1;background: var(--surface);color: var(--fg);font-family: var(--font-display);font-size: 1rem;font-weight: 700}.table tbody th{color: var(--fg);font-weight: 500}.table tbody tr:hover{background: var(--bg-subtle)}.table tr.table__group th{padding-block: var(--space-3);background: var(--bg-subtle);color: var(--text-muted);font-size: var(--text-xs);font-weight: 650;letter-spacing: var(--tracking-eyebrow);text-transform: uppercase}.table td.is-yes,.table td.is-no{text-align: center}.table .is-highlight{background: color-mix(in srgb,var(--ink-50) 70%,transparent)}.table tr:last-child>*{border-bottom: 0}.modal{width: min(100% - 2 * var(--gutter),34rem);max-height: min(100% - 4rem,44rem);margin: auto;padding: 0;border: 0;border-radius: var(--radius-lg);background: var(--surface);color: var(--text);box-shadow: var(--shadow-xl);overflow: auto}.modal::backdrop{background: var(--overlay);backdrop-filter: blur(4px)}.modal[open]{animation: modal-in var(--dur-slow) var(--ease-out)}.modal[open]::backdrop{animation: fade-in var(--dur-slow) var(--ease-out)}.modal__head{display: flex;align-items: start;justify-content: space-between;gap: var(--space-4);padding: var(--space-6) var(--space-6) 0}.modal__title{font-size: var(--text-h4)}.modal__body{padding: var(--space-4) var(--space-6);color: var(--text-muted)}.modal__foot{display: flex;justify-content: flex-end;gap: var(--space-3);padding: var(--space-4) var(--space-6) var(--space-6)}.close-btn{display: grid;place-items: center;width: var(--tap);height: var(--tap);flex: none;border-radius: 50%;color: var(--text-muted);transition: background-color var(--dur-fast),color var(--dur-fast)}.close-btn:hover{background: var(--bg-muted);color: var(--fg)}.close-btn .icon{width: 20px;height: 20px}.toaster{position: fixed;top: calc(var(--space-4) + env(safe-area-inset-top));right: var(--space-4);z-index: var(--z-toast);display: grid;gap: var(--space-2);width: min(24rem,calc(100% - 2rem));pointer-events: none}.toast{display: grid;grid-template-columns: auto 1fr auto;gap: var(--space-3);align-items: start;padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);box-shadow: var(--shadow-lg);font-size: var(--text-sm);pointer-events: auto;animation: toast-in var(--dur-slow) var(--ease-out)}.toast.is-leaving{animation: toast-out var(--dur-base) var(--ease-in-out) forwards}.toast>.icon{width: 20px;height: 20px;color: var(--accent)}.toast--danger>.icon{color: var(--danger-700)}.toast__title{color: var(--fg);font-weight: 650}.toast .close-btn{width: 28px;height: 28px;margin: -4px -4px 0 0}a.portal-stat{display: grid;gap: var(--space-1);padding: var(--space-4);text-decoration: none;color: inherit;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface)}a.portal-stat:hover{border-color: var(--border-strong,var(--border))}a.portal-stat strong{font-size: var(--text-lg)}.portal-actions{margin-block: var(--space-4)}.portal-tabs .badge{margin-inline-start: var(--space-1);vertical-align: middle}.portal-filters .chip{display: inline-flex;align-items: center;padding: var(--space-1) var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-full);font-size: var(--text-sm);text-decoration: none;color: var(--fg);background: var(--surface)}.portal-filters .chip[aria-pressed="true"]{border-color: var(--ink-700);background: var(--ink-50);font-weight: 650}.upload-drop [data-upload-preview]:not([hidden]){margin-block: var(--space-2)}}@layer components{.announcement{position: relative;background: linear-gradient(90deg,var(--groei-700),var(--ink-600));color: #fff;font-size: var(--text-sm)}.announcement__inner{display: flex;align-items: center;justify-content: center;gap: var(--space-3);min-height: 40px;padding-inline-end: var(--tap);text-align: center}.announcement a{color: #fff;font-weight: 650}.announcement .close-btn{position: absolute;right: var(--space-2);top: 50%;translate: 0 -50%;color: #fff;width: 36px;height: 36px}.announcement .close-btn:hover{background: rgb(255 255 255 / 0.12);color: #fff}.topbar{display: none;background: var(--ink-950);color: var(--ink-300);font-size: var(--text-xs)}@media (min-width: 1024px){.topbar{display: block}}.topbar__inner{display: flex;align-items: center;flex-wrap: nowrap;gap: var(--space-6);min-height: var(--topbar-h);min-width: 0}.topbar__item{display: inline-flex;align-items: center;flex: none;gap: var(--space-2);color: inherit;text-decoration: none}.topbar__item--slogan{flex: 1 1 auto;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}@media (max-width: 1279px){.topbar__item--clock{display: none}}@media (max-width: 1140px){.topbar__item--langs{display: none}}.theme-toggle{width: 40px;height: 40px;min-height: 40px;padding: 0}.theme-toggle .icon{width: 18px;height: 18px}.topbar__item .icon{width: 14px;height: 14px;color: var(--groei-400)}.topbar__item .stars .icon{color: var(--star)}a.topbar__item:hover{color: #fff}.topbar__end{margin-inline-start: auto;display: flex;align-items: center;gap: var(--space-5)}.lang-switch{display: inline-flex;gap: 2px;padding: 2px;border-radius: var(--radius-full);background: rgb(255 255 255 / 0.06)}.lang-switch a,.lang-switch span{padding: 2px 8px;border-radius: var(--radius-full);color: var(--ink-300);font-weight: 600;text-decoration: none;letter-spacing: 0.04em}.lang-switch a:focus-visible{outline: 2px solid #fff;outline-offset: 2px}.lang-switch [aria-current="true"]{background: rgb(255 255 255 / 0.12);color: #fff}.lang-switch [aria-disabled="true"]{opacity: 0.4;cursor: not-allowed}.site-header{position: sticky;top: 0;z-index: var(--z-header);background: color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter: blur(14px) saturate(1.6);-webkit-backdrop-filter: blur(14px) saturate(1.6);border-bottom: 1px solid transparent;transition: background-color var(--dur-slow) var(--ease-out),border-color var(--dur-slow),box-shadow var(--dur-slow)}.site-header.is-scrolled{background: color-mix(in srgb,var(--bg) 90%,transparent);border-bottom-color: var(--border);box-shadow: var(--shadow-xs)}.site-header__inner{display: flex;align-items: center;gap: var(--space-6);height: var(--header-h);transition: height var(--dur-slow) var(--ease-out)}.site-header.is-scrolled .site-header__inner{height: var(--header-h-compact)}.site-header__actions{display: flex;align-items: center;gap: var(--space-2);margin-inline-start: auto}.site-header__actions .btn--ghost,.site-header__actions .btn--cta{display: none}@media (min-width: 640px){.site-header__actions .btn--cta{display: inline-flex}}@media (min-width: 1024px){.site-header__actions .btn--ghost{display: inline-flex}}.site-header__actions [data-theme-toggle]{display: inline-flex}@media (min-width: 1024px) and (max-width: 1279px){.header-login>span{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.header-login{width: 40px;height: 40px;min-height: 40px;padding-inline: 0;justify-content: center}.nav__link{padding-inline: var(--space-2);font-size: var(--text-sm)}.nav__item:has(>a[href="/veelgestelde-vragen"]){display: none}}.brand{display: inline-flex;align-items: center;gap: 10px;color: var(--fg);text-decoration: none;flex: none}.brand:hover{color: var(--fg)}.brand__mark{width: 36px;height: 36px;flex: none}.brand__word{font-family: var(--font-display);font-size: 1.3rem;font-weight: 750;letter-spacing: -0.035em;line-height: 1}.brand__word span{color: var(--accent-text)}.nav{display: none}@media (min-width: 1024px){.nav{display: block}}.nav__list{display: flex;align-items: center;gap: 2px;padding: 0;list-style: none}.nav__link{display: inline-flex;align-items: center;gap: 4px;height: 40px;padding-inline: 14px;border-radius: var(--radius-full);color: var(--fg);font-size: 0.9375rem;font-weight: 550;text-decoration: none;white-space: nowrap;background: linear-gradient(currentColor,currentColor) 50% calc(100% - 6px) / 0 1.5px no-repeat;transition: background-color var(--dur-base) var(--ease-soft),color var(--dur-base) var(--ease-soft),background-size var(--dur-base) var(--ease-soft)}.nav__link:hover,.nav__link[aria-expanded="true"]{background-color: var(--bg-muted);color: var(--fg);background-size: 60% 1.5px}.nav__link[aria-current="page"]{color: var(--link);background-size: 60% 1.5px}.nav__link[aria-current="page"]::after{content: "";width: 4px;height: 4px;margin-inline-start: 2px;border-radius: 50%;background: var(--cta)}.nav__link .icon{width: 16px;height: 16px;color: var(--text-muted);transition: transform var(--dur-base) var(--ease-out)}.nav__link[aria-expanded="true"] .icon{transform: rotate(180deg)}.nav__item{position: static}.mega{position: absolute;z-index: 2;left: 0;right: 0;top: 100%;padding-top: var(--space-2);opacity: 0;visibility: hidden;translate: 0 -6px;transition: opacity var(--dur-base) var(--ease-out),translate var(--dur-base) var(--ease-out),visibility var(--dur-base)}.mega.is-open{opacity: 1;visibility: visible;translate: 0 0}.mega__panel{display: grid;grid-template-columns: minmax(0,1fr) 20rem;gap: var(--space-2);padding: var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-xl);background: var(--surface);box-shadow: var(--shadow-xl)}html[data-theme="dark"] .mega__panel{background: var(--ink-900)}.mega__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 2px;padding: var(--space-3);list-style: none;align-content: start}.mega__list--3{grid-template-columns: repeat(3,minmax(0,1fr))}.mega__heading{grid-column: 1 / -1;padding: var(--space-2) var(--space-3) var(--space-3);color: var(--text-subtle);font-size: var(--text-xs);font-weight: 650;letter-spacing: var(--tracking-eyebrow);text-transform: uppercase}.mega__link{display: grid;grid-template-columns: auto 1fr;gap: 2px var(--space-3);align-items: center;padding: var(--space-3);border-radius: var(--radius-md);color: var(--text);text-decoration: none;transition: background-color var(--dur-fast)}.mega__link:hover{background: var(--bg-subtle);color: var(--text)}.mega__link .icon-tile{--tile: 38px;grid-row: span 2;margin: 0;border-radius: var(--radius-sm)}.mega__link .icon-tile::after{display: none}.mega__link .icon-tile .icon{width: 19px;height: 19px}.mega__title{color: var(--fg);font-weight: 650;font-size: 0.9375rem;line-height: 1.3;display: flex;align-items: center;gap: var(--space-2)}.mega__desc{color: var(--text-muted);font-size: var(--text-xs);line-height: 1.4}.mega__footer{grid-column: 1 / -1;display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);margin-top: var(--space-2);padding: var(--space-4) var(--space-3) var(--space-2);border-top: 1px solid var(--border);font-size: var(--text-sm);color: var(--text-muted)}.mega__feature{position: relative;display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-6);border-radius: var(--radius-lg);overflow: hidden;isolation: isolate}.mega__feature .display-sm{font-family: var(--font-display);font-size: 1.375rem;font-weight: 750;line-height: 1.2;letter-spacing: -0.02em;color: #fff}.mega__feature p{font-size: var(--text-sm)}.mega__feature .btn{margin-top: auto}.burger{display: grid;place-items: center;width: var(--tap);height: var(--tap);border-radius: 50%;color: var(--fg);transition: background-color var(--dur-fast)}.burger:hover{background: var(--bg-muted)}@media (min-width: 1024px){.burger{display: none}}.burger__lines{position: relative;width: 20px;height: 14px}.burger__lines span{position: absolute;left: 0;width: 100%;height: 2px;border-radius: 2px;background: currentColor;transition: transform var(--dur-slow) var(--ease-out),opacity var(--dur-base)}.burger__lines span:nth-child(1){top: 0}.burger__lines span:nth-child(2){top: 6px}.burger__lines span:nth-child(3){top: 12px}.burger[aria-expanded="true"] .burger__lines span:nth-child(1){transform: translateY(6px) rotate(45deg)}.burger[aria-expanded="true"] .burger__lines span:nth-child(2){opacity: 0}.burger[aria-expanded="true"] .burger__lines span:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.drawer{position: fixed;inset: 0;z-index: var(--z-drawer);display: flex;flex-direction: column;background: var(--bg);visibility: hidden;opacity: 0;translate: 0 -8px;transition: opacity var(--dur-slow) var(--ease-out),translate var(--dur-slow) var(--ease-out),visibility var(--dur-slow)}.drawer.is-open{visibility: visible;opacity: 1;translate: 0 0}.drawer__head{display: flex;align-items: center;justify-content: space-between;height: var(--header-h-compact);padding-inline: var(--gutter);border-bottom: 1px solid var(--border);flex: none}.drawer__body{flex: 1;overflow-y: auto;overscroll-behavior: contain;padding: var(--space-4) var(--gutter) var(--space-8)}.drawer__nav{display: grid}.drawer__link,.drawer__group>summary{display: flex;align-items: center;justify-content: space-between;min-height: 56px;border-bottom: 1px solid var(--border);color: var(--fg);font-family: var(--font-display);font-size: 1.25rem;font-weight: 700;letter-spacing: -0.015em;text-decoration: none;list-style: none}.drawer__group>summary .icon{width: 20px;height: 20px;color: var(--text-muted);transition: transform var(--dur-base) var(--ease-out)}.drawer__group[open]>summary .icon{transform: rotate(180deg)}.drawer__sub{display: grid;gap: 2px;padding: var(--space-2) 0 var(--space-4);list-style: none}.drawer__sub a{display: flex;align-items: center;gap: var(--space-3);min-height: var(--tap);padding-inline: var(--space-2);border-radius: var(--radius-sm);color: var(--text);text-decoration: none;font-weight: 500}.drawer__sub a:hover{background: var(--bg-subtle)}.drawer__sub .icon{width: 20px;height: 20px;color: var(--accent)}.drawer__foot{display: grid;gap: var(--space-3);padding: var(--space-4) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom));border-top: 1px solid var(--border);background: var(--bg-subtle);flex: none}.drawer__foot-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3)}.site-footer{position: relative;overflow: hidden;isolation: isolate;padding-block: var(--space-20) var(--space-8)}@media (max-width: 1023px){.site-footer{padding-bottom: calc(var(--mobilebar-h) + var(--space-8) + env(safe-area-inset-bottom))}}.site-footer__newsletter{display: grid;gap: var(--space-6);align-items: center;padding-bottom: var(--space-12);margin-bottom: var(--space-12);border-bottom: 1px solid var(--border)}@media (min-width: 900px){.site-footer__newsletter{grid-template-columns: 1fr minmax(0,28rem)}}.newsletter-form{display: flex;gap: var(--space-2);padding: 6px;border: 1px solid var(--border-strong);border-radius: var(--radius-full);background: var(--surface)}.newsletter-form .input{min-height: 44px;border: 0;background: transparent;box-shadow: none;padding-inline: var(--space-4);color: var(--fg)}.newsletter-form .input:focus{box-shadow: none}.newsletter-form:focus-within{border-color: var(--groei-400);box-shadow: 0 0 0 4px var(--accent-ring)}.site-footer__grid{display: grid;gap: var(--space-10) var(--space-8);grid-template-columns: repeat(2,minmax(0,1fr))}@media (min-width: 900px){.site-footer__grid{grid-template-columns: 1.6fr repeat(3,1fr)}}.site-footer__brand{grid-column: 1 / -1;display: grid;gap: var(--space-5);align-content: start;max-width: 22rem}@media (min-width: 900px){.site-footer__brand{grid-column: auto}}.site-footer__heading{margin-bottom: var(--space-4);color: #fff;font-family: var(--font-body);font-size: var(--text-sm);font-weight: 650}.site-footer__links{display: grid;gap: var(--space-3);padding: 0;list-style: none;font-size: var(--text-sm)}.site-footer__links a{color: var(--text-muted);text-decoration: none}.site-footer__links a:hover{color: #fff}.site-footer__contact{display: grid;gap: var(--space-3);font-size: var(--text-sm)}.site-footer__contact a,.site-footer__contact span{display: inline-flex;align-items: center;gap: var(--space-3);color: var(--text);text-decoration: none}.site-footer__contact .icon{width: 18px;height: 18px;color: var(--accent)}.site-footer__contact a:hover{color: #fff}.site-footer__legal{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--space-3) var(--space-6);margin-top: var(--space-16);padding-top: var(--space-6);border-top: 1px solid var(--border);color: var(--text-muted);font-size: var(--text-xs)}.site-footer__legal nav{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-5)}.site-footer__legal a,.site-footer__legal button{color: var(--text-muted);text-decoration: none;font-size: inherit}.site-footer__legal a:hover,.site-footer__legal button:hover{color: #fff}.site-footer__wordmark{margin-top: var(--space-12);font-family: var(--font-display);font-size: clamp(4rem,1rem + 15vw,13rem);font-weight: 800;line-height: 0.8;letter-spacing: -0.06em;text-align: center;background: linear-gradient(180deg,rgb(255 255 255 / 0.10),rgb(255 255 255 / 0));-webkit-background-clip: text;background-clip: text;color: transparent;user-select: none;pointer-events: none}.mobilebar{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-mobilebar);display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-2);padding: var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));background: color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter: blur(14px) saturate(1.6);border-top: 1px solid var(--border);box-shadow: 0 -8px 24px rgb(7 20 43 / 0.06);transition: translate var(--dur-slow) var(--ease-out)}.mobilebar.is-hidden{translate: 0 110%}@media (min-width: 1024px){.mobilebar{display: none}}.mobilebar a{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-height: 48px;border-radius: var(--radius-md);color: var(--fg);font-size: var(--text-xs);font-weight: 650;text-decoration: none}.mobilebar a .icon{width: 20px;height: 20px}.mobilebar a:nth-child(2) .icon{color: #1da851}.mobilebar a:last-child{background: var(--cta);color: var(--cta-text)}.wa-float{position: fixed;right: var(--space-6);bottom: calc(var(--space-6) + env(safe-area-inset-bottom));z-index: var(--z-fab);display: none;align-items: center;gap: var(--space-2);height: 56px;padding: 0 18px 0 16px;border-radius: var(--radius-full);background: var(--whatsapp);color: var(--ink-950);font-weight: 650;font-size: var(--text-sm);text-decoration: none;box-shadow: 0 10px 30px rgb(37 211 102 / 0.35);transition: transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}.wa-float .icon{width: 24px;height: 24px}.wa-float:hover{color: var(--ink-950);transform: translateY(-2px);box-shadow: 0 14px 36px rgb(37 211 102 / 0.45)}@media (min-width: 1024px){.wa-float{display: inline-flex}}}@layer sections{.perspective-grid{position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;color: var(--ink-900);opacity: 0.09;pointer-events: none;-webkit-mask-image: radial-gradient(75% 70% at 50% 100%,#000 30%,transparent 75%);mask-image: radial-gradient(75% 70% at 50% 100%,#000 30%,transparent 75%)}.on-ink .perspective-grid,.perspective-grid--light{color: #fff;opacity: 0.08}.perspective-grid--top{-webkit-mask-image: radial-gradient(80% 70% at 50% 0%,#000 20%,transparent 75%);mask-image: radial-gradient(80% 70% at 50% 0%,#000 20%,transparent 75%);transform: scaleY(-1)}.hero{position: relative;padding-block: clamp(3rem,1.5rem + 6vw,7rem) clamp(6rem,4rem + 6vw,9rem);background: var(--gradient-hero);isolation: isolate;overflow: hidden}.hero__grid{display: grid;gap: var(--space-12);align-items: center}@media (min-width: 1024px){.hero__grid{grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);gap: var(--space-16)}}.hero__copy{display: grid;gap: var(--space-6);justify-items: start}.hero__title{font-size: var(--text-display);line-height: var(--lh-display);letter-spacing: var(--tracking-display);font-weight: 800}.hero__lead{font-size: var(--text-lead);line-height: var(--lh-lead);color: var(--text-muted);max-width: 34rem}.hero__actions{display: flex;flex-wrap: wrap;gap: var(--space-3)}.hero__trust{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3) var(--space-6);padding-top: var(--space-2);font-size: var(--text-sm);color: var(--text-muted)}.hero__trust-item{display: inline-flex;align-items: center;gap: var(--space-2)}.hero__trust-item + .hero__trust-item{padding-inline-start: var(--space-6);border-inline-start: 1px solid var(--border)}@media (max-width: 639px){.hero__trust-item + .hero__trust-item{padding-inline-start: 0;border: 0}}.mock{--px: 0px;--py: 0px;position: relative;width: 100%;max-width: 34rem;margin-inline: auto;padding: var(--space-8) 0}.mock__window{position: relative;border: 1px solid var(--border);border-radius: var(--radius-xl);background: var(--surface);box-shadow: var(--shadow-xl);overflow: hidden;translate: calc(var(--px) * -0.4) calc(var(--py) * -0.4);transition: translate 600ms var(--ease-out)}.mock__bar{display: flex;align-items: center;gap: 6px;padding: 12px 16px;border-bottom: 1px solid var(--border);background: var(--bg-subtle)}.mock__bar i{width: 10px;height: 10px;border-radius: 50%;background: var(--slate-300)}.mock__bar span{margin-inline-start: var(--space-3);font-size: 12px;color: var(--text-subtle);font-weight: 500}.mock__body{display: grid;gap: var(--space-5);padding: var(--space-6)}.mock__kpis{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-3)}.mock__kpi{padding: var(--space-3);border-radius: var(--radius-sm);background: var(--bg-subtle)}.mock__kpi-label{font-size: 11px;color: var(--text-muted);font-weight: 500}.mock__kpi-value{font-family: var(--font-display);font-size: 1.125rem;font-weight: 750;color: var(--fg);font-variant-numeric: tabular-nums;letter-spacing: -0.02em}.mock__kpi-delta{font-size: 11px;font-weight: 650;color: var(--success-700)}.mock__chart{position: relative;height: 150px}.mock__chart svg{width: 100%;height: 100%;overflow: visible}.mock__chart-line{fill: none;stroke: var(--ink-600);stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round}.mock__chart-area{fill: url(#mock-area)}.mock__chart-grid{stroke: var(--border);stroke-dasharray: 3 4}.mock__chart-dot{fill: #fff;stroke: var(--groei-600);stroke-width: 3}.mock__rows{display: grid;gap: var(--space-2)}.mock__row{display: flex;align-items: center;gap: var(--space-3);padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius-sm);font-size: 13px}.mock__row b{color: var(--fg);font-weight: 600}.mock__row .badge{margin-inline-start: auto}.float-card{position: absolute;z-index: 2;display: flex;align-items: center;gap: var(--space-3);padding: 12px 16px 12px 12px;border: 1px solid var(--border);border-radius: var(--radius-lg);background: color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter: blur(12px);box-shadow: var(--shadow-lg);font-size: 13px;line-height: 1.35;white-space: nowrap;translate: calc(var(--px) * var(--depth,1)) calc(var(--py) * var(--depth,1));transition: translate 600ms var(--ease-out);animation: float var(--float-dur,7s) var(--ease-in-out) var(--float-delay,0s) infinite}.float-card__icon{display: grid;place-items: center;width: 36px;height: 36px;border-radius: var(--radius-sm);background: var(--accent-soft);color: var(--accent-text);flex: none}.float-card__icon .icon{width: 18px;height: 18px}.float-card__icon--cta{background: var(--oranje-50);color: var(--oranje-700)}.float-card__icon--ink{background: var(--ink-50);color: var(--ink-600)}.float-card__label{color: var(--text-muted);font-size: 12px}.float-card__value{color: var(--fg);font-weight: 650}.float-card--a{top: 30%;left: -12%;--depth: 1.2;--float-dur: 7s}.float-card--b{top: -1%;right: -6%;--depth: 1.6;--float-dur: 8s;--float-delay: -2s}.float-card--c{bottom: 0;right: -4%;--depth: 1;--float-dur: 6.5s;--float-delay: -4s}@media (max-width: 1023px){.mock{padding: 0}.float-card{position: relative;inset: auto;animation: none;translate: none;white-space: normal}.float-card--c{display: none}.mock__floats{display: grid;grid-template-columns: repeat(auto-fit,minmax(14rem,1fr));gap: var(--space-3);margin-top: var(--space-4)}}.overlap{position: relative;z-index: 2;margin-top: calc(-1 * clamp(4rem,3rem + 4vw,6rem))}.quiz{display: grid;gap: var(--space-6);padding: clamp(1.5rem,1rem + 2vw,2.5rem);border: 1px solid var(--border);border-radius: var(--radius-xl);background: var(--surface);box-shadow: var(--shadow-xl)}@media (min-width: 1024px){.quiz{grid-template-columns: 18rem minmax(0,1fr);gap: var(--space-12)}}.quiz__intro{display: grid;gap: var(--space-3);align-content: start}.quiz__intro h2{font-size: var(--text-h3)}.quiz__step{display: grid;gap: var(--space-5)}.quiz__question{font-family: var(--font-display);font-size: var(--text-h4);font-weight: 700;color: var(--fg)}.quiz__nav{display: flex;justify-content: space-between;align-items: center;gap: var(--space-3)}.quiz__result .price-amount{font-family: var(--font-display);font-size: var(--text-h3);font-weight: 700;color: var(--fg);margin: var(--space-2) 0}.quiz__result .check-list{margin-top: var(--space-3)}.quiz__result{display: grid;gap: var(--space-4);padding: var(--space-6);border-radius: var(--radius-lg);background: var(--ink-50);border: 1px solid var(--ink-100)}.audience{gap: var(--space-5);padding-block-start: var(--space-6)}.audience__top{display: flex;justify-content: space-between;align-items: start;gap: var(--space-4)}.audience__price{color: var(--text-muted);font-size: var(--text-xs);text-align: end}.audience__price strong{display: block;font-family: var(--font-display);font-size: 1.25rem;font-weight: 750;font-variant-numeric: tabular-nums}.bento{display: grid;gap: var(--grid-gap);grid-template-columns: 1fr}@media (min-width: 768px){.bento{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.bento{grid-template-columns: repeat(4,1fr);grid-auto-rows: minmax(15rem,auto)}.bento__item--wide{grid-column: span 2}.bento__item--tall{grid-row: span 2}.bento__item--hero{grid-column: span 2;grid-row: span 2}}.bento__item{overflow: hidden}.bento__visual{position: relative;margin: var(--space-2) calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad));padding: var(--space-5) var(--card-pad) 0;flex: 1;min-height: 10rem;background: linear-gradient(180deg,transparent,var(--bg-subtle));display: flex;align-items: flex-end;justify-content: center;overflow: hidden}.bento__visual>*{width: 100%;translate: 0 8px;transition: translate var(--dur-reveal) var(--ease-out)}.bento__item:hover .bento__visual>*{translate: 0 0}.mini-ui{border: 1px solid var(--border);border-bottom: 0;border-radius: var(--radius-md) var(--radius-md) 0 0;background: var(--surface);box-shadow: var(--shadow-md);padding: var(--space-4);display: grid;gap: var(--space-2);font-size: 12px}.mini-ui__row{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: 8px 10px;border-radius: var(--radius-xs);background: var(--bg-subtle)}.mini-ui__row b{color: var(--fg);font-weight: 600;font-variant-numeric: tabular-nums}.mini-bars{display: flex;align-items: flex-end;gap: 6px;height: 72px}.mini-bars span{flex: 1;border-radius: 4px 4px 0 0;background: var(--ink-100);height: var(--h,50%);transition: height var(--dur-reveal) var(--ease-out)}.mini-bars span.is-accent{background: linear-gradient(180deg,var(--groei-400),var(--groei-600))}.bento__item--hero .mini-bars{height: 9rem}.bento__item--hero .mini-ui{padding: var(--space-5);gap: var(--space-3)}.steps{display: grid;gap: var(--space-8);counter-reset: step;list-style: none;padding: 0}@media (min-width: 768px){.steps{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.steps{grid-template-columns: repeat(4,1fr);gap: var(--space-6)}}.step{position: relative;display: grid;gap: var(--space-3);align-content: start;counter-increment: step}.step__num{position: relative;display: grid;place-items: center;width: 52px;height: 52px;margin: 6px;border-radius: 50%;background: var(--surface);border: 1px solid var(--border-strong);color: var(--fg);font-family: var(--font-display);font-size: 1.125rem;font-weight: 800;font-variant-numeric: tabular-nums;box-shadow: var(--shadow-sm)}.step__num::before{content: counter(step,decimal-leading-zero)}.step__num::after{content: "";position: absolute;inset: -7px;border-radius: 50%;border: 1px dashed var(--border-strong)}.step:last-child .step__num{background: var(--ink-950);border-color: var(--ink-950);color: #fff}@media (min-width: 1024px){.step:not(:last-child)::after{content: "";position: absolute;top: 32px;left: 76px;right: calc(-1 * var(--space-6) + 8px);height: 1px;background: repeating-linear-gradient(90deg,var(--border-strong) 0 6px,transparent 6px 12px)}}.step__title{font-size: var(--text-h4);margin-top: var(--space-2)}.step__text{color: var(--text-muted);font-size: var(--text-sm)}.pricing-head{display: flex;flex-direction: column;align-items: center;gap: var(--space-4);margin-bottom: var(--space-12)}.pricing{display: grid;gap: var(--grid-gap);align-items: stretch}@media (min-width: 900px){.pricing{grid-template-columns: repeat(var(--cols,3),minmax(0,1fr));align-items: center}}@media (max-width: 899px){.pricing--rail{grid-auto-flow: column;grid-auto-columns: min(86%,22rem);grid-template-columns: none;overflow-x: auto;scroll-snap-type: x mandatory;padding: var(--space-6) var(--gutter);margin-inline: calc(-1 * var(--gutter));scrollbar-width: none}.pricing--rail>*{scroll-snap-align: center}}.price-card{position: relative;display: flex;flex-direction: column;gap: var(--space-6);padding: clamp(1.5rem,1.2rem + 1vw,2.25rem);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow-sm);height: 100%;transition: transform var(--dur-hover) var(--ease-soft),box-shadow var(--dur-hover) var(--ease-soft)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.price-card:hover{will-change: transform;transform: translateY(-4px);box-shadow: var(--shadow-lg)}}.price-card__name{font-size: var(--text-h3)}.price-card__for{color: var(--text-muted);font-size: var(--text-sm)}.price-card__price{display: flex;align-items: baseline;flex-wrap: wrap;gap: var(--space-1) var(--space-2)}.price-amount{font-family: var(--font-display);font-size: var(--text-price);font-weight: 800;line-height: 1;letter-spacing: -0.035em;color: var(--fg)}.price-amount sup{font-size: 0.45em;vertical-align: 0.9em;margin-inline-end: 2px;font-weight: 700}.price-card__unit{color: var(--text-muted);font-size: var(--text-sm)}.price-card__was{color: var(--text-subtle);text-decoration: line-through;font-size: var(--text-sm)}.price-card__meta{display: flex;flex-wrap: wrap;gap: var(--space-2)}.price-card hr{margin-block: var(--space-1)}.price-card .btn{margin-top: auto}.price-card--featured{padding-block: clamp(2rem,1.6rem + 1.2vw,2.75rem);border-color: transparent;background: var(--gradient-ink);box-shadow: var(--shadow-xl);overflow: visible}.price-card--featured::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: var(--gradient-glow)}@media (min-width: 900px){.price-card--featured{margin-block: calc(-1 * var(--space-4));height: calc(100% + var(--space-8))}}.price-note{margin-top: var(--space-8);text-align: center;color: var(--text-muted);font-size: var(--text-sm)}.showcase{display: grid;gap: var(--space-12);align-items: center}@media (min-width: 1024px){.showcase{grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);gap: var(--space-16)}}.app-frame{border: 1px solid rgb(255 255 255 / 0.12);border-radius: var(--radius-xl);background: rgb(255 255 255 / 0.04);padding: 10px;box-shadow: 0 40px 120px rgb(0 0 0 / 0.5),inset 0 1px 0 rgb(255 255 255 / 0.08)}.app{--bg: #fff;--surface: #fff;--fg: var(--ink-900);--text: var(--slate-700);--text-muted: var(--slate-600);--border: var(--slate-200);display: grid;grid-template-columns: 11rem 1fr;min-height: 22rem;border-radius: calc(var(--radius-xl) - 8px);background: var(--bg-subtle,#f6f8fb);color: var(--text);overflow: hidden;font-size: 13px}@media (max-width: 639px){.app{grid-template-columns: 1fr}.app__side{display: none}}.app__side{display: grid;align-content: start;gap: 2px;padding: var(--space-4) var(--space-3);background: var(--ink-950);color: var(--ink-300)}.app__side .brand{margin-bottom: var(--space-4);padding-inline: var(--space-2);color: #fff}.app__side .brand__mark{width: 24px;height: 24px}.app__side .brand__word{font-size: 0.95rem}.app__nav{display: flex;align-items: center;gap: var(--space-2);padding: 8px 10px;border-radius: var(--radius-xs)}.app__nav .icon{width: 16px;height: 16px}.app__nav.is-active{background: rgb(255 255 255 / 0.08);color: #fff}.app__main{display: grid;gap: var(--space-4);padding: var(--space-5);align-content: start;background: #f6f8fb}.app__title{font-family: var(--font-display);font-size: 1.05rem;font-weight: 750;color: var(--ink-900)}.app__cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(9rem,1fr));gap: var(--space-3)}.app__card{padding: var(--space-3) var(--space-4);border: 1px solid var(--slate-200);border-radius: var(--radius-sm);background: var(--surface);display: grid;gap: 4px}.app__card b{font-family: var(--font-display);font-size: 1.1rem;color: var(--ink-900);font-variant-numeric: tabular-nums}.app__drop{display: grid;place-items: center;gap: var(--space-2);padding: var(--space-6);border: 1.5px dashed var(--ink-200);border-radius: var(--radius-md);background: var(--ink-50);color: var(--ink-700);text-align: center;font-weight: 600}.app__drop .icon{width: 28px;height: 28px;color: var(--ink-500)}.reviews-head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;gap: var(--space-6);margin-bottom: var(--space-10)}.score{display: flex;align-items: center;gap: var(--space-4)}.score__value{font-family: var(--font-display);font-size: 3.5rem;font-weight: 800;line-height: 1;letter-spacing: -0.04em;color: var(--fg);font-variant-numeric: tabular-nums}.rail-controls{display: flex;gap: var(--space-2)}.rail-controls .btn{--btn-h: 44px}.marquee{--gap: var(--space-12);display: flex;gap: var(--gap);overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display: flex;flex: none;align-items: center;gap: var(--gap);min-width: 100%;justify-content: space-around;animation: marquee 40s linear infinite}.marquee:hover .marquee__track{animation-play-state: paused}.marquee__item{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--text-subtle);font-family: var(--font-display);font-weight: 700;font-size: 1.125rem;white-space: nowrap;filter: grayscale(1);opacity: 0.85}.marquee__item img{height: 28px;width: auto}.cta-banner{position: relative;display: grid;gap: var(--space-8);padding: clamp(2rem,1rem + 4vw,4.5rem);border-radius: var(--radius-xl);background: var(--gradient-ink);overflow: hidden;isolation: isolate;box-shadow: var(--shadow-xl)}.cta-banner::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--gradient-glow)}@media (min-width: 1024px){.cta-banner{grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);align-items: center;gap: var(--space-16)}}.cta-banner__title{font-size: var(--text-h2)}.cta-banner__panel{padding: var(--space-6);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface-raised);backdrop-filter: blur(8px)}.aside-card{position: sticky;top: calc(var(--header-h-compact) + var(--space-6));display: grid;gap: var(--space-4)}.aside-card__price{font-family: var(--font-display);font-size: 2rem;font-weight: 800;color: var(--fg);letter-spacing: -0.03em;line-height: 1}.aside-card__price small{font-family: var(--font-body);font-size: var(--text-sm);font-weight: 500;color: var(--text-muted);letter-spacing: 0}.toc{display: grid;gap: var(--space-3);font-size: var(--text-sm)}.toc__title{color: var(--text-subtle);font-size: var(--text-xs);font-weight: 650;letter-spacing: var(--tracking-eyebrow);text-transform: uppercase;font-family: var(--font-body)}.toc ol{display: grid;gap: 2px;padding: 0;list-style: none;border-inline-start: 1px solid var(--border)}.toc a{display: block;margin-inline-start: -1px;padding: 6px 0 6px var(--space-4);border-inline-start: 2px solid transparent;color: var(--text-muted);text-decoration: none;line-height: 1.4}.toc a:hover{color: var(--fg)}.toc a.is-active{border-color: var(--ink-600);color: var(--fg);font-weight: 600}.reading-progress{position: fixed;top: 0;left: 0;right: 0;z-index: calc(var(--z-header) + 1);height: 3px;background: linear-gradient(90deg,var(--groei-500),var(--ink-600));transform-origin: 0 50%;transform: scaleX(var(--progress,0))}.contact-tile{flex-direction: row;align-items: center;gap: var(--space-4);text-decoration: none}.contact-tile__label{color: var(--text-muted);font-size: var(--text-xs)}.contact-tile__value{color: var(--fg);font-weight: 650}.status-dot{display: inline-flex;align-items: center;gap: 6px;font-size: var(--text-xs);font-weight: 650;color: var(--success-700)}.status-dot::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor;box-shadow: 0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}.status-dot.is-closed{color: var(--text-muted)}}@layer components{.slot-grid{border: 0;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px}.slot-grid legend{width: 100%;font-weight: 650;margin-bottom: 4px}.slot{display: inline-flex}.slot input{position: absolute;opacity: 0}.slot span{display: inline-flex;align-items: center;min-height: 44px;padding: 0 12px;border: 1px solid var(--border);border-radius: 999px;background: var(--surface);cursor: pointer}.slot input:checked + span{border-color: var(--ink-600);background: var(--ink-50);color: var(--ink-900)}html[data-theme="dark"] .slot input:checked + span{background: var(--ink-800);color: #fff;border-color: var(--groei-400)}html[data-theme="dark"] .upload-drop,html[data-theme="dark"] .portal-nav a:hover,html[data-theme="dark"] .portal-nav a[aria-current="page"]{background: var(--bg-muted);color: var(--fg)}.factuur-sheet{margin-top: 1.5rem;padding: 1.5rem;border: 1px solid var(--border);border-radius: 16px;background: var(--surface)}.factuur-sheet table{width: 100%;border-collapse: collapse;margin-top: 1rem}.factuur-sheet td{padding: 8px 0;border-bottom: 1px solid var(--border)}.factuur-sheet__total{margin-top: 1rem;font-weight: 700}@media print{.topbar,.site-header,.site-footer,.assistant,.mobilebar,.wa-float,.cookie,[data-factuur],[data-overzicht]{display: none !important}.factuur-sheet{display: block !important;border: 0}}.compare{width: 100%;border-collapse: collapse;font-size: var(--text-sm)}.compare th,.compare td{text-align: left;padding: 14px 16px;border-bottom: 1px solid var(--border);vertical-align: top}.compare th{color: var(--text-muted);font-weight: 600;font-size: var(--text-xs);letter-spacing: .04em;text-transform: uppercase}.compare td:last-child{color: var(--ink-900);font-weight: 650;background: var(--groei-50)}.sectors{display: flex;flex-wrap: wrap;gap: 10px}.sector{display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: 999px;border: 1px solid var(--border);background: var(--surface);color: var(--ink-900);font-weight: 650;font-size: 14px;text-decoration: none}.sector:hover{border-color: var(--ink-200);background: var(--ink-50)}.assistant{position: fixed;left: var(--space-4);bottom: calc(var(--space-4) + env(safe-area-inset-bottom));z-index: var(--z-fab)}.assistant__panel{width: min(380px,calc(100vw - 32px));margin-bottom: 10px;border: 1px solid var(--border);border-radius: 20px;background: var(--surface);box-shadow: var(--shadow-xl);overflow: hidden;display: none;flex-direction: column;max-height: min(520px,70vh)}.assistant.is-open .assistant__panel{display: flex}.assistant__head{display: flex;justify-content: space-between;gap: 12px;padding: 14px 16px;background: var(--ink-950);color: #fff}.assistant__head strong{display: block;font-family: var(--font-display)}.assistant__head span{color: var(--ink-300);font-size: 12px}.assistant__log{display: grid;gap: 10px;padding: 14px;overflow: auto;background: var(--bg-subtle)}.assistant__msg{max-width: 92%;padding: 10px 12px;border-radius: 14px;font-size: 14px;line-height: 1.5}.assistant__msg--bot{background: var(--surface);border: 1px solid var(--border);color: var(--fg)}.assistant__msg--bot.is-waiting::after{content: "";display: inline-block;width: .45em;height: .45em;margin-left: .45em;border-radius: 50%;background: currentColor;vertical-align: middle;animation: assistant-wait 1s ease-in-out infinite}@keyframes assistant-wait{50%{opacity: .2}}.assistant__msg--user{margin-left: auto;background: var(--ink-600);color: #fff}.assistant__form{display: flex;gap: 8px;padding: 12px;border-top: 1px solid var(--border);background: var(--surface)}.assistant__form input{flex: 1;min-height: 44px}.assistant__chips{display: flex;flex-wrap: wrap;gap: 6px;padding: 0 14px 12px;background: var(--bg-subtle)}.assistant__chips button{border: 1px solid var(--border);background: var(--surface);border-radius: 999px;padding: 6px 10px;font: inherit;font-size: 12px;cursor: pointer;color: var(--fg)}.portal-shell{display: grid;gap: var(--space-6)}.portal-tabs{display: flex;gap: var(--space-2);overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: var(--space-2);scrollbar-width: thin}.portal-tabs a{flex: none;text-decoration: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);color: var(--fg);font-weight: 650;font-size: var(--text-sm);border: 1px solid var(--border);background: var(--surface);white-space: nowrap}.portal-tabs a[aria-current="page"]{background: var(--ink-900);color: #fff;border-color: var(--ink-900)}.portal-banner{padding: var(--space-4) var(--space-5);border-radius: var(--radius-lg);background: var(--ink-50);border: 1px solid var(--ink-100);color: var(--fg);font-size: var(--text-sm)}.portal-stats{display: grid;gap: var(--space-3);grid-template-columns: 1fr}@media (min-width: 640px){.portal-stats{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.portal-stats{grid-template-columns: repeat(4,1fr)}}.portal-stat{display: grid;gap: var(--space-1);padding: var(--space-4);border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--border)}.portal-stat strong{font-family: var(--font-display);font-size: var(--text-h4);letter-spacing: -0.02em}.upload-drop{border: 1.5px dashed var(--ink-200);border-radius: var(--radius-lg);padding: var(--space-7);background: var(--ink-50);text-align: center;position: relative}.upload-drop input[type="file"]{margin-inline: auto}.doc-cards{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-3)}.doc-card{display: flex;justify-content: space-between;align-items: center;gap: var(--space-4);padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface)}.empty-state{padding: var(--space-8);text-align: center;border: 1px dashed var(--border);border-radius: var(--radius-lg)}.portal-chat{display: grid;gap: var(--space-4);min-height: 20rem}.portal-chat__log{display: grid;gap: var(--space-3);max-height: 28rem;overflow: auto;padding: var(--space-2)}.portal-bubble{max-width: min(28rem,92%);padding: var(--space-3) var(--space-4);border-radius: var(--radius-lg);background: var(--ink-50)}.portal-bubble p{margin: var(--space-1) 0 0}.portal-bubble--you{margin-left: auto;background: var(--ink-700);color: #fff}.portal-bubble--you .text-muted{color: rgb(255 255 255 / .7)}.portal-bubble--office{margin-right: auto}.portal-chat__form{position: sticky;bottom: 0;padding-top: var(--space-3);background: var(--bg)}.check.is-done span{text-decoration: line-through;color: var(--text-muted)}.portal-nav{display: none}.doc-row{display: flex;justify-content: space-between;gap: 12px;padding: 12px 0;border-bottom: 1px solid var(--border);font-size: 14px}.admin{display: grid;gap: 20px}@media (min-width: 980px){.admin{grid-template-columns: 230px 1fr;align-items: start}}.admin__side{position: sticky;top: 96px;display: grid;gap: 4px;padding: 14px;border-radius: 20px;background: var(--ink-950);color: #fff}.admin__side a{color: var(--ink-200);text-decoration: none;padding: 10px 12px;border-radius: 12px;font-weight: 650;font-size: 14px}.admin__side a[aria-current="page"],.admin__side a:hover{background: rgb(255 255 255 / .08);color: #fff}.admin__kpis{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 12px}.admin__kpi{padding: 16px;border: 1px solid var(--border);border-radius: 16px;background: var(--surface)}.admin__kpi b{display: block;font-family: var(--font-display);font-size: 1.6rem;letter-spacing: -0.03em;color: var(--ink-900)}.admin__kpi span{color: var(--text-muted);font-size: 13px}a.admin__kpi{text-decoration: none;color: inherit;transition: border-color var(--dur-fast)}a.admin__kpi:hover{border-color: var(--ink-400)}.data-table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch}.data-table{width: 100%;border-collapse: collapse;font-size: 14px;min-width: 520px}.data-table th,.data-table td{padding: 10px 12px;border-bottom: 1px solid var(--border);text-align: left;vertical-align: top}.data-table th{color: var(--text-muted);font-weight: 650;font-size: 12px;text-transform: uppercase;letter-spacing: .04em}.data-table th a{color: inherit;text-decoration: none}.data-table th a:hover{color: var(--ink-900)}@media (max-width: 639px){.data-table{min-width: 0}.data-table thead{display: none}.data-table,.data-table tbody,.data-table tr,.data-table td{display: block;width: 100%}.data-table tr{border: 1px solid var(--border);border-radius: 14px;padding: 10px 12px;margin-bottom: 10px;background: var(--surface)}.data-table td{border: 0;padding: 4px 0}}.badge{display: inline-block;padding: 2px 8px;border-radius: 999px;font-size: 12px;font-weight: 650}.badge--ok{background: #e8f5e9;color: #1b5e20}.badge--warn{background: #fff8e1;color: #f57f17}.badge--bad{background: #ffebee;color: #b71c1c}.badge--info{background: #e3f2fd;color: #0d47a1}.badge--muted{background: var(--ink-100);color: var(--ink-700)}.timeline{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.timeline__item{display: grid;grid-template-columns: 7rem 1fr;gap: 12px;font-size: 14px}.timeline__at{color: var(--text-muted);font-size: 12px}.aging{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;margin-top: 8px}.aging__seg{height: 10px;border-radius: 6px;background: var(--ink-200);position: relative}.aging__seg span{display: block;height: 100%;border-radius: 6px;background: var(--ink-700);max-width: 100%}.aging__labels{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;font-size: 11px;color: var(--text-muted);margin-top: 4px}@media (max-width: 639px){.timeline__item{grid-template-columns: 1fr}.aging{grid-template-columns: 1fr 1fr}.aging__labels{grid-template-columns: 1fr 1fr}}.mijn-shell{padding-bottom: calc(4.5rem + env(safe-area-inset-bottom))}.mijn-layout{display: grid;gap: var(--space-6);max-width: 1100px;margin: 0 auto}.mijn-side{display: none}.mijn-content{min-width: 0}.mijn-top{display: flex;flex-wrap: wrap;gap: 12px;align-items: end;justify-content: space-between;margin-bottom: var(--space-4)}.mijn-top h1{font-size: var(--text-h2);margin: 0}.mijn-top__act{flex-shrink: 0}.mijn-actie{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid var(--border)}.mijn-actie:last-child{border-bottom: 0}.mijn-ok{text-align: center;align-items: center}.mijn-bottom{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-sticky,40);display: grid;grid-template-columns: repeat(5,1fr);background: var(--surface);border-top: 1px solid var(--border);padding: 6px 4px calc(6px + env(safe-area-inset-bottom))}.mijn-bottom a{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-height: 44px;padding: 4px 2px;text-decoration: none;color: var(--text-muted);font-size: 10px;font-weight: 650;position: relative}.mijn-bottom a .icon{width: 22px;height: 22px}.mijn-bottom a[aria-current="page"]{color: var(--ink-900)}.mijn-bottom__dot{position: absolute;top: 4px;right: calc(50% - 14px);width: 7px;height: 7px;border-radius: 50%;background: var(--groei-500,#2e7d32)}@media (min-width: 960px){.mijn-shell{padding-bottom: 0}.mijn-layout{grid-template-columns: 240px minmax(0,1fr);gap: var(--space-8);align-items: start}.mijn-side{display: flex;flex-direction: column;gap: 12px;position: sticky;top: calc(var(--header-h,4rem) + 16px);padding: 16px;border-radius: 20px;background: var(--ink-900);color: #fff;min-height: 28rem}.mijn-side__brand{color: #fff;font-weight: 750;text-decoration: none;font-size: 15px}.mijn-side__nav{display: grid;gap: 4px;flex: 1}.mijn-side__nav a{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-radius: 12px;color: var(--ink-200);text-decoration: none;font-weight: 650;font-size: 14px}.mijn-side__nav a .icon{width: 18px;height: 18px;flex-shrink: 0}.mijn-side__nav a[aria-current="page"],.mijn-side__nav a:hover{background: rgb(255 255 255 / .08);color: #fff}.mijn-side__section{margin: 12px 0 4px;font-size: 11px;text-transform: uppercase;letter-spacing: .06em;color: var(--ink-400)}.mijn-side__user{margin-top: auto;padding-top: 12px;border-top: 1px solid rgb(255 255 255 / .12);display: grid;gap: 2px}.mijn-side__user a{color: var(--ink-200)}.mijn-bottom{display: none}}@media print{.mijn-side,.mijn-bottom,.mijn-top__act{display: none !important}.mijn-layout{display: block;max-width: none}.factuur-sheet{border: 0}}.record-quarter{justify-content: center;margin: 8px 0 16px}.record-thumb{width: 40px;height: 40px;object-fit: cover;border-radius: 8px;vertical-align: middle}.record-gallery{display: grid;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));gap: 10px}.record-gallery__item{aspect-ratio: 1;border-radius: 14px;overflow: hidden;border: 1px solid var(--border);background: var(--surface);display: flex;align-items: center;justify-content: center}.record-gallery__item img{width: 100%;height: 100%;object-fit: cover}.record-preview__img{max-width: 100%;height: auto;border-radius: 12px}.record-preview__pdf{width: 100%;min-height: 360px;border: 1px solid var(--border);border-radius: 12px}.record-upload__previews{display: flex;flex-wrap: wrap;gap: 8px}.record-upload__previews img{width: 64px;height: 64px;object-fit: cover;border-radius: 8px}.record-upload__bar{height: 4px;background: var(--ink-100);border-radius: 4px;overflow: hidden}.record-upload__bar span{display: block;height: 100%;background: var(--ink-700);width: 0;transition: width .2s}.desk-card{display: grid;gap: 8px}.desk-card__top{display: flex;justify-content: space-between;gap: 12px;align-items: start}.status-form{display: flex;gap: 8px;align-items: center}.status-form select{min-height: 36px;width: auto}@media (max-width: 1023px){.assistant{bottom: calc(var(--mobilebar-h) + var(--space-3) + env(safe-area-inset-bottom))}.assistant>[data-assistant-open]{width: 52px;height: 52px;min-height: 52px;padding: 0;border-radius: 50%}.assistant>[data-assistant-open] span{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}}}@layer utilities{.text-center{text-align: center}.text-muted{color: var(--text-muted)}.text-subtle{color: var(--text-subtle)}.text-fg{color: var(--fg)}.text-accent{color: var(--accent-text)}.text-sm{font-size: var(--text-sm);line-height: var(--lh-sm)}.text-xs{font-size: var(--text-xs);line-height: var(--lh-xs)}.text-lead{font-size: var(--text-lead);line-height: var(--lh-lead)}.font-display{font-family: var(--font-display)}.fw-600{font-weight: 600}.nowrap{white-space: nowrap}.break-anywhere{overflow-wrap: anywhere}.balance{text-wrap: balance}.mt-0{margin-top: 0}.mt-2{margin-top: var(--space-2)}.mt-4{margin-top: var(--space-4)}.mt-6{margin-top: var(--space-6)}.mt-8{margin-top: var(--space-8)}.mt-12{margin-top: var(--space-12)}.mt-16{margin-top: var(--space-16)}.mb-0{margin-bottom: 0}.mb-8{margin-bottom: var(--space-8)}.mx-auto{margin-inline: auto}.w-full{width: 100%}.max-w-prose{max-width: var(--measure)}.max-w-sm{max-width: 28rem}.max-w-md{max-width: 40rem}.relative{position: relative}.overflow-hidden{overflow: hidden}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.items-center{align-items: center}.hide-mobile{display: none}@media (min-width: 768px){.hide-mobile{display: revert}.hide-desktop{display: none}}}/* ========================================================================== LEGACY BRIDGE — keeps pages that still output the old markup (.wrap,.kicker,.cards,.price,.faq,.advisor,bare <label><input>) readable until they are rebuilt with ui.php components (prompts TASARIM-02..05). DELETE this file once `grep -r "class=\"wrap" site/app` returns nothing. ========================================================================== */ @layer legacy{.wrap{width: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}.kicker{color: var(--accent-text);font-size: var(--text-xs);font-weight: 650;letter-spacing: var(--tracking-eyebrow);text-transform: uppercase}main>.wrap:last-child,main>.prose:last-child{padding-bottom: var(--section-y-sm)}.wrap.prose{max-width: calc(var(--measure) + 2 * var(--gutter))}.cards{display: grid;gap: var(--grid-gap);padding-bottom: var(--section-y-sm)}.cards-3{grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr))}.cards-4{grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr))}a.card{text-decoration: none;transition: transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow)}a.card:hover{transform: translateY(-3px);box-shadow: var(--shadow-md)}a.card h3{font-size: var(--text-h4)}a.card p{color: var(--text-muted);font-size: var(--text-sm)}a.card>span{margin-top: auto;color: var(--link);font-weight: 600}.price{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--card-pad);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow-sm)}.price .amount{font-family: var(--font-display);font-size: var(--text-price);font-weight: 800;color: var(--fg);letter-spacing: -0.03em;line-height: 1.1}.price ul{padding-inline-start: 1.1em}.price li::marker{color: var(--accent)}.price .btn{margin-top: auto}.price.featured{background: var(--gradient-ink);border-color: transparent;color: var(--ink-200)}.price.featured :is(h3,.amount){color: #fff}.price.featured .kicker{color: var(--groei-300)}.btn.cta{--btn-bg: var(--cta);--btn-fg: var(--cta-text);--btn-border: transparent;--btn-bg-hover: var(--oranje-400);--btn-shadow-hover: var(--shadow-cta)}.btn:not([class*="btn--"]):not(.cta):not(.btn-line):not(.secondary){--btn-bg: var(--ink-600);--btn-fg: #fff;--btn-border: transparent;--btn-bg-hover: var(--ink-700)}.faq details{border-bottom: 1px solid var(--border);padding-block: var(--space-4)}.faq summary{color: var(--fg);font-family: var(--font-display);font-weight: 650}.faq details p{margin-top: var(--space-3);color: var(--text-muted)}.faq.wide{max-width: calc(var(--container-narrow) + 2 * var(--gutter));padding-bottom: var(--section-y-sm)}form.form>label,form.advisor>label{display: grid;gap: var(--space-2);color: var(--fg);font-size: var(--text-sm);font-weight: 600}form.form>label>:is(input,select,textarea),form.advisor>label>select{width: 100%;min-height: 48px;padding: 12px 14px;border: 1px solid var(--border-strong);border-radius: var(--radius-xs);background: var(--surface);font-weight: 400;color: var(--fg)}form.form>label>textarea{min-height: 140px}form.form>label>:is(input,select,textarea):focus,form.advisor>label>select:focus{outline: none;border-color: var(--ink-600);box-shadow: var(--ring-input)}form.form:has(>label),.advisor{padding: var(--card-pad);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow-lg)}.hp{position: absolute !important;left: -10000px}.contact-grid{display: grid;gap: var(--space-10);padding-bottom: var(--section-y-sm)}@media (min-width: 960px){.contact-grid{grid-template-columns: 1fr 1fr}}.map{width: 100%;height: 260px;border: 0;border-radius: var(--radius-lg);margin-top: var(--space-6)}.hero-grid{display: grid;gap: var(--space-12);align-items: center}@media (min-width: 1024px){.hero-grid{grid-template-columns: 1.1fr 0.9fr}}.hero-grid h1{font-size: var(--text-display);line-height: var(--lh-display);letter-spacing: var(--tracking-display);margin-block: var(--space-4)}.hero-grid .lead{max-width: 34rem}.actions{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-block: var(--space-6)}.trust{color: var(--text-muted);font-size: var(--text-sm)}.live-cards{display: grid;gap: var(--space-3)}.live-card{padding: var(--space-4) var(--space-5);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow-md);color: var(--fg);font-weight: 600}.live-card strong{color: var(--accent-text)}.live-card.chart{display: flex;align-items: flex-end;gap: 6px;height: 84px}.live-card.chart span{width: 14px;border-radius: 4px 4px 0 0;background: var(--ink-200)}.live-card.chart span:nth-child(1){height: 30%}.live-card.chart span:nth-child(2){height: 46%}.live-card.chart span:nth-child(3){height: 62%}.live-card.chart span:nth-child(4){height: 84%;background: var(--groei-600)}.live-card.chart span:nth-child(5){height: 70%}.section>.wrap>.section-head{margin-bottom: var(--space-10)}.section.alt{background: var(--bg-subtle)}.wrap.split{display: grid;gap: var(--space-10)}@media (min-width: 960px){.wrap.split{grid-template-columns: 1.1fr 0.9fr}}.stats{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3);list-style: none;padding: 0}.stats li{padding: var(--space-5);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface)}.stats strong{display: block;font-family: var(--font-display)}.advisor{display: grid;gap: var(--space-4);max-width: 46rem}.advisor-out{padding: var(--space-4);border-radius: var(--radius-sm);background: var(--ink-50);color: var(--fg)}.ok{padding: var(--space-4);border-radius: var(--radius-sm);background: var(--success-100);color: var(--success-700)}.err{padding: var(--space-4);border-radius: var(--radius-sm);background: var(--danger-100);color: var(--danger-700)}}@keyframes spin{to{rotate: 360deg}}@keyframes fade-in{from{opacity: 0}}@keyframes float{0%,100%{transform: translateY(0)}50%{transform: translateY(-6px)}}@keyframes marquee{to{transform: translateX(calc(-100% - var(--gap)))}}@keyframes shimmer{to{background-position: -200% 0}}@keyframes pulse-dot{0%,100%{box-shadow: 0 0 0 0 rgb(20 184 166 / 0.35)}70%{box-shadow: 0 0 0 8px rgb(20 184 166 / 0)}}@keyframes modal-in{from{opacity: 0;transform: translateY(12px) scale(0.98)}}@keyframes toast-in{from{opacity: 0;transform: translateY(-8px) scale(0.98)}}@keyframes toast-out{to{opacity: 0;transform: translateX(16px)}}@keyframes draw{from{stroke-dashoffset: var(--len,600)}to{stroke-dashoffset: 0}}@layer utilities{.js [data-reveal]{opacity: 0;translate: 0 16px;transition: opacity var(--dur-reveal) var(--ease-out) var(--reveal-delay,0ms),translate var(--dur-reveal) var(--ease-out) var(--reveal-delay,0ms)}.js [data-reveal="fade"]{translate: none}.js [data-reveal="scale"]{translate: none;scale: 0.97;transition-property: opacity,scale}.js [data-reveal].is-visible{opacity: 1;translate: 0 0;scale: 1}@media print{.js [data-reveal]{opacity: 1;translate: none;scale: 1}}.js .mock__chart-line{stroke-dasharray: var(--len,600);stroke-dashoffset: var(--len,600)}.js .is-visible .mock__chart-line,.js .mock.is-visible .mock__chart-line{animation: draw 1.4s var(--ease-out) 0.2s forwards}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}:root{--dur-fast: 0.01ms;--dur-base: 0.01ms;--dur-slow: 0.01ms;--dur-hover: 0.01ms;--dur-reveal: 0.01ms}.js [data-reveal]{opacity: 1 !important;translate: none !important;scale: 1 !important}.js .mock__chart-line{stroke-dashoffset: 0 !important}.float-card,.mock__window{translate: none !important}.marquee__track{animation: none !important;flex-wrap: wrap;justify-content: center}.marquee__track[aria-hidden="true"]{display: none}::view-transition-old(root),::view-transition-new(root){animation: none !important}}