/*
 * Secties in de nieuwe stijl (nov 2026), prefix ps-. Geladen op de homepage
 * en op pagina's met het sjabloon page-nieuw (functions.php, pv-secties).
 * Tokens (--ps-*) en lettertypes komen uit site.css.
 *
 * Bouwstenen: ps-sec (+ ps-dark / ps-light), ps-wrap, ps-aurora, ps-badge,
 * ps-ticker, ps-btns, ps-head-row, ps-sec-h, ps-bento/ps-tile, ps-stats,
 * ps-steps, ps-split, ps-checks, ps-reviews, ps-marquee, ps-statement, ps-cta.
 * Herbruikbaar voor de dienst- en branchepagina's in fase 3.
 */

/* ───────────────────── basis ───────────────────── */
.ps-main,
.home main.wp-block-group{
  margin:0 !important; padding:0 !important; max-width:none !important;
  overflow-x:clip;
  font-family:var(--ps-body);
  -webkit-font-smoothing:antialiased;
}
.ps-main .wp-block-post-content,
.home main .wp-block-post-content{ margin:0 !important; padding:0 !important; max-width:none !important; }
.ps-main .wp-block-post-content > *,
.home main .wp-block-post-content > *{ margin-block:0 !important; max-width:none !important; }
.ps-sec{ position:relative; width:100%; box-sizing:border-box; margin:0 !important; padding:120px 0; isolation:isolate; }
.ps-sec > *, .ps-wrap > *{ margin-block:0; }
.ps-wrap{ position:relative; z-index:1; max-width:1240px; margin:0 auto !important; padding:0 32px; box-sizing:border-box; width:100%; }
.ps-dark{ background:var(--ps-bg); color:var(--ps-ink); }
.ps-light{ background:var(--ps-light); color:#0B1020; }
.ps-sec h1,.ps-sec h2,.ps-sec h3{ font-family:var(--ps-disp) !important; color:inherit; margin:0; }
.ps-sec p{ color:inherit; margin:0; }
.ps-dark p{ color:var(--ps-soft); }
.ps-light p{ color:#3E4757; }
.ps-sec em{ font-style:normal; }
.ps-dark a:not(.wp-element-button){ color:var(--ps-blue); }
.ps-light a:not(.wp-element-button){ color:#0A6FDB; }

/* lichtvlekken */
.ps-aurora{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.ps-blob{ position:absolute; border-radius:50%; filter:blur(90px); opacity:.5; }
.ps-b1{ width:620px; height:620px; background:#0B84FF; top:-200px; left:-140px; animation:ps-drift1 18s ease-in-out infinite; }
.ps-b2{ width:520px; height:520px; background:#7C5CFF; top:40px; right:-160px; animation:ps-drift2 22s ease-in-out infinite; }
.ps-b3{ width:440px; height:440px; background:#22C55E; bottom:-240px; left:38%; opacity:.3; animation:ps-drift3 20s ease-in-out infinite; }
.ps-grain{ position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px); background-size:22px 22px; -webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent); mask-image:linear-gradient(to bottom,#000 30%,transparent); }

/* labels */
.ps-eyebrow{ font-family:var(--ps-mono) !important; font-size:12.5px !important; letter-spacing:.1em; text-transform:uppercase; font-weight:600; }
.ps-dark .ps-eyebrow{ color:var(--ps-blue) !important; }
.ps-light .ps-eyebrow{ color:#0A6FDB !important; }
.ps-badge{
  display:inline-flex !important; align-items:center; gap:8px;
  padding:8px 16px; border-radius:999px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05);
  font-family:var(--ps-mono); font-size:13px !important; letter-spacing:.04em; color:#DCE2EE !important;
}
.ps-badge::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ps-green); animation:ps-ping 2s ease-out infinite; flex:none; }
.ps-ticker{ display:inline-block; height:1.4em; overflow:hidden; vertical-align:bottom; line-height:1.4; }
.ps-ticker-col{ display:flex; flex-direction:column; animation:ps-tick 11s cubic-bezier(.7,0,.2,1) infinite; }
.ps-ticker-col span{ display:block; height:1.4em; color:#FFFFFF; font-weight:700; background:var(--ps-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
@keyframes ps-tick{ 0%,16%{transform:translateY(0)} 20%,36%{transform:translateY(-1.4em)} 40%,56%{transform:translateY(-2.8em)} 60%,76%{transform:translateY(-4.2em)} 80%,96%{transform:translateY(-5.6em)} 100%{transform:translateY(-7em)} }

/* knoppen */
.ps-btns{ gap:12px !important; justify-content:center; }
.ps-btns-left{ justify-content:flex-start; }
.ps-btns .wp-block-button__link{
  display:inline-flex; align-items:center; min-height:54px; padding:0 26px !important;
  border-radius:999px !important; font-family:var(--ps-body); font-weight:700; font-size:16px;
  text-decoration:none !important; box-sizing:border-box; transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.ps-btns .wp-block-button__link::after{ content:"→"; margin-left:10px; transition:transform .15s ease; }
.ps-btns .wp-block-button__link:hover{ transform:translateY(-1px); }
.ps-btns .wp-block-button__link:hover::after{ transform:translateX(3px); }
.ps-btn-white .wp-block-button__link{ background:#FFFFFF !important; color:#05070F !important; box-shadow:0 0 0 6px rgba(255,255,255,.08) !important; }
.ps-btn-ghost .wp-block-button__link{ background:rgba(255,255,255,.04) !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.25) !important; box-shadow:none !important; }
.ps-btn-ghost .wp-block-button__link:hover{ background:rgba(255,255,255,.09) !important; }
.ps-btn-dark .wp-block-button__link{ background:#05070F !important; color:#FFFFFF !important; box-shadow:0 0 0 6px rgba(5,7,15,.06) !important; }

/* koppen */
.ps-sec-h{ font-size:60px !important; line-height:1.02 !important; letter-spacing:-.04em !important; font-weight:800 !important; }
.ps-dark .ps-sec-h em{ color:var(--ps-dim); }
.ps-light .ps-sec-h em{ color:#8D97AB; }
.ps-head-row{ display:flex !important; justify-content:space-between; align-items:flex-end; gap:24px 48px; flex-wrap:wrap; margin-bottom:48px !important; }
.ps-head{ display:flex !important; flex-direction:column; gap:16px; flex:1 1 520px; max-width:720px; }
.ps-head > *{ margin:0 !important; }
.ps-head-row > p{ font-size:18px !important; line-height:1.55 !important; flex:0 1 400px; }
.ps-dark .ps-head-row > p{ color:#A3ACBF !important; }

/* ───────────────────── 1. hero ───────────────────── */
.ps-hero{ padding:88px 0 110px; overflow:hidden; }
.ps-hero-wrap{ display:flex !important; flex-direction:column; align-items:center; text-align:center; gap:26px; }
.ps-hero-wrap > *{ margin:0 !important; }
.ps-hero-h{ font-size:104px !important; line-height:.98 !important; letter-spacing:-.045em !important; font-weight:800 !important; max-width:1100px; color:#FFFFFF !important; }
.ps-hero-h em{ display:block; background:var(--ps-grad); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:ps-gradshift 8s ease-in-out infinite; padding-bottom:.06em; }
@keyframes ps-gradshift{ 0%,100%{ background-position:0 0; } 50%{ background-position:100% 0; } }
.ps-lead{ font-size:21px !important; line-height:1.5 !important; color:var(--ps-soft) !important; max-width:640px; }
.ps-proof{ display:flex !important; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 22px; }
.ps-proof > *{ margin:0 !important; }
.ps-avatars{ display:flex; }
.ps-avatars i{ width:34px; height:34px; border-radius:50%; margin-left:-9px; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:11.5px; font-weight:700; color:#fff; border:2px solid var(--ps-bg); background:linear-gradient(135deg,#0B84FF,#22C55E); }
.ps-avatars i:first-child{ margin-left:0; }
.ps-avatars i:nth-child(2){ background:linear-gradient(135deg,#7C5CFF,#0B84FF); }
.ps-avatars i:nth-child(3){ background:linear-gradient(135deg,#22C55E,#0B84FF); }
.ps-avatars i:nth-child(4){ background:rgba(255,255,255,.12); }
.ps-proof p{ font-size:15px !important; color:var(--ps-soft) !important; }
.ps-proof strong{ color:#FFFFFF; }
.ps-proof > span:has(.pv-dot-live),
.ps-proof > p:has(.pv-dot-live){ display:inline-flex !important; align-items:center; gap:8px; padding:7px 14px; border-radius:999px; background:rgba(74,222,128,.10); border:1px solid rgba(74,222,128,.35); font-size:14px; color:#BBF7D0 !important; }
.ps-proof .pv-status-link{ color:#BBF7D0 !important; }
.ps-proof .pv-dot-live{ width:8px; height:8px; border-radius:50%; display:inline-block; animation:ps-ping 2s ease-out infinite; }

/* podium: console met zwevende chips */
.ps-stage{ position:relative; width:100%; max-width:860px; margin-top:34px !important; text-align:left; }
.ps-stage > *{ margin:0 !important; }
.ps-frame{ position:relative; z-index:1; background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.14); border-radius:28px; padding:10px; box-shadow:0 40px 120px rgba(11,132,255,.25); }
.ps-frame > *{ margin:0 !important; }
.ps-frame .pv-console{ background:var(--ps-panel) !important; border:0 !important; border-radius:20px !important; box-shadow:none !important; color:var(--ps-soft); overflow:hidden; }
.ps-frame .pv-console-bar{ background:transparent !important; border-bottom:1px solid var(--ps-line) !important; color:var(--ps-mute) !important; font-family:var(--ps-mono); font-size:12.5px; padding:14px 20px; display:flex; align-items:center; }
.ps-frame .pv-console-bar i{ background:#3E4757 !important; }
.ps-frame .pv-stat{ background:rgba(255,255,255,.04) !important; border:1px solid var(--ps-line) !important; border-radius:16px !important; padding:16px !important; }
.ps-frame .pv-stat-n{ font-family:var(--ps-disp) !important; font-size:30px !important; font-weight:800 !important; letter-spacing:-.03em; color:#FFFFFF !important; }
.ps-frame .pv-stat-l{ color:var(--ps-mute) !important; font-size:13px !important; }
.ps-frame .pv-console-log{ font-family:var(--ps-mono) !important; font-size:13px !important; color:var(--ps-mute) !important; }
.ps-frame .pv-console-log .pv-ok{ color:var(--ps-green) !important; }
.ps-frame .pv-console-log > div{ opacity:0; animation:ps-logline 9s ease-in-out infinite; }
.ps-frame .pv-console-log > div:nth-child(2){ animation-delay:.6s; }
.ps-frame .pv-console-log > div:nth-child(3){ animation-delay:1.2s; }
@keyframes ps-logline{ 0%{ opacity:0; transform:translateX(-6px); } 8%,88%{ opacity:1; transform:none; } 100%{ opacity:0; } }
.ps-frame .pv-console > div:last-child{ border-top:1px solid var(--ps-line) !important; }
.ps-frame .pv-console a{ color:var(--ps-blue) !important; }

.ps-chips{ position:absolute; inset:0; z-index:2; pointer-events:none; }
.ps-chip{ position:absolute; display:flex; align-items:center; gap:10px; background:rgba(14,20,36,.88); border:1px solid rgba(255,255,255,.14); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:16px; padding:11px 15px; color:#E4E8F1; font-size:14px; box-shadow:0 20px 50px rgba(0,0,0,.35); }
.ps-chip b{ display:block; font-weight:700; color:#fff; font-size:14px; }
.ps-chip small{ display:block; font-size:12.5px; color:var(--ps-mute); }
.ps-chip-white{ background:#FFFFFF; color:#101828; border:0; font-weight:700; }
.ps-chip-big{ font-family:var(--ps-disp); font-size:26px; font-weight:800; color:var(--ps-green); }
.ps-chip-ico{ width:32px; height:32px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; flex:none; }
.ps-ico-green{ background:rgba(74,222,128,.15); color:var(--ps-green); }
.ps-ico-blue{ background:#0B84FF; color:#fff; font-size:11px; }
.ps-ico-lock{ background:#EEF3FC; }
.ps-ico-violet{ background:rgba(167,139,250,.18); }
.ps-c1{ left:-110px; top:-38px; animation:ps-float 6s ease-in-out infinite; }
.ps-c2{ right:-80px; top:120px; animation:ps-float 7s ease-in-out infinite -2s; }
.ps-c3{ left:-50px; bottom:40px; animation:ps-float 8s ease-in-out infinite -4s; }
.ps-c4{ right:-40px; bottom:70px; animation:ps-float 6s ease-in-out infinite -1s; }

/* ───────────────────── 2. lopende band ───────────────────── */
.ps-marquee-sec{ padding:26px 0 30px; border-top:1px solid var(--ps-line); border-bottom:1px solid var(--ps-line); overflow:hidden; }
.ps-marquee-label{ text-align:center; font-family:var(--ps-mono) !important; font-size:12px !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ps-mute) !important; margin-bottom:18px !important; }
.ps-marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.ps-marquee-track{ display:flex; align-items:center; gap:36px; width:max-content; animation:ps-marq 70s linear infinite; font-family:var(--ps-disp); font-size:52px; font-weight:800; letter-spacing:-.03em; white-space:nowrap; color:#FFFFFF; }
.ps-marquee:hover .ps-marquee-track{ animation-play-state:paused; }
.ps-outline{ color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.4); }
.ps-star{ font-size:22px; color:var(--ps-violet); }
@keyframes ps-marq{ to{ transform:translateX(-50%); } }

/* ───────────────────── 3. statement ───────────────────── */
.ps-statement-sec{ padding:130px 0 110px; }
.ps-statement{ font-family:var(--ps-disp) !important; font-size:64px !important; line-height:1.04 !important; letter-spacing:-.04em !important; font-weight:700 !important; color:var(--ps-dim) !important; max-width:1100px; }
.ps-statement strong{ color:#FFFFFF; font-weight:700; }
.ps-statement em{ background:var(--ps-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ───────────────────── 4. bento ───────────────────── */
.ps-bento-sec{ padding:20px 0 130px; }
.ps-bento{ display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.ps-bento > *{ margin:0 !important; }
.ps-span2{ grid-column:span 2; } .ps-span3{ grid-column:span 3; } .ps-span4{ grid-column:span 4; }
.ps-tile{ position:relative; overflow:hidden; background:var(--ps-panel); border:1px solid var(--ps-line); border-radius:26px; padding:28px; display:flex !important; flex-direction:column; gap:12px; box-sizing:border-box; transition:transform .25s ease, border-color .25s ease; }
.ps-tile:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.22); }
.ps-tile > *{ margin:0 !important; }
.ps-tile h3{ font-size:30px !important; letter-spacing:-.03em !important; line-height:1.1 !important; font-weight:800 !important; color:#FFFFFF; }
.ps-tile p{ font-size:16px; line-height:1.55; }
.ps-tile .ps-eyebrow{ margin-top:10px !important; }
.ps-tile-link{ margin-top:auto !important; padding-top:6px; }
.ps-tile-link a{ font-weight:700; text-decoration:none !important; color:#FFFFFF !important; display:inline-flex; gap:6px; }
.ps-tile-link a:hover{ text-decoration:underline !important; text-underline-offset:4px; }
.ps-tile-blue{ background:linear-gradient(160deg,#0B84FF,#3B4FE0 60%,#5B3FD0); border:0; }
.ps-tile-blue p{ color:#E3ECFF !important; }
.ps-tile-blue .ps-eyebrow{ color:#DCEBFF !important; }
.ps-tile-white{ background:#FFFFFF; border:0; }
.ps-tile-white h3,.ps-tile-white .ps-tile-link a{ color:#0B1020 !important; }
.ps-tile-white p{ color:#3E4757 !important; }
.ps-tile-white .ps-eyebrow{ color:#0A6FDB !important; }

.ps-viz{ border-radius:18px; padding:16px; min-height:150px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.ps-viz-uptime{ background:rgba(255,255,255,.04); border:1px solid var(--ps-line); }
.ps-viz-top{ display:flex; justify-content:space-between; align-items:baseline; font-family:var(--ps-mono); font-size:12px; color:var(--ps-mute); }
.ps-viz-top b{ font-family:var(--ps-disp); font-size:28px; color:var(--ps-green); letter-spacing:-.02em; }
.ps-bars{ display:flex; align-items:flex-end; gap:4px; height:54px; }
.ps-bars i{ flex:1; height:100%; border-radius:4px; background:var(--ps-green); opacity:.85; transform-origin:bottom; animation:ps-barpulse 3s ease-in-out infinite; }
.ps-bars i:nth-child(3n){ animation-delay:.3s; } .ps-bars i:nth-child(3n+1){ animation-delay:.6s; }
.ps-bars i.ps-bar-warn{ background:#F5A524; height:70%; }
@keyframes ps-barpulse{ 0%,100%{ transform:scaleY(1); } 50%{ transform:scaleY(.82); } }
.ps-viz-foot{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ps-soft); }
.ps-dot-live{ width:8px; height:8px; border-radius:50%; background:var(--ps-green); display:inline-block; animation:ps-ping 2s ease-out infinite; flex:none; }

.ps-viz-rank{ background:rgba(5,7,15,.25); border:1px solid rgba(255,255,255,.2); position:relative; }
.ps-viz-rank svg{ width:100%; height:90px; display:block; }
.ps-draw{ stroke-dasharray:420; stroke-dashoffset:420; animation:ps-draw 4.5s ease-out infinite; }
@keyframes ps-draw{ 0%{ stroke-dashoffset:420; } 60%,100%{ stroke-dashoffset:0; } }
.ps-rank-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.ps-rank-chips span{ font-size:13px; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.14); color:#FFFFFF; }
.ps-rank-chips b{ color:#BBF7D0; }

.ps-viz-build{ background:#F3F5FB; padding:12px; }
.ps-browser{ background:#FFFFFF; border-radius:12px; box-shadow:0 10px 30px rgba(11,16,32,.08); overflow:hidden; }
.ps-browser-bar{ display:flex; align-items:center; gap:5px; padding:8px 10px; border-bottom:1px solid #EEF1F7; font-family:var(--ps-mono); font-size:11px; color:#8D97AB; }
.ps-browser-bar i{ width:7px; height:7px; border-radius:50%; background:#DCE4F2; display:block; }
.ps-browser-bar span{ margin-left:6px; }
.ps-build{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; padding:10px; }
.ps-blk{ display:block; height:26px; border-radius:6px; background:#E3EAF7; animation:ps-blockin 5s ease-in-out infinite; }
.ps-blk-hero{ grid-column:1 / -1; height:40px; background:linear-gradient(90deg,#0B84FF,#22C55E); }
.ps-blk-a{ animation-delay:.4s; } .ps-blk-b{ animation-delay:.8s; background:#EDE7FF; } .ps-blk-c{ animation-delay:1.2s; background:#DFF7E8; }
@keyframes ps-blockin{ 0%{ opacity:0; transform:translateY(8px) scale(.96); } 15%,85%{ opacity:1; transform:none; } 100%{ opacity:0; } }

.ps-stats{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ps-stats > *{ margin:0 !important; }
.ps-stat{ background:rgba(255,255,255,.03); border:1px solid var(--ps-line); border-radius:22px; padding:22px 24px; display:flex !important; flex-direction:column; justify-content:space-between; gap:10px; box-sizing:border-box; }
.ps-stat > *{ margin:0 !important; }
.ps-stat-n{ font-family:var(--ps-disp) !important; font-size:46px !important; font-weight:800 !important; letter-spacing:-.04em !important; line-height:1 !important; color:#FFFFFF !important; }
.ps-stat:nth-child(1) .ps-stat-n{ color:var(--ps-blue) !important; }
.ps-stat:nth-child(2) .ps-stat-n{ color:var(--ps-violet) !important; }
.ps-stat:nth-child(3) .ps-stat-n{ color:#F5C451 !important; }
.ps-stat:nth-child(4) .ps-stat-n{ color:var(--ps-green) !important; }
.ps-stat-l{ font-size:14.5px !important; color:var(--ps-mute) !important; }
.ps-span4.ps-stats{ grid-column:span 4; }

/* ───────────────────── 5. over ───────────────────── */
.ps-about{ display:grid !important; grid-template-columns:minmax(0,380px) minmax(0,1fr); gap:72px; align-items:center; }
.ps-about > *{ margin:0 !important; }
.ps-portrait{ position:relative; border-radius:30px; padding:5px; background:conic-gradient(from var(--ps-a,0deg),#0B84FF,#A78BFA,#4ADE80,#0B84FF); animation:ps-spin 8s linear infinite; }
.ps-portrait > *{ margin:0 !important; }
.ps-portrait .wp-block-image img{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:26px; }
.ps-portrait-tag{ position:absolute; left:18px; bottom:18px; right:18px; max-width:max-content; display:inline-flex; align-items:center; gap:10px; background:#FFFFFF; color:#0B1020; padding:10px 16px 10px 14px; border-radius:18px; box-shadow:0 14px 40px rgba(11,16,32,.2); }
.ps-portrait-tag b{ display:block; font-size:14px; font-weight:700; line-height:1.25; }
.ps-portrait-tag small{ display:block; font-size:12.5px; color:#5B6478; line-height:1.3; }
.ps-portrait-tag.is-closed .ps-dot-live{ background:#F5A524; animation:none; box-shadow:0 0 0 3px rgba(245,165,36,.2); }
.ps-about-text{ display:flex !important; flex-direction:column; gap:20px; }
.ps-about-text > *{ margin:0 !important; }
.ps-about-lead{ font-size:20px !important; line-height:1.6 !important; }

/* ───────────────────── 6. cases ───────────────────── */
.ps-cases{ margin:0 0 36px !important; }
.ps-cases .wp-block-post-template{ gap:16px !important; margin:0 !important; padding:0; }
.ps-case{ background:var(--ps-panel); border:1px solid var(--ps-line); border-radius:22px; overflow:hidden; height:100%; display:flex !important; flex-direction:column; transition:transform .25s ease, border-color .25s ease; }
.ps-case:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.25); }
.ps-case > *{ margin:0 !important; }
.ps-case-screen{ aspect-ratio:16/11; overflow:hidden; background:#121a2e; }
.ps-case-screen > *{ margin:0 !important; height:100%; }
.ps-case-screen img{ width:100%; height:100% !important; object-fit:cover; object-position:top; display:block; transition:transform 1.2s ease; }
.ps-case:hover .ps-case-screen img{ transform:scale(1.04); }
.ps-case-body{ padding:16px 18px 18px; display:flex !important; flex-direction:column; gap:6px; }
.ps-case-body > *{ margin:0 !important; }
.ps-case-title{ font-size:18px !important; letter-spacing:-.02em; font-weight:700 !important; line-height:1.25 !important; }
.ps-case-title a{ color:#FFFFFF !important; text-decoration:none !important; }
.ps-case-meta, .ps-case-meta a{ font-family:var(--ps-mono); font-size:12px !important; color:var(--ps-mute) !important; text-decoration:none !important; letter-spacing:.03em; }

/* ───────────────────── 7. stappen ───────────────────── */
.ps-steps-sec .ps-wrap > .ps-eyebrow{ margin-bottom:16px !important; }
.ps-steps{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:56px !important; }
.ps-steps > *{ margin:0 !important; }
.ps-step{ border-top:2px solid #0B1020; padding-top:22px; display:flex !important; flex-direction:column; gap:14px; }
.ps-step > *{ margin:0 !important; }
.ps-step-n{ font-family:var(--ps-disp) !important; font-size:88px !important; font-weight:800 !important; line-height:.9 !important; letter-spacing:-.05em !important; color:#0A6FDB !important; }
.ps-step:nth-child(2) .ps-step-n{ color:#7C5CFF !important; }
.ps-step:nth-child(3) .ps-step-n{ color:#159A48 !important; }
.ps-step h3{ font-size:28px !important; letter-spacing:-.02em !important; font-weight:700 !important; }
.ps-step p{ font-size:17px !important; line-height:1.6 !important; }

/* ───────────────────── 8. nu bezig ───────────────────── */
.ps-now-sec .ps-blob{ opacity:.28; }
.ps-split{ display:grid !important; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; align-items:center; }
.ps-split > *{ margin:0 !important; }
.ps-split-text{ display:flex !important; flex-direction:column; align-items:flex-start; gap:20px; }
.ps-split-text > *{ margin:0 !important; }
.ps-lead-sm{ font-size:18px !important; line-height:1.6 !important; }
.ps-checks{ list-style:none; margin:0 !important; padding:0; display:flex; flex-direction:column; gap:12px; }
.ps-checks li{ position:relative; padding-left:34px; font-size:16.5px; line-height:1.5; color:#E4E8F1; margin:0; }
.ps-checks li::before{ content:"✓"; position:absolute; left:0; top:0; width:22px; height:22px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; background:rgba(74,222,128,.15); color:var(--ps-green); }
.ps-meter-card{ background:rgba(11,16,32,.8); border:1px solid rgba(255,255,255,.14); border-radius:26px; padding:28px; box-shadow:0 40px 100px rgba(124,92,255,.2); }
.ps-meter-row{ display:flex; justify-content:space-between; align-items:baseline; font-family:var(--ps-mono); font-size:13px; color:var(--ps-mute); margin-bottom:12px; }
.ps-meter-row b{ font-family:var(--ps-disp); font-size:34px; color:#FFFFFF; letter-spacing:-.03em; }
.ps-meter-row-2{ margin-top:30px; }
.ps-up{ font-size:22px !important; color:var(--ps-green) !important; }
.ps-meter{ height:14px; border-radius:8px; background:rgba(255,255,255,.07); overflow:hidden; }
.ps-meter i{ display:block; width:68%; height:100%; border-radius:8px; background:var(--ps-grad); transform-origin:left; animation:ps-growx 4s ease-out infinite; }
.ps-cols{ display:flex; align-items:flex-end; gap:8px; height:96px; }
.ps-cols i{ flex:1; border-radius:6px; background:var(--ps-violet); transform-origin:bottom; animation:ps-grow 4s ease-out infinite; }
.ps-cols i:nth-child(1){ height:18%; } .ps-cols i:nth-child(2){ height:26%; } .ps-cols i:nth-child(3){ height:30%; } .ps-cols i:nth-child(4){ height:42%; }
.ps-cols i:nth-child(5){ height:50%; } .ps-cols i:nth-child(6){ height:64%; } .ps-cols i:nth-child(7){ height:78%; } .ps-cols i:nth-child(8){ height:100%; background:var(--ps-green); }
@keyframes ps-grow{ 0%{ transform:scaleY(.1); } 55%,100%{ transform:scaleY(1); } }

/* ───────────────────── 9. reviews ───────────────────── */
.ps-reviews-sec{ padding-bottom:60px; }
.ps-score{ display:flex !important; align-items:center; gap:14px; background:#FFFFFF; border-radius:20px; padding:14px 20px; box-shadow:0 14px 40px rgba(11,16,32,.06); }
.ps-score > *{ margin:0 !important; }
.ps-score-n{ font-family:var(--ps-disp) !important; font-size:44px !important; font-weight:800 !important; letter-spacing:-.04em; line-height:1 !important; color:#0B1020 !important; }
.ps-score-l{ font-size:14px !important; color:#5B6478 !important; max-width:12ch; line-height:1.3 !important; }
.ps-stars{ color:#F5A524 !important; letter-spacing:2px; font-size:16px !important; }
.ps-reviews{ columns:3 300px; column-gap:16px; }
.ps-reviews > *{ margin:0 0 16px !important; }
.ps-review{ break-inside:avoid; background:#FFFFFF; border-radius:22px; padding:24px; display:flex !important; flex-direction:column; gap:12px; box-shadow:0 1px 2px rgba(11,16,32,.04); transition:transform .25s ease, box-shadow .25s ease; }
.ps-review:hover{ transform:translateY(-3px); box-shadow:0 20px 50px rgba(11,16,32,.08); }
.ps-review > *{ margin:0 !important; }
.ps-quote{ font-size:17px !important; line-height:1.6 !important; color:#0B1020 !important; }
.ps-who{ font-size:14px !important; font-weight:600; color:#5B6478 !important; }

/* ───────────────────── 10. blog ───────────────────── */
.ps-blog-sec{ padding-top:60px; }
.ps-blog-sec .pv-case-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 36px !important; }
.ps-blog-sec .pv-postcard{ background:#FFFFFF; border:0 !important; border-radius:22px !important; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 1px 2px rgba(11,16,32,.04) !important; transition:transform .25s ease, box-shadow .25s ease; position:relative; }
.ps-blog-sec .pv-postcard:hover{ transform:translateY(-4px); box-shadow:0 20px 50px rgba(11,16,32,.10) !important; }
.ps-blog-sec .pv-postcard p{ margin:0; }
.ps-blog-sec .pv-postcard .pv-post-meta{ font-family:var(--ps-mono); font-size:11.5px; color:#0A6FDB; }
.ps-blog-sec .pv-postcard-stretch{ font-family:var(--ps-disp); font-size:19px; letter-spacing:-.02em; color:#0B1020 !important; }

/* ───────────────────── 11. cta ───────────────────── */
.ps-cta-sec{ padding:140px 0 130px; text-align:center; border-bottom:1px solid var(--ps-line); }
.ps-cta-wrap{ display:flex !important; flex-direction:column; align-items:center; gap:24px; }
.ps-cta-wrap > *{ margin:0 !important; }
.ps-cta-h{ font-size:84px !important; line-height:.98 !important; letter-spacing:-.045em !important; font-weight:800 !important; max-width:980px; color:#FFFFFF !important; }
.ps-cta-h em{ background:var(--ps-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ps-cta-points{ font-size:15px !important; color:var(--ps-soft) !important; }

/* ───────────────────── vervolgpagina's (fase 3) ───────────────────── */
/* hero met tekst links en beeld rechts */
.ps-hero-page{ padding:80px 0 96px; }
.ps-hero-split{ display:grid !important; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:64px; align-items:center; }
.ps-hero-split > *{ margin:0 !important; }
.ps-hero-text{ display:flex !important; flex-direction:column; align-items:flex-start; gap:24px; }
.ps-hero-text > *{ margin:0 !important; }
.ps-hero-h-page{ font-size:76px !important; line-height:1 !important; text-align:left; }
.ps-hero-text .ps-lead{ font-size:19px !important; max-width:620px; }
.ps-hero-card{ position:relative; background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.14); border-radius:28px; padding:12px; box-shadow:0 40px 120px rgba(11,132,255,.25); }
.ps-hero-card .ps-viz{ background:var(--ps-panel); border:0; min-height:170px; }
.ps-hero-log{ font-family:var(--ps-mono); font-size:13px; color:var(--ps-green); padding:14px 16px 6px; display:flex; flex-direction:column; gap:8px; }
.ps-hero-log span{ color:var(--ps-mute); margin-right:6px; }
.ps-hero-log > div{ opacity:0; animation:ps-logline 9s ease-in-out infinite; }
.ps-hero-log > div:nth-child(2){ animation-delay:.6s; } .ps-hero-log > div:nth-child(3){ animation-delay:1.2s; }
.ps-hero-card .ps-chip{ position:absolute; }
.ps-hero-card .ps-c4{ right:-26px; bottom:-22px; }

/* kaarten met icoon */
.ps-features{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ps-features-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.ps-features > *{ margin:0 !important; }
.ps-feature{ background:#FFFFFF; border:1px solid #E3E8F2; border-radius:22px; padding:26px; display:flex !important; flex-direction:column; gap:12px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.ps-feature:hover{ transform:translateY(-4px); border-color:#C9D6EE; box-shadow:0 20px 50px rgba(11,16,32,.08); }
.ps-feature > *{ margin:0 !important; }
.ps-feature-ico{ width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:22px; background:linear-gradient(135deg,rgba(11,132,255,.12),rgba(124,92,255,.12)); }
.ps-feature:nth-child(2) .ps-feature-ico{ background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(34,197,94,.10)); }
.ps-feature:nth-child(3) .ps-feature-ico{ background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(11,132,255,.10)); }
.ps-feature:nth-child(4) .ps-feature-ico{ background:linear-gradient(135deg,rgba(245,165,36,.16),rgba(124,92,255,.10)); }
.ps-feature h3{ font-size:22px !important; letter-spacing:-.02em !important; font-weight:700 !important; color:#0B1020; }
.ps-feature p{ font-size:16px !important; line-height:1.55 !important; }
.ps-light:not(.ps-white) .ps-feature{ border-color:transparent; }

/* donkere cijferband */
.ps-statband{ padding:72px 0; }
.ps-statband .ps-blob{ opacity:.25; }
.ps-stats-4{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
.ps-statband .ps-stat{ min-height:150px; }

/* veelgestelde vragen */
.ps-faq-grid{ display:grid !important; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:start; }
.ps-faq-grid > *{ margin:0 !important; }
.ps-faq-intro{ display:flex !important; flex-direction:column; gap:16px; position:sticky; top:110px; }
.ps-faq-intro > *{ margin:0 !important; }
.ps-faq-intro p:not(.ps-eyebrow){ font-size:18px !important; line-height:1.6 !important; }
.ps-faq-list{ display:flex !important; flex-direction:column; gap:10px; }
.ps-faq-list > *{ margin:0 !important; }
.ps-faq{ background:#F3F5FB; border-radius:18px; padding:22px 24px; display:flex !important; flex-direction:column; gap:8px; }
.ps-light:not(.ps-white) .ps-faq{ background:#FFFFFF; }
.ps-faq > *{ margin:0 !important; }
.ps-faq h3{ font-size:20px !important; letter-spacing:-.01em !important; font-weight:700 !important; color:#0B1020; }
.ps-faq p{ font-size:16px !important; line-height:1.6 !important; }

/* doorklik-tegels */
.ps-links{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ps-links > *{ margin:0 !important; }
.ps-linktile{ position:relative; background:#FFFFFF; border:1px solid #E3E8F2; border-radius:18px; padding:20px 22px; display:flex !important; flex-direction:column; gap:4px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.ps-linktile:hover{ transform:translateY(-3px); border-color:#C9D6EE; box-shadow:0 16px 40px rgba(11,16,32,.08); }
.ps-linktile > *{ margin:0 !important; }
.ps-linktile-t{ font-family:var(--ps-disp) !important; font-size:18px !important; font-weight:700; letter-spacing:-.015em; padding-right:28px; }
.ps-linktile-t a{ color:#0B1020 !important; text-decoration:none !important; }
.ps-linktile-t a::after{ content:""; position:absolute; inset:0; border-radius:18px; }
.ps-linktile-t a::before{ content:"→"; position:absolute; right:20px; top:20px; color:#8D97AB; transition:transform .2s ease, color .2s ease; }
.ps-linktile:hover .ps-linktile-t a::before{ transform:translateX(3px); color:#0A6FDB; }
.ps-linktile-d{ font-size:14.5px !important; color:#5B6478 !important; padding-right:24px; }

/* brede blauwe uitgelichte kaart */
.ps-feature-wide{ grid-column:span 2; }
.ps-feature-blue{ background:linear-gradient(135deg,#0B84FF,#3B4FE0 60%,#5B3FD0) !important; border:0 !important; box-shadow:0 24px 60px rgba(11,132,255,.22); }
.ps-feature-blue h3{ color:#FFFFFF !important; }
.ps-feature-blue p{ color:#E3ECFF !important; }
.ps-feature-blue .ps-feature-ico{ background:rgba(255,255,255,.16) !important; }
.ps-viz-rank-hero{ background:var(--ps-panel) !important; border:0 !important; min-height:190px; }
.ps-viz-rank-hero .ps-viz-top b{ color:var(--ps-green); font-size:24px; }
.ps-split-top{ align-items:start !important; }
.ps-split-top > .wp-block-html,
.ps-split-top > .ps-chatcard{ position:sticky; top:110px; }

/* AI-chatvenster (decoratie) */
.ps-chatcard{ background:rgba(11,16,32,.85); border:1px solid rgba(255,255,255,.14); border-radius:26px; padding:22px; box-shadow:0 40px 100px rgba(124,92,255,.22); display:flex; flex-direction:column; gap:14px; }
.ps-chat-top{ display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--ps-mute); font-family:var(--ps-mono); }
.ps-chat-dots{ display:flex; gap:6px; } .ps-chat-dots i{ width:10px; height:10px; border-radius:50%; background:#3E4757; display:block; }
.ps-chat-q{ align-self:flex-end; max-width:85%; background:#1B2438; color:#FFFFFF; border-radius:18px 18px 4px 18px; padding:12px 16px; font-size:15.5px; line-height:1.45; animation:ps-chatq 10s ease-in-out infinite; }
.ps-chat-think{ display:flex; gap:5px; padding:4px 2px; animation:ps-chatthink 10s ease-in-out infinite; }
.ps-chat-think span{ width:7px; height:7px; border-radius:50%; background:#A3ACBF; animation:vl-bounce 1s infinite; }
.ps-chat-think span:nth-child(2){ animation-delay:.15s; } .ps-chat-think span:nth-child(3){ animation-delay:.3s; }
@keyframes vl-bounce{ 0%,100%{ transform:translateY(0); opacity:.5; } 50%{ transform:translateY(-5px); opacity:1; } }
.ps-chat-a{ background:rgba(74,222,128,.08); border:1px solid rgba(74,222,128,.35); border-radius:16px; padding:14px 16px; animation:ps-chata 10s ease-in-out infinite; }
.ps-chat-a p{ margin:0 0 8px !important; font-size:15px !important; line-height:1.55 !important; color:#DCE2EE !important; }
.ps-chat-a b{ color:var(--ps-green); }
.ps-chat-src{ font-family:var(--ps-mono); font-size:11.5px; color:var(--ps-mute); }
@keyframes ps-chatq{ 0%{ opacity:0; transform:translateY(8px); } 6%,92%{ opacity:1; transform:none; } 100%{ opacity:0; } }
@keyframes ps-chatthink{ 0%,8%{ opacity:0; height:0; } 10%,24%{ opacity:1; height:14px; } 26%,100%{ opacity:0; height:0; } }
@keyframes ps-chata{ 0%,24%{ opacity:0; transform:translateY(10px) scale(.98); } 30%,92%{ opacity:1; transform:none; } 100%{ opacity:0; } }

/* WordPress-editor beeldje */
.ps-viz-build-hero{ background:#F3F5FB !important; padding:14px !important; min-height:0; gap:10px; border-radius:18px; }
.ps-viz-build-hero .ps-build{ grid-template-columns:1fr 1fr 1fr; }
.ps-blk-wide{ grid-column:1 / -1; height:18px; background:#E3EAF7; animation-delay:1.6s !important; }
.ps-editbar{ display:flex; flex-wrap:wrap; gap:6px; }
.ps-editbar span{ font-size:12px; padding:6px 10px; border-radius:999px; background:#FFFFFF; color:#3E4757; border:1px solid #E3E8F2; }
.ps-editbar span:first-child{ background:#0B1020; color:#FFFFFF; border-color:#0B1020; animation:ps-ping 2.4s ease-out infinite; }
.ps-links-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }

/* prijzenpagina: kaarten uit [pv_pricing_table] in donkere stijl */
.ps-pricing-sec{ padding:80px 0 110px; }
.ps-pricing-head{ display:flex !important; flex-direction:column; align-items:center; text-align:center; gap:22px; max-width:900px; margin:0 auto 64px !important; }
.ps-pricing-head > *{ margin:0 !important; }
.ps-pricing-head .ps-hero-h-page{ text-align:center; }
.ps-sec .ps-pricing-h{ font-family:var(--ps-mono) !important; font-size:12.5px !important; letter-spacing:.1em; text-transform:uppercase; font-weight:600 !important; color:var(--ps-blue) !important; margin:0 0 18px !important; }
.ps-pricing > *{ margin:0 !important; }
.ps-pricing .pv-pricing-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:stretch; }
.ps-pricing .pv-pricing-card{ position:relative; display:flex; flex-direction:column; background:var(--ps-panel) !important; border:1px solid var(--ps-line) !important; border-radius:24px !important; padding:28px 24px !important; box-shadow:none !important; color:var(--ps-soft); transition:transform .25s ease, border-color .25s ease; }
.ps-pricing .pv-pricing-card:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.25) !important; }
.ps-pricing .pv-pricing-card > *{ margin:0; }
.ps-pricing .pv-pricing-card .pv-eyebrow{ font-family:var(--ps-mono) !important; font-size:12px !important; letter-spacing:.08em; color:var(--ps-mute) !important; text-transform:uppercase; min-height:2.6em; }
.ps-pricing .pv-pricing-price{ margin-top:14px; display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
.ps-pricing .pv-pricing-amount{ font-family:var(--ps-disp) !important; font-size:44px !important; font-weight:800 !important; letter-spacing:-.04em; line-height:1.05; color:#FFFFFF !important; }
.ps-pricing .pv-pricing-freq{ font-size:14px !important; color:var(--ps-mute) !important; }
.ps-pricing .pv-pricing-tagline{ margin-top:12px !important; font-size:15px !important; line-height:1.5; color:var(--ps-soft) !important; min-height:3em; }
.ps-pricing .pv-pricing-features{ list-style:none; margin:18px 0 0 !important; padding:18px 0 0 !important; border-top:1px solid var(--ps-line); display:flex; flex-direction:column; gap:10px; flex:1; }
.ps-pricing .pv-pricing-features li{ position:relative; padding-left:26px !important; font-size:14.5px !important; line-height:1.45; color:#E4E8F1 !important; margin:0 !important; }
.ps-pricing .pv-pricing-features li::before{ content:"✓" !important; position:absolute; left:0; top:0; width:18px; height:18px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; background:rgba(74,222,128,.15) !important; color:var(--ps-green) !important; -webkit-mask:none !important; mask:none !important; }
.ps-pricing .pv-pricing-cta{ margin-top:22px !important; }
.ps-pricing .pv-pricing-cta .wp-block-button,.ps-pricing .pv-pricing-cta .wp-block-button__link{ width:100%; }
.ps-pricing .pv-pricing-cta .wp-block-button__link{ display:flex; justify-content:center; align-items:center; min-height:50px; border-radius:999px !important; background:transparent !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.25) !important; box-shadow:none !important; font-weight:700; font-size:15px; text-decoration:none !important; }
.ps-pricing .pv-pricing-cta .wp-block-button__link:hover{ background:rgba(255,255,255,.08) !important; }
.ps-pricing .pv-pricing-popular{ border:2px solid transparent !important; background:linear-gradient(var(--ps-panel),var(--ps-panel)) padding-box,conic-gradient(from var(--ps-a,0deg),#0B84FF,#A78BFA,#4ADE80,#0B84FF) border-box !important; animation:ps-spin 6s linear infinite; }
.ps-pricing .pv-pricing-popular .pv-pricing-cta .wp-block-button__link{ background:#FFFFFF !important; color:#05070F !important; border:0 !important; }
.ps-pricing .pv-pricing-badge{ position:absolute; top:-13px; left:22px; font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px; background:var(--ps-green) !important; color:#05070F !important; box-shadow:none !important; font-family:var(--ps-body); }
.ps-pricing-foot{ display:flex !important; flex-direction:column; align-items:center; text-align:center; gap:18px; margin-top:40px !important; }
.ps-pricing-foot > *{ margin:0 !important; }
.ps-pricing-foot p{ max-width:640px; font-size:16px !important; color:var(--ps-mute) !important; }

/* altijd inbegrepen: lijst als tegels */
.ps-included{ list-style:none; margin:0 !important; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ps-included li{ position:relative; margin:0; background:#F3F5FB; border-radius:18px; padding:22px 22px 22px 60px; font-size:16.5px; line-height:1.5; color:#0B1020; font-weight:500; }
.ps-included li::before{ content:"✓"; position:absolute; left:20px; top:20px; width:26px; height:26px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; background:linear-gradient(135deg,#0B84FF,#22C55E); color:#FFFFFF; }

/* over ons: portret in de hero + 3 cijfers */
.ps-hero-split-portrait{ grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.ps-portrait-hero{ max-width:420px; justify-self:end; width:100%; box-shadow:0 40px 120px rgba(124,92,255,.3); }
.ps-stats-3{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.ps-stats-3 .ps-stat{ min-height:170px; }

/* contact */
.ps-contact-hero{ padding-bottom:96px; }
.ps-contact-hero .ps-pricing-head{ margin-bottom:0 !important; }
.ps-contact .ps-feature p{ font-size:17px !important; }
.ps-contact .ps-feature p a{ font-family:var(--ps-disp); font-weight:700; font-size:19px; color:#0A6FDB !important; text-decoration:none !important; word-break:break-word; }
.ps-contact .ps-feature p a:hover{ text-decoration:underline !important; text-underline-offset:4px; }
.ps-legal{ margin-top:28px !important; font-family:var(--ps-mono) !important; font-size:12.5px !important; color:#8D97AB !important; letter-spacing:.03em; }

/* diensten-overzicht */
.ps-group-sec{ padding:90px 0; }
.ps-group-sec .ps-head-row{ margin-bottom:32px !important; }
.ps-head-link a{ font-weight:700; color:#0A6FDB !important; text-decoration:none !important; }
.ps-head-link a:hover{ text-decoration:underline !important; text-underline-offset:4px; }
.ps-light:not(.ps-white) .ps-linktile{ border-color:transparent; }

/* cases-overzicht: 3 kolommen, grotere kaarten */
.ps-cases-page{ padding:90px 0 110px; }
.ps-cases-3{ margin:0 !important; }
.ps-cases-3 .wp-block-post-template{ gap:20px !important; }
.ps-cases-3 .ps-case-title{ font-size:21px !important; }

/* branchepagina's: vragen als tekstballonnen, twee kolommen, notities */
.ps-sec-h-mb{ margin:16px 0 40px !important; }
.ps-questions{ list-style:none; margin:0 !important; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 24px; }
.ps-questions li{ position:relative; margin:0; background:#F3F5FB; border-radius:20px 20px 20px 6px; padding:18px 22px 18px 58px; font-size:17px; line-height:1.5; color:#0B1020; font-weight:500; }
.ps-questions li:nth-child(even){ background:#EEF3FC; }
.ps-questions li::before{ content:""; position:absolute; left:18px; top:17px; width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#0B84FF,#7C5CFF); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H8l-4 4z'/%3E%3C/svg%3E") center/16px no-repeat, linear-gradient(#000,#000); -webkit-mask-composite:xor; mask-composite:exclude; }
.ps-two-col{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 56px; }
.ps-two-col > *{ margin:0 !important; font-size:18px !important; line-height:1.7 !important; }
.ps-notes{ display:flex !important; flex-direction:column; gap:12px; margin-top:28px !important; max-width:820px; }
.ps-notes > *{ margin:0 !important; }
.ps-note{ font-size:16px !important; line-height:1.65 !important; color:#5B6478 !important; }
.ps-note a{ font-weight:600; }

@media (max-width:1020px){
  .ps-hero-split,.ps-faq-grid{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .ps-hero-h-page{ font-size:56px !important; }
  .ps-features,.ps-features-4,.ps-stats-4{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ps-links{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-pricing .pv-pricing-grid,.ps-included{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-portrait-hero{ justify-self:start; max-width:360px; }
  .ps-faq-intro{ position:static; }
  .ps-feature-wide{ grid-column:span 2; }
  .ps-split-top > .wp-block-html,.ps-split-top > .ps-chatcard{ position:static; }
  .ps-hero-card .ps-chip{ display:flex; }
}
@media (max-width:600px){
  .ps-hero-page{ padding:52px 0 64px; }
  .ps-hero-h-page{ font-size:42px !important; }
  .ps-hero-h,.ps-sec-h,.ps-cta-h,.ps-statement{ overflow-wrap:break-word; -webkit-hyphens:auto; hyphens:auto; }
  .ps-features,.ps-features-4,.ps-links{ grid-template-columns:minmax(0,1fr) !important; }
  .ps-feature-wide{ grid-column:auto; }
  .ps-pricing .pv-pricing-grid,.ps-included{ grid-template-columns:minmax(0,1fr); }
  .ps-questions,.ps-two-col{ grid-template-columns:minmax(0,1fr); }
  .ps-pricing-head{ margin-bottom:40px !important; }
  .ps-stats-3{ grid-template-columns:minmax(0,1fr) !important; }
  .ps-stats-3 .ps-stat{ min-height:0; }
  .ps-stats-4{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ps-statband .ps-stat{ min-height:0; padding:18px; }
  .ps-stats-4 .ps-stat-n{ font-size:28px !important; overflow-wrap:anywhere; }
  .ps-hero-card .ps-c4{ right:-6px; bottom:-18px; }
}

/* ───────────────────── artikel- en case-sjablonen ───────────────────── */
.ps-post-hero{ padding:80px 0 0; }
.ps-post-hero-wrap{ display:flex !important; flex-direction:column; align-items:center; text-align:center; gap:22px; max-width:1000px !important; }
.ps-post-hero-wrap > *{ margin:0 !important; }
.ps-post-meta-row{ display:flex !important; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.ps-post-meta-row > *{ margin:0 !important; }
.ps-post-terms a{ color:#DCE2EE !important; text-decoration:none !important; }
.ps-post-terms .wp-block-post-terms__separator{ color:var(--ps-mute); }
.ps-post-date{ font-family:var(--ps-mono); font-size:13px; color:var(--ps-mute); }
.ps-post-title{ font-size:64px !important; line-height:1.02 !important; letter-spacing:-.04em !important; font-weight:800 !important; color:#FFFFFF !important; }
.ps-post-image{ width:100%; max-width:960px; margin:18px auto -120px !important; position:relative; z-index:2; }
.ps-post-image .wp-block-post-featured-image{ margin:0; }
.ps-post-image img{ display:block; width:100%; height:auto; border-radius:20px; }
.ps-post-hero:not(:has(.wp-block-post-featured-image img)){ padding-bottom:80px; }
.ps-post-hero:not(:has(.wp-block-post-featured-image img)) .ps-post-image{ display:none; }
.ps-post-hero:has(.wp-block-post-featured-image img) + .ps-prose-sec{ padding-top:200px; }
.ps-post-hero{ overflow:visible !important; z-index:2; }
.ps-post-hero .ps-aurora{ overflow:hidden; }

/* leesbare tekstkolom */
.ps-prose-sec{ padding:80px 0 100px; }
.ps-prose{ max-width:800px !important; }
.ps-prose .wp-block-post-content > *{ margin-top:0 !important; margin-bottom:22px !important; max-width:none !important; }
.ps-prose .wp-block-post-content > h2{ margin-top:52px !important; margin-bottom:14px !important; }
.ps-prose .wp-block-post-content > h3{ margin-top:36px !important; margin-bottom:10px !important; }
.ps-prose .wp-block-post-content > :first-child{ margin-top:0 !important; }
.ps-prose p,.ps-prose li{ font-size:18px; line-height:1.75; color:#3E4757 !important; }
.ps-prose strong{ color:#0B1020; }
.ps-prose h2{ font-size:36px !important; letter-spacing:-.03em !important; line-height:1.15 !important; margin:48px 0 16px !important; color:#0B1020 !important; font-weight:800 !important; }
.ps-prose h3{ font-size:24px !important; letter-spacing:-.02em !important; margin:36px 0 12px !important; color:#0B1020 !important; font-weight:700 !important; }
.ps-prose a:not(.wp-element-button):not(.pv-tag){ color:#0A6FDB !important; text-decoration:underline; text-underline-offset:3px; }
.ps-prose ul:not(.pv-checklist),.ps-prose ol{ padding-left:1.3em; }
.ps-prose li{ margin-bottom:8px; }
.ps-prose blockquote{ border-left:4px solid #7C5CFF; background:#F3F5FB; border-radius:0 16px 16px 0; padding:18px 22px; margin:28px 0 !important; }
.ps-prose blockquote p{ font-size:19px; color:#0B1020 !important; margin:0; }
.ps-prose img{ border-radius:16px; max-width:100%; height:auto; }
.ps-prose figure{ margin:28px 0 !important; }
.ps-prose table{ width:100%; border-collapse:collapse; font-size:16px; }
.ps-prose th,.ps-prose td{ border-bottom:1px solid #E3E8F2; padding:10px 12px; text-align:left; }
.ps-prose code{ background:#F3F5FB; border-radius:6px; padding:2px 6px; font-size:.9em; }
.ps-prose .pv-checklist{ list-style:none; padding:0; display:flex; flex-direction:column; gap:10px; }
.ps-prose .pv-checklist li{ display:block !important; position:relative; padding-left:34px; margin:0; }
.ps-prose .pv-checklist li::before{ content:"✓" !important; position:absolute; left:0; top:4px; width:22px !important; height:22px !important; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; color:#FFFFFF; background:linear-gradient(135deg,#0B84FF,#22C55E) !important; -webkit-mask:none !important; mask:none !important; margin:0 !important; }
.ps-prose .pv-tag-row{ display:flex; flex-wrap:wrap; gap:8px; }
.ps-prose .pv-tag{ display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#F3F5FB; border:1px solid #E3E8F2; color:#0B1020 !important; font-weight:600; font-size:14px; text-decoration:none !important; }
.ps-prose .pv-tag:hover{ border-color:#0A6FDB; color:#0A6FDB !important; }
.ps-prose .pv-website-btn .wp-block-button__link{ display:inline-flex; align-items:center; min-height:52px; padding:0 24px !important; border-radius:999px !important; background:#05070F !important; color:#FFFFFF !important; border:0 !important; font-weight:700; text-decoration:none !important; }
.ps-prose .wp-block-buttons:not(.pv-website-btn) .wp-block-button__link{ border-radius:999px !important; }

/* donker CTA-blok binnen artikelen (pv-cta-band, in 60 berichten): eigen lichte tekst */
.ps-prose .pv-cta-band{ margin:40px 0 !important; border-radius:24px !important; }
.ps-prose .pv-cta-band h2,.ps-prose .pv-cta-band h3,.ps-prose .pv-cta-band .wp-block-heading{ color:#FFFFFF !important; margin:0 0 12px !important; font-size:26px !important; line-height:1.2 !important; }
.ps-prose .pv-cta-band p,.ps-prose .pv-cta-band li{ color:#DCE2EE !important; font-size:17px; }
.ps-prose .pv-cta-band a:not(.wp-element-button){ color:#FFFFFF !important; }
.ps-prose .pv-cta-band strong{ color:#FFFFFF; }
.ps-prose .pv-cta-band .wp-block-button__link{ border-radius:999px !important; }

/* label "Gehost bij Provisual" op case-kaartjes en case-pagina */
.ps-case-screen,.pv-case-screen{ position:relative; }
.ps-case-screen > .ps-hosted-tag,.pv-case-screen > .ps-hosted-tag{ height:auto !important; width:auto !important; margin:0 !important; }
.ps-hosted-tag{ position:absolute; top:12px; left:12px; z-index:2; display:inline-flex; align-items:center; gap:6px; padding:5px 11px 5px 9px; border-radius:999px; background:rgba(5,7,15,.78); color:#FFFFFF; font-family:var(--ps-body); font-size:12px; font-weight:600; line-height:1.2; letter-spacing:.01em; pointer-events:none; }
.ps-hosted-tag::before,.ps-hosted-badge::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ps-green); box-shadow:0 0 0 3px rgba(74,222,128,.25); flex:none; }
.ps-hosted-badge::before{ animation:none !important; }
.ps-hosted-badge{ color:#BBF7D0 !important; }

/* meer werk / gerelateerd */
.ps-more-sec{ padding:90px 0 110px; }
.ps-more-sec .pv-case-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ps-more-sec .pv-case-tile{ background:#FFFFFF !important; border:1px solid #E3E8F2 !important; border-radius:22px !important; overflow:hidden; box-shadow:none !important; transition:transform .25s ease, box-shadow .25s ease; }
.ps-more-sec .pv-case-tile:hover{ transform:translateY(-4px); box-shadow:0 20px 50px rgba(11,16,32,.08) !important; }
.ps-more-sec .pv-case-title{ font-family:var(--ps-disp); font-size:18px; font-weight:700; margin:0 0 4px; }
.ps-more-sec .pv-case-title a{ color:#0B1020 !important; text-decoration:none !important; }
.ps-more-sec .pv-post-meta{ font-family:var(--ps-mono); font-size:12px; color:#5B6478; }

/* blogoverzicht */
.ps-blog-index{ padding:70px 0 110px; }
.ps-blog-index .pv-cat-filter{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 32px !important; }
.ps-blog-index .pv-cat-pill{ border-radius:999px; background:#FFFFFF; border:1px solid #E3E8F2; color:#3E4757 !important; font-family:var(--ps-body); font-weight:600; padding:9px 16px; }
.ps-blog-index .pv-cat-pill:hover{ border-color:#0A6FDB; color:#0A6FDB !important; }
.ps-blog-index .pv-cat-pill.is-active{ background:#05070F; border-color:#05070F; color:#FFFFFF !important; }
.ps-blog-index .pv-blog-grid-items{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ps-blog-index .pv-load-more-btn{ border-radius:999px !important; background:#05070F !important; color:#FFFFFF !important; border:0 !important; min-height:52px; padding:0 26px !important; font-weight:700; }

/* 404 */
.ps-404{ padding:110px 0 140px; }
.ps-404-n{ font-family:var(--ps-disp); font-size:180px; font-weight:800; letter-spacing:-.06em; line-height:.8; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.35); background:linear-gradient(100deg,transparent 35%,rgba(90,176,255,.6) 45%,rgba(167,139,250,.6) 50%,rgba(74,222,128,.6) 55%,transparent 65%) no-repeat; background-size:250% 100%; -webkit-background-clip:text; background-clip:text; animation:ps-shine404 6s ease-in-out infinite; }
@keyframes ps-shine404{ 0%{ background-position:120% 0; } 60%,100%{ background-position:-20% 0; } }

@media (max-width:1020px){
  .ps-post-title{ font-size:46px !important; }
  .ps-more-sec .pv-case-grid,.ps-blog-index .pv-blog-grid-items{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  .ps-post-hero{ padding-top:52px; }
  .ps-post-title{ font-size:34px !important; overflow-wrap:break-word; hyphens:auto; }
  .ps-post-image{ margin-bottom:-60px !important; }
  .ps-post-hero:has(.wp-block-post-featured-image img) + .ps-prose-sec{ padding-top:110px; }
  .ps-prose p,.ps-prose li{ font-size:17px; }
  .ps-prose h2{ font-size:28px !important; }
  .ps-more-sec .pv-case-grid,.ps-blog-index .pv-blog-grid-items{ grid-template-columns:minmax(0,1fr); }
  .ps-404-n{ font-size:120px; }
}

/* ───────────────────── standaard paginasjabloon (page.html) ───────────────────── */
.ps-page-hero{ padding:80px 0 72px; }
.ps-page-hero-wrap{ display:flex !important; flex-direction:column; align-items:center; text-align:center; max-width:1000px !important; }
.ps-page-hero-wrap > *{ margin:0 !important; }
.ps-page-sec{ padding:72px 0 96px; }
.ps-page-content{ max-width:1160px !important; }
.ps-page-content .wp-block-post-content > *{ margin-top:0 !important; margin-bottom:24px !important; }
.ps-page-content .wp-block-post-content > .wp-block-heading{ margin-top:56px !important; margin-bottom:16px !important; }
.ps-page-content .wp-block-post-content > :first-child{ margin-top:0 !important; }
.ps-page-content .wp-block-post-content > p,
.ps-page-content .wp-block-post-content > ul,
.ps-page-content .wp-block-post-content > ol{ max-width:820px !important; }
.ps-page-content .wp-block-post-content > p:first-child{ font-size:21px; line-height:1.6; color:#0B1020 !important; max-width:860px !important; }
.ps-page-content p,.ps-page-content li{ font-size:17.5px; line-height:1.7; color:#3E4757; }
.ps-page-content h2{ font-size:40px !important; letter-spacing:-.035em !important; line-height:1.1 !important; color:#0B1020 !important; font-weight:800 !important; }
.ps-page-content h3{ font-size:22px !important; letter-spacing:-.02em !important; color:#0B1020; font-weight:700 !important; }
.ps-page-content a:not(.wp-element-button):not(.pv-card):not(.pv-tag):not(.pv-cat-pill){ color:#0A6FDB; text-decoration:underline; text-underline-offset:3px; }
.ps-page-content .pv-card{ border-radius:22px !important; border:1px solid #E3E8F2 !important; box-shadow:none !important; background:#FFFFFF; transition:transform .2s ease, box-shadow .2s ease; }
.ps-page-content a.pv-card:hover{ transform:translateY(-3px); box-shadow:0 16px 40px rgba(11,16,32,.08) !important; }
.ps-page-content .pv-card strong{ font-family:var(--ps-disp); letter-spacing:-.015em; }
.ps-page-content .pv-eyebrow{ font-family:var(--ps-mono) !important; font-size:12px !important; letter-spacing:.1em; color:#0A6FDB !important; }
.ps-page-content .pv-checklist{ list-style:none; padding:0; display:flex; flex-direction:column; gap:10px; }
.ps-page-content .pv-checklist li{ display:block !important; position:relative; padding-left:34px; margin:0; }
.ps-page-content .pv-checklist li::before{ content:"✓" !important; position:absolute; left:0; top:4px; width:22px !important; height:22px !important; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; color:#FFFFFF; background:linear-gradient(135deg,#0B84FF,#22C55E) !important; -webkit-mask:none !important; mask:none !important; margin:0 !important; }
.ps-page-content .wp-block-button__link{ border-radius:999px !important; }
.ps-page-content .pv-btn-primary .wp-block-button__link{ background:#05070F !important; color:#FFFFFF !important; box-shadow:none !important; }
.ps-page-content .pv-btn-ghost .wp-block-button__link{ background:transparent !important; color:#0B1020 !important; border:1px solid rgba(11,16,32,.2) !important; }
/* donker CTA-blok in de inhoud blijft leesbaar */
.ps-page-content .pv-cta-band{ border-radius:24px !important; margin-top:48px !important; }
.ps-page-content .pv-cta-band h2,.ps-page-content .pv-cta-band h3,.ps-page-content .pv-cta-band .wp-block-heading{ color:#FFFFFF !important; margin:0 0 12px !important; font-size:28px !important; }
.ps-page-content .pv-cta-band p{ color:#DCE2EE !important; }
.ps-page-content .pv-cta-band a:not(.wp-element-button){ color:#FFFFFF !important; }
.ps-page-content .pv-cta-band .wp-block-button__link{ background:#FFFFFF !important; color:#05070F !important; }
@media (max-width:600px){
  .ps-page-hero{ padding:52px 0 48px; }
  .ps-page-content h2{ font-size:30px !important; }
  .ps-page-content .wp-block-post-content > p:first-child{ font-size:19px; }
}

/* ───────────────────── lichte varianten (nov 2026: "wat minder donker") ───────────────────── */
.ps-light.ps-white{ background:#FFFFFF; }
.ps-marquee-sec + .ps-light{ border-top:0; }
.ps-light .ps-statement{ color:#B4BCCB !important; }
.ps-light .ps-statement strong{ color:#0B1020; }
.ps-light .ps-statement em,
.ps-light .ps-sec-h em.ps-grad{ background:linear-gradient(90deg,#0A6FDB,#7C5CFF 50%,#159A48); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ps-light .ps-bento-sec,.ps-bento-sec.ps-light{ padding-top:110px; }
/* donkere tegel op lichte achtergrond */
.ps-sec .ps-tile-dark{ background:#0B1020; border-color:#0B1020; box-shadow:0 30px 60px rgba(11,16,32,.12); }
.ps-sec .ps-tile-dark p{ color:var(--ps-soft) !important; }
.ps-sec .ps-tile-dark .ps-eyebrow{ color:var(--ps-blue) !important; }
.ps-light .ps-tile-blue{ box-shadow:0 30px 60px rgba(11,132,255,.22); }
.ps-light .ps-tile-white{ border:1px solid #E3E8F2; box-shadow:0 1px 2px rgba(11,16,32,.04); }
.ps-light .ps-tile:hover{ border-color:#C9D6EE; }
.ps-light .ps-tile-dark:hover{ border-color:#0B1020; }
.ps-light .ps-stat{ background:#FFFFFF; border-color:#E3E8F2; }
.ps-light .ps-stat-l{ color:#5B6478 !important; }
.ps-light .ps-stat:nth-child(1) .ps-stat-n{ color:#0A6FDB !important; }
.ps-light .ps-stat:nth-child(2) .ps-stat-n{ color:#7C5CFF !important; }
.ps-light .ps-stat:nth-child(3) .ps-stat-n{ color:#D48806 !important; }
.ps-light .ps-stat:nth-child(4) .ps-stat-n{ color:#159A48 !important; }
/* cases op licht */
.ps-light .ps-case{ background:#FFFFFF; border-color:#E3E8F2; }
.ps-light .ps-case:hover{ border-color:#C9D6EE; box-shadow:0 20px 50px rgba(11,16,32,.08); }
.ps-light .ps-case-screen{ background:#EEF2F8; }
.ps-light .ps-case-title a{ color:#0B1020 !important; }
.ps-light .ps-case-meta,.ps-light .ps-case-meta a{ color:#5B6478 !important; }
.ps-light .ps-btn-ghost .wp-block-button__link{ background:transparent !important; color:#0B1020 !important; border-color:rgba(11,16,32,.2) !important; }
/* over-sectie op wit: foto-label */
.ps-white .ps-portrait-tag{ box-shadow:0 14px 40px rgba(11,16,32,.16); }
.ps-white .ps-score{ background:#F3F5FB; box-shadow:none; }

/* ───────────────────── responsief ───────────────────── */
@media (max-width:1100px){
  .ps-c1,.ps-c3{ left:-16px; } .ps-c2,.ps-c4{ right:-16px; }
}
@media (max-width:1020px){
  .ps-sec{ padding:90px 0; }
  .ps-hero-h{ font-size:68px !important; } .ps-cta-h{ font-size:56px !important; }
  .ps-sec-h{ font-size:44px !important; } .ps-statement{ font-size:44px !important; }
  .ps-bento{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-span2,.ps-span3,.ps-span4,.ps-span4.ps-stats{ grid-column:1 / -1; }
  .ps-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-about,.ps-split,.ps-steps{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .ps-about .ps-portrait{ max-width:340px; }
  .ps-cases .wp-block-post-template{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ps-blog-sec .pv-case-grid{ grid-template-columns:minmax(0,1fr); }
  .ps-chip{ display:none; }
  .ps-marquee-track{ font-size:40px; }
}
@media (max-width:600px){
  .ps-sec{ padding:72px 0; }
  .ps-wrap{ padding:0 20px; }
  .ps-hero{ padding:56px 0 72px; }
  .ps-hero-h{ font-size:48px !important; } .ps-cta-h{ font-size:42px !important; }
  .ps-sec-h{ font-size:36px !important; } .ps-statement{ font-size:32px !important; }
  .ps-lead{ font-size:18px !important; }
  .ps-badge{ font-size:12px !important; }
  .ps-badge-pre{ display:none; }
  .ps-btns .wp-block-button,.ps-btns .wp-block-button__link{ width:100%; justify-content:center; }
  .ps-tile{ padding:22px; } .ps-tile h3{ font-size:26px !important; }
  .ps-stat-n{ font-size:36px !important; }
  .ps-step-n{ font-size:64px !important; }
  .ps-cases .wp-block-post-template{ grid-template-columns:minmax(0,1fr) !important; }
  .ps-frame .pv-console > div:nth-child(2) > div:first-child{ grid-template-columns:1fr 1fr !important; }
  .ps-frame .pv-stat-n{ font-size:24px !important; }
  .ps-marquee-track{ font-size:32px; gap:24px; }
  .ps-statement-sec{ padding:80px 0 64px; }
  /* cases, reviews en blogkaarten: veegrij i.p.v. lange stapel */
  .ps-cases .wp-block-post-template,
  .ps-reviews,
  .ps-blog-sec .pv-case-grid{
    display:flex !important; grid-template-columns:none !important; columns:auto;
    overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    gap:12px !important; margin-left:-20px !important; margin-right:-20px !important;
    padding:0 20px 10px !important; scroll-padding-left:20px; scrollbar-width:none;
    width:auto !important; max-width:none !important;
  }
  .ps-cases .wp-block-post-template::-webkit-scrollbar,
  .ps-reviews::-webkit-scrollbar,
  .ps-blog-sec .pv-case-grid::-webkit-scrollbar{ display:none; }
  .ps-cases .wp-block-post-template > li,
  .ps-reviews > *,
  .ps-blog-sec .pv-case-grid > *{ flex:0 0 82% !important; max-width:82%; scroll-snap-align:start; margin:0 !important; }
  .ps-review{ transition:none; }
  .ps-bento-sec{ padding-bottom:80px; }
  .ps-cta-sec{ padding:90px 0; }
}
@media (prefers-reduced-motion:reduce){
  .ps-main *,.ps-main *::before,.ps-main *::after,
  .home main *,.home main *::before,.home main *::after{ animation:none !important; }
  .ps-frame .pv-console-log > div{ opacity:1; }
  .ps-draw{ stroke-dashoffset:0; }
}

/* cases-overzichtspagina op mobiel: gewoon onder elkaar (geen veegrij zoals op de homepage) */
@media (max-width:600px){
  .ps-cases-page .ps-cases .wp-block-post-template{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; overflow:visible !important; margin:0 !important; padding:0 !important; width:auto !important; gap:16px !important; }
  .ps-cases-page .ps-cases .wp-block-post-template > li{ flex:none !important; max-width:none !important; }
}