/* ===== TruckerVerse website, ontwerp ronde 1 (Figma "Website · herontwerp (ronde 1)", 25-10-2026) =====
   Alle klassen beginnen met v- zodat dit naast het oude tv.css kan draaien op de
   pagina's die nog niet omgezet zijn (gidsen, partners, investeerders, privacy). */

@font-face{font-family:'Archivo';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/Archivo-500.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/Archivo-700.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-weight:800;font-style:normal;font-display:swap;src:url('/fonts/Archivo-800.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/Inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/Inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/Inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/Inter-700.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/JetBrainsMono-500.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/JetBrainsMono-700.woff2') format('woff2');}

:root{
  --v-abyss:#050f22; --v-deep:#081b38; --v-navy:#0f2d5c; --v-indigo:#1e3a8a;
  --v-ink:#0b1b33; --v-body:#4a5a75; --v-soft:#c7d4ea; --v-muted:#9db2d4;
  --v-cream:#fbf8f2; --v-bone:#f2ebdd; --v-sand:#f6efe2; --v-line:#e3d9c6;
  --v-amber:#f5a524; --v-amber-hi:#ffb736; --v-gold:#b7791f; --v-green:#2a7a2a;
  --v-tile:rgba(15,45,92,.6); --v-edge:rgba(245,165,36,.12); --v-edge2:rgba(245,165,36,.14);
  --v-phone:#0a1428; --v-phone-edge:#2a3f66;
  --v-w:1200px; --v-gut:24px;
  --v-head:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --v-text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --v-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}

/* ===== basis (alleen op pagina's die body.v-page dragen) ===== */
body.v-page{margin:0;background:var(--v-deep);color:var(--v-ink);font-family:var(--v-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.v-page *,.v-page *::before,.v-page *::after{box-sizing:border-box;}
:where(.v-page) img{max-width:100%;display:block;}
:where(.v-page) a{color:inherit;}
:where(.v-page) :where(h1,h2,h3,h4,p){margin:0;}
.v-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--v-amber);color:var(--v-ink);padding:10px 14px;border-radius:8px;font-weight:600;}
.v-skip:focus{left:8px;}
.v-wrap{width:100%;max-width:calc(var(--v-w) + 2*var(--v-gut));margin:0 auto;padding:0 var(--v-gut);}
.v-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* secties */
.v-sec{padding:96px 0;}
.v-sec.is-tight{padding:72px 0;}
.v-dark{background:var(--v-deep);color:#fff;}
.v-navy{background:var(--v-navy);color:#fff;}
.v-abyss{background:var(--v-abyss);color:#fff;}
.v-cream{background:var(--v-cream);}
.v-bone{background:var(--v-bone);}
.v-sand{background:var(--v-sand);}
.v-amberband{background:var(--v-amber);color:var(--v-ink);}
.v-glow{background:radial-gradient(800px 420px at -80px 66%,#1e3a8a 0%,#132b61 45%,var(--v-deep) 100%);color:#fff;}
.v-sweep{background:linear-gradient(90deg,var(--v-abyss) 0%,#16306a 100%);color:#fff;}

/* typografie */
.v-eye{font-family:var(--v-mono);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--v-gold);}
.v-dark .v-eye,.v-navy .v-eye,.v-glow .v-eye,.v-sweep .v-eye,.v-abyss .v-eye{color:var(--v-amber);}
.v-h1{font-family:var(--v-head);font-weight:800;font-size:clamp(46px,6.2vw,84px);line-height:1;letter-spacing:-.03em;color:#fff;}
.v-h1.is-m{font-size:clamp(40px,4.8vw,64px);line-height:1.02;letter-spacing:-.025em;}
.v-h2{font-family:var(--v-head);font-weight:800;font-size:clamp(34px,3.5vw,48px);line-height:1.08;letter-spacing:-.02em;}
.v-h2.is-s{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.015em;}
.v-h2.is-xs{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.015em;}
.v-dark .v-h2,.v-navy .v-h2,.v-glow .v-h2,.v-sweep .v-h2{color:#fff;}
.v-cream .v-h2,.v-bone .v-h2,.v-sand .v-h2{color:var(--v-ink);}
.v-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--v-soft);max-width:560px;}
.v-lede{font-size:18px;line-height:1.55;color:var(--v-body);max-width:640px;}
.v-dark .v-lede,.v-navy .v-lede{color:var(--v-soft);}
.v-note{font-size:14px;color:var(--v-muted);}
.v-small{font-size:13px;color:var(--v-muted);}
.v-cream .v-small,.v-bone .v-small{color:var(--v-body);}
.v-head{display:flex;flex-direction:column;gap:14px;margin-bottom:40px;max-width:800px;}
.v-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;}
.v-headrow .v-head{margin-bottom:0;}

/* knoppen */
.v-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:10px;font-family:var(--v-text);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease;white-space:nowrap;}
.v-btn img{width:18px;height:18px;flex:none;}
.v-btn:hover{transform:translateY(-1px);}
.v-btn:focus-visible,.v-link:focus-visible,.v-menu a:focus-visible,.v-menu button:focus-visible{outline:3px solid var(--v-amber-hi);outline-offset:3px;}
.v-btn-amber{background:var(--v-amber);color:var(--v-ink);}
.v-btn-amber:hover{background:var(--v-amber-hi);}
.v-btn-ghost{border-color:rgba(242,235,221,.35);color:var(--v-bone);background:transparent;}
.v-btn-ghost:hover{border-color:rgba(242,235,221,.7);}
.v-btn-dark{background:var(--v-ink);color:#fff;}
.v-btn-dark:hover{background:#13284a;}
.v-btns{display:flex;flex-wrap:wrap;gap:14px;}
.v-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--v-amber);text-decoration:none;}
.v-link img{width:18px;height:18px;}
.v-link:hover{text-decoration:underline;text-underline-offset:4px;}
.v-cream .v-link,.v-bone .v-link{color:var(--v-gold);}

/* tags */
.v-tag{display:inline-block;font-family:var(--v-mono);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:var(--v-amber);color:var(--v-ink);line-height:1.2;}
.v-tag.is-dim{background:rgba(242,235,221,.12);color:var(--v-bone);}
.v-tag.is-navy{background:var(--v-navy);color:var(--v-bone);}
.v-tag.is-l{font-size:12px;letter-spacing:.08em;padding:6px 12px;}

/* telefoonkader */
.v-phone{background:var(--v-phone);border:1px solid var(--v-phone-edge);padding:8px;border-radius:38px;box-shadow:0 24px 60px -10px rgba(3,10,23,.6);}
.v-phone img{border-radius:30px;width:100%;height:auto;aspect-ratio:800/1630;object-fit:cover;object-position:top;}

/* ===== kop ===== */
.v-header{position:sticky;top:0;z-index:50;background:var(--v-deep);border-bottom:1px solid var(--v-edge2);}
.v-header-in{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.v-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--v-bone);font-family:var(--v-text);font-size:18.3px;line-height:1;white-space:nowrap;}
.v-logo img{width:69px;height:22px;}
.v-logo b{font-weight:400;color:var(--v-amber);}
.v-menu{display:flex;align-items:center;gap:30px;}
.v-menu > a,.v-drop > button{font-family:var(--v-text);font-weight:500;font-size:15px;color:var(--v-soft);text-decoration:none;background:none;border:0;padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.v-menu > a:hover,.v-drop > button:hover,.v-menu > a[aria-current="page"],.v-drop.is-current > button{color:#fff;}
.v-menu > a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--v-amber);}
.v-menu img{width:13px;height:13px;}
.v-drop{position:relative;}
.v-drop > button img{width:14px;height:14px;transition:transform .15s;}
.v-drop.is-open > button img{transform:rotate(180deg);}
.v-drop-panel{position:absolute;top:calc(100% + 14px);left:-18px;min-width:240px;background:var(--v-deep);border:1px solid var(--v-edge2);border-radius:12px;padding:8px;box-shadow:0 20px 40px -12px rgba(3,10,23,.7);display:none;}
.v-drop.is-open .v-drop-panel{display:block;}
.v-drop-panel a{display:block;padding:10px 12px;border-radius:8px;color:var(--v-soft);text-decoration:none;font-size:15px;font-weight:500;}
.v-drop-panel a:hover,.v-drop-panel a[aria-current="page"]{background:rgba(15,45,92,.7);color:#fff;}
.v-right{display:flex;align-items:center;gap:18px;}
.v-lang{position:relative;display:inline-flex;align-items:center;}
.v-lang select{appearance:none;-webkit-appearance:none;background:transparent url('/assets/v4/icons/chevron-down-small.svg') no-repeat right 12px center/12px;border:1px solid rgba(242,235,221,.25);border-radius:8px;color:var(--v-bone);font-family:var(--v-mono);font-weight:500;font-size:13px;padding:8px 30px 8px 12px;cursor:pointer;}
.v-lang select option{background:var(--v-deep);color:var(--v-bone);}
.v-burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer;}
.v-burger span{display:block;height:2px;background:var(--v-bone);margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s;}
.v-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.v-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.v-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.v-mobile{display:none;}
.v-right .v-btn.is-mobile{display:none;}

/* ===== voettekst ===== */
.v-footer{background:var(--v-abyss);color:var(--v-soft);padding:72px 0 40px;}
.v-foot-top{display:grid;grid-template-columns:340px repeat(3,150px) 280px;justify-content:space-between;gap:32px;}
.v-foot-brand{display:flex;flex-direction:column;gap:20px;}
.v-footer .v-logo{font-size:20.7px;}
.v-footer .v-logo img{width:78px;height:25px;}
.v-foot-brand p{font-size:15px;line-height:1.5;}
.v-foot-k{font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-amber);}
.v-socials{display:flex;gap:10px;flex-wrap:wrap;}
.v-socials a{width:48px;height:48px;border-radius:12px;background:var(--v-navy);display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s;}
.v-socials a:hover{background:#16386b;}
.v-socials img{width:22px;height:22px;}
.v-foot-col{display:flex;flex-direction:column;gap:14px;}
.v-foot-col a{font-size:15px;color:var(--v-soft);text-decoration:none;}
.v-foot-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.v-news{background:var(--v-tile);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;}
.v-news h3{font-family:var(--v-head);font-weight:700;font-size:18px;line-height:1.25;color:#fff;}
.v-news p{font-size:14px;color:var(--v-muted);}
.v-news form{display:flex;flex-direction:column;gap:12px;}
.v-news input[type=email]{width:100%;background:var(--v-deep);border:1px solid rgba(242,235,221,.18);border-radius:8px;padding:12px 14px;color:var(--v-bone);font-family:var(--v-text);font-size:14px;}
.v-news input[type=email]::placeholder{color:var(--v-muted);}
.v-news input[type=email]:focus{outline:2px solid var(--v-amber);outline-offset:1px;}
.v-news .v-btn{align-self:flex-start;}
.v-news-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.v-news-done{font-size:14px;color:var(--v-amber);font-weight:600;}
.v-foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(242,235,221,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--v-muted);font-size:13px;}
.v-foot-langs{font-family:var(--v-mono);font-weight:500;font-size:12px;display:flex;gap:6px;flex-wrap:wrap;}
.v-foot-langs a{color:var(--v-muted);text-decoration:none;}
.v-foot-langs a:hover,.v-foot-langs a[aria-current="true"]{color:#fff;}
.v-foot-langs span{opacity:.6;}

/* ===== home: hero ===== */
.v-hero{padding:72px 0;}
.v-hero-row{display:grid;grid-template-columns:620px 1fr;gap:40px;align-items:center;}
.v-hero-txt{display:flex;flex-direction:column;gap:28px;align-items:flex-start;}
.v-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.4);font-size:14px;font-weight:500;color:var(--v-bone);}
.v-chip i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.18);flex:none;}
.v-phones{position:relative;height:600px;width:540px;max-width:100%;justify-self:end;}
.v-phones .v-phone{position:absolute;}
.v-phones .is-back{left:0;top:70px;width:252px;opacity:.9;}
.v-phones .is-front{left:220px;top:0;width:287px;border-radius:43px;}
.v-phones .is-front img{border-radius:34px;}
.v-stats{margin-top:56px;display:flex;justify-content:space-between;gap:24px;padding:26px 40px;border-radius:16px;background:rgba(15,45,92,.55);border:1px solid rgba(245,165,36,.18);}
.v-stat b{display:block;font-family:var(--v-head);font-weight:800;font-size:36px;letter-spacing:-.01em;color:#fff;line-height:1.15;}
.v-stat span{font-size:14px;color:var(--v-muted);}
.v-stats-note{margin-top:56px;font-size:12px;color:rgba(157,178,212,.8);}

/* partnerstrook */
.v-partners{background:var(--v-bone);padding:40px 0;}
.v-partners-row{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.v-partners-row h2{font-family:var(--v-head);font-weight:700;font-size:20px;color:var(--v-ink);}
.v-logos{display:flex;gap:20px;}
.v-logos a,.v-logos span{width:250px;height:88px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.v-logos img{max-width:200px;max-height:55px;width:auto;height:auto;object-fit:contain;}
.v-logos .is-nedking img{max-width:190px;max-height:40px;}
.v-logos .is-matro img{max-width:150px;max-height:55px;}
.v-logos .is-remitrans img{max-width:200px;max-height:40px;}

/* probleem en antwoord */
.v-split{display:grid;grid-template-columns:520px 1fr;gap:64px;align-items:start;}
.v-split-txt{display:flex;flex-direction:column;gap:20px;}
.v-split-txt .v-h2{font-size:clamp(30px,3vw,40px);line-height:1.12;letter-spacing:-.015em;color:var(--v-ink);}
.v-split-txt .v-lede{max-width:480px;}
.v-rows{display:flex;flex-direction:column;gap:14px;}
.v-rowcard{background:#fff;border:1px solid var(--v-line);border-radius:14px;padding:24px;display:flex;gap:20px;align-items:flex-start;}
.v-ico{width:52px;height:52px;border-radius:12px;background:var(--v-navy);display:flex;align-items:center;justify-content:center;flex:none;}
.v-ico img{width:24px;height:24px;}
.v-ico.is-s{width:46px;height:46px;border-radius:10px;}
.v-ico.is-s img{width:22px;height:22px;}
.v-ico.is-m{width:48px;height:48px;}
.v-rowcard h3{font-family:var(--v-head);font-weight:700;font-size:22px;color:var(--v-ink);margin-bottom:6px;}
.v-rowcard p{font-size:16px;color:var(--v-body);}

/* tegels */
.v-bigtiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.v-bigtile{background:var(--v-navy);border:1px solid var(--v-edge2);border-radius:20px;height:420px;overflow:hidden;display:flex;gap:24px;padding:36px 0 0 36px;}
.v-bigtile-txt{width:250px;flex:none;display:flex;flex-direction:column;gap:12px;}
.v-bigtile h3{font-family:var(--v-head);font-weight:700;font-size:28px;line-height:1.15;color:#fff;}
.v-bigtile p{font-size:16px;color:var(--v-soft);}
.v-bigtile .v-phone{width:242px;flex:none;border-radius:36px;align-self:flex-start;}
.v-bigtile .v-phone img{border-radius:29px;}
.v-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;}
.v-tile{background:var(--v-tile);border:1px solid var(--v-edge);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;}
.v-tile > img{width:28px;height:28px;}
.v-tile h3{font-family:var(--v-head);font-weight:700;font-size:20px;line-height:1.25;color:#fff;}
.v-tile p{font-size:15px;color:var(--v-soft);}
.v-tiles.is-3{grid-template-columns:repeat(3,1fr);}
.v-tiles.is-3 .v-tile{border-radius:16px;padding:26px;gap:12px;}
.v-tiles.is-3 .v-tile > img{width:26px;height:26px;}

/* stappen */
.v-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v-step{background:#fff;border:1px solid var(--v-line);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:16px;}
.v-num{width:48px;height:48px;border-radius:50%;background:var(--v-amber);color:var(--v-ink);font-family:var(--v-head);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;flex:none;}
.v-step h3{font-family:var(--v-head);font-weight:700;font-size:22px;line-height:1.2;color:var(--v-ink);}
.v-step p{font-size:16px;color:var(--v-body);}
.v-checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:40px;}
.v-checks span{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:15px;color:var(--v-ink);}
.v-checks img{width:18px;height:18px;}

/* tijdlijn */
.v-time{display:grid;grid-template-columns:repeat(3,1fr);}
.v-tp{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding-right:24px;}
.v-tp-line{position:relative;height:18px;width:100%;}
.v-tp-line::before{content:"";position:absolute;left:9px;right:-24px;top:8px;height:2px;background:rgba(245,165,36,.55);}
.v-tp:last-child .v-tp-line::before{display:none;}
.v-tp-line::after{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--v-amber);box-sizing:border-box;}
.v-tp.is-open .v-tp-line::after{background:var(--v-navy);border:2px solid var(--v-amber);}
.v-tp.is-open .v-tp-line::before{background:rgba(245,165,36,.35);}
.v-tp-date{font-family:var(--v-mono);font-weight:500;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--v-muted);}
.v-tp h3{font-family:var(--v-head);font-weight:700;font-size:24px;color:#fff;}
.v-tp p{font-size:15px;color:var(--v-soft);max-width:260px;}

/* stemmen */
.v-voice{display:grid;grid-template-columns:360px 1fr;background:var(--v-ink);border-radius:20px;overflow:hidden;min-height:360px;}
.v-video{position:relative;display:block;width:100%;aspect-ratio:1/1;border:0;padding:0;background:#000 center/cover no-repeat;cursor:pointer;}
.v-video img.v-poster{width:100%;height:100%;object-fit:cover;}
.v-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--v-amber);display:flex;align-items:center;justify-content:center;transition:transform .15s;}
.v-play img{width:28px;height:28px;margin-left:3px;}
.v-video:hover .v-play{transform:scale(1.06);}
.v-video video{width:100%;height:100%;object-fit:cover;display:block;}
.v-video-el{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#000;}
.v-fleet .v-video-el{border-radius:20px;}
.v-quote{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:18px;}
.v-quote blockquote{margin:0;font-family:var(--v-head);font-weight:700;font-size:28px;line-height:1.25;color:#fff;max-width:520px;}
.v-quote cite{font-style:normal;font-weight:600;font-size:16px;color:var(--v-amber);}
.v-quote small{font-size:14px;color:var(--v-muted);}

/* blocked in (home) */
.v-bi{display:grid;grid-template-columns:560px 1fr;gap:64px;align-items:center;}
.v-bi-txt{display:flex;flex-direction:column;gap:22px;align-items:flex-start;}
.v-bi-txt .v-h2{font-size:clamp(40px,4vw,56px);line-height:1.02;letter-spacing:-.02em;color:#fff;}
.v-bi-txt .v-lead{font-size:19px;max-width:520px;}
.v-safe{font-weight:500;font-size:14px;color:var(--v-amber);}
.v-bi-img{position:relative;height:520px;width:560px;max-width:100%;justify-self:end;}
.v-bi-img .v-photo{position:absolute;left:0;top:20px;width:380px;height:475px;border-radius:20px;object-fit:cover;}
.v-bi-img .v-phone{position:absolute;left:330px;top:0;width:222px;border-radius:33px;}
.v-bi-img .v-phone img{border-radius:26px;aspect-ratio:204/433;}

/* lena */
.v-lena{background:var(--v-bone);padding:64px 0;}
.v-lena-row{display:flex;gap:40px;align-items:center;}
.v-lena-row > img{width:200px;height:240px;border-radius:16px;object-fit:cover;flex:none;}
.v-lena-txt{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.v-lena-txt h2{font-family:var(--v-head);font-weight:800;font-size:40px;letter-spacing:-.01em;color:var(--v-ink);}
.v-lena-txt p{font-size:17px;line-height:1.55;color:var(--v-body);max-width:640px;}
.v-lena-txt .v-hey{font-family:var(--v-head);font-weight:700;font-size:16px;color:var(--v-gold);}

/* oproepband */
.v-cta{padding:72px 0;}
.v-cta.is-s{padding:64px 0;}
.v-cta-row{display:flex;align-items:center;justify-content:space-between;gap:32px;}
.v-cta h2{font-family:var(--v-head);font-weight:800;font-size:clamp(30px,3.1vw,44px);letter-spacing:-.015em;line-height:1.1;}
.v-cta.is-s h2{font-size:clamp(28px,2.8vw,40px);}
.v-cta p{margin-top:10px;font-size:18px;color:rgba(11,27,51,.8);}

/* ===== de app ===== */
.v-apphero{padding:80px 0;}
.v-apphero-row{display:grid;grid-template-columns:600px 1fr;gap:56px;align-items:center;}
.v-apphero-txt{display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.v-install{display:flex;flex-wrap:wrap;gap:14px;}
@media (min-width:1181px){.v-install{flex-wrap:nowrap;}.v-inst{padding:14px 16px;gap:12px;}.v-inst span span{white-space:nowrap;}}
.v-inst{background:#fff;border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:14px;text-decoration:none;border:0;cursor:pointer;text-align:left;font:inherit;}
.v-inst > img{width:28px;height:28px;}
.v-inst b{display:block;font-family:var(--v-head);font-weight:700;font-size:17px;color:var(--v-ink);}
.v-inst span{display:block;font-size:12px;color:var(--v-body);}
.v-inst:hover{box-shadow:0 0 0 3px rgba(245,165,36,.6);}
.v-inst-help{display:none;background:rgba(15,45,92,.7);border:1px solid var(--v-edge2);border-radius:12px;padding:16px 18px;color:var(--v-soft);font-size:15px;max-width:540px;}
.v-inst-help.is-open{display:block;}
.v-inst-help ol{margin:8px 0 0;padding-left:20px;}
.v-inst-help li{margin:4px 0;}
.v-preview{position:relative;height:420px;border-radius:20px;background:var(--v-navy);overflow:hidden;}
.v-preview .v-phone{position:absolute;width:202px;border-radius:30px;}
.v-preview .v-phone img{border-radius:24px;}
.v-preview .is-a{left:11%;top:40px;}
.v-preview .is-b{left:52%;top:70px;}
.v-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.v-feature{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;}
.v-feature h3{font-family:var(--v-head);font-weight:700;font-size:19px;line-height:1.2;color:var(--v-ink);}
.v-feature p{font-size:15px;color:var(--v-body);}
/* 13-11-2026: functiekaarten op /app linken naar /app/<id>; de functiepagina's zelf (Dirk 12-11). */
a.v-fx-card{text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;}
a.v-fx-card:hover,a.v-fx-card:focus-visible{border-color:var(--v-amber);box-shadow:0 10px 28px -14px rgba(15,45,92,.45);transform:translateY(-2px);}
.v-fx-more{margin-top:auto;font-weight:700;font-size:14px;color:var(--v-ink);}
a.v-fx-card:hover .v-fx-more{color:#b86e00;}
.v-fx-hero{display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center;}
.v-fx-shot{display:flex;justify-content:center;}
.v-fx-shot .v-phone{width:300px;}
.v-fx-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v-fx-other{display:flex;flex-wrap:wrap;gap:12px;}
.v-fx-chip{display:inline-block;padding:12px 18px;border-radius:999px;border:1px solid var(--v-edge2);color:var(--v-bone);text-decoration:none;font-weight:600;font-size:15px;transition:border-color .15s,color .15s;}
.v-fx-chip:hover,.v-fx-chip:focus-visible{border-color:var(--v-amber);color:var(--v-amber);}
@media (max-width:1023px){.v-fx-hero{grid-template-columns:1fr;gap:40px;}.v-fx-shot .v-phone{width:260px;}.v-fx-points{grid-template-columns:1fr;}}
.v-toolhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px;}
.v-toolhead .v-phone{width:172px;border-radius:26px;flex:none;}
.v-toolhead .v-phone img{border-radius:20px;}
.v-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start;}
.v-group{background:var(--v-tile);border:1px solid var(--v-edge);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;}
.v-group h3{font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-amber);margin-bottom:0;}
.v-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.v-group li{background:var(--v-deep);border-radius:8px;padding:9px 12px;font-weight:500;font-size:14px;color:var(--v-bone);}
/* 13-11-2026: elke tool linkt naar de tool in de app (Dirk 12-11). */
.v-group li:has(a){padding:0;}
.v-group li a{display:block;padding:9px 12px;border-radius:8px;color:inherit;text-decoration:none;transition:background .15s,color .15s;}
.v-group li a:hover,.v-group li a:focus-visible{background:var(--v-edge);color:var(--v-amber);}
.v-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v-rcard{background:var(--v-deep);border:1px solid var(--v-edge2);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.v-rcard h3{font-family:var(--v-head);font-weight:700;font-size:22px;color:#fff;}
.v-rcard p{font-size:15px;color:var(--v-soft);}
.v-faq{display:grid;grid-template-columns:360px 1fr;gap:64px;align-items:start;}
.v-faq-txt{display:flex;flex-direction:column;gap:14px;}
.v-faq-txt .v-h2{color:var(--v-ink);}
.v-faq-txt p:not(.v-eye){font-size:16px;color:var(--v-body);}
.v-faq-txt a{color:var(--v-gold);font-weight:600;}
.v-acc{display:flex;flex-direction:column;gap:10px;}
.v-acc details{background:#fff;border:1px solid var(--v-line);border-radius:12px;padding:20px 24px;transition:border-color .15s;}
.v-acc details[open]{border-color:var(--v-amber);}
.v-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-family:var(--v-head);font-weight:700;font-size:18px;color:var(--v-ink);}
.v-acc summary::-webkit-details-marker{display:none;}
.v-acc summary::after{content:"";width:20px;height:20px;flex:none;background:url('/assets/v4/icons/plus.svg') center/20px no-repeat;}
.v-acc details[open] summary::after{background-image:url('/assets/v4/icons/minus.svg');}
.v-acc .v-ans{margin-top:10px;font-size:15px;line-height:1.55;color:var(--v-body);}
.v-acc .v-ans a{color:var(--v-gold);}
.v-acc .v-ans p+p{margin-top:8px;}

/* ===== blocked in ===== */
.v-bihero{padding:80px 0;}
.v-bihero-row{display:grid;grid-template-columns:580px 1fr;gap:64px;align-items:center;}
.v-bihero-txt{display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.v-bihero-img{position:relative;height:560px;width:556px;max-width:100%;justify-self:end;}
.v-bihero-img .v-phone{position:absolute;}
.v-bihero-img .is-a{left:40px;top:0;width:252px;}
.v-bihero-img .is-b{left:310px;top:60px;width:232px;border-radius:35px;}
.v-bihero-img .v-phone img{aspect-ratio:234/498;}
.v-bihero-img .is-b img{border-radius:28px;aspect-ratio:214/457;}
.v-safeband{background:var(--v-amber);padding:18px var(--v-gut);display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;}
.v-safeband img{width:22px;height:22px;flex:none;}
.v-safeband p{font-family:var(--v-head);font-weight:700;font-size:18px;color:var(--v-ink);}
.v-how{display:grid;grid-template-columns:440px 1fr;gap:64px;align-items:center;}
.v-how > img{width:440px;height:auto;aspect-ratio:440/575;object-fit:cover;border-radius:20px;}
.v-how-txt{display:flex;flex-direction:column;gap:28px;}
.v-how-txt .v-h2{color:var(--v-ink);max-width:640px;}
.v-hstep{display:flex;gap:18px;align-items:flex-start;}
.v-hstep .v-num{width:44px;height:44px;background:var(--v-navy);color:var(--v-amber);font-size:20px;}
.v-hstep h3{font-family:var(--v-head);font-weight:700;font-size:22px;color:var(--v-ink);margin-bottom:4px;}
.v-hstep p{font-size:16px;color:var(--v-body);max-width:520px;}
.v-bicta{display:flex;align-items:center;justify-content:space-between;gap:48px;}
.v-bicta-txt{display:flex;flex-direction:column;gap:18px;align-items:flex-start;max-width:560px;}
.v-bicta-txt .v-h2{font-size:clamp(32px,3.1vw,44px);color:#fff;}
.v-bicta-txt p{font-size:17px;color:var(--v-soft);}
.v-bicta > img{width:300px;height:375px;border-radius:18px;object-fit:cover;flex:none;}

/* ===== werkgevers ===== */
.v-wghero{padding:80px 0;}
.v-wghero-row{display:grid;grid-template-columns:640px 1fr;gap:64px;align-items:center;}
.v-wghero-txt{display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.v-wghero .v-h1{font-size:clamp(40px,4.6vw,60px);line-height:1.02;letter-spacing:-.025em;}
.v-wghero .v-lead{max-width:580px;font-size:19px;}
.v-facts{display:flex;flex-wrap:wrap;gap:28px;}
.v-facts b{display:block;font-family:var(--v-head);font-weight:800;font-size:28px;color:#fff;}
.v-facts span{font-size:13px;color:var(--v-muted);}
.v-wghero .v-phone{width:262px;border-radius:39px;justify-self:center;}
.v-wghero .v-phone img{border-radius:31px;}
.v-promo{display:inline-block;background:rgba(245,165,36,.14);border:1px solid rgba(245,165,36,.4);color:var(--v-bone);border-radius:10px;padding:10px 14px;font-size:14px;}
.v-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v-card{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;}
.v-card > img{width:26px;height:26px;}
.v-card h3{font-family:var(--v-head);font-weight:700;font-size:21px;line-height:1.2;color:var(--v-ink);}
.v-card p{font-size:15px;color:var(--v-body);}
.v-fleet{display:grid;grid-template-columns:460px 1fr;gap:48px;align-items:center;}
.v-fleet .v-video{border-radius:20px;overflow:hidden;}
.v-fleet .v-play{width:80px;height:80px;margin:-40px 0 0 -40px;}
.v-fleet .v-play img{width:30px;height:30px;}
.v-fleet-txt{display:flex;flex-direction:column;gap:20px;}
.v-fleet-txt blockquote{margin:0;font-family:var(--v-head);font-weight:800;font-size:clamp(28px,2.8vw,40px);line-height:1.15;letter-spacing:-.01em;color:#fff;max-width:640px;}
.v-fleet-txt cite{font-style:normal;font-weight:600;font-size:17px;color:var(--v-amber);}
.v-fleet-txt .v-fleet-logo{background:#fff;border-radius:6px;padding:4px 8px;width:auto;height:42px;align-self:flex-start;}

/* stappenformulier */
.v-form-sec{padding:88px 0;background:var(--v-bone);}
.v-form-layout{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start;}
.v-stepnav{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:24px;position:sticky;top:104px;}
.v-stepnav h2{font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-gold);margin-bottom:6px;}
.v-stepnav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.v-stepnav button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--v-text);font-size:15px;color:var(--v-ink);}
.v-stepnav button:hover{background:rgba(245,165,36,.08);}
.v-stepnav .v-dot{width:28px;height:28px;border-radius:50%;background:var(--v-line);display:flex;align-items:center;justify-content:center;font-family:var(--v-head);font-weight:700;font-size:13px;color:var(--v-ink);flex:none;}
.v-stepnav .is-done .v-dot{background:var(--v-green);font-size:0;}
.v-stepnav .is-done .v-dot::before{content:"";width:16px;height:16px;background:url('/assets/v4/icons/check-white.svg') center/16px no-repeat;}
.v-stepnav .is-current button{background:rgba(245,165,36,.16);font-weight:600;}
.v-stepnav .is-current .v-dot{background:var(--v-amber);}
.v-saved{display:flex;align-items:center;gap:8px;padding-top:12px;font-size:13px;color:var(--v-body);}
.v-saved img{width:16px;height:16px;}
.v-formcard{background:#fff;border:1px solid var(--v-line);border-radius:20px;padding:40px;}
.v-progress{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.v-progress-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--v-body);}
.v-progress-top b{font-weight:600;color:var(--v-ink);}
.v-bar{height:8px;border-radius:4px;background:var(--v-line);overflow:hidden;}
.v-bar i{display:block;height:100%;width:10%;background:var(--v-amber);border-radius:4px;transition:width .3s ease;}
.v-stepnav-m{display:none;}
.v-formnav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;margin-top:8px;}
.v-prev{display:inline-flex;align-items:center;gap:8px;background:none;border:0;font-family:var(--v-text);font-weight:500;font-size:15px;color:var(--v-body);cursor:pointer;padding:8px 0;}
.v-prev img{width:18px;height:18px;}
.v-prev[hidden]{display:none;}
.v-formnav .v-next,.v-formnav .wg-send{margin-left:auto;}
.v-formnav .v-btn img{filter:none;}

/* het bestaande werkgeversformulier in de nieuwe vormgeving */
.v-form-sec .wg-form{font-family:var(--v-text);color:var(--v-ink);}
.v-form-sec .wg-legend{font-size:14px;color:var(--v-body);margin:0 0 20px;line-height:1.5;}
.v-form-sec .wg-step > .wg-sech,.v-form-sec .wg-step > .wg-cardh,.v-form-sec .wg-cardh{font-family:var(--v-head);font-weight:800;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.01em;color:var(--v-ink);margin:0 0 12px;}
.v-form-sec .wg-card{background:none;border:0;padding:0;margin:0 0 20px;}
.v-form-sec .wg-note{font-size:16px;color:var(--v-body);margin:0 0 20px;}
.v-form-sec .wg-q{margin:0 0 24px;padding:0;border:0;}
.v-form-sec .wg-qlabel,.v-form-sec .wg-field{display:block;font-family:var(--v-head);font-weight:700;font-size:18px;color:var(--v-ink);margin:0 0 12px;line-height:1.3;}
.v-form-sec .wg-hint,.v-form-sec .wg-help{display:block;font-family:var(--v-text);font-weight:400;font-size:13px;color:var(--v-body);margin-top:4px;}
.v-form-sec .wg-lock{color:var(--v-gold);font-size:10px;vertical-align:middle;margin-left:4px;}
.v-form-sec .wg-star{color:var(--v-amber);}
.v-form-sec input[type=text],.v-form-sec input[type=email],.v-form-sec input[type=tel],.v-form-sec input[type=url],.v-form-sec input[type=number],.v-form-sec select,.v-form-sec textarea{width:100%;background:#fff;border:1px solid var(--v-line);border-radius:10px;padding:14px 16px;font-family:var(--v-text);font-size:16px;color:var(--v-ink);}
.v-form-sec input:focus,.v-form-sec select:focus,.v-form-sec textarea:focus{outline:none;border:2px solid var(--v-amber);padding:13px 15px;}
.v-form-sec textarea{min-height:140px;resize:vertical;}
.v-form-sec .wg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.v-form-sec .wg-grid2 .wg-field{font-size:15px;margin-bottom:8px;}
.v-form-sec .wg-opts{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0;}
.v-form-sec .wg-opts label,.v-form-sec .wg-opt{position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--v-line);border-radius:999px;padding:11px 16px;font-weight:500;font-size:15px;color:var(--v-ink);cursor:pointer;line-height:1.2;}
.v-form-sec .wg-opts input[type=checkbox],.v-form-sec .wg-opts input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;}
.v-form-sec .wg-opts label:has(input:checked),.v-form-sec .wg-opts label.is-on{background:var(--v-navy);border-color:var(--v-navy);color:#fff;}
.v-form-sec .wg-opts label:has(input:checked)::before,.v-form-sec .wg-opts label.is-on::before{content:"";width:16px;height:16px;background:url('/assets/v4/icons/check-amber.svg') center/16px no-repeat;}
.v-form-sec .wg-opts label:has(input:focus-visible){outline:3px solid var(--v-amber);outline-offset:2px;}
.v-form-sec .wg-filled{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--v-green);margin-top:8px;}
.v-form-sec .wg-filled[hidden]{display:none;}
.v-form-sec .wg-filled::before{content:"";width:16px;height:16px;background:url('/assets/v4/icons/check-green.svg') center/16px no-repeat;}
.v-form-sec .wg-range{display:flex;align-items:center;gap:14px;}
.v-form-sec input[type=range]{width:100%;accent-color:var(--v-amber);}
.v-form-sec input[type=file]{font-size:14px;}
.v-form-sec .wg-pakket{display:block;background:#fff;border:1px solid var(--v-line);border-radius:14px;padding:18px 20px;margin:0 0 12px;cursor:pointer;}
.v-form-sec .wg-pakket.is-gekozen{border:2px solid var(--v-amber);padding:17px 19px;background:rgba(245,165,36,.06);}
.v-form-sec .wg-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--v-ink);margin:0 0 12px;line-height:1.45;}
.v-form-sec .wg-check input{margin-top:3px;accent-color:var(--v-amber);width:18px;height:18px;flex:none;}
.v-form-sec .wg-bestel{font-size:14px;color:var(--v-body);margin:0 0 12px;}
.v-form-sec .wg-consent{margin-top:28px;padding-top:20px;border-top:1px solid var(--v-line);}
.v-form-sec .wg-hp{position:absolute;left:-9999px;}
.v-form-sec .wg-send{display:none;}
.v-form-sec .wg-step{display:none;}
.v-form-sec .wg-step.is-active{display:block;}
.v-form-sec.no-steps .wg-step{display:block;margin-bottom:40px;}
.v-form-sec.no-steps .v-formnav .v-prev,.v-form-sec.no-steps .v-formnav .v-next{display:none;}
.v-form-sec.no-steps .wg-send{display:inline-flex;}
.v-form-sec .wg-promo{margin:0 0 24px;background:rgba(245,165,36,.14);border:1px solid rgba(245,165,36,.45);border-radius:10px;padding:12px 16px;font-size:15px;color:var(--v-ink);}
.v-form-sec .wg-n{color:var(--v-gold);font-family:var(--v-mono);font-size:14px;font-weight:700;margin-right:2px;}
.v-form-sec .wg-extra{margin-top:12px;}
.v-form-sec .wg-q > .wg-extra:first-child,.v-form-sec .wg-qlabel + .wg-extra{margin-top:0;}
.v-form-sec .wg-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.v-form-sec .wg-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.v-form-sec .wg-sel{appearance:none;-webkit-appearance:none;background:#fff url('/assets/v4/icons/chevron-down-small.svg') no-repeat right 14px center/12px;filter:none;}
.v-form-sec .wg-pakketten{display:flex;flex-direction:column;gap:0;}
.v-form-sec .wg-pakket input{position:absolute;opacity:0;width:1px;height:1px;}
.v-form-sec .wg-pakket-naam{display:block;font-family:var(--v-head);font-weight:700;font-size:18px;color:var(--v-ink);margin-bottom:6px;}
.v-form-sec .wg-pakket-prijs{display:flex;flex-direction:column;gap:2px;}
.v-form-sec .wg-prijsregel{font-size:14px;color:var(--v-body);}
.v-form-sec .wg-prijs-hoofd{font-weight:600;color:var(--v-ink);}
.v-form-sec .wg-prijsnoot{font-size:13px;color:var(--v-body);margin:4px 0 0;}
.v-form-sec .wg-help{margin:10px 0 0;}
.v-form-sec .wg-pakket:has(input:focus-visible){outline:3px solid var(--v-amber);outline-offset:2px;}
.v-form-sec.no-steps .v-progress,.v-form-sec.no-steps .v-stepnav,.v-form-sec.no-steps .v-stepnav-m{display:none;}
.v-form-sec.no-steps .v-form-layout{grid-template-columns:1fr;max-width:860px;margin:0 auto;}
.v-form-sec .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:10px;font-weight:600;font-size:16px;background:var(--v-ink);color:#fff;border:0;cursor:pointer;}

/* ===== over ons ===== */
.v-plainhero{padding:88px 0;}
.v-plainhero .v-wrap{display:flex;flex-direction:column;gap:24px;}
.v-plainhero .v-h1{max-width:900px;}
.v-plainhero .v-lead{max-width:760px;font-size:19px;}
.v-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,280px));gap:20px;}
.v-member{background:#fff;border:1px solid var(--v-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;}
.v-member-photo{height:220px;background:var(--v-line);display:flex;align-items:center;justify-content:center;font-family:var(--v-head);font-weight:800;font-size:56px;letter-spacing:-.02em;color:var(--v-navy);}
.v-member-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:4px;}
.v-member h3{font-family:var(--v-head);font-weight:700;font-size:20px;color:var(--v-ink);}
.v-member .v-role{font-size:14px;color:var(--v-body);font-weight:600;}
.v-member p{font-size:14px;line-height:1.45;color:var(--v-body);}
.v-member a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:600;color:var(--v-gold);text-decoration:none;}
.v-refs{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.v-ref{background:var(--v-navy);border:1px solid var(--v-edge2);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-decoration:none;}
.v-ref h3{font-family:var(--v-head);font-weight:700;font-size:26px;color:#fff;}
.v-ref p{font-size:16px;color:var(--v-soft);}

/* ===== community ===== */
.v-bigroup{background:var(--v-navy);border-radius:20px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;}
.v-bigroup-txt{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.v-bigroup-txt h3{font-family:var(--v-head);font-weight:800;font-size:34px;color:#fff;}
.v-bigroup-txt p{font-size:16px;color:var(--v-soft);}
.v-flags{display:flex;gap:8px;}
.v-flags .v-tag{font-size:12px;letter-spacing:0;}
.v-gcards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.v-gcard{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-decoration:none;}
.v-gcard .v-tag{font-size:12px;letter-spacing:0;}
.v-gcard h3{font-family:var(--v-head);font-weight:700;font-size:21px;color:var(--v-ink);}
.v-gcard p{font-size:14px;color:var(--v-body);}
.v-gcard .v-go{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--v-gold);margin-top:auto;}
.v-gcard .v-go img{width:16px;height:16px;}
.v-gcard:hover{border-color:var(--v-amber);}
.v-whatgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.v-whatgrid p{background:var(--v-tile);border:1px solid var(--v-edge);border-radius:16px;padding:24px;font-family:var(--v-head);font-weight:700;font-size:19px;line-height:1.25;color:#fff;}

/* video-overlay */
.v-modal{position:fixed;inset:0;z-index:200;background:rgba(3,10,23,.86);display:flex;align-items:center;justify-content:center;padding:24px;}
.v-modal[hidden]{display:none;}
.v-modal video{max-width:min(90vw,720px);max-height:86vh;width:100%;border-radius:16px;background:#000;}
.v-modal-x{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:var(--v-amber);color:var(--v-ink);font-size:24px;line-height:44px;cursor:pointer;}

/* ===== tablet ===== */
@media (max-width:1180px){
  .v-menu{gap:20px;}
  .v-foot-top{grid-template-columns:1fr 1fr 1fr;row-gap:40px;}
  .v-foot-brand{grid-column:1 / -1;}
  .v-news{grid-column:1 / -1;max-width:420px;}
  .v-hero-row,.v-apphero-row,.v-bihero-row,.v-wghero-row{grid-template-columns:1fr 1fr;}
  .v-hero-txt .v-h1{font-size:clamp(46px,6vw,72px);}
  .v-phones{transform:scale(.88);transform-origin:right center;}
  .v-split{grid-template-columns:1fr 1fr;gap:40px;}
  .v-bi{grid-template-columns:1fr 1fr;gap:40px;}
  .v-bi-img{transform:scale(.85);transform-origin:right center;}
  .v-bigtile{flex-direction:column;height:auto;padding:32px 32px 0;}
  .v-bigtile-txt{width:auto;}
  .v-bigtile .v-phone{width:220px;height:300px;overflow:hidden;align-self:center;border-radius:36px 36px 0 0;border-bottom:0;padding-bottom:0;}
  .v-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .v-features,.v-groups,.v-gcards,.v-whatgrid{grid-template-columns:1fr 1fr;}
  .v-faq{grid-template-columns:1fr;gap:32px;}
  .v-how{grid-template-columns:360px 1fr;gap:40px;}
  .v-how > img{width:360px;}
  .v-fleet{grid-template-columns:360px 1fr;gap:36px;}
  .v-form-layout{grid-template-columns:260px 1fr;gap:24px;}
  .v-voice{grid-template-columns:300px 1fr;}
}
@media (max-width:1023px){
  .v-menu,.v-right .v-lang,.v-right .v-btn{display:none;}
  .v-burger{display:block;}
  .v-header-in{height:64px;}
  .v-right .v-btn.is-mobile{display:inline-flex;padding:10px 14px;font-size:15px;}
  .v-right .v-btn.is-mobile img{display:none;}
  .v-mobile{position:fixed;inset:64px 0 0;z-index:49;background:var(--v-deep);overflow:auto;padding:16px var(--v-gut) 32px;flex-direction:column;gap:4px;}
  .v-mobile.is-open{display:flex;}
  .v-mobile a{display:block;padding:14px 4px;border-bottom:1px solid rgba(242,235,221,.08);color:var(--v-bone);text-decoration:none;font-size:18px;font-weight:500;}
  .v-mobile .v-mob-k{font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-amber);padding:20px 4px 4px;}
  .v-mobile .v-mob-sub a{padding-left:16px;font-size:16px;color:var(--v-soft);}
  .v-mobile .v-lang{margin-top:20px;}
  .v-mobile .v-lang select{font-size:16px;padding:12px 36px 12px 14px;}
  body.v-menu-open{overflow:hidden;}
  .v-hero-row,.v-apphero-row,.v-bihero-row,.v-wghero-row,.v-split,.v-bi,.v-how,.v-fleet,.v-faq,.v-voice,.v-form-layout{grid-template-columns:1fr;}
  .v-phones,.v-bi-img,.v-bihero-img{justify-self:center;transform:none;}
  .v-stepnav{display:none;}
  .v-stepnav-m{display:block;font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-gold);margin-bottom:8px;}
  .v-how > img{width:100%;max-width:440px;justify-self:center;}
  .v-bicta{flex-direction:column;align-items:flex-start;}
  .v-cta-row,.v-bigroup,.v-headrow,.v-toolhead,.v-partners-row{flex-direction:column;align-items:flex-start;}
  .v-time{grid-template-columns:1fr;gap:28px;}
  .v-tp{display:grid;grid-template-columns:18px 1fr;column-gap:20px;row-gap:6px;padding-right:0;}
  .v-tp > *:not(.v-tp-line){grid-column:2;}
  .v-tp-line{grid-row:1 / span 4;width:18px;height:100%;}
  .v-tp-line::before{left:8px;right:auto;top:18px;bottom:-34px;width:2px;height:auto;}
  .v-steps,.v-cards3,.v-roadmap,.v-tiles.is-3,.v-refs{grid-template-columns:1fr;}
  .v-stats{flex-wrap:wrap;padding:22px 24px;}
}
@media (max-width:720px){
  :root{--v-gut:16px;}
  .v-header-in{gap:10px;}
  .v-header .v-logo{font-size:15.5px;gap:7px;}
  .v-header .v-logo img{width:50px;height:16px;}
  .v-right{gap:6px;}
  .v-right .v-btn.is-mobile{padding:8px 12px;font-size:14px;}
  .v-burger{width:40px;height:40px;padding:9px 8px;}
  .v-tp > .v-tag{justify-self:start;}
  .v-sec{padding:64px 0;}
  .v-hero,.v-apphero,.v-bihero,.v-wghero,.v-plainhero{padding:48px 0;}
  .v-hero-txt{gap:22px;}
  .v-hero-txt .v-h1{font-size:46px;}
  .v-btns{flex-direction:column;align-self:stretch;}
  .v-btns .v-btn{justify-content:center;}
  .v-phones{height:520px;width:300px;}
  .v-phones .is-back{display:none;}
  .v-phones .is-front{left:30px;width:240px;}
  .v-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px;margin-top:32px;}
  .v-stats .v-stat:nth-child(4){display:none;}
  .v-stat b{font-size:24px;}
  .v-stat span{font-size:12px;}
  .v-stats-note{margin-top:20px;}
  .v-logos{gap:10px;width:100%;}
  .v-logos a,.v-logos span{flex:1 1 0;min-width:0;width:auto;height:64px;padding:6px;}
  .v-logos img,.v-logos .is-nedking img,.v-logos .is-matro img,.v-logos .is-remitrans img{max-width:100%;max-height:34px;}
  .v-rowcard{padding:18px;gap:14px;}
  .v-rowcard h3{font-size:19px;}
  .v-rowcard p{font-size:15px;}
  .v-ico{width:44px;height:44px;}
  .v-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .v-tile h3,.v-feature h3,.v-card h3,.v-gcard h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
  .v-tile{padding:18px;gap:10px;}
  .v-tile h3{font-size:17px;}
  .v-tile p{font-size:14px;}
  .v-features,.v-groups,.v-gcards,.v-whatgrid{grid-template-columns:1fr;}
  .v-bigtiles{grid-template-columns:1fr;}
  .v-step{flex-direction:row;align-items:flex-start;padding:20px;gap:14px;}
  .v-step h3{font-size:18px;margin-bottom:4px;}
  .v-step p{font-size:15px;}
  .v-voice{grid-template-columns:1fr;}
  .v-quote{padding:28px 24px;}
  .v-quote blockquote{font-size:22px;}
  .v-bi-img{height:auto;width:100%;}
  .v-bi-img .v-photo{position:static;width:100%;height:auto;aspect-ratio:380/475;}
  .v-bi-img .v-phone{display:none;}
  .v-lena{padding:48px 0;}
  .v-lena-row{gap:18px;}
  .v-lena-row > img{width:110px;height:132px;}
  .v-lena-txt h2{font-size:24px;}
  .v-lena-txt p{font-size:15px;}
  .v-cta{padding:56px 0;}
  .v-cta .v-btn{align-self:stretch;justify-content:center;}
  .v-install{flex-direction:column;align-self:stretch;}
  .v-preview{height:360px;}
  .v-preview .v-phone{width:160px;}
  .v-preview .is-a{left:6%;}
  .v-preview .is-b{left:50%;}
  .v-toolhead .v-phone{display:none;}
  .v-bihero-img{height:440px;width:330px;}
  .v-bihero-img .is-a{left:0;width:200px;}
  .v-bihero-img .is-b{left:150px;top:50px;width:180px;}
  .v-safeband p{font-size:16px;}
  .v-bicta > img{width:100%;height:auto;aspect-ratio:300/375;}
  .v-wghero .v-phone{width:220px;}
  .v-formcard{padding:22px 18px;border-radius:16px;}
  .v-form-sec{padding:48px 0;}
  .v-form-sec .wg-grid2,.v-form-sec .wg-duo,.v-form-sec .wg-trio{grid-template-columns:1fr;}
  .v-formnav{position:sticky;bottom:0;background:#fff;margin:8px -18px -22px;padding:14px 18px;border-top:1px solid var(--v-line);border-radius:0 0 16px 16px;}
  .v-formnav{gap:10px;}
  .v-prev{white-space:nowrap;font-size:14px;}
  .v-formnav .v-btn{padding:12px 14px;font-size:14px;white-space:normal;text-align:left;line-height:1.25;}
  .v-member-photo{height:160px;}
  .v-bigroup{padding:24px;}
  .v-bigroup-txt h3{font-size:26px;}
  .v-foot-top{grid-template-columns:1fr;}
  .v-foot-col{flex-direction:row;flex-wrap:wrap;gap:6px 14px;}
  .v-foot-col .v-foot-k{width:100%;}
  .v-foot-bottom{flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
  .v-btn,.v-play,.v-bar i{transition:none;}
  .v-btn:hover{transform:none;}
}

/* ===== Pagina's die (nog) niet in Figma ontworpen zijn =====
   Partners & Fleets, de sectorpagina's, Investeerders en de bedankpagina houden hun
   blokken uit tv.css, maar krijgen de nieuwe kop en voettekst. Het lichte thema van
   tv.css (volgde de systeeminstelling) past niet bij een vaste donkere kop, dus deze
   pagina's staan altijd in het donkere palet: dezelfde variabelen, op body gezet. */
body.v-legacy{
  --navy:#0F2D5C; --deep:#081B38; --deepest:#050F22; --indigo:#1E3A8A;
  --amber:#F5A524; --amber-hi:#FFB736; --text-hi:#ffffff;
  --bone:#F2EBDD;
  --muted:#9DB2D4; --soft:#C7D4EA;
  --line:rgba(245,165,36,0.18); --line-strong:rgba(245,165,36,0.34);
  --glass:rgba(15,45,92,0.42); --glass-hi:rgba(15,45,92,0.62);
  --edge:rgba(242,235,221,0.06);
  --r-btn:8px; --r-card:12px; --r-panel:14px;
  --sh-card:0 1px 2px rgba(3,10,24,0.5);
  --sh-lift:0 14px 34px -18px rgba(3,10,24,0.85);
  --sh-cta:0 10px 25px -8px rgba(29,78,216,0.45);
  --e-spring:cubic-bezier(0.22,1,0.36,1); --e-out:cubic-bezier(0.25,0.46,0.45,0.94);
  --d-reveal:0.55s; --d-micro:0.22s;
  --grad-sig:radial-gradient(ellipse 70% 60% at 82% 6%, rgba(245,165,36,0.16), transparent 60%),radial-gradient(ellipse 82% 72% at 4% 100%, rgba(30,58,138,0.7), transparent 62%);
  /* Basiskleuren als RGB-drietallen, zodat elke doorzichtigheid uit één
     variabele komt en een licht thema alleen deze regels hoeft te herschrijven. */
  --c-deep:8 27 56;
  --c-deepest:5 15 34;
  --c-navy:15 45 92;
  --c-indigo:30 58 138;
  --c-amber:245 165 36;
  --c-bone:242 235 221;
  --c-muted:157 178 212;
  --c-deep2:13 38 76;
  --c-slate:18 33 60;
  --c-shadow:3 10 24;
  --c-white:255 255 255;
  --c-black:0 0 0;
  --c-amber-hi:255 183 54;
  --deep2:#0D264C;
  --slate:#12213C;
  --abyss:#02060F;
  --navy-hi:#16386B;
  --sky:#1B416F;
  --sky2:#14315D;
  --panel-a:#12305E;
  --panel-b:#0B2347;
  --cb-a:#0B1830;
  --cb-b:#060F20;
  --hero-mid:#102B54;
  --c-navy-hi:22 56 107; --c-abyss:2 6 15;
  color-scheme:dark;background:var(--deep);color:var(--bone);
}
body.v-legacy .brand-logo-img{content:none;}
.v-legacy .wrap{max-width:calc(var(--v-w) + 2*var(--v-gut));padding:0 var(--v-gut);}
body.v-legacy .phero{padding:80px 0 72px;background:radial-gradient(800px 420px at -80px 66%,#1e3a8a 0%,#132b61 45%,var(--v-deep) 100%);border-bottom:0;}
.v-legacy .phero h1{font-size:clamp(40px,4.8vw,60px);line-height:1.04;letter-spacing:-.025em;max-width:22ch;}
.v-legacy .phero .lead{font-size:clamp(17px,1.4vw,19px);color:var(--v-soft);}
.v-legacy .eyebrow{font-family:var(--v-mono);font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--v-amber);}
.v-legacy .section h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.015em;line-height:1.1;}
.v-legacy .btn{border-radius:10px;padding:14px 22px;font-family:var(--v-text);font-weight:600;font-size:16px;}
.v-legacy .mcta{display:none;}

/* ===== leespagina's: gidsen, gidsindex, privacy =====
   Niet in Figma ontworpen; gebouwd met dezelfde bouwstenen: donkere kop, crème
   leesvlak, witte kaarten met zandkleurige rand, amber accenten. */
.v-readwrap{max-width:calc(760px + 2*var(--v-gut));margin:0 auto;padding:0 var(--v-gut);}
.v-readhero{padding:64px 0 56px;}
.v-readhero .v-readwrap,.v-readhero .v-wrap{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.v-readhero .v-h1{font-size:clamp(34px,4.2vw,52px);line-height:1.06;}
.v-crumb{font-family:var(--v-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-muted);}
.v-crumb a{color:var(--v-soft);text-decoration:none;}
.v-crumb a:hover{color:var(--v-amber);}
.v-crumb span{opacity:.6;margin:0 4px;}
.v-gmeta{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--v-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--v-muted);}
.v-chk{color:var(--v-amber);}
.v-readsec{background:var(--v-cream);padding:40px 0 88px;}
.v-read .toc{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:22px 24px;margin:8px 0 36px;}
.v-read .toc h2{font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--v-gold);margin:0 0 10px;}
.v-read .toc ol{margin:0;padding-left:20px;}
.v-read .toc li{margin:6px 0;font-size:15px;}
.v-read .toc a{color:var(--v-ink);text-decoration:underline;text-decoration-color:var(--v-line);text-underline-offset:3px;}
.v-read .toc a:hover{text-decoration-color:var(--v-amber);}
.prose{font-size:17px;line-height:1.72;color:#2b3a52;}
.prose h2{font-family:var(--v-head);font-weight:800;font-size:28px;line-height:1.2;color:var(--v-ink);margin:48px 0 16px;letter-spacing:-.01em;scroll-margin-top:96px;}
.prose > h2:first-child{margin-top:8px;}
.prose h3{font-family:var(--v-head);font-weight:700;font-size:19px;line-height:1.3;color:var(--v-ink);margin:28px 0 10px;}
.prose p{margin:0 0 18px;}
.prose strong,.prose b{color:var(--v-ink);font-weight:600;}
.prose a{color:#8a5a12;text-decoration:underline;text-decoration-color:rgba(183,121,31,.4);text-underline-offset:3px;}
.prose a:hover{text-decoration-color:var(--v-gold);}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px;}
.prose li{margin:8px 0;}
.prose li::marker{color:var(--v-gold);}
.prose hr{border:0;height:1px;background:var(--v-line);margin:40px 0;}
.prose .gtable-wrap{overflow-x:auto;margin:0 0 24px;-webkit-overflow-scrolling:touch;}
.prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;min-width:460px;background:#fff;border:1px solid var(--v-line);border-radius:12px;overflow:hidden;margin:0 0 24px;}
.prose .gtable-wrap table{margin:0;}
.prose th{text-align:left;font-family:var(--v-mono);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-gold);padding:12px 14px;background:var(--v-sand);border-bottom:1px solid var(--v-line);}
.prose td{padding:12px 14px;border-bottom:1px solid var(--v-line);vertical-align:top;}
.prose tr:last-child td{border-bottom:0;}
.prose blockquote{margin:24px 0 8px;padding:16px 20px;background:#fff;border-left:3px solid var(--v-amber);border-radius:0 10px 10px 0;font-size:16px;line-height:1.68;color:var(--v-ink);}
.prose blockquote p{margin:0 0 10px;}
.prose blockquote p:last-child{margin:0;}
.prose .note{background:#fff;border:1px solid var(--v-line);border-radius:14px;padding:20px 22px;margin:28px 0;}
.prose .note .nk{display:block;font-family:var(--v-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--v-gold);font-weight:700;margin-bottom:8px;}
.prose .note p:last-child{margin-bottom:0;}
.prose .note.warn{border-color:rgba(168,50,50,.35);background:#fff8f6;}
.prose .note.warn .nk{color:#a83232;}
.prose .dstat{background:var(--v-navy);color:#fff;border-radius:16px;padding:24px;margin:28px 0;}
.prose .dstat .big{font-family:var(--v-head);font-weight:800;font-size:40px;color:var(--v-amber);line-height:1;letter-spacing:-.02em;}
.prose .dstat .lbl{font-size:15px;color:var(--v-bone);margin-top:8px;}
.prose .dstat .src{font-family:var(--v-mono);font-size:11px;letter-spacing:.06em;color:var(--v-muted);margin-top:12px;text-transform:uppercase;}
.prose .srcs{font-size:14px;color:var(--v-body);}
.prose .srcs li{margin:6px 0;}
.prose .srcs a{color:var(--v-body);}
.prose table.cal{min-width:0;border:0;border-radius:0;background:none;margin:10px 0 22px;font-variant-numeric:tabular-nums;}
.prose .cal td{padding:7px 12px;border-bottom:1px solid var(--v-line);font-size:15px;}
.prose .cal td:first-child{color:var(--v-ink);white-space:nowrap;}
.prose .cal td:last-child{color:var(--v-body);text-align:right;font-family:var(--v-mono);font-size:13.5px;}
.prose .src-note{font-size:13.5px;color:var(--v-body);border-left:2px solid var(--v-line);padding-left:14px;margin-top:20px;}
.prose .fine{font-size:13px;color:var(--v-body);}
.v-relgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;}
.v-relcard{background:#fff;border:1px solid var(--v-line);border-radius:14px;padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:6px;}
.v-relcard:hover{border-color:var(--v-amber);}
.v-rel-t{font-family:var(--v-head);font-weight:700;font-size:17px;line-height:1.25;color:var(--v-ink);}
.v-rel-d{font-size:14px;line-height:1.45;color:var(--v-body);}
.v-related .v-h2{color:var(--v-ink);}
.v-gidshub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;}
.v-gidshub .gblok{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:24px;}
.v-gidshub .gcat{font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--v-gold);margin:0 0 8px;}
.v-gidshub .glist{list-style:none;margin:0;padding:0;}
.v-gidshub .glist li + li{border-top:1px solid var(--v-line);}
.v-gidshub .glist a{display:block;padding:11px 0;font-weight:500;font-size:15px;line-height:1.35;color:var(--v-ink);text-decoration:none;}
.v-gidshub .glist a:hover{color:var(--v-gold);}
.v-bone .v-h2{color:var(--v-ink);}
@media (max-width:1023px){
  .v-relgrid,.v-gidshub{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .v-readhero{padding:44px 0 40px;}
  .v-readsec{padding:28px 0 64px;}
  .prose{font-size:16.5px;overflow-wrap:anywhere;}
  .prose h2{font-size:24px;margin:40px 0 14px;}
  .prose table{min-width:0;font-size:14px;}
  .prose th,.prose td{padding:10px 8px;}
  .prose .dstat .big{font-size:34px;}
}
@media (max-width:720px){
  .v-legacy .steps,.v-legacy .steps.s4{grid-template-columns:minmax(0,1fr);}
}

.v-qq{font-size:16px;line-height:1.5;color:var(--v-muted);font-style:italic;max-width:520px;}
.v-quote .v-qq{margin-bottom:-2px;}

/* ===== partners (Dirks partnerpakket van 12-11-2026: /partners, /partners/aanbod, /voorwaarden, /start) =====
   pv- = de nieuwe partnerpagina. .pv-doc = Dirks eigen klassen (lead, card, tier, form ...) in de lichte
   leesstijl van de site, zodat zijn tekst en zijn scripts ongewijzigd kunnen blijven. */
.pv-for{font-size:15px;color:var(--v-muted);}
.pv-doc [id],#partners,#pakketten,#starten,#vragen{scroll-margin-top:96px;}
.pv-example{margin:0;justify-self:center;width:100%;max-width:380px;}
.pv-example figcaption{margin-top:14px;text-align:center;font-size:13px;color:var(--v-muted);}
.pv-card{position:relative;background:linear-gradient(180deg,#123469 0%,#0b2350 100%);border:1px solid rgba(245,165,36,.34);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;color:var(--v-soft);text-align:left;}
.pv-example .pv-card{box-shadow:0 24px 60px rgba(5,15,34,.45);}
.pv-badge{position:absolute;top:-12px;right:18px;background:#a83232;color:#fff;font-family:var(--v-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:6px;}
.pv-card-head{display:flex;gap:14px;align-items:center;}
.pv-logo{width:56px;height:56px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--v-navy);font-family:var(--v-head);font-weight:800;font-size:22px;flex:none;}
.pv-logo img{max-width:100%;max-height:100%;}
.pv-name{font-family:var(--v-head);font-weight:800;font-size:20px;line-height:1.2;color:#fff;}
.pv-meta{font-size:13px;color:var(--v-muted);}
.pv-meta a{color:var(--v-amber);}
.pv-tags{display:flex;flex-wrap:wrap;gap:8px;}
.pv-tags span{font-size:12px;font-weight:700;border:1px solid rgba(245,165,36,.4);color:var(--v-amber);border-radius:999px;padding:3px 10px;}
.pv-tags span.is-paid{color:var(--v-soft);border-color:rgba(199,212,234,.35);}
.pv-desc{font-size:15px;line-height:1.5;color:var(--v-soft);}
.pv-offer{background:rgba(245,165,36,.08);border:1px dashed var(--v-amber);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.45;color:var(--v-bone);}
.pv-offer b{color:#fff;}
.pv-offer code{font-family:var(--v-mono);font-size:15px;color:var(--v-amber);letter-spacing:.06em;margin-top:4px;}
.pv-plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}
.pv-empty{grid-column:1 / -1;border:1.5px dashed #d6c7aa;border-radius:16px;background:rgba(255,255,255,.6);padding:36px 24px;text-align:center;font-size:16px;color:var(--v-body);}
.pv-prom{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.pv-prom li{background:var(--v-tile);border:1px solid var(--v-edge);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;font-family:var(--v-head);font-weight:700;font-size:18px;line-height:1.3;color:#fff;}
.pv-prom img{width:22px;height:22px;flex:none;}
.pv-after{margin-top:28px;font-size:18px;line-height:1.5;color:var(--v-soft);max-width:640px;}
.pv-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.pv-tier{background:#fff;border:1px solid var(--v-line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:6px;}
.pv-tier.is-hi{border:2px solid var(--v-amber);padding:27px;}
.pv-tier h3{font-family:var(--v-head);font-weight:700;font-size:22px;color:var(--v-ink);}
.pv-price{font-family:var(--v-head);font-weight:800;font-size:44px;letter-spacing:-.02em;line-height:1.1;color:var(--v-ink);margin-top:6px;}
.pv-per{font-size:14px;color:var(--v-body);}
.pv-what{font-size:15px;color:var(--v-ink);margin-top:12px;padding-top:14px;border-top:1px solid var(--v-line);}
.pv-founding{margin-top:20px;display:flex;gap:14px;align-items:flex-start;background:rgba(245,165,36,.14);border:1px solid var(--v-amber);border-radius:14px;padding:18px 22px;font-size:16px;line-height:1.5;color:var(--v-ink);}
.pv-founding img{width:24px;height:24px;flex:none;margin-top:1px;}
.pv-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pv-later{font-style:italic;font-size:14px;color:var(--v-body);border-top:1px solid var(--v-line);padding-top:12px;}
.pv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.pv-steps li{background:rgba(5,15,34,.32);border:1px solid var(--v-edge2);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;font-family:var(--v-head);font-weight:700;font-size:18px;line-height:1.3;color:#fff;}
.pv-steps .v-num{width:40px;height:40px;font-size:18px;}
.pv-note{margin-top:24px;font-size:16px;color:var(--v-soft);max-width:720px;}
.pv-note a{color:var(--v-amber);}
.pv-mail{margin-top:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.pv-mail p{font-family:var(--v-mono);font-size:14px;color:var(--v-muted);}
.pv-wrapbtn{white-space:normal;text-align:left;line-height:1.3;}
.pv-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.pv-ref{text-decoration:none;transition:border-color .15s;}
.pv-ref:hover{border-color:var(--v-amber);}
.pv-ref .v-link{margin-top:auto;font-size:15px;}
.pv-foot{margin-top:40px;font-size:13px;line-height:1.5;color:var(--v-body);max-width:860px;}
.pv-langsw a{font-weight:600;color:var(--v-amber);}

/* Dirks klassen op de subpagina's, in lichte leesstijl */
.pv-docwrap{max-width:calc(960px + 2*var(--v-gut));}
.pv-doc{color:var(--v-ink);font-size:16px;line-height:1.55;}
.pv-doc h2{font-family:var(--v-head);font-weight:800;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.01em;line-height:1.15;color:var(--v-ink);margin:56px 0 16px;}
.pv-doc h2:first-child{margin-top:0;}
.pv-doc h3{font-family:var(--v-head);font-weight:700;font-size:20px;line-height:1.25;color:var(--v-ink);margin:0 0 8px;}
.pv-doc p{margin:0 0 12px;}
.pv-doc a{color:var(--v-gold);}
.pv-doc .lead{font-size:18px;color:var(--v-body);max-width:720px;}
.pv-doc .small{font-size:13px;color:var(--v-body);}
.pv-doc .err{color:#a83232;}
.pv-doc .hidden-bot{position:absolute;left:-5000px;}
.pv-doc [hidden]{display:none!important;}
.pv-doc .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:10px;background:var(--v-amber);color:var(--v-ink);font-family:var(--v-text);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s,transform .15s;}
.pv-doc .btn:hover{background:var(--v-amber-hi);transform:translateY(-1px);}
.pv-doc .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;}
.pv-doc .btn.ghost{background:transparent;border-color:var(--v-ink);color:var(--v-ink);}
.pv-doc .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.pv-doc .card{background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:24px;}
.pv-doc .card p{margin:0;color:var(--v-body);font-size:15px;}
.pv-doc .card p + p{margin-top:8px;}
.pv-doc .toggle{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--v-line);border-radius:999px;padding:4px;margin:4px 0 20px;}
.pv-doc .toggle label{position:relative;cursor:pointer;}
.pv-doc .toggle input{position:absolute;opacity:0;pointer-events:none;}
.pv-doc .toggle span{display:block;padding:9px 18px;border-radius:999px;font-weight:600;font-size:15px;color:var(--v-ink);}
.pv-doc .toggle input:checked + span{background:var(--v-navy);color:#fff;}
.pv-doc .toggle input:focus-visible + span{outline:3px solid var(--v-amber);outline-offset:2px;}
.pv-doc .tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.pv-doc .tier{background:#fff;border:1px solid var(--v-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;}
.pv-doc .tier.hi{border:2px solid var(--v-amber);padding:23px;}
.pv-doc .tier .price{font-family:var(--v-head);font-weight:800;font-size:40px;letter-spacing:-.02em;line-height:1.1;color:var(--v-ink);margin:10px 0 2px;}
.pv-doc .tier .per{font-size:14px;color:var(--v-body);}
.pv-doc .tier ul{flex:1;margin:16px 0 20px;padding-left:18px;font-size:15px;color:var(--v-ink);}
.pv-doc .tier li{margin-bottom:6px;}
.pv-doc .later{font-style:italic;color:var(--v-body);}
.pv-doc .founding{margin-top:20px;background:rgba(245,165,36,.14);border:1px solid var(--v-amber);border-radius:14px;padding:18px 22px;}
.pv-doc .never{columns:2;column-gap:32px;padding-left:20px;color:var(--v-ink);}
.pv-doc .never li{margin-bottom:8px;break-inside:avoid;}
.pv-doc form{background:#fff;border:1px solid var(--v-line);border-radius:20px;padding:32px;}
.pv-doc form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pv-doc label.f,.pv-doc p.f{display:block;font-weight:600;font-size:14px;margin:16px 0 6px;color:var(--v-ink);}
.pv-doc input[type=text],.pv-doc input[type=email],.pv-doc input[type=tel],.pv-doc select,.pv-doc textarea{width:100%;background:#fff;border:1px solid var(--v-line);border-radius:10px;padding:13px 14px;font-family:var(--v-text);font-size:16px;color:var(--v-ink);}
.pv-doc input:focus,.pv-doc select:focus,.pv-doc textarea:focus{outline:none;border:2px solid var(--v-amber);padding:12px 13px;}
.pv-doc textarea{min-height:120px;resize:vertical;}
.pv-doc input[type=file]{font-size:14px;margin-top:2px;max-width:100%;}
.pv-doc fieldset{border:0;padding:0;margin:16px 0 0;min-width:0;}
.pv-doc legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0;}
.pv-doc .choice{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:15px;color:var(--v-ink);}
.pv-doc .choice input{margin-top:4px;flex:none;accent-color:var(--v-navy);}
.pv-doc .summary{margin:20px 0;padding:12px 16px;border-left:3px solid var(--v-amber);background:var(--v-sand);font-size:15px;}
.pv-doc .summary:empty{display:none;}
.pv-doc details{background:#fff;border:1px solid var(--v-line);border-radius:12px;padding:18px 22px;margin-bottom:10px;}
.pv-doc details[open]{border-color:var(--v-amber);}
.pv-doc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-family:var(--v-head);font-weight:700;font-size:17px;color:var(--v-ink);}
.pv-doc summary::-webkit-details-marker{display:none;}
.pv-doc summary::after{content:"";width:20px;height:20px;flex:none;background:url('/assets/v4/icons/plus.svg') center/20px no-repeat;}
.pv-doc details[open] summary::after{background-image:url('/assets/v4/icons/minus.svg');}
.pv-doc details p{margin:10px 0 0;color:var(--v-body);font-size:15px;}
.pv-doc .foot{margin-top:48px;padding-top:16px;border-top:1px solid var(--v-line);font-size:13px;color:var(--v-body);}
.pv-doc .steps{counter-reset:s;list-style:none;margin:0;padding:0;}
.pv-doc .steps li{counter-increment:s;position:relative;padding:12px 0 12px 56px;font-size:16px;color:var(--v-ink);border-bottom:1px solid var(--v-line);}
.pv-doc .steps li:last-child{border-bottom:0;}
.pv-doc .steps li::before{content:counter(s);position:absolute;left:0;top:10px;width:38px;height:38px;border-radius:50%;background:var(--v-amber);color:var(--v-ink);font-family:var(--v-head);font-weight:800;text-align:center;line-height:38px;}
.pv-doc > .v-wrap > ol{padding-left:22px;}
.pv-doc > .v-wrap > ol li{margin-bottom:8px;}
#orders-closed a{color:var(--v-gold);}

@media (max-width:1180px){
  .pv-tiers,.pv-doc .tiers{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pv-prom,.pv-steps{grid-template-columns:repeat(3,minmax(0,1fr));}
  .pv-grid4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1023px){
  .pv-two,.pv-doc .grid3{grid-template-columns:1fr;}
  .pv-example{max-width:360px;margin-top:8px;}
}
@media (max-width:720px){
  .pv-tiers,.pv-prom,.pv-steps,.pv-grid4,.pv-doc .tiers,.pv-doc form .row{grid-template-columns:1fr;}
  .pv-price{font-size:38px;}
  .pv-prom li,.pv-steps li{flex-direction:row;align-items:center;font-size:17px;padding:16px;}
  .pv-mail .v-btn{align-self:stretch;}
  .pv-doc form{padding:22px 18px;border-radius:16px;}
  .pv-doc .never{columns:1;}
  .pv-doc .toggle{display:flex;}
  .pv-doc .toggle label{flex:1;text-align:center;}
  .pv-doc .toggle span{padding:9px 10px;font-size:14px;}
}