/* Pulles 1.0: merkwaarden uit de referentiesite, semantische rollen en states ontworpen voor deze toepassing. */
:root{--p-purple:#57498b;--p-purple-hover:#493c77;--p-purple-pressed:#392d60;--p-copper:#cb9c79;--p-sage:#b2b8a3;--p-paper:#f0eeec;--p-white:#fff;--p-ink:#1d1d1b;--p-muted:#625e5a;--p-line:#d5d0cb;--p-control-border:#8b8580;--p-focus:#57498b;--p-success:#236144;--p-success-bg:#eaf3ed;--p-error:#a22c39;--p-error-bg:#fbeef0;--p-warning:#775414;--p-warning-bg:#faf2dc;--p-info:#365577;--p-info-bg:#edf2f9;--p-disabled-bg:#e6e2de;--p-disabled-text:#716b66;--p-radius-control:28px;--p-radius-card:8px;--p-space-1:4px;--p-space-2:8px;--p-space-3:12px;--p-space-4:16px;--p-space-6:24px;--p-space-8:32px;--p-space-12:48px;--p-space-16:64px;--p-space-24:96px}
.vk{--vk-purple:var(--p-purple);--vk-purple-dark:var(--p-purple-hover);--vk-ink:var(--p-ink);--vk-muted:var(--p-muted);--vk-paper:var(--p-paper);--vk-warm:var(--p-paper);--vk-taupe:var(--p-copper);--vk-line:var(--p-line);font-family:VKLato,Lato,Arial,sans-serif;color:var(--p-ink)}
.vk h1{font-size:clamp(48px,5.8vw,88px)}.vk h2{font-size:clamp(36px,4.1vw,64px)}.vk h3{line-height:1.3}.vk p{line-height:1.65}.vk .vk-eyebrow{color:var(--p-purple);letter-spacing:.12em}.vk .vk-button{border-radius:var(--p-radius-control);padding:14px 24px;min-height:48px;background:var(--p-purple);border:1px solid var(--p-purple);color:white!important;transition:background-color 150ms ease,border-color 150ms ease,transform 120ms ease-out;gap:18px}.vk .vk-button-small{min-height:44px;padding:10px 18px}.vk .vk-button:hover{transform:none;background:var(--p-purple-hover);border-color:var(--p-purple-hover)}.vk .vk-button:active{background:var(--p-purple-pressed);transform:scale(.98)}.vk .vk-button-light{background:white;border-color:white;color:var(--p-purple)!important}.vk .vk-button-light:hover{background:var(--p-paper);border-color:var(--p-paper)}.vk .vk-button-secondary{background:transparent;color:var(--p-purple)!important}.vk .vk-button-secondary:hover{background:#eeecf3}.vk .vk-button-sage{background:var(--p-sage);border-color:var(--p-sage);color:var(--p-ink)!important}.vk .vk-button-sage:hover{background:#a3ab92;border-color:#a3ab92}.vk .vk-button:disabled,.vk .vk-button[aria-disabled=true]{background:var(--p-disabled-bg);border-color:var(--p-disabled-bg);color:var(--p-disabled-text)!important;cursor:not-allowed;transform:none}.vk .vk-button[aria-busy=true]{cursor:wait}.vk .vk-textlink{text-underline-offset:4px}.vk :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-focus);outline-offset:4px;box-shadow:0 0 0 2px white}.vk .vk-form :is(input:not([type=checkbox]),select,textarea){border:1px solid var(--p-control-border);border-radius:var(--p-radius-control);min-height:48px;background:white;color:var(--p-ink);font-size:16px;padding:12px 18px}.vk .vk-form textarea{border-radius:16px}.vk .vk-form input[type=checkbox]{accent-color:var(--p-purple);width:20px;height:20px;flex-shrink:0}.vk .vk-form :is(input,select,textarea)[aria-invalid=true]{border:2px solid var(--p-error)}.vk .vk-form :is(input,select,textarea):disabled{background:var(--p-disabled-bg);color:var(--p-disabled-text);cursor:not-allowed}.vk .vk-form input[readonly]{background:var(--p-paper)}.vk .vk-field-error{color:var(--p-error);font-size:14px}.vk .vk-form-result{background:var(--p-success-bg);color:var(--p-success);padding:16px;border-left:3px solid var(--p-success)}.vk .vk-form-result.is-error{background:var(--p-error-bg);color:var(--p-error);border-color:var(--p-error)}.vk .vk-header{background:white}.vk .vk-header-logo{min-width:110px}.vk .vk-nav{gap:20px}.vk .vk-home-tabs button[aria-selected=true]{background:#eeecf3}.vk .vk-plan-tabs button{border-radius:24px;min-height:44px}.vk .vk-form label{color:var(--p-ink)}.vk .vk-note{color:var(--p-muted)}
@media(max-width:1200px) and (min-width:901px){.vk .vk-header{gap:16px;padding-inline:24px}.vk .vk-wordmark{font-size:28px}.vk .vk-nav{gap:14px}.vk .vk-header-logo{width:112px;padding-left:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vk *{animation:none!important;transition:none!important}.vk .vk-button:active{transform:none}}
/* Review 1.2: approved sizing and accessible copper role. */
:root{--p-copper-text:#cb9c79}
.vk :is(h1,h2,.ks-display){letter-spacing:0}
.vk .vk-button{padding:10px 48px;min-height:40px;gap:12px}
.vk .vk-button-small{padding:6px 48px;min-height:36px}
.vk .vk-button>span[aria-hidden=true]{display:none}
.vk label:not(.vk-checkbox){display:block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--p-copper-text);margin-bottom:12px}
.vk label:not(.vk-checkbox) :is(input,select,textarea){display:block;margin-top:12px;font-size:16px;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--p-ink)}
.vk select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 9 7 7 7-7' fill='none' stroke='%23cb9c79' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 20px center!important;background-size:24px!important;padding-left:60px!important;padding-right:20px!important}
.vk .vk-button-ghost{background:transparent;border-color:white;color:white!important}
.vk .vk-button-ghost:hover{background:#353532;border-color:white}
@media(forced-colors:active){.vk select{appearance:auto;background-image:none!important;padding-left:18px!important}.vk :is(button,input,select,textarea){border:1px solid ButtonText}.vk :focus-visible{outline:3px solid Highlight!important}}

.vk .vk-optional{position:static;display:inline;margin-left:6px;color:inherit;opacity:.6;font-size:inherit;font-weight:inherit;letter-spacing:inherit}