/* == fonts.min.css == */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:100%;src:url(../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1sxxcI4HwBQ.woff2?v=cb20260608) format('woff2-variations'),url(../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1sxxcI4HwBQ.woff2?v=cb20260608) format('woff2')}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:optional;src:url(../fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJ8lJPheIV.woff2?v=cb20260702) format('woff2')}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:optional;src:url(../fonts/-F6qfjptAgt5VM-kVkqdyU8n3vAO8lJPheIV.woff2?v=cb20260702) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:100 1000;font-display:swap;ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:100%;src:url(../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIq15j8eUY.woff2?v=cb20260608) format('woff2-variations'),url(../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIq15j8eUY.woff2?v=cb20260608) format('woff2')}@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:optional;src:url(../fonts/jizBRFtNs2ka5fXjeivQ4LroWlx-2zcZiVbJ.woff2?v=cb20260702) format('woff2')}@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:optional;src:url(../fonts/jizHRFtNs2ka5fXjeivQ4LroWlx-6zATjnTLgNs.woff2?v=cb20260702) format('woff2')}
/* == base.min.css == */
:root{--color-bg:#f0eee9;--color-bg-paper:#f0eee9;--color-bg-soft:#d3dde7;--color-bg-cream:#f0eee9;--color-ink:#17184b;--color-ink-soft:#273287;--color-text:#17184b;--color-text-soft:#273287;--color-text-muted:#273287;--color-link:#273287;--color-border:#d3dde7;--color-border-light:#d3dde7;--color-border-strong:#273287;--color-border-dark:#17184b;--color-border-cool:#d3dde7;--color-lime:#d8e63c;--color-lime-2:#d8e63c;--color-lime-soft:#d8e63c;--color-lime-ink:#17184b;--color-matcha:#d8e63c;--color-matcha-mid:#d8e63c;--color-matcha-deep:#273287;--color-blue:#273287;--color-blue-soft:#d3dde7;--color-warm:#d6b4fc;--color-warm-soft:#d6b4fc;--color-ok:#273287;--color-ok-soft:#d3dde7;--color-warn:#d8e63c;--color-warn-soft:#d8e63c;--color-low:#d6b4fc;--color-low-soft:#d6b4fc;--swatch-matcha-300:#d8e63c;--swatch-matcha-600:#273287;--swatch-matcha-800:#17184b;--swatch-slushie-500:#d3dde7;--swatch-slushie-800:#273287;--swatch-lemon-400:#d8e63c;--swatch-lemon-500:#d8e63c;--swatch-lemon-700:#273287;--swatch-lemon-800:#17184b;--swatch-ube-300:#d6b4fc;--swatch-ube-800:#273287;--swatch-ube-900:#17184b;--swatch-pomegranate-400:#d6b4fc;--swatch-blueberry-800:#273287;--badge-blue-bg:var(--color-blue-soft);--badge-blue-text:var(--color-blue);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:104px;--space-10:144px;--r-sharp:4px;--r-sm:10px;--r-badge:99px;--r-card:14px;--r-feature:22px;--r-section:32px;--r-pill:9999px;--shadow-sm:0 1px 2px rgba(23,24,75,.04),0 2px 6px rgba(23,24,75,.04);--shadow-clay-soft:0 1px 2px rgba(23,24,75,.05),0 12px 30px rgba(23,24,75,.06);--shadow-clay:0 8px 24px -8px rgba(23,24,75,.08),0 2px 6px rgba(23,24,75,.04);--shadow-hard:-6px 6px 0 rgba(23,24,75,.95);--shadow-hard-soft:0 18px 50px rgba(23,24,75,.10);--shadow-lg:0 32px 60px -22px rgba(23,24,75,.18),0 8px 24px -10px rgba(23,24,75,.08);--focus-ring:2px solid var(--color-blue);--font-display:"Inter","Inter Tight",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--font-mono:"IBM Plex Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--font-feat-display:"ss01","ss03";--font-feat-body:"ss03"}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-feature-settings:var(--font-feat-body);font-size:16px;line-height:1.5;letter-spacing:-.005em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='.85' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/></svg>");opacity:.025;mix-blend-mode:multiply}.site-header,main,.site-footer{position:relative;z-index:2}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}h1,h2,h3,h4{margin:0 0 var(--space-4);font-family:var(--font-display);font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--color-ink)}h1{font-size:clamp(40px,6.4vw,80px);line-height:.96;letter-spacing:-.035em;font-weight:900}.h-display-2{font-size:clamp(36px,4.4vw,60px);line-height:1;letter-spacing:-.04em}h2{font-size:clamp(30px,3.6vw,52px);line-height:1.04;letter-spacing:-.025em;font-weight:900}h3{font-size:22px;line-height:1.18;letter-spacing:-.02em;font-weight:900}h4{font-size:18px;font-weight:900;line-height:1.3;letter-spacing:-.01em}em.serif,h1 em,h2 em,h3 em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.005em;color:var(--color-ink)}em.lime{position:relative;display:inline-block}em.lime::before{content:"";position:absolute;left:-4px;right:-4px;bottom:6%;height:38%;background:var(--color-lime);z-index:-1;border-radius:4px;transform:skewX(-3deg)}p{margin:0 0 var(--space-5);letter-spacing:-.005em}p:last-child{margin-bottom:0}ul,ol{margin-top:0}button,input,select,textarea{font:inherit}::selection{background:var(--color-lime);color:var(--color-ink)}.container{width:min(1280px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(840px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--color-lime);color:var(--color-ink);padding:10px 14px;border:1px solid var(--color-ink);border-radius:var(--r-card);font-weight:700}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:var(--space-9) 0}.section-tight{padding:var(--space-8) 0}.section-cream{background:var(--color-bg)}.section-paper{background:var(--color-bg-paper)}.section-matcha{background:var(--color-matcha);color:var(--swatch-matcha-800)}.section-matcha-deep{background:var(--swatch-matcha-800);color:var(--color-bg)}.section-matcha-deep h1,.section-matcha-deep h2,.section-matcha-deep h3,.section-matcha-deep h4{color:var(--color-bg)}.section-slushie{background:var(--color-blue-soft);color:var(--color-blue)}.section-slushie-deep{background:var(--color-blue);color:var(--color-bg)}.section-slushie-deep h1,.section-slushie-deep h2,.section-slushie-deep h3,.section-slushie-deep h4{color:var(--color-bg)}.section-lemon{background:var(--swatch-lemon-400);color:var(--swatch-lemon-800)}.section-ube{background:var(--swatch-ube-300);color:var(--swatch-ube-900)}.section-ube-deep{background:var(--swatch-ube-800);color:var(--color-bg)}.section-ube-deep h1,.section-ube-deep h2,.section-ube-deep h3,.section-ube-deep h4{color:var(--color-bg)}.section-pomegranate{background:var(--swatch-pomegranate-400);color:#4a0c0e}.section-ink{background:var(--color-ink);color:var(--color-bg)}.section-ink h1,.section-ink h2,.section-ink h3,.section-ink h4{color:var(--color-bg)}.section-heading{display:grid;gap:var(--space-3);max-width:820px;margin-bottom:var(--space-7)}.section-heading h2{margin:0}.section-heading.is-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:var(--space-7);max-width:none;align-items:end}.section-heading.is-split p{max-width:460px;margin-left:auto;font-size:17px;color:var(--color-text-soft)}.section-heading.is-split h2{letter-spacing:-.025em}@media (max-width:880px){.section-heading.is-split{grid-template-columns:1fr;gap:var(--space-4)}.section-heading.is-split p{margin-left:0}}[class*="section-matcha"] .section-heading.is-split p,[class*="section-slushie"] .section-heading.is-split p,[class*="section-ube"] .section-heading.is-split p,[class*="section-lemon"] .section-heading.is-split p{color:inherit;opacity:.82}.section-ink .section-heading.is-split p{color:rgba(240,238,233,.72)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:0;font-family:var(--font-display);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink)}.eyebrow::before{content:"";width:24px;height:2px;background:var(--color-ink);border-radius:2px}.section-ink .eyebrow,.section-matcha-deep .eyebrow,.section-slushie-deep .eyebrow,.section-ube-deep .eyebrow{color:rgba(240,238,233,.92)}.section-ink .eyebrow::before,.section-matcha-deep .eyebrow::before,.section-slushie-deep .eyebrow::before,.section-ube-deep .eyebrow::before{background:rgba(240,238,233,.92)}.section-matcha .eyebrow{color:var(--swatch-matcha-800)}.section-matcha .eyebrow::before{background:var(--swatch-matcha-800)}.section-slushie .eyebrow{color:var(--color-blue)}.section-slushie .eyebrow::before{background:var(--color-blue)}.section-ube .eyebrow{color:var(--swatch-ube-900)}.section-ube .eyebrow::before{background:var(--swatch-ube-900)}.section-lemon .eyebrow{color:var(--swatch-lemon-800)}.section-lemon .eyebrow::before{background:var(--swatch-lemon-800)}.muted{color:var(--color-text-muted)}.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.5;letter-spacing:-.005em;color:var(--color-text-soft)}.section-ink .lead,.section-matcha-deep .lead,.section-ube-deep .lead,.section-slushie-deep .lead{color:rgba(240,238,233,.82)}.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;color:var(--color-link);border-bottom:1px solid currentColor;padding-bottom:1px;transition:gap 160ms ease}.text-link:hover{gap:10px}.text-link::after{content:"→";font-weight:500}@keyframes motionChildIn{0%{opacity:0;transform:translate3d(0,28px,0) scale(.985);filter:blur(8px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}@keyframes motionHighlightIn{from{background-size:0 100%}to{background-size:100% 100%}}[data-reveal]{opacity:1;transform:none}.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,var(--motion-y,32px),0) scale(.985);filter:blur(8px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--motion-delay,0ms);will-change:opacity,transform,filter}.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.motion-ready .motion-child{opacity:0;transform:translate3d(0,28px,0) scale(.985);filter:blur(8px)}.motion-ready .is-visible>.motion-child,.motion-ready .motion-child.is-visible{animation:motionChildIn .82s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--motion-delay,0ms)}.motion-ready:is(h1,h2) em{background-repeat:no-repeat;background-size:0 100%}.motion-ready .is-visible:is(h1,h2) em,.motion-ready .hero-copy.is-visible h1 em{animation:motionHighlightIn .72s cubic-bezier(.16,1,.3,1) .22s both}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.motion-child{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;animation:none !important}}:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:4px}
/* == components.min.css == */
/* ============================================================
   Citeerbaar — Components (Cloud Dancer color system)
============================================================ */

/* ============================================================
   Header
============================================================ */
.site-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  background: rgba(240,238,233,.82);
  border-bottom: 1px solid var(--color-border);
}
.header-inner {
  display: flex; align-items: center; justify-content: space-between;
  height: 72px; gap: 18px;
}

.brand {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--color-ink);
  font-weight: 800; letter-spacing: -.01em; font-size: 17px;
}
.brand-mark {
  width: 34px; height: 34px; border-radius: 10px;
  background: var(--color-ink); position: relative; flex-shrink: 0;
  box-shadow: 0 8px 16px -8px rgba(23,24,75,.4);
  font-size: 0;
}
.brand-mark::before {
  content: ""; position: absolute; inset: 8px;
  border: 2.4px solid var(--color-lime); border-right-color: transparent;
  border-radius: 50%;
}
.brand-mark::after {
  content: ""; position: absolute; right: 6px; top: 11px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--color-lime);
}
.brand-name {
  font-size: 17px; font-weight: 800; letter-spacing: -.01em;
  color: var(--color-ink);
}
.brand-logo {
  display: block; height: 46px; width: auto; max-width: 100%;
  user-select: none; -webkit-user-drag: none;
}
.primary-nav-brand .brand-logo { height: 40px; }
@media (max-width: 768px) {
  .brand-logo { height: 36px; }
}

.primary-nav { display: flex; align-items: center; gap: 18px; }
.menu {
  display: flex; gap: 2px; list-style: none; padding: 0; margin: 0;
}
.menu a {
  display: inline-block; padding: 9px 14px; border-radius: 10px;
  color: var(--color-text); font-size: 14px; font-weight: 500;
  text-decoration: none; transition: background .15s, color .15s;
}
.menu a:hover { background: var(--color-bg-paper); color: var(--color-ink); }
.menu .current-menu-item > a,
.menu .current_page_item > a {
  background: transparent; color: var(--color-blue);
}

.nav-toggle {
  display: none; width: 40px; height: 40px;
  background: var(--color-bg-soft); border: 0;
  border-radius: 10px; cursor: pointer; padding: 0;
  position: relative;
}
.nav-toggle span:not(.sr-only) {
  display: block; width: 16px; height: 1.6px; background: var(--color-ink);
  margin: 4px auto; transition: .2s;
}

@media (max-width: 880px) {
  .nav-toggle { display: block; }
  .primary-nav .menu {
    position: absolute; top: 72px; left: 0; right: 0;
    flex-direction: column; padding: 16px 24px;
    background: var(--color-bg-paper);
    border-bottom: 1px solid var(--color-border);
    display: none;
  }
  .primary-nav.is-open .menu { display: flex; }
}

/* ============================================================
   Buttons
============================================================ */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 58px;
  padding: 0 30px; border-radius: 10px;
  font-weight: 900; font-size: 15.5px;
  border: 0; cursor: pointer;
  justify-content: center;
  text-decoration: none; line-height: 1; white-space: nowrap;
  transition: transform .22s cubic-bezier(.16, 1, .3, 1), background .2s, color .2s;
}
.btn:hover { transform: translateY(-3px) scale(1.015); }
.btn:active { transform: translateY(0); }

.btn-primary {
  background: var(--color-lime); color: var(--color-ink);
  box-shadow: none;
}
.btn-primary:hover {
  background: var(--color-lime);
  box-shadow: none;
}

.btn-secondary {
  background: rgba(240,238,233,.9); color: var(--color-ink);
  box-shadow: none;
}
.btn-secondary:hover {
  background: var(--color-bg-paper);
}

.btn-ghost {
  background: transparent; color: var(--color-ink);
  box-shadow: none;
}
.btn-ghost:hover {
  background: var(--color-bg-paper);
}

.btn-lime {
  background: var(--color-lime); color: var(--color-ink);
  box-shadow: none;
}
.btn-lime:hover {
  background: var(--color-lime);
  box-shadow: none;
}

.section-ink .btn-secondary,
.section-matcha-deep .btn-secondary,
.section-ube-deep .btn-secondary,
.section-slushie-deep .btn-secondary {
  background: rgba(240,238,233,.12); color: var(--color-bg);
}
.section-ink .btn-secondary:hover,
.section-matcha-deep .btn-secondary:hover,
.section-ube-deep .btn-secondary:hover,
.section-slushie-deep .btn-secondary:hover {
  background: rgba(240,238,233,.18);
}
.section-ink .btn-primary { background: var(--color-lime); color: var(--color-ink); }
.section-ink .btn-primary:hover { background: var(--color-lime); }

.btn-sm,
.btn-lg {
  min-height: 58px;
  padding: 0 30px;
  font-size: 15.5px;
  border-radius: 10px;
}

.button-row {
  display: flex; gap: 12px; flex-wrap: wrap; align-items: center;
  margin-top: var(--space-5);
}

/* ============================================================
   Post-CTA (in blog/knowledge artikelen, na de body)
   ============================================================ */
.post-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 36px 40px;
  background: var(--color-bg-paper, #f0eee9);
  border-radius: 14px;
  margin: 56px 0;
}
.post-cta-body { flex: 1 1 60%; min-width: 0; }
.post-cta-body > :first-child { margin-top: 0; }
.post-cta-body > :last-child { margin-bottom: 0; }
.post-cta-body h2,
.post-cta-body h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0 0 10px;
}
.post-cta-body p { margin: 0; color: rgba(13,19,44,.78); }
.post-cta .btn { flex-shrink: 0; white-space: nowrap; }
.post-cta.is-accent {
  background: rgba(216,230,60,.18);
  border: 1px solid rgba(216,230,60,.4);
}
@media (max-width: 720px) {
  .post-cta {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 28px;
  }
  .post-cta .btn { align-self: flex-start; }
}
/* Underline weg op buttons in post-cta + alle entry-content buttons */
.entry-content .post-cta .btn,
.post-cta .btn,
.entry-content a.btn { text-decoration: none; }
/* Is-accent secondary button: blue bg + witte tekst */
.post-cta.is-accent .btn-secondary,
.post-cta.is-accent .btn-secondary:hover {
  background: var(--color-blue, #273287); color: #fff;
}
/* Primary button in post-cta: forceer ink (zwart) op de lime ondergrond,
   anders erft hij entry-content link-color (blue) */
.entry-content .post-cta .btn-primary,
.post-cta .btn-primary,
.post-cta .btn-primary:hover {
  color: var(--color-ink, #0d132c);
}

/* ============================================================
   Blockquote in blog/knowledge content - Citeerbaar quote-mark stijl
   ============================================================ */
.entry-content blockquote {
  margin: 36px 0;
  padding: 28px 36px;
  background: rgba(216, 230, 60, 0.10);
  border-left: 4px solid var(--color-lime, #d8e63c);
  border-radius: 14px;
  font-style: normal;
}
.entry-content blockquote::before {
  content: '';
  display: block;
  width: 56px; height: 42px;
  margin: 0 0 14px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='100 130 280 215'><g fill-rule='evenodd' fill='%23d8e63c'><path d='M195.4,138.1l2.6,2.1-.2,16.6-.3,16.7-8.5,4.2c-9.6,4.7-15,9.9-19.2,18.5-2.4,5-5.5,18.4-4.5,19.5.3.2,11.8.6,25.5.7,28.1.4,29.6.7,33.7,7.6,1.9,3.4,2,5,2,52.5s.2,53.1-6.8,57.4c-3.4,2.1-4.4,2.1-54.9,2.1h-51.5l-3.4-2.3c-7-4.7-6.9-3.5-6.9-59.2s.3-51.9,1.5-59c3.7-22.5,10.3-36.4,23.8-50.3,14.2-14.5,30.3-23.5,49.7-27.6,9.6-2.1,14.3-2,17.4.5'/><path d='M337.8,137.6c2.1,1.5,2.2,2.1,2.2,18.4s-.3,17.1-1.6,18.4c-.8.9-2,1.6-2.6,1.6s-3.3,1.2-6.2,2.6c-6,3-12.7,9.2-16.1,14.9-3.1,5.4-5.7,14.6-5.3,19.1l.3,3.6h24c23.2-.3,24.2-.2,28.5,2,2.6,1.4,5.3,3.7,6.5,5.8,1.9,3.4,2,5.1,2,52.5s-.2,49.2-1.9,52c-1,1.6-3,3.9-4.4,5-2.6,1.9-4.5,2-54.2,2.3-35.7.2-52.3-.1-54.1-.8-1.5-.7-4-2.5-5.5-4.1l-2.9-3-.3-54.7c-.3-58.6-.1-62.1,5-76.7,10.1-29.1,35.8-51.1,68.3-58.5,10.1-2.3,15.4-2.4,18.3-.4'/></g></svg>") no-repeat left center / contain;
}
.entry-content blockquote,
.entry-content blockquote p,
.entry-content blockquote p em,
.entry-content blockquote p i {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-style: normal !important;
  font-variant: normal !important;
}
.entry-content blockquote p {
  margin: 0;
  font-size: 1.25rem; line-height: 1.5;
  color: var(--color-ink); font-weight: 500;
  letter-spacing: -.005em;
}
.entry-content blockquote p + p { margin-top: 10px; }
/* Verberg redundante typografische aanhalingstekens, we hebben de SVG quote-marks al */
.entry-content blockquote p::first-letter { /* niets - just selector reference */ }
@media (max-width: 720px) {
  .entry-content blockquote { padding: 24px 24px; }
  .entry-content blockquote::before { width: 44px; height: 32px; }
}

/* ============================================================
   Load-more wrap (blog archive) - extra ruimte boven
   ============================================================ */
.load-more-wrap {
  margin-top: 80px;
  text-align: center;
}

/* ============================================================
   Werkwijze process: heading mag breder (anders propt 'Van scan tot live...')
   ============================================================ */
.section-werkwijze-process .section-heading.is-split {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
}

/* ============================================================
   Section-home-blogs - 3 laatste posts op licht-blauw
   ============================================================ */
.section-home-blogs {
  background: var(--color-blue-ice, #d3dde7);
  padding: 72px 0 80px;
}
.section-home-blogs .section-heading {
  margin-bottom: 36px;
  gap: 10px;
}
.section-home-blogs .section-heading .eyebrow,
.section-home-blogs .section-heading h2 {
  margin: 0;
}
.section-home-blogs .feature-grid { margin-bottom: 36px; }
.section-home-blogs .feature-card.has-image {
  background: var(--color-bg-paper, #f0eee9);
}
.section-home-blogs .home-blogs-footer {
  text-align: center;
  margin-top: 12px;
}

/* ============================================================
   Section-home-cases - cases op donkere homepage-band
   ============================================================ */
.section-home-cases {
  background: var(--color-ink);
  color: var(--color-bg);
  padding: clamp(76px, 8vw, 112px) 0;
}
.section-home-cases .section-heading {
  margin-bottom: 36px;
}
.section-home-cases .section-heading .eyebrow,
.section-home-cases .section-heading h2 {
  color: var(--color-bg);
  margin: 0;
}
.section-home-cases .section-heading.is-split p {
  color: rgba(240,238,233,.72);
}
.section-home-cases .feature-grid {
  margin-bottom: 36px;
}
.section-home-cases .feature-card.has-image {
  background: var(--color-bg);
  border: 2px solid rgba(240,238,233,.18);
  box-shadow: -6px 6px 0 rgba(216,230,60,.72);
}
.section-home-cases .feature-card.has-image:hover {
  border-color: var(--color-lime);
  box-shadow: -9px 9px 0 rgba(216,230,60,.9);
}
.section-home-cases .feature-card-media {
  aspect-ratio: 16 / 9;
  border-bottom: 2px solid var(--color-ink);
}
.section-home-cases .feature-card.has-image .feature-card-body {
  gap: 14px;
}
.section-home-cases .case-meta {
  color: rgba(16,17,39,.72);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.section-home-cases .case-meta .dot {
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 4px rgba(216,230,60,.24);
}
.section-home-cases .feature-card h3 {
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(25px, 2vw, 34px);
  line-height: 1;
}
.section-home-cases .feature-card-body > p:not(.u-mt-16) {
  flex: 1;
}
.section-home-cases .home-cases-footer {
  text-align: center;
  margin-top: 12px;
}

/* ============================================================
   Hero (homepage with lime gradient)
============================================================ */
.hero {
  position: relative;
  padding: clamp(100px, 12vw, 180px) 0 clamp(100px, 12vw, 180px);
  background: var(--color-bg-cream);
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
  min-height: clamp(560px, 70vh, 760px);
}
/* Hero with background image (cover) */
.hero.hero-bg {
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}
/* Scrim for readability — strong cream from left, lime gloss top-right */
.hero.hero-bg::before {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(92deg,
      rgba(240,238,233,.98) 0%,
      rgba(240,238,233,.94) 30%,
      rgba(240,238,233,.78) 44%,
      rgba(240,238,233,.35) 58%,
      rgba(240,238,233,0) 72%),
    radial-gradient(closest-side at 88% 25%, rgba(216, 230, 60, .34), transparent 55%);
  pointer-events: none; z-index: 1;
}
.hero.hero-bg::after {
  content: ""; position: absolute; bottom: -20%; left: -8%;
  width: 50%; height: 90%;
  background: radial-gradient(closest-side, rgba(216, 230, 60, .18), transparent 70%);
  filter: blur(30px);
  pointer-events: none; z-index: 1;
}
/* Default (non-bg) hero gradient fallback */
.hero:not(.hero-bg)::before {
  content: ""; position: absolute; top: -15%; right: -10%;
  width: 70%; height: 140%;
  background: radial-gradient(closest-side, rgba(216, 230, 60, .55), transparent 72%);
  filter: blur(20px);
  pointer-events: none; z-index: 0;
}
.hero > * { position: relative; z-index: 2; }

.hero-grid {
  display: grid; grid-template-columns: minmax(0, 600px) 1fr;
  gap: 60px; align-items: center;
}
.hero.hero-bg .hero-grid {
  grid-template-columns: minmax(0, 600px);
  max-width: 1280px;
}
@media (max-width: 980px) {
  .hero-grid,
  .hero.hero-bg .hero-grid { grid-template-columns: 1fr; gap: 40px; }
}

.hero-copy h1 {
  margin-bottom: var(--space-5);
  max-width: 18ch;
  text-shadow: 0 1px 0 rgba(240,238,233,.4);
}
.hero-copy .lead { text-shadow: 0 1px 0 rgba(240,238,233,.4); }
.hero-copy h1 em {
  display: inline;
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 900;
  color: var(--color-ink-soft);
  background: linear-gradient(0deg, var(--color-lime) 0 42%, transparent 42%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-inline: .04em;
}
.hero-copy .lead { margin-bottom: var(--space-6); max-width: 56ch; }
.hero-copy .button-row { margin-top: var(--space-6); }

.badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px 6px 8px;
  border-radius: 99px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  font-size: 13px; font-weight: 500;
  color: var(--color-text-soft);
  margin-bottom: var(--space-5);
  box-shadow: var(--shadow-sm);
}
.badge .dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--color-lime);
  box-shadow: 0 0 0 4px rgba(216,230,60,.3);
}

.proof-line {
  display: flex; align-items: center; gap: 18px;
  margin: var(--space-5) 0 0;
  color: var(--color-text-muted); font-size: 13.5px;
  flex-wrap: wrap;
}
.proof-line strong { color: var(--color-ink); font-weight: 600; }

/* ============================================================
   Hero Report Card
============================================================ */
.hero-report {
  position: relative;
  background: var(--color-bg-paper);
  border: 1.5px solid var(--color-ink);
  border-radius: var(--r-feature);
  padding: 24px;
  box-shadow: var(--shadow-hard);
}
.hero-report::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-border-strong), transparent);
}

.report-head {
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 14px; border-bottom: 1px dashed var(--color-border);
}
.report-head .report-label {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0;
  font-family: var(--font-display);
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .12em; color: var(--color-ink);
}
.report-head .report-label::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--color-lime);
  box-shadow: 0 0 0 3px rgba(216,230,60,.25);
}
.report-head .report-id {
  margin-left: auto;
  font-family: var(--font-mono); font-size: 11px;
  color: var(--color-text-muted);
}

.report-overall {
  display: flex; align-items: center; gap: 18px;
  padding: 22px 0 16px;
}
.report-overall .score-num {
  font-size: 64px; font-weight: 800; letter-spacing: -.04em;
  line-height: 1; color: var(--color-ink);
  font-feature-settings: "tnum";
}
.report-overall .score-num sup { font-size: 18px; color: var(--color-text-muted); font-weight: 500; }
.report-overall .score-meta { display: flex; flex-direction: column; gap: 6px; }
.report-overall .score-tag {
  display: inline-flex; align-items: center; gap: 6px;
  width: max-content;
  padding: 4px 10px; border-radius: 99px;
  background: var(--color-lime-soft); color: var(--color-lime-ink);
  border: 1px solid var(--color-lime-2);
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase;
}
.report-overall .score-note {
  margin: 0; font-size: 13px; line-height: 1.5;
  color: var(--color-text-soft); max-width: 30ch;
}

.report-bars {
  list-style: none; padding: 14px 0 0; margin: 0;
  display: flex; flex-direction: column; gap: 9px;
  border-top: 1px solid var(--color-border);
}
.report-bars li {
  display: grid; grid-template-columns: 96px 1fr 32px;
  gap: 12px; align-items: center;
  font-size: 13px;
}
.report-bars .bar-label { color: var(--color-text-soft); }
.report-bars .bar-track {
  height: 8px; background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  border-radius: 99px; overflow: hidden;
  display: block;
}
.report-bars .bar-fill {
  display: block; height: 100%;
  background: var(--color-matcha-deep);
  border-radius: 99px;
  transition: width .8s ease;
}
.report-bars .bar-low .bar-fill { background: var(--color-low); }
.report-bars .bar-mid .bar-fill { background: var(--color-warn); }
.report-bars .bar-value {
  font-weight: 700; text-align: right;
  font-feature-settings: "tnum";
  color: var(--color-ink);
}
.report-bars .bar-low .bar-value { color: var(--color-low); }
.report-bars .bar-mid .bar-value { color: var(--color-warn); }

.report-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 14px; margin-top: 14px;
  border-top: 1px dashed var(--color-border);
  color: var(--color-text-muted); font-size: 11.5px;
  font-family: var(--font-mono);
}

/* ============================================================
   Page Hero (inner pages)
============================================================ */
.page-hero {
  position: relative;
  padding: var(--space-8) 0 var(--space-6);
  background: linear-gradient(180deg, var(--color-bg-cream) 0%, var(--color-bg) 100%);
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}
.page-hero::before {
  content: ""; position: absolute; top: -15%; right: -10%;
  width: 55%; height: 130%;
  background: radial-gradient(closest-side, rgba(216,230,60,.45), transparent 72%);
  filter: blur(30px); pointer-events: none; z-index: 0;
}
.page-hero > * { position: relative; z-index: 2; }
.page-hero h1 {
  font-size: clamp(36px, 5.4vw, 64px);
  margin-bottom: var(--space-4);
}
.page-hero .lead {
  font-size: clamp(17px, 1.6vw, 19px);
  max-width: 56ch; margin-bottom: var(--space-6);
}

.page-hero-grid {
  display: grid; grid-template-columns: 1.2fr 1fr;
  gap: 60px; align-items: center;
}
@media (max-width: 980px) {
  .page-hero-grid { grid-template-columns: 1fr; gap: 40px; }
}

/* ============================================================
   Trust strip
============================================================ */
.trust-strip {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 18px 44px; padding: var(--space-6) 0;
  align-items: center;
  border-top: 1px solid var(--color-border);
  margin-top: var(--space-7);
  font-size: 14px; color: var(--color-text-soft);
}

/* ============================================================
   Metric Strip
============================================================ */
.metric-strip {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 18px; margin-top: var(--space-6);
}
@media (max-width: 980px) { .metric-strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .metric-strip { grid-template-columns: 1fr; } }

.metric {
  position: relative;
  padding: 32px 28px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-feature);
  overflow: hidden;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.metric:hover {
  transform: translateY(-7px) scale(1.01);
  box-shadow: var(--shadow-clay);
  border-color: var(--color-border-strong);
}
.metric::after {
  content: ""; position: absolute; right: -30px; top: -30px;
  width: 140px; height: 140px; border-radius: 50%;
  background: var(--color-lime); opacity: .12; filter: blur(20px);
}
.metric-tag {
  display: inline-block;
  padding: 4px 10px; border-radius: 99px;
  background: var(--color-bg-soft); border: 1px solid var(--color-border);
  font-size: 11px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--color-text-soft);
  margin-bottom: 14px;
}
.metric-value {
  font-size: clamp(40px, 4.8vw, 64px);
  font-weight: 800; letter-spacing: -.04em;
  line-height: 1; color: var(--color-ink);
  font-feature-settings: "tnum";
  display: block;
}
.metric-label {
  margin: 16px 0 0;
  font-size: 14px; line-height: 1.5;
  color: var(--color-text-soft);
}

.section-ink .metric { background: rgba(240,238,233,.04); border-color: rgba(240,238,233,.12); }
.section-ink .metric-tag { background: rgba(240,238,233,.06); border-color: rgba(240,238,233,.12); color: rgba(240,238,233,.85); }
.section-ink .metric-value { color: var(--color-bg); }
.section-ink .metric-label { color: rgba(240,238,233,.72); }
.section-ink .metric::after { background: var(--color-lime); opacity: .25; }

/* ============================================================
   Feature Grid
============================================================ */
.feature-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 14px; margin-top: var(--space-6);
}
.feature-grid.is-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 980px) {
  .feature-grid, .feature-grid.is-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .feature-grid, .feature-grid.is-3 { grid-template-columns: 1fr; }
}

.feature-card {
  padding: 28px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-feature);
  position: relative; overflow: hidden;
  transition: .3s;
  display: flex; flex-direction: column; gap: 8px;
}
.feature-card:hover {
  transform: translateY(-7px) scale(1.01);
  border-color: var(--color-ink);
  box-shadow: var(--shadow-clay);
}
.feature-card .feature-index {
  font-family: var(--font-serif); font-style: italic;
  font-size: 38px; line-height: 1;
  color: var(--color-ink); margin-bottom: 6px;
  letter-spacing: -.02em;
}
.feature-card h3 {
  margin: 4px 0 6px;
  font-size: 19px; letter-spacing: -.01em; font-weight: 900;
}
.feature-card p {
  margin: 0; color: var(--color-text-soft);
  font-size: 14.5px; line-height: 1.55;
}
.feature-card .feature-tags {
  list-style: none; padding: 0; margin: 14px 0 0;
  display: flex; flex-wrap: wrap; gap: 6px;
}
.feature-card .feature-tags li {
  font-size: 11.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 99px;
  background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

.section-ink .feature-card { background: rgba(240,238,233,.04); border-color: rgba(240,238,233,.12); }
.section-ink .feature-card:hover { border-color: var(--color-lime); }
.section-ink .feature-card .feature-index { color: var(--color-lime); }
.section-ink .feature-card p { color: rgba(240,238,233,.72); }
.section-ink .feature-card .feature-tags li {
  background: rgba(240,238,233,.06); border-color: rgba(240,238,233,.14); color: rgba(240,238,233,.85);
}

/* ============================================================
   Pricing
============================================================ */
.pricing-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 18px; margin-top: var(--space-6);
}
/* Modifier classes per pakket-count (geen inline style nodig voor CSP). */
.pricing-grid--cols-1 { grid-template-columns: 1fr; }
.pricing-grid--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pricing-grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pricing-grid--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1180px) {
  .pricing-grid--cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .pricing-grid,
  .pricing-grid--cols-2,
  .pricing-grid--cols-3,
  .pricing-grid--cols-4 { grid-template-columns: 1fr; }
}

/* Dynamische score-bar: width via CSS custom property ipv inline style. */
.bar-fill { width: var(--bar-width, 0%); }
.scan-score-bar-fill { width: var(--score-width, 0%); }

.pricing-card {
  position: relative;
  padding: 32px;
  border-radius: var(--r-section);
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  display: flex; flex-direction: column; gap: 14px;
  transition: .25s;
}
.pricing-card:hover {
  transform: translateY(-7px) scale(1.01);
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-sm);
}
.pricing-card.is-featured {
  background: linear-gradient(180deg, var(--color-lime) 0%, var(--color-bg-paper) 78%);
  border-color: var(--color-lime-2);
  box-shadow: 0 30px 60px -28px rgba(216,230,60,.5);
}
@media (min-width: 981px) {
  .pricing-card.is-featured { transform: scale(1.02); }
  .pricing-card.is-featured:hover { transform: translateY(-7px) scale(1.03); }
}

/* Pricing-tag editorial styling staat in menu.css (laatste in cascade)
   zodat radar-lab.css generic mono/pill rules overschreven worden. */

.pricing-card h3 { font-size: 22px; margin: 6px 0 0; font-weight: 900; }
.pricing-sub { margin: 0; color: var(--color-text-soft); font-size: 14.5px; line-height: 1.5; }

.price {
  margin: 0;
  font-size: 48px; font-weight: 800; letter-spacing: -.03em;
  line-height: 1;
  color: var(--color-ink);
  display: flex; align-items: baseline;
}
.price .currency { font-size: 28px; color: var(--color-text-muted); font-weight: 600; margin-right: 2px; }
.price .price-num { font-feature-settings: "tnum"; }
.price small { font-size: 13.5px; color: var(--color-text-soft); font-weight: 500; margin-left: 8px; }

.pricing-meta {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
  padding: 14px 0; margin: 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.pricing-card.is-featured .pricing-meta {
  border-top-color: var(--color-border-strong);
  border-bottom-color: var(--color-border-strong);
}
.pricing-meta div { display: flex; flex-direction: column; gap: 4px; }
.pricing-meta dt {
  font-size: 11px; color: var(--color-text-soft);
  text-transform: uppercase; letter-spacing: .08em; font-weight: 500;
}
.pricing-meta dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--color-ink); }

.pricing-list {
  padding: 0; margin: 0;
  list-style: none;
  display: flex; flex-direction: column; gap: 11px;
  font-size: 14.5px; color: var(--color-text);
}
.pricing-list li { display: flex; gap: 11px; align-items: flex-start; }
.pricing-list li::before {
  content: ""; width: 16px; height: 16px; border-radius: 5px;
  background: var(--color-ink); margin-top: 3px; flex-shrink: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3 8.2 6.4 11.5 13 5' stroke='%23d8ff3a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: contain;
}
.pricing-card.is-featured .pricing-list li::before {
  background: var(--color-lime-2);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3 8.2 6.4 11.5 13 5' stroke='%231d2126' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.pricing-card .btn { margin-top: auto; align-self: flex-start; }

/* ============================================================
   Comparison Matrix Table
============================================================ */
.matrix {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--space-6);
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.matrix th, .matrix td {
  padding: 18px 22px;
  font-size: 14.5px;
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  vertical-align: middle;
  color: var(--color-text);
}
.matrix thead th {
  background: var(--color-bg-soft);
  color: var(--color-ink);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.matrix tbody th {
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-bg-paper);
  width: 30%;
}
.matrix tr:last-child th,
.matrix tr:last-child td { border-bottom: 0; }
.matrix td.is-good { color: var(--color-matcha-deep); font-weight: 600; }
.matrix td.is-no { color: var(--color-text-muted); }
.matrix .col-feat { background: var(--color-lime); }
.matrix thead .col-feat { background: var(--color-lime); color: var(--color-ink); }
@media (max-width: 760px) {
  .matrix th, .matrix td { padding: 14px 12px; font-size: 13.5px; }
  .matrix tbody th { width: auto; }
}

/* ============================================================
   Audit Grid (8 dimensions)
============================================================ */
.audit-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-top: var(--space-6);
}
@media (max-width: 880px) { .audit-grid { grid-template-columns: 1fr; } }

.audit-item {
  display: grid; grid-template-columns: auto 1fr auto;
  gap: 24px; align-items: center;
  padding: 24px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: 18px;
}
.audit-num {
  font-family: var(--font-serif); font-style: italic;
  font-size: 36px; color: var(--color-ink); line-height: 1;
  letter-spacing: -.02em;
}
.audit-item h3 { font-size: 18px; margin: 0 0 4px; font-weight: 900; }
.audit-item p {
  margin: 0; color: var(--color-text-soft);
  font-size: 13.5px; line-height: 1.5;
}
.audit-score {
  display: flex; flex-direction: column; align-items: flex-end;
  gap: 6px; min-width: 110px;
}
.audit-score .bar-track {
  width: 96px; height: 8px;
  background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  border-radius: 99px; overflow: hidden;
}
.audit-score .bar-fill {
  display: block; height: 100%;
  background: var(--color-matcha-deep);
  border-radius: 99px;
}
.audit-score.is-low .bar-fill { background: var(--color-low); }
.audit-score.is-mid .bar-fill { background: var(--color-warn); }
.audit-score .bar-num {
  font-weight: 700; font-size: 18px;
  color: var(--color-ink);
  font-feature-settings: "tnum";
}
.audit-score.is-low .bar-num { color: var(--color-low); }
.audit-score.is-mid .bar-num { color: var(--color-warn); }

/* ============================================================
   Case Feature (rich detail panels)
============================================================ */
.case-feature {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-section);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  margin-bottom: 24px;
  transition: box-shadow .25s;
}
.case-feature:hover { box-shadow: var(--shadow-clay); }

.case-feature-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: stretch;
}
.case-feature.is-rev .case-feature-body { order: 2; }
@media (max-width: 980px) {
  .case-feature-grid { grid-template-columns: 1fr; }
  .case-feature.is-rev .case-feature-body { order: 0; }
}

.case-feature-body {
  padding: 48px;
  display: flex; flex-direction: column; gap: 16px;
}
@media (max-width: 560px) { .case-feature-body { padding: 32px 24px; } }

.case-feature-tags { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; }

.case-feature-body h2 {
  font-size: clamp(26px, 3vw, 38px);
  margin: 0 0 4px;
  letter-spacing: -.02em;
}
.case-feature-body h2 em {
  font-family: var(--font-serif); font-style: italic; font-weight: 400;
}
.case-feature-body > p {
  margin: 0 0 12px;
  font-size: 16px; line-height: 1.55;
  color: var(--color-text-soft);
}

.case-feature-stats {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 14px; margin: 4px 0 14px;
  padding: 18px;
  background: var(--color-bg-soft);
  border-radius: 14px;
  border: 1px solid var(--color-border);
}
.case-feature-stats > div { display: flex; flex-direction: column; gap: 4px; }
.case-feature-stats strong {
  font-size: 24px; font-weight: 800; letter-spacing: -.02em;
  color: var(--color-ink); line-height: 1;
  font-feature-settings: "tnum";
}
.case-feature-stats span { font-size: 12px; color: var(--color-text-soft); line-height: 1.4; }

.case-feature-quote {
  background: var(--color-bg);
  border-left: 3px solid var(--color-lime-2);
  padding: 18px 20px;
  border-radius: 0 12px 12px 0;
}
.case-feature-quote p {
  margin: 0;
  font-size: 15.5px; line-height: 1.55;
  font-style: italic;
  color: var(--color-text);
}
.case-feature-quote .who {
  display: flex; align-items: center; gap: 10px;
  margin-top: 14px;
  font-size: 13px;
  color: var(--color-text-soft);
}
.case-feature-quote .who b { color: var(--color-ink); font-weight: 600; }
.case-feature-quote .ava {
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center;
  font-weight: 700; font-size: 11px;
  color: var(--color-bg); flex-shrink: 0;
}
.case-feature-link {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 4px; align-self: flex-start;
  font-size: 14px; font-weight: 600;
  color: var(--color-ink);
  padding: 12px 18px;
  background: transparent; border: 1px solid var(--color-border-strong);
  border-radius: var(--r-card);
  text-decoration: none;
  transition: .15s;
}
.case-feature-link:hover { border-color: var(--color-ink); background: var(--color-bg-paper); }
.case-feature-link::after { content: "→"; transition: transform .15s; }
.case-feature-link:hover::after { transform: translateX(3px); }

.case-feature-visual {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  padding: 40px;
  min-height: 320px;
  background: linear-gradient(135deg, #f7f3eb, #eee5d2);
}
.case-feature.sector-events .case-feature-visual { background: linear-gradient(135deg, #f3e9fb, #e2cef5); }
.case-feature.sector-mkb .case-feature-visual,
.case-feature.sector-b2b .case-feature-visual { background: linear-gradient(135deg, #e8efff, #d2dcff); }
.case-feature.sector-agency .case-feature-visual { background: linear-gradient(135deg, var(--color-lime), var(--color-bg)); }
.case-feature.sector-webshops .case-feature-visual { background: linear-gradient(135deg, #e6f9ee, #c2eed5); }

.case-feature-mockup {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: 14px;
  padding: 18px;
  width: 100%;
  max-width: 340px;
  box-shadow: var(--shadow-lg);
}
.case-feature-mockup-head {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 12px;
  font-size: 12px; font-weight: 600;
  color: var(--color-text-soft);
}
.case-feature-mockup-head .ico {
  width: 28px; height: 28px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 11px; font-weight: 700;
  background: var(--color-ink); color: var(--color-lime);
  flex-shrink: 0;
}
.case-feature-mockup-head .ico.is-blue { background: var(--color-blue); color: var(--color-bg); }
.case-feature-mockup-head .ico.is-purple { background: var(--swatch-ube-300); color: var(--color-ink); }
.case-feature-mockup p {
  font-family: var(--font-mono);
  font-size: 13px; line-height: 1.6;
  margin: 0; color: var(--color-ink);
}
.case-feature-mockup mark {
  background: var(--color-lime); color: var(--color-ink);
  padding: 1px 6px; border-radius: 5px;
  font-style: normal; font-weight: 600;
}
.case-feature-mockup-foot {
  margin-top: 12px;
  font-size: 11px; color: var(--color-text-muted);
  font-family: var(--font-mono);
}

/* ============================================================
   Case Strip
============================================================ */
.case-strip {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 18px; margin-top: var(--space-6);
}
@media (max-width: 980px) { .case-strip { grid-template-columns: 1fr; } }

.case-tile {
  text-decoration: none; color: inherit;
  padding: 32px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-feature);
  display: flex; flex-direction: column; gap: 18px;
  min-height: 320px;
  transition: .25s;
}
.case-tile:hover {
  border-color: var(--color-ink);
  transform: translateY(-7px) scale(1.01);
  box-shadow: var(--shadow-clay);
}
.case-meta {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--color-text-soft); font-weight: 500;
}
.case-meta .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--color-lime); }
.case-tile h3 { font-size: 22px; margin: 0; letter-spacing: -.01em; }
.case-tile p {
  margin: 0;
  color: var(--color-text-soft);
  font-size: 14.5px; line-height: 1.55;
  flex: 1;
}
.case-impact {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 14px; padding-top: 14px; margin: 0;
  border-top: 1px solid var(--color-border);
}
.case-impact div { display: flex; flex-direction: column; gap: 4px; }
.case-impact dt {
  font-size: 11px; color: var(--color-text-soft);
  text-transform: uppercase; letter-spacing: .08em; font-weight: 500;
}
.case-impact dd { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--color-ink); }

/* ============================================================
   FAQ
============================================================ */
.faq-list {
  display: flex; flex-direction: column; gap: 8px;
  margin-top: var(--space-6);
}
.faq-item {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 20px 24px;
  transition: .2s;
}
.faq-item[open] { border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.faq-item summary {
  list-style: none; cursor: pointer;
  font-weight: 600; font-size: 16.5px;
  color: var(--color-ink);
  display: flex; justify-content: space-between; gap: 14px; align-items: center;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: ""; flex-shrink: 0;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--color-bg-soft);
  background-image:
    linear-gradient(var(--color-ink), var(--color-ink)),
    linear-gradient(var(--color-ink), var(--color-ink));
  background-size: 10px 1.6px, 1.6px 10px;
  background-position: center, center;
  background-repeat: no-repeat;
  transition: .2s;
}
.faq-item[open] summary::after {
  background-color: var(--color-ink);
  background-image: linear-gradient(var(--color-bg), var(--color-bg)), linear-gradient(var(--color-bg), var(--color-bg));
  background-size: 10px 1.6px, 0 0;
  transform: rotate(180deg);
}
.faq-item .faq-body {
  margin-top: 14px;
  color: var(--color-text-soft);
  line-height: 1.6; font-size: 15px;
}

/* ============================================================
   CTA Band
============================================================ */
.cta-band {
  position: relative; overflow: hidden;
  margin: var(--space-7) 0;
  padding: 72px 60px;
  border-radius: var(--r-section);
  background: var(--color-ink);
  color: var(--color-bg);
  display: grid; grid-template-columns: 1.4fr 1fr;
  gap: 40px; align-items: center;
}
@media (max-width: 880px) {
  .cta-band { grid-template-columns: 1fr; padding: 48px 28px; gap: 24px; }
}
.cta-band::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(800px 320px at 18% -10%, rgba(216,230,60,.26), transparent 60%),
    radial-gradient(900px 360px at 82% 110%, rgba(214,180,252,.28), transparent 60%);
}
.cta-band > * { position: relative; z-index: 2; }
.cta-band h2 { color: var(--color-bg); max-width: 28ch; margin: 0 0 14px; }
.cta-band h2 em {
  font-style: normal;
  color: var(--color-lime);
  background: none;
  padding: 0;
}
.cta-band p { color: rgba(240,238,233,.74); font-size: 16px; max-width: 50ch; }
.cta-band .eyebrow { color: rgba(240,238,233,.92); }
.cta-band .eyebrow::before { background: rgba(240,238,233,.92); }
.cta-band .button-row { justify-content: flex-start; margin-top: 0; }

/* ============================================================
   Forms
============================================================ */
.contact-grid {
  display: grid; grid-template-columns: 1.3fr 1fr;
  gap: 40px; align-items: flex-start;
}
@media (max-width: 880px) { .contact-grid { grid-template-columns: 1fr; gap: 24px; } }

.lead-form {
  display: flex; flex-direction: column; gap: 16px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-section);
  padding: 32px;
  box-shadow: var(--shadow-clay);
}
.form-intro {
  margin-bottom: 4px;
}
.form-intro h2 {
  margin: 0 0 8px;
  font-size: clamp(26px, 3vw, 38px);
}
.form-intro p {
  margin: 0;
  max-width: 52ch;
  color: var(--color-text-soft);
}
.lead-form label {
  display: flex; flex-direction: column; gap: 6px;
  font-size: 13.5px; font-weight: 600; color: var(--color-ink);
}
.lead-form input,
.lead-form textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  font-family: inherit; font-size: 15px; color: var(--color-ink);
  background: var(--color-bg-soft);
  outline: none;
  transition: border-color .15s, background .15s;
  font-weight: 400;
}
.lead-form input:focus,
.lead-form textarea:focus {
  border-color: var(--color-ink); background: var(--color-bg-paper);
}
.lead-form textarea { min-height: 120px; resize: vertical; }
.lead-form .form-note { margin: 0; font-size: 12.5px; color: var(--color-text-muted); }
.lead-form .hp-field { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }
.lead-form .btn { align-self: flex-start; }

.contact-aside {
  padding: 32px;
  background: var(--color-ink);
  color: var(--color-bg);
  border-radius: var(--r-section);
  position: relative; overflow: hidden;
}
.contact-aside::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(closest-side, rgba(216,230,60,.18), transparent 70%) right top no-repeat;
}
.contact-aside > * { position: relative; z-index: 2; }
.contact-aside h2 { color: var(--color-bg); font-size: 24px; margin: 0 0 18px; font-weight: 900; }
.contact-aside ul {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 14px;
  font-size: 15px; line-height: 1.5;
}
.contact-aside li { display: flex; gap: 10px; color: rgba(240,238,233,.85); }
.contact-aside li::before { content: "→"; color: var(--color-lime); font-weight: 700; flex-shrink: 0; }
.contact-aside p {
  margin-top: 24px; padding-top: 24px;
  border-top: 1px solid rgba(240,238,233,.1);
  font-family: var(--font-mono); font-size: 13px;
  color: rgba(240,238,233,.7);
}
.contact-aside a { color: var(--color-lime); text-decoration: none; }

/* ============================================================
   Footer
============================================================ */
.site-footer {
  padding: 80px 0 60px;
  margin-top: 0;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-soft);
  background: var(--color-bg-paper);
}
.footer-inner {
  width: min(1280px, calc(100% - 40px));
  margin-inline: auto;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1180px) { .footer-grid { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 880px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px) { .footer-grid { grid-template-columns: 1fr; } }

.footer-brand p {
  font-size: 14.5px; line-height: 1.55; max-width: 34ch;
  color: var(--color-text-soft); margin-top: 16px;
}
.footer-grid h2 {
  margin: 0 0 16px;
  color: var(--color-ink);
  font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 900;
}
.footer-grid ul {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 10px;
  font-size: 14.5px;
}
.footer-grid a { color: var(--color-text-soft); text-decoration: none; transition: color .15s; }
.footer-grid a:hover { color: var(--color-ink); }
.footer-bottom {
  margin-top: 50px; padding-top: 28px;
  border-top: 1px solid var(--color-border);
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 16px;
  font-size: 13px; color: var(--color-text-muted);
}
.footer-bottom p { margin: 0; }
.footer-bottom a { color: var(--color-text-soft); }
.footer-bottom a:hover { color: var(--color-ink); }
.footer-credit { white-space: nowrap; display: flex; align-items: center; gap: 6px; }
.footer-credit-logo {
  height: 14px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  filter: brightness(0) invert(1);
  opacity: .7;
  transition: opacity .18s ease;
}
.footer-credit a:hover .footer-credit-logo { opacity: 1; }

/* ============================================================
   Tag util
============================================================ */
.tag {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 99px;
  font-size: 12px; font-weight: 600;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  color: var(--color-ink);
}
.tag-lime { background: var(--color-lime-soft); color: var(--color-lime-ink); border-color: var(--color-lime-2); }
.tag-ink { background: var(--color-ink); color: var(--color-bg); border-color: var(--color-ink); }
.tag-warn { background: var(--color-warm-soft); color: var(--color-warm); border-color: #ffd0bb; }
.tag-ok { background: var(--color-ok-soft); color: var(--color-ok); border-color: #b8e6c8; }
.tag-blue { background: var(--color-blue-soft); color: var(--color-blue); border-color: #cfd8ff; }

/* ============================================================
   ACF Block: Audit Score
============================================================ */
.audit-score-block {
  display: grid; gap: 14px;
  padding: 24px;
  background: var(--color-bg-paper);
  border: 1.5px solid var(--color-ink);
  border-radius: var(--r-feature);
  box-shadow: var(--shadow-hard);
  max-width: 520px; margin: var(--space-6) auto;
}
.audit-score-block .score-main { display: flex; gap: 18px; align-items: center; }
.audit-score-block .score-main strong {
  font-size: 56px; font-weight: 800; letter-spacing: -.04em;
  line-height: 1; color: var(--color-ink);
  font-feature-settings: "tnum";
}
.audit-score-block .score-main span { font-size: 14.5px; line-height: 1.5; color: var(--color-text-soft); }
.audit-score-block .score-bar {
  height: 8px; background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  border-radius: 99px; overflow: hidden;
}
.audit-score-block .score-bar span {
  display: block; height: 100%;
  background: linear-gradient(90deg, var(--color-blue), var(--color-lime));
  border-radius: 99px;
  transition: width .8s ease;
}

/* ============================================================
   Block content
============================================================ */
.entry-content {
  max-width: 840px; margin: 0 auto;
  padding: var(--space-7) 0;
  font-size: 17px; line-height: 1.7;
}
.entry-content h2 { margin-top: var(--space-7); }
.entry-content h3 { margin-top: var(--space-6); }
.entry-content blockquote {
  border-left: 3px solid var(--color-lime);
  padding-left: var(--space-4);
  font-family: var(--font-serif); font-style: italic;
  font-size: 22px; color: var(--color-ink);
}
.entry-content code {
  background: var(--color-bg-soft);
  padding: 2px 6px; border-radius: 4px;
  font-family: var(--font-mono); font-size: 14px;
}

/* Generic content sections (Gutenberg/HTML pages) */
.content-section { padding: var(--space-9) 0; }
.content-section.alt { background: var(--color-bg-paper); }
.page-content .content-section:nth-of-type(4n+1) { background: var(--color-bg-soft); }
.page-content .content-section:nth-of-type(4n+2) { background: var(--color-lime); }
.page-content .content-section:nth-of-type(4n+3) { background: var(--swatch-ube-300); }
.page-content .content-section:nth-of-type(4n+4) {
  background: var(--color-ink);
  color: var(--color-bg);
}
.page-content .content-section:nth-of-type(4n+4) h2,
.page-content .content-section:nth-of-type(4n+4) h3,
.page-content .content-section:nth-of-type(4n+4) h4 {
  color: var(--color-bg);
}
.page-content .content-section:nth-of-type(4n+4) p,
.page-content .content-section:nth-of-type(4n+4) .content-inner.intro-grid p {
  color: rgba(240,238,233,.72);
}
.content-inner { width: min(1280px, calc(100% - 40px)); margin-inline: auto; }
.content-inner.intro-grid {
  display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
  gap: var(--space-7); align-items: end;
}
.content-inner.intro-grid p { margin: 0; font-size: 17px; color: var(--color-text-soft); max-width: 460px; margin-left: auto; }
@media (max-width: 880px) {
  .content-inner.intro-grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .content-inner.intro-grid p { margin-left: 0; }
}
.content-inner.cards-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 18px; margin-top: var(--space-6);
}
@media (max-width: 880px) { .content-inner.cards-grid { grid-template-columns: 1fr; } }
.content-inner.two-col {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: var(--space-7); align-items: start;
}
@media (max-width: 880px) { .content-inner.two-col { grid-template-columns: 1fr; } }

.content-card, .sector-card {
  padding: 28px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-feature);
  transition: .25s;
}
.content-section.alt .content-card,
.content-section.alt .sector-card {
  background: var(--color-bg);
}
.page-content .content-section .content-card,
.page-content .content-section .sector-card {
  background: rgba(240,238,233,.92);
  border-color: rgba(23,24,75,.24);
}
.content-card:hover, .sector-card:hover {
  border-color: var(--color-ink);
  transform: translateY(-7px) scale(1.01);
  box-shadow: var(--shadow-clay);
}
.content-card h3, .sector-card h3 {
  font-size: 19px; margin: 0 0 8px; font-weight: 900;
}
.content-card p, .sector-card p {
  margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-soft);
}

.checklist {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 12px;
  font-size: 15px;
}
.checklist li {
  display: flex; gap: 11px; align-items: flex-start;
  color: var(--color-text);
}
.checklist li::before {
  content: ""; width: 16px; height: 16px; border-radius: 5px; flex-shrink: 0; margin-top: 4px;
  background: var(--color-ink);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3 8.2 6.4 11.5 13 5' stroke='%23d8ff3a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: contain;
}

/* Hero media image (if used) — light-styled */
.hero-media {
  position: relative;
  margin: 0;
  border: 1.5px solid var(--color-ink);
  border-radius: var(--r-feature);
  overflow: hidden;
  box-shadow: var(--shadow-hard);
  background: var(--color-bg-paper);
}
.hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ============================================================
   Homepage color blocking
============================================================ */
.home .hero .hero-copy[data-reveal],
.front-page .hero .hero-copy[data-reveal] {
  opacity: 1;
  transform: none;
}

.home .hero h1,
.front-page .hero h1 {
  max-width: 16ch;
}

.home .hero .button-row,
.front-page .hero .button-row {
  gap: 14px;
}

.home .hero .btn-primary,
.front-page .hero .btn-primary {
  background: var(--color-lime);
  color: var(--color-ink);
  box-shadow: none;
}

.home .hero .btn-primary:hover,
.front-page .hero .btn-primary:hover {
  background: var(--color-lime);
  box-shadow: none;
}

.home .hero .btn-secondary,
.front-page .hero .btn-secondary {
  background: rgba(240,238,233,.9);
  color: var(--color-ink);
}

.home .section h2 em,
.front-page .section h2 em {
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 900;
  color: var(--color-ink-soft);
  background: linear-gradient(0deg, rgba(216,230,60,.9) 0 44%, transparent 44%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-inline: .04em;
}

.home .section-home-faq h2 em,
.home .section-home-cta h2 em,
.front-page .section-home-faq h2 em,
.front-page .section-home-cta h2 em {
  color: var(--color-lime);
  background: none;
  padding: 0;
  text-shadow: none;
}

.home .section-home-faq h2 em,
.front-page .section-home-faq h2 em {
  box-shadow: inset 0 -.12em 0 rgba(216,230,60,.45);
}

.home .hero.hero-bg::before,
.front-page .hero.hero-bg::before {
  background:
    linear-gradient(92deg,
      rgba(240,238,233,.96) 0%,
      rgba(240,238,233,.92) 24%,
      rgba(240,238,233,.72) 40%,
      rgba(240,238,233,.28) 58%,
      rgba(240,238,233,0) 74%),
    radial-gradient(closest-side at 82% 26%, rgba(216, 230, 60, .26), transparent 58%),
    radial-gradient(closest-side at 18% 82%, rgba(211, 221, 231, .55), transparent 70%);
}

.home .section-home-problem,
.front-page .section-home-problem {
  background: var(--color-bg-soft);
  border-block: 0;
  overflow: hidden;
  position: relative;
}

.home .section-home-problem > .container,
.front-page .section-home-problem > .container {
  position: relative;
  z-index: 1;
}

.home-logo-ticker {
  left: 50%;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: clamp(48px, 6vw, 96px);
  transform: translateX(-50%);
  width: 100vw;
  z-index: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.home-logo-ticker-track {
  align-items: center;
  animation: homeLogoTicker 40s linear infinite;
  display: flex;
  gap: clamp(54px, 7vw, 112px);
  width: max-content;
}

.home-logo-ticker-item {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: clamp(42px, 4vw, 58px);
  justify-content: center;
  width: clamp(130px, 12vw, 190px);
}

.home-logo-ticker-item img {
  display: block;
  filter: grayscale(1) saturate(0) contrast(.32) opacity(.52);
  height: auto;
  max-height: 44px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

@keyframes homeLogoTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .home-logo-ticker-track {
    animation: none;
    transform: translateX(0);
  }
}

.home .section .eyebrow::before,
.front-page .section .eyebrow::before {
  display: none;
}

.home .section-home-problem .metric,
.front-page .section-home-problem .metric {
  background: rgba(240,238,233,.88);
  border-color: rgba(23,24,75,.2);
}

.home .section-home-problem .metric-tag,
.front-page .section-home-problem .metric-tag {
  background: var(--color-lime);
  border-color: var(--color-ink);
  color: var(--color-ink);
}

.home .section-home-services,
.front-page .section-home-services {
  background: var(--color-lime);
  color: var(--color-ink);
  border-bottom: 0;
}

.home .section-home-services .section-heading.is-split p,
.front-page .section-home-services .section-heading.is-split p {
  color: rgba(23,24,75,.78);
}

.home .section-home-services .feature-card,
.front-page .section-home-services .feature-card {
  background: rgba(240,238,233,.92);
  border-color: rgba(23,24,75,.32);
}

.home .section-home-services .feature-card:hover,
.front-page .section-home-services .feature-card:hover {
  border-color: var(--color-ink);
  box-shadow: var(--shadow-hard-soft);
}

.home .section-home-services .feature-tags li,
.front-page .section-home-services .feature-tags li {
  background: var(--color-bg-soft);
  border-color: rgba(23,24,75,.18);
}

.home .section-home-pricing,
.front-page .section-home-pricing {
  background: var(--swatch-ube-300);
  border-bottom: 0;
}

.home .section-home-pricing .section-heading.is-split p,
.front-page .section-home-pricing .section-heading.is-split p {
  color: rgba(23,24,75,.78);
}

.home .section-home-pricing .pricing-card,
.front-page .section-home-pricing .pricing-card {
  background: rgba(240,238,233,.94);
  border-color: rgba(23,24,75,.28);
}

.home .section-home-pricing .pricing-card.is-featured,
.front-page .section-home-pricing .pricing-card.is-featured {
  background: linear-gradient(180deg, var(--color-lime) 0%, rgba(240,238,233,.96) 58%);
  border-color: var(--color-ink);
  box-shadow: var(--shadow-lg);
}

.home .section-home-faq,
.front-page .section-home-faq {
  background: var(--color-ink);
  color: var(--color-bg);
}

.home .section-home-faq h2,
.home .section-home-faq h3,
.home .section-home-faq .eyebrow,
.front-page .section-home-faq h2,
.front-page .section-home-faq h3,
.front-page .section-home-faq .eyebrow {
  color: var(--color-bg);
}

.home .section-home-faq .eyebrow::before,
.front-page .section-home-faq .eyebrow::before {
  background: var(--color-lime);
}

.home .section-home-faq .section-heading.is-split p,
.front-page .section-home-faq .section-heading.is-split p {
  color: rgba(240,238,233,.72);
}

.home .section-home-faq .faq-item,
.front-page .section-home-faq .faq-item {
  background: var(--color-bg);
  border-color: rgba(240,238,233,.24);
}

.home .section-home-faq .faq-item[open],
.front-page .section-home-faq .faq-item[open] {
  border-color: var(--color-lime);
}

.home .section-home-cta,
.front-page .section-home-cta {
  background: var(--color-bg-soft);
}

.home .section-home-cta .cta-band,
.front-page .section-home-cta .cta-band {
  margin: 0;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(216,230,60,.32), transparent 64%),
    radial-gradient(760px 360px at 88% 100%, rgba(214,180,252,.34), transparent 62%),
    var(--color-ink);
}

.site-footer {
  background: var(--color-ink);
  color: rgba(240,238,233,.72);
  border-top-color: rgba(240,238,233,.18);
}

.site-footer .brand-name,
.site-footer .footer-grid h2 {
  color: var(--color-bg);
}

.site-footer .footer-brand p,
.site-footer .footer-grid a,
.site-footer .footer-bottom,
.site-footer .footer-bottom a {
  color: rgba(240,238,233,.68);
}

.site-footer .footer-grid a:hover,
.site-footer .footer-bottom a:hover {
  color: var(--color-lime);
}

.site-footer .footer-bottom {
  border-top-color: rgba(240,238,233,.16);
}

/* ============================================================
   Inner page color system
============================================================ */
.page-hero-color {
  background:
    radial-gradient(780px 360px at 86% 12%, rgba(216,230,60,.36), transparent 62%),
    linear-gradient(135deg, var(--color-bg-soft) 0%, var(--color-bg) 100%);
  border-bottom: 0;
}

.page-hero-color::before {
  display: none;
}

.page-hero-color .eyebrow::before,
.section-flow-blue .eyebrow::before,
.section-flow-yellow .eyebrow::before,
.section-flow-violet .eyebrow::before,
.section-flow-dark .eyebrow::before,
.section-flow-cta .eyebrow::before {
  display: none;
}

.workflow-brief,
.approach-map {
  min-height: 360px;
  border-radius: var(--r-section);
  border: 1.5px solid var(--color-ink);
  background: var(--color-ink);
  color: var(--color-bg);
  box-shadow: var(--shadow-hard);
  position: relative;
  overflow: hidden;
}

.workflow-brief {
  padding: clamp(28px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.workflow-brief::before {
  content: "";
  position: absolute;
  inset: 24px;
  border-radius: 24px;
  background:
    radial-gradient(520px 220px at 12% 4%, rgba(216,230,60,.22), transparent 62%),
    radial-gradient(520px 220px at 100% 100%, rgba(214,180,252,.2), transparent 62%),
    linear-gradient(180deg, rgba(240,238,233,.08), transparent);
  border: 1px solid rgba(240,238,233,.14);
}

.workflow-brief > * {
  position: relative;
  z-index: 2;
}

.brief-kicker {
  width: max-content;
  padding: 6px 12px;
  border-radius: var(--r-pill);
  background: var(--color-lime);
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: var(--space-4);
}

.route-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.route-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(240,238,233,.08);
  border: 1px solid rgba(240,238,233,.12);
  font-size: clamp(22px, 2.3vw, 34px);
  line-height: 1;
  letter-spacing: -.035em;
  font-weight: 900;
}

.route-list li span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--color-lime);
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0;
  flex-shrink: 0;
}

.workflow-brief p {
  margin-top: var(--space-5);
  color: rgba(240,238,233,.76);
  max-width: 34ch;
}

.section-flow-blue {
  background: var(--color-bg-soft);
  border: 0;
}

.section-flow-yellow {
  background: var(--color-lime);
  border: 0;
}

.section-flow-violet {
  background: var(--swatch-ube-300);
  border: 0;
}

.section-flow-dark {
  background: var(--color-ink);
  color: var(--color-bg);
  border: 0;
}

.section-flow-dark h2,
.section-flow-dark h3,
.section-flow-dark .eyebrow {
  color: var(--color-bg);
}

.section-flow-dark .section-heading.is-split p {
  color: rgba(240,238,233,.72);
}

.section-flow-cta {
  background: var(--color-bg-soft);
  border: 0;
}

.section-flow-blue .section-heading.is-split p,
.section-flow-yellow .section-heading.is-split p,
.section-flow-violet .section-heading.is-split p {
  color: rgba(23,24,75,.78);
}

.section-flow-blue .feature-card,
.section-flow-yellow .feature-card,
.section-flow-violet .feature-card,
.section-flow-blue .pricing-card,
.section-flow-yellow .pricing-card,
.section-flow-violet .pricing-card,
.section-flow-blue .audit-item,
.section-flow-yellow .audit-item,
.section-flow-violet .audit-item,
.section-flow-blue .faq-item,
.section-flow-yellow .faq-item,
.section-flow-violet .faq-item,
.section-flow-blue .case-tile,
.section-flow-yellow .case-tile,
.section-flow-violet .case-tile,
.section-flow-blue .matrix,
.section-flow-yellow .matrix,
.section-flow-violet .matrix,
.section-flow-blue .lead-form,
.section-flow-yellow .lead-form,
.section-flow-violet .lead-form {
  background: rgba(240,238,233,.92);
  border-color: rgba(23,24,75,.24);
}

.section-flow-yellow .pricing-card.is-featured,
.section-flow-violet .pricing-card.is-featured {
  border-color: var(--color-ink);
}

/* Pakketten / services pagina header — em krijgt lime highlight op
   gekleurde bg. Tekst-kleur ink (donkerblauw) voor leesbaar contrast op lime. */
.section-flow-violet .section-heading h2 em,
.section-flow-blue .section-heading h2 em {
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 900;
  color: var(--color-ink);
  background: linear-gradient(0deg, rgba(216,230,60,.9) 0 44%, transparent 44%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-inline: .04em;
}

.section-flow-dark .btn-secondary {
  background: rgba(240,238,233,.12);
  color: var(--color-bg);
}

.section-flow-dark .btn-secondary:hover {
  background: rgba(240,238,233,.18);
}

.section-flow-dark.section-home-cases .feature-card h3,
.section-flow-dark.section-home-cases .feature-card h3 a {
  color: var(--color-ink);
}

.section-flow-dark.section-home-cases .feature-card p {
  color: rgba(16,17,39,.72);
}

.section-flow-dark.section-home-cases .feature-card .text-link {
  color: var(--color-blue);
}

.outcome-grid,
.workflow-steps,
.layer-grid,
.implementation-list,
.answer-flow {
  display: grid;
  gap: 18px;
}

.outcome-grid {
  grid-template-columns: repeat(3, 1fr);
}

.outcome-card,
.workflow-step,
.layer-card,
.answer-flow article {
  background: rgba(240,238,233,.92);
  border: 1px solid rgba(23,24,75,.24);
  border-radius: var(--r-feature);
  padding: 28px;
  box-shadow: var(--shadow-sm);
}

.outcome-card:hover,
.workflow-step:hover,
.layer-card:hover,
.answer-flow article:hover,
.audit-item:hover {
  transform: translateY(-7px) scale(1.01);
  border-color: var(--color-ink);
  box-shadow: var(--shadow-clay);
}

.outcome-card span {
  display: block;
  margin-bottom: 12px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.04em;
  color: var(--color-ink);
}

.outcome-card p,
.workflow-step p,
.layer-card p,
.answer-flow article p {
  margin: 0;
  color: var(--color-text-soft);
}

.workflow-steps {
  grid-template-columns: repeat(4, 1fr);
}

.workflow-step {
  min-height: 330px;
  display: flex;
  flex-direction: column;
}

.workflow-step .step-num,
.layer-card span,
.answer-flow article span {
  display: inline-flex;
  width: max-content;
  margin-bottom: var(--space-5);
  padding: 5px 11px;
  border: 1px solid var(--color-ink);
  border-radius: var(--r-pill);
  background: var(--color-lime);
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workflow-step h3,
.layer-card h3 {
  font-size: 26px;
  margin-bottom: 12px;
}

.workflow-step small {
  margin-top: auto;
  padding-top: var(--space-5);
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.5;
}

.rules-panel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.rules-panel div {
  padding: 24px;
  min-height: 160px;
  border-radius: var(--r-feature);
  border: 1px solid rgba(23,24,75,.24);
  background: rgba(240,238,233,.9);
  color: var(--color-ink);
  font-size: 19px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -.02em;
}

.approach-map {
  display: grid;
  place-items: center;
  padding: 32px;
  background:
    radial-gradient(closest-side at 50% 50%, rgba(216,230,60,.28), transparent 58%),
    var(--color-ink);
}

.approach-map::before,
.approach-map::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(240,238,233,.18);
  border-radius: 50%;
}

.approach-map::before {
  width: 74%;
  aspect-ratio: 1;
}

.approach-map::after {
  width: 46%;
  aspect-ratio: 1;
}

.map-node {
  position: absolute;
  display: grid;
  place-items: center;
  min-width: 94px;
  min-height: 94px;
  padding: 14px;
  border-radius: 50%;
  background: var(--color-bg);
  border: 1px solid rgba(23,24,75,.28);
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: center;
  z-index: 2;
}

.map-node.is-main {
  width: 128px;
  height: 128px;
  background: var(--color-lime);
  font-size: 13px;
  z-index: 3;
}

.map-node.is-ai {
  right: 42px;
  bottom: 38px;
  background: var(--swatch-ube-300);
}

.map-node:nth-child(2) { top: 32px; left: 50%; transform: translateX(-50%); }
.map-node:nth-child(3) { left: 36px; top: 48%; transform: translateY(-50%); }
.map-node:nth-child(4) { right: 36px; top: 38%; transform: translateY(-50%); }
.map-node:nth-child(5) { left: 50%; bottom: 34px; transform: translateX(-50%); }

.layer-grid {
  grid-template-columns: repeat(4, 1fr);
}

.layer-card {
  min-height: 290px;
}

.implementation-list {
  grid-template-columns: repeat(4, 1fr);
}

.implementation-list div {
  min-height: 140px;
  padding: 22px;
  border-radius: var(--r-feature);
  background: rgba(240,238,233,.92);
  border: 1px solid rgba(23,24,75,.26);
  color: var(--color-ink);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
}

.answer-flow {
  grid-template-columns: repeat(3, 1fr);
}

.answer-flow article {
  min-height: 220px;
}

.section-flow-dark .metric {
  background: rgba(240,238,233,.06);
  border-color: rgba(240,238,233,.16);
}

.section-flow-dark .metric-value,
.section-flow-dark .metric h3 {
  color: var(--color-bg);
}

.section-flow-dark .metric-label {
  color: rgba(240,238,233,.72);
}

.section-flow-dark .metric-tag {
  background: var(--color-lime);
  color: var(--color-ink);
  border-color: var(--color-lime);
}

.motion-ready :is(.hero-report, .workflow-brief, .approach-map) {
  transition:
    opacity .9s cubic-bezier(.16, 1, .3, 1),
    transform .9s cubic-bezier(.16, 1, .3, 1),
    filter .9s cubic-bezier(.16, 1, .3, 1);
}

.motion-ready :is(.feature-card, .pricing-card, .case-tile, .metric, .workflow-step, .layer-card, .outcome-card, .answer-flow article, .audit-item, .lead-form, .contact-aside, .content-card, .sector-card) {
  transition:
    transform .45s cubic-bezier(.16, 1, .3, 1),
    border-color .25s ease,
    background .25s ease,
    box-shadow .45s cubic-bezier(.16, 1, .3, 1);
}

@keyframes motionBarIn {
  from { transform: scaleX(.08); }
  to { transform: scaleX(1); }
}

.motion-ready .report-bars .bar-fill,
.motion-ready .audit-score .bar-fill {
  transform-origin: left center;
  animation: motionBarIn .9s cubic-bezier(.16, 1, .3, 1) both;
}

@media (max-width: 1080px) {
  .workflow-steps,
  .layer-grid,
  .implementation-list,
  .rules-panel {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .outcome-grid,
  .workflow-steps,
  .layer-grid,
  .implementation-list,
  .answer-flow,
  .rules-panel {
    grid-template-columns: 1fr;
  }

  .workflow-brief,
  .approach-map {
    min-height: 300px;
  }

  .map-node {
    min-width: 78px;
    min-height: 78px;
    font-size: 10px;
  }

  .map-node.is-main {
    width: 108px;
    height: 108px;
  }
}

/* ============================================================
   AI-output sample (eat-your-own-dogfood) — front page
============================================================ */

.section-ai-sample {
  background: var(--color-bg-paper);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.ai-sample-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 32px;
  margin-top: 32px;
  align-items: stretch;
}

.ai-sample-card {
  background: var(--color-ink);
  color: var(--color-bg-paper);
  border-radius: var(--r-feature);
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  box-shadow: var(--shadow-clay);
  position: relative;
  overflow: hidden;
}

.ai-sample-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0% 0%, rgba(216, 230, 60, 0.18), transparent 60%);
  pointer-events: none;
}

.ai-sample-prompt,
.ai-sample-answer {
  position: relative;
  padding: 20px 22px;
  border-radius: var(--r-card);
  background: rgba(240, 238, 233, 0.06);
  border: 1px solid rgba(240, 238, 233, 0.12);
}

.ai-sample-answer {
  background: rgba(216, 230, 60, 0.10);
  border-color: rgba(216, 230, 60, 0.32);
}

.ai-sample-prompt p,
.ai-sample-answer p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--color-bg-paper);
}

.ai-sample-answer p + p {
  margin-top: 10px;
}

.ai-sample-source {
  font-size: 12px !important;
  letter-spacing: 0.02em;
  opacity: 0.66;
}

.ai-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-bg-paper);
  background: rgba(240, 238, 233, 0.12);
  padding: 4px 10px;
  border-radius: var(--r-pill);
  margin-bottom: 10px;
}

.ai-tag.is-output {
  background: var(--color-lime);
  color: var(--color-lime-ink);
}

.ai-sample-aside {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-feature);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ai-sample-aside .eyebrow {
  margin: 0;
}

.ai-sample-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ai-sample-list li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--color-border);
}

.ai-sample-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.ai-sample-list strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-ink);
  letter-spacing: -0.01em;
}

.ai-sample-list span {
  font-size: 14px;
  color: var(--color-text-soft);
  line-height: 1.55;
}

.ai-sample-aside .text-link {
  margin-top: auto;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-blue);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.ai-sample-aside .text-link:hover {
  color: var(--color-ink);
}

@media (max-width: 880px) {
  .ai-sample-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .ai-sample-card {
    padding: 22px 20px 20px;
  }
  .ai-sample-aside {
    padding: 22px 20px;
  }
}

/* ============================================================
   Bureau combo (founder + facts) — front page
============================================================ */

.section-home-bureau {
  background: var(--color-bg-cream);
}

.bureau-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}

.bureau-intro h2 {
  font-size: clamp(28px, 3vw, 40px);
  margin: 8px 0 16px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--color-ink);
}

.bureau-intro h2 em {
  font-style: italic;
  color: var(--color-blue);
}

.bureau-intro p {
  font-size: 17px;
  line-height: 1.6;
  color: var(--color-text-soft);
  margin: 0 0 14px;
}

.bureau-intro a {
  color: var(--color-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bureau-intro a:hover {
  color: var(--color-ink);
}

.bureau-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-border-strong);
  border-left: 1px solid var(--color-border-strong);
  background: var(--color-bg-paper);
  border-radius: var(--r-feature);
  overflow: hidden;
}

.bureau-facts > div {
  padding: 18px 20px;
  border-right: 1px solid var(--color-border-strong);
  border-bottom: 1px solid var(--color-border-strong);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bureau-facts dt {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-blue);
  margin: 0;
}

.bureau-facts dd {
  font-size: 15px;
  line-height: 1.45;
  color: var(--color-ink);
  font-weight: 600;
  margin: 0;
}

.bureau-facts dd a {
  color: var(--color-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bureau-facts dd a:hover {
  color: var(--color-blue);
}

@media (max-width: 880px) {
  .bureau-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .bureau-facts {
    grid-template-columns: 1fr;
  }
  .bureau-facts > div {
    border-right: 0;
  }
}

/* ============================================================
   Voorbeeld-audit — priority list + output grid
============================================================ */

.audit-priority-list {
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
  counter-reset: priority;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--color-border);
}

.audit-priority-item {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) 220px;
  gap: 24px;
  padding: 22px 8px;
  border-bottom: 1px solid var(--color-border);
  align-items: start;
}

.priority-rank {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 800;
  color: var(--color-blue);
  letter-spacing: -0.02em;
  line-height: 1;
}

.priority-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.priority-tag {
  align-self: flex-start;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  background: var(--color-bg-soft);
  color: var(--color-blue);
}

.priority-tag.is-quick-win {
  background: var(--color-lime);
  color: var(--color-lime-ink);
}

.priority-tag.is-structureel {
  background: var(--color-blue);
  color: var(--color-bg-paper);
}

.priority-tag.is-inhoud {
  background: var(--color-warm);
  color: var(--color-ink);
}

.priority-tag.is-techniek {
  background: var(--color-bg-soft);
  color: var(--color-blue);
}

.priority-body h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--color-ink);
}

.priority-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text-soft);
}

.priority-meta {
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0;
  font-family: var(--font-display);
}

.priority-meta > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.priority-meta dt {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-blue);
  margin: 0;
}

.priority-meta dd {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-ink);
}

@media (max-width: 880px) {
  .audit-priority-item {
    grid-template-columns: 44px 1fr;
    gap: 16px;
  }
  .priority-meta {
    grid-column: 1 / -1;
    padding-top: 12px;
  }
}

.audit-output-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 32px;
}

.audit-output-card {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--r-feature);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.audit-output-card h3 {
  font-size: 20px;
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}

.audit-output-card .eyebrow {
  margin: 0;
}

.code-block {
  background: var(--color-ink);
  color: var(--color-bg-paper);
  padding: 18px 20px;
  border-radius: var(--r-card);
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
  overflow-x: auto;
  white-space: pre;
}

.audit-output-quote {
  background: var(--color-bg-soft);
  border-left: 3px solid var(--color-lime);
  padding: 16px 20px;
  border-radius: 0 var(--r-card) var(--r-card) 0;
}

.audit-output-quote p {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-ink);
}

.audit-output-quote p:last-child {
  margin-bottom: 0;
}

.audit-output-note {
  font-size: 13px;
  line-height: 1.55;
  color: var(--color-text-soft);
  margin: 0;
  font-style: italic;
}

@media (max-width: 880px) {
  .audit-output-grid {
    grid-template-columns: 1fr;
  }
  .audit-output-card {
    padding: 22px 20px;
  }
}

/* ============================================================
   Case quote — render bij elke case op /cases met ingevulde quote
============================================================ */

.case-quote {
  grid-column: 1 / -1;
  margin: 24px 0 0;
  padding: 24px 28px;
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-lime);
  border-radius: var(--r-card);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.case-quote blockquote {
  margin: 0;
  padding: 0;
  font-family: var(--font-serif);
  font-size: 22px;
  line-height: 1.4;
  color: var(--color-ink);
  letter-spacing: -0.01em;
}

.case-quote blockquote p {
  margin: 0;
}

.case-quote blockquote p::before {
  content: "\201C";
  margin-right: 4px;
}

.case-quote blockquote p::after {
  content: "\201D";
  margin-left: 2px;
}

.case-quote-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.case-quote-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.case-quote-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  line-height: 1.4;
}

.case-quote-meta strong {
  font-weight: 700;
  color: var(--color-ink);
  font-size: 14px;
}

.case-quote-meta span {
  color: var(--color-text-soft);
  font-size: 12px;
  letter-spacing: 0.01em;
}

@media (max-width: 880px) {
  .case-quote {
    padding: 20px 22px;
  }
  .case-quote blockquote {
    font-size: 19px;
  }
}

/* ============================================================
   A11y — keyboard focus override
   Zorgt dat :focus-visible altijd zichtbaar is, ook waar
   eerder outline:none werd gebruikt op input/textarea/button.
============================================================ */

input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible,
.btn:focus-visible {
  outline: 2px solid var(--color-blue);
  outline-offset: 2px;
}

/* Voor hover-only states zonder focus, voorkom dat outline:none keyboard nav verbergt. */
.lead-form input:focus-visible,
.lead-form textarea:focus-visible,
.hero-scan-fields input:focus-visible,
.hero-scan-fields textarea:focus-visible {
  outline: 2px solid var(--color-blue);
  outline-offset: 2px;
  border-color: var(--color-ink);
}

/* ============================================================
   Article body typography (kennisbank, single posts)
   Override radar-lab.css generic h2/h3/p sizes binnen article-content.
============================================================ */

.article-content {
  font-size: 17px;
  line-height: 1.7;
  color: var(--color-ink);
  padding-block: 64px 96px;
}

.article-content > * {
  max-width: 100%;
}

@media (max-width: 880px) {
  .article-content {
    padding-block: 40px 64px;
  }
}

.article-image {
  margin: 0 0 32px;
  border-radius: var(--r-feature);
  overflow: hidden;
  background: var(--color-bg-soft);
}

.article-image img {
  display: block;
  width: 100%;
  height: auto;
}

.article-content p,
.article-content ul,
.article-content ol {
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin: 0 0 16px;
  color: var(--color-ink);
}

.article-content h2 {
  font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 40px 0 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}

.article-content h2:first-child {
  margin-top: 0;
}

.article-content h3 {
  font-size: 22px !important;
  line-height: 1.3 !important;
  margin: 28px 0 8px;
  font-weight: 700;
  color: var(--color-ink);
}

.article-content ul,
.article-content ol {
  padding-left: 1.4em;
}

.article-content li {
  margin-bottom: 6px;
}

.article-content a {
  color: var(--color-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article-meta {
  font-size: 14px;
  color: var(--color-text-soft);
  margin: 8px 0 16px;
}

/* Feature-card met image (kennisbank related-articles) */
.feature-card.has-image {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.feature-card-media {
  display: block;
  aspect-ratio: 1200 / 630;
  background: var(--color-bg-soft);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
  transition: opacity .2s;
}

.feature-card-media:hover {
  opacity: 0.92;
}

.feature-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.feature-card.has-image .feature-card-body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ============================================================
   Menu — clean override (verwijdert het zwarte vlakje + grijze hover)
============================================================ */

.primary-nav .menu a,
.menu a {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
  margin: 0 6px;
  position: relative;
  color: var(--color-ink);
  font-weight: 600;
  text-decoration: none;
  transition: color .15s;
}

.primary-nav .menu a:hover,
.menu a:hover {
  background: transparent !important;
  color: var(--color-blue);
}

.primary-nav .menu a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}

.primary-nav .menu a:hover::after,
.primary-nav .menu a:focus-visible::after {
  transform: scaleX(1);
}

.primary-nav .menu .current-menu-item > a,
.primary-nav .menu .current_page_item > a,
.primary-nav .menu [aria-current="page"] {
  background: transparent !important;
  color: var(--color-blue) !important;
}

.primary-nav .menu .current-menu-item > a::after,
.primary-nav .menu .current_page_item > a::after,
.primary-nav .menu [aria-current="page"]::after {
  transform: scaleX(1);
  background: var(--color-lime);
}

/* ============================================================
   Mobile menu — fullscreen overlay met logo, items, CTA + socials
============================================================ */

.primary-nav-brand,
.nav-close,
.primary-nav-social {
  display: none;
}

.primary-nav-footer {
  display: flex;
  align-items: center;
}

@media (max-width: 880px) {
  .primary-nav {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: var(--color-bg);
    transform: translateX(100%);
    transition: transform .35s cubic-bezier(.6,.0,.2,1);
    display: flex !important;
    flex-direction: column;
    padding: 24px 28px 32px;
    overflow-y: auto;
    pointer-events: none;
  }

  .primary-nav.is-open {
    transform: translateX(0);
    pointer-events: auto;
  }

  .primary-nav-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    font-weight: 800;
    color: var(--color-ink);
    text-decoration: none;
    font-size: 17px;
    letter-spacing: -.02em;
  }

  .primary-nav-brand .brand-mark {
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-lime);
    color: var(--color-lime-ink);
    font-weight: 900;
    font-size: 15px;
  }

  .nav-close {
    display: grid;
    position: absolute;
    top: 18px;
    right: 22px;
    width: 44px;
    height: 44px;
    place-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--color-ink);
    z-index: 2;
  }

  .nav-close svg {
    width: 26px;
    height: 26px;
  }

  .primary-nav .menu {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    margin: 48px 0 0;
    padding: 0;
    list-style: none;
    flex: 1;
  }

  .primary-nav .menu li {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .4s ease, transform .4s ease;
  }

  .primary-nav.is-open .menu li {
    opacity: 1;
    transform: translateY(0);
  }

  .primary-nav.is-open .menu li:nth-child(1) { transition-delay: .12s; }
  .primary-nav.is-open .menu li:nth-child(2) { transition-delay: .18s; }
  .primary-nav.is-open .menu li:nth-child(3) { transition-delay: .24s; }
  .primary-nav.is-open .menu li:nth-child(4) { transition-delay: .30s; }
  .primary-nav.is-open .menu li:nth-child(5) { transition-delay: .36s; }
  .primary-nav.is-open .menu li:nth-child(6) { transition-delay: .42s; }

  .primary-nav .menu a {
    display: block;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
    padding: 14px 0 !important;
    margin: 0 !important;
    color: var(--color-ink) !important;
    border-bottom: 1px solid var(--color-border) !important;
  }

  .primary-nav .menu a::after {
    display: none !important;
  }

  .primary-nav-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 32px;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .4s ease .55s, transform .4s ease .55s;
  }

  .primary-nav.is-open .primary-nav-footer {
    opacity: 1;
    transform: translateY(0);
  }

  .primary-nav-cta {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .primary-nav-social {
    display: flex;
    gap: 22px;
    justify-content: center;
  }

  /* Hide the inline always-visible primary CTA in nav (we have one in footer block) */
  .primary-nav > a.btn:not(.primary-nav-cta) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .primary-nav,
  .primary-nav .menu li,
  .primary-nav-footer {
    transition: none !important;
    transform: none !important;
  }
}

/* ============================================================
   Social icons — pure icons (geen background, geen padding)
   Geldt voor footer + mobile menu.
============================================================ */

.social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 24px;
}

.social-icons a {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: currentColor;
  text-decoration: none;
  transition: opacity .2s ease, transform .2s ease, color .2s ease;
}

.social-icons a:hover {
  background: transparent !important;
  color: var(--color-lime);
  transform: translateY(-2px);
}

.social-icons svg {
  display: block;
  width: 24px;
  height: 24px;
}

/* Footer override: kill bestaande achtergrond in radar-lab.css */
.site-footer .social-icons a,
.site-footer .footer-social a {
  background: transparent !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 0 !important;
  color: currentColor !important;
}

.site-footer .social-icons a:hover,
.site-footer .footer-social a:hover {
  background: transparent !important;
  color: var(--color-lime) !important;
  transform: translateY(-2px);
}

.site-footer .social-icons svg,
.site-footer .footer-social svg {
  width: 22px !important;
  height: 22px !important;
}

/* Hero image — verwijder fade overlays, image direct naar viewport rand. */
.hero.hero-bg .image-card::after {
  display: none !important;
}

.hero.hero-bg .image-card {
  background: transparent !important;
}

.hero.hero-bg .image-card img {
  filter: none !important;
}

/* Hero image full-bleed: tot viewport rand, geen rounded corners op mobile/tablet. */
@media (max-width: 880px) {
  .hero.hero-bg .hero-panel {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
  }
  .hero.hero-bg .image-card {
    width: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
}

/* ============================================================
   Utility classes (CSP-safe alternatives voor inline style="...")
============================================================ */
.u-link-inherit { color: inherit; text-decoration: none; }
.u-mt-16 { margin-top: 16px; }
.u-color-muted { color: #888; }

/* ============================================================
   Bar-fill classes 0-100% (CSP-safe, geen inline style nodig)
============================================================ */
.bar-fill-0, .scan-score-bar-fill-0 { width: 0%; }
.bar-fill-1, .scan-score-bar-fill-1 { width: 1%; }
.bar-fill-2, .scan-score-bar-fill-2 { width: 2%; }
.bar-fill-3, .scan-score-bar-fill-3 { width: 3%; }
.bar-fill-4, .scan-score-bar-fill-4 { width: 4%; }
.bar-fill-5, .scan-score-bar-fill-5 { width: 5%; }
.bar-fill-6, .scan-score-bar-fill-6 { width: 6%; }
.bar-fill-7, .scan-score-bar-fill-7 { width: 7%; }
.bar-fill-8, .scan-score-bar-fill-8 { width: 8%; }
.bar-fill-9, .scan-score-bar-fill-9 { width: 9%; }
.bar-fill-10, .scan-score-bar-fill-10 { width: 10%; }
.bar-fill-11, .scan-score-bar-fill-11 { width: 11%; }
.bar-fill-12, .scan-score-bar-fill-12 { width: 12%; }
.bar-fill-13, .scan-score-bar-fill-13 { width: 13%; }
.bar-fill-14, .scan-score-bar-fill-14 { width: 14%; }
.bar-fill-15, .scan-score-bar-fill-15 { width: 15%; }
.bar-fill-16, .scan-score-bar-fill-16 { width: 16%; }
.bar-fill-17, .scan-score-bar-fill-17 { width: 17%; }
.bar-fill-18, .scan-score-bar-fill-18 { width: 18%; }
.bar-fill-19, .scan-score-bar-fill-19 { width: 19%; }
.bar-fill-20, .scan-score-bar-fill-20 { width: 20%; }
.bar-fill-21, .scan-score-bar-fill-21 { width: 21%; }
.bar-fill-22, .scan-score-bar-fill-22 { width: 22%; }
.bar-fill-23, .scan-score-bar-fill-23 { width: 23%; }
.bar-fill-24, .scan-score-bar-fill-24 { width: 24%; }
.bar-fill-25, .scan-score-bar-fill-25 { width: 25%; }
.bar-fill-26, .scan-score-bar-fill-26 { width: 26%; }
.bar-fill-27, .scan-score-bar-fill-27 { width: 27%; }
.bar-fill-28, .scan-score-bar-fill-28 { width: 28%; }
.bar-fill-29, .scan-score-bar-fill-29 { width: 29%; }
.bar-fill-30, .scan-score-bar-fill-30 { width: 30%; }
.bar-fill-31, .scan-score-bar-fill-31 { width: 31%; }
.bar-fill-32, .scan-score-bar-fill-32 { width: 32%; }
.bar-fill-33, .scan-score-bar-fill-33 { width: 33%; }
.bar-fill-34, .scan-score-bar-fill-34 { width: 34%; }
.bar-fill-35, .scan-score-bar-fill-35 { width: 35%; }
.bar-fill-36, .scan-score-bar-fill-36 { width: 36%; }
.bar-fill-37, .scan-score-bar-fill-37 { width: 37%; }
.bar-fill-38, .scan-score-bar-fill-38 { width: 38%; }
.bar-fill-39, .scan-score-bar-fill-39 { width: 39%; }
.bar-fill-40, .scan-score-bar-fill-40 { width: 40%; }
.bar-fill-41, .scan-score-bar-fill-41 { width: 41%; }
.bar-fill-42, .scan-score-bar-fill-42 { width: 42%; }
.bar-fill-43, .scan-score-bar-fill-43 { width: 43%; }
.bar-fill-44, .scan-score-bar-fill-44 { width: 44%; }
.bar-fill-45, .scan-score-bar-fill-45 { width: 45%; }
.bar-fill-46, .scan-score-bar-fill-46 { width: 46%; }
.bar-fill-47, .scan-score-bar-fill-47 { width: 47%; }
.bar-fill-48, .scan-score-bar-fill-48 { width: 48%; }
.bar-fill-49, .scan-score-bar-fill-49 { width: 49%; }
.bar-fill-50, .scan-score-bar-fill-50 { width: 50%; }
.bar-fill-51, .scan-score-bar-fill-51 { width: 51%; }
.bar-fill-52, .scan-score-bar-fill-52 { width: 52%; }
.bar-fill-53, .scan-score-bar-fill-53 { width: 53%; }
.bar-fill-54, .scan-score-bar-fill-54 { width: 54%; }
.bar-fill-55, .scan-score-bar-fill-55 { width: 55%; }
.bar-fill-56, .scan-score-bar-fill-56 { width: 56%; }
.bar-fill-57, .scan-score-bar-fill-57 { width: 57%; }
.bar-fill-58, .scan-score-bar-fill-58 { width: 58%; }
.bar-fill-59, .scan-score-bar-fill-59 { width: 59%; }
.bar-fill-60, .scan-score-bar-fill-60 { width: 60%; }
.bar-fill-61, .scan-score-bar-fill-61 { width: 61%; }
.bar-fill-62, .scan-score-bar-fill-62 { width: 62%; }
.bar-fill-63, .scan-score-bar-fill-63 { width: 63%; }
.bar-fill-64, .scan-score-bar-fill-64 { width: 64%; }
.bar-fill-65, .scan-score-bar-fill-65 { width: 65%; }
.bar-fill-66, .scan-score-bar-fill-66 { width: 66%; }
.bar-fill-67, .scan-score-bar-fill-67 { width: 67%; }
.bar-fill-68, .scan-score-bar-fill-68 { width: 68%; }
.bar-fill-69, .scan-score-bar-fill-69 { width: 69%; }
.bar-fill-70, .scan-score-bar-fill-70 { width: 70%; }
.bar-fill-71, .scan-score-bar-fill-71 { width: 71%; }
.bar-fill-72, .scan-score-bar-fill-72 { width: 72%; }
.bar-fill-73, .scan-score-bar-fill-73 { width: 73%; }
.bar-fill-74, .scan-score-bar-fill-74 { width: 74%; }
.bar-fill-75, .scan-score-bar-fill-75 { width: 75%; }
.bar-fill-76, .scan-score-bar-fill-76 { width: 76%; }
.bar-fill-77, .scan-score-bar-fill-77 { width: 77%; }
.bar-fill-78, .scan-score-bar-fill-78 { width: 78%; }
.bar-fill-79, .scan-score-bar-fill-79 { width: 79%; }
.bar-fill-80, .scan-score-bar-fill-80 { width: 80%; }
.bar-fill-81, .scan-score-bar-fill-81 { width: 81%; }
.bar-fill-82, .scan-score-bar-fill-82 { width: 82%; }
.bar-fill-83, .scan-score-bar-fill-83 { width: 83%; }
.bar-fill-84, .scan-score-bar-fill-84 { width: 84%; }
.bar-fill-85, .scan-score-bar-fill-85 { width: 85%; }
.bar-fill-86, .scan-score-bar-fill-86 { width: 86%; }
.bar-fill-87, .scan-score-bar-fill-87 { width: 87%; }
.bar-fill-88, .scan-score-bar-fill-88 { width: 88%; }
.bar-fill-89, .scan-score-bar-fill-89 { width: 89%; }
.bar-fill-90, .scan-score-bar-fill-90 { width: 90%; }
.bar-fill-91, .scan-score-bar-fill-91 { width: 91%; }
.bar-fill-92, .scan-score-bar-fill-92 { width: 92%; }
.bar-fill-93, .scan-score-bar-fill-93 { width: 93%; }
.bar-fill-94, .scan-score-bar-fill-94 { width: 94%; }
.bar-fill-95, .scan-score-bar-fill-95 { width: 95%; }
.bar-fill-96, .scan-score-bar-fill-96 { width: 96%; }
.bar-fill-97, .scan-score-bar-fill-97 { width: 97%; }
.bar-fill-98, .scan-score-bar-fill-98 { width: 98%; }
.bar-fill-99, .scan-score-bar-fill-99 { width: 99%; }
.bar-fill-100, .scan-score-bar-fill-100 { width: 100%; }

/* ============================================================
   Motion-delay via :nth-child (CSP-safe, vervangt JS inline-style)
============================================================ */
.motion-child:nth-child(1) { --motion-delay: 0ms; }
.motion-child:nth-child(2) { --motion-delay: 65ms; }
.motion-child:nth-child(3) { --motion-delay: 130ms; }
.motion-child:nth-child(4) { --motion-delay: 195ms; }
.motion-child:nth-child(5) { --motion-delay: 260ms; }
.motion-child:nth-child(6) { --motion-delay: 325ms; }
.motion-child:nth-child(n+7) { --motion-delay: 390ms; }

/* Nav-open lock: voorkomt scrollen achter mobiel menu.
   iOS Safari negeert overflow:hidden op body bij momentum/rubber-band scroll,
   daarom ook position:fixed + height:100% op html-element zodat de page
   niet doorschuift achter het off-canvas menu. De .primary-nav zelf heeft
   al overflow-y:auto voor menu-content dat langer is dan viewport. */
html.nav-open,
html.nav-open body {
    overflow: hidden !important;
    height: 100% !important;
    -webkit-overflow-scrolling: auto !important;
    overscroll-behavior: none !important;
}
html.nav-open {
    position: fixed;
    width: 100%;
    inset: 0;
}

/* URL-add button disabled state (vervangt JS opacity) */
.pakket-url-add[disabled] { opacity: 0.5; cursor: not-allowed; }

/* ============================================================
   Sector rows — brutalist vergelijkingstabel met foto links
   Vervangt bare <table.comparison-table> met chunky cards.
============================================================ */
/* Houd compare-sectie altijd licht (override .page-content
   .content-section:nth-of-type(4n+4) die anders dark zou worden). */
.page-content .content-section.section-voorwie-compare,
.section-voorwie-compare {
  background: var(--color-bg) !important;
  color: var(--color-ink) !important;
}
.page-content .content-section.section-voorwie-compare h2,
.page-content .content-section.section-voorwie-compare h3,
.page-content .content-section.section-voorwie-compare .eyebrow,
.page-content .content-section.section-voorwie-compare p,
.page-content .content-section.section-voorwie-compare .sector-row__type,
.section-voorwie-compare h2,
.section-voorwie-compare h3,
.section-voorwie-compare .eyebrow,
.section-voorwie-compare p { color: var(--color-ink) !important; }
.page-content .content-section.section-voorwie-compare .section-heading.is-split p,
.section-voorwie-compare .section-heading.is-split p { color: rgba(16,17,39,.72) !important; }
.page-content .content-section.section-voorwie-compare .sector-row__cell p,
.section-voorwie-compare .sector-row__cell p { color: var(--color-ink) !important; }
.page-content .content-section.section-voorwie-compare .sector-row__cell .label,
.section-voorwie-compare .sector-row__cell .label { color: rgba(16,17,39,.62) !important; }

.sector-rows {
  display: grid;
  gap: clamp(14px, 1.6vw, 22px);
  margin-top: clamp(28px, 4vw, 48px);
}

.sector-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
  gap: clamp(20px, 2.4vw, 36px);
  align-items: stretch;
  padding: clamp(18px, 2vw, 28px);
  border: 2px solid var(--color-ink);
  border-radius: var(--r-feature, 22px);
  background: var(--color-bg);
  box-shadow: -7px 7px 0 var(--color-ink);
  transition: transform .18s ease, box-shadow .18s ease;
}

.sector-row:nth-child(2) { background: var(--color-bg-soft); transform: rotate(.4deg); }
.sector-row:nth-child(3) { background: var(--color-lime); transform: rotate(-.3deg); }
.sector-row:nth-child(4) { background: var(--color-violet); transform: rotate(.3deg); }
.sector-row:nth-child(5) { background: var(--color-bg); transform: rotate(-.2deg); }

.sector-row:hover {
  transform: translate(-2px, -2px);
  box-shadow: -10px 10px 0 var(--color-ink);
}
.sector-row:nth-child(2):hover { transform: translate(-2px, -2px) rotate(.4deg); }
.sector-row:nth-child(3):hover { transform: translate(-2px, -2px) rotate(-.3deg); }
.sector-row:nth-child(4):hover { transform: translate(-2px, -2px) rotate(.3deg); }
.sector-row:nth-child(5):hover { transform: translate(-2px, -2px) rotate(-.2deg); }

.sector-row__media {
  position: relative;
  margin: 0;
  border: 2px solid var(--color-ink);
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: var(--color-bg-soft);
}
.sector-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sector-row__body {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 14px clamp(20px, 2vw, 32px);
  align-items: start;
}

.sector-row__head {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1.5px dashed var(--color-ink);
}

.sector-row__type {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(28px, 2.8vw, 40px);
  letter-spacing: -.045em;
  line-height: .95;
  color: var(--color-ink);
}

.sector-row__pack {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 2px solid var(--color-ink);
  border-radius: 999px;
  background: var(--color-bg);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -.01em;
  color: var(--color-ink);
  white-space: nowrap;
}
.sector-row:nth-child(3) .sector-row__pack { background: var(--color-bg); }
.sector-row:nth-child(4) .sector-row__pack { background: var(--color-bg); }

.sector-row__cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sector-row__cell .label {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(16,17,39,.62);
}
.sector-row__cell p {
  margin: 0;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.45;
  color: var(--color-ink);
}

@media (max-width: 760px) {
  .sector-row {
    grid-template-columns: 1fr;
    transform: none !important;
  }
  .sector-row__media { aspect-ratio: 16 / 10; max-height: 220px; }
  .sector-row__body { grid-template-columns: 1fr; }
  .sector-row__head { flex-direction: column; align-items: flex-start; gap: 10px; }
}

/* Voor-wie page: split-image FAQ overrides — iets ruimere rechter-kolom
   en stevigere FAQ-cards die contrasteren met de zachte achtergrond. */
.section-voorwie-faq.section-split-image .split-image-side {
  min-height: clamp(560px, 64vh, 760px);
}
.section-voorwie-faq.section-split-image .faq-list {
  display: grid;
  gap: 12px;
  margin-top: clamp(20px, 2.4vw, 32px);
}
.section-voorwie-faq.section-split-image .faq-item {
  border-width: 2px;
  border-color: var(--color-ink);
  background: var(--color-bg);
  border-radius: 18px;
  padding: 22px 26px;
  box-shadow: -5px 5px 0 var(--color-ink);
  transition: transform .18s ease, box-shadow .18s ease;
}
.section-voorwie-faq.section-split-image .faq-item:hover {
  transform: translate(-2px, -2px);
  box-shadow: -7px 7px 0 var(--color-ink);
}
.section-voorwie-faq.section-split-image .faq-item[open] {
  background: var(--color-lime);
  box-shadow: -7px 7px 0 var(--color-ink);
}
.section-voorwie-faq.section-split-image .faq-item summary {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(17px, 1.25vw, 19px);
  letter-spacing: -.025em;
  color: var(--color-ink);
}
.section-voorwie-faq.section-split-image .faq-item .faq-body {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1.5px dashed rgba(16,17,39,.45);
  color: rgba(16,17,39,.78);
  font-size: 15.5px;
  line-height: 1.55;
}

/* CSP-safe utility: vervang inline style margin-top voor button-row */
.button-row--spaced { margin-top: clamp(20px, 2.5vw, 32px); }

/* Loading-state submit-button met spinner */
.btn.is-loading { pointer-events: none; opacity: 0.92; cursor: wait; display: inline-flex; align-items: center; gap: 10px; justify-content: center; }
.btn-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: btn-spin 0.7s linear infinite; flex-shrink: 0; }
@keyframes btn-spin { to { transform: rotate(360deg); } }

/* ============================================================
   WhatsApp floating button — vast rechts-onder op iedere pagina
============================================================ */
.wa-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 90;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 999px;
    background: var(--color-lime);
    color: var(--color-ink);
    text-decoration: none;
    box-shadow: 0 8px 24px -4px rgba(216, 230, 60, .55), 0 4px 8px -2px rgba(13, 19, 44, .3);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.wa-float:hover, .wa-float:focus-visible {
    transform: translateY(-2px) scale(1.05);
    background: #c4d233;
    box-shadow: 0 12px 32px -4px rgba(216, 230, 60, .65), 0 6px 12px -2px rgba(13, 19, 44, .35);
    text-decoration: none;
}
.wa-float:focus-visible {
    outline: 3px solid var(--color-ink);
    outline-offset: 3px;
}
.wa-float svg { display: block; }

/* Pulse-animatie ring rond de knop, subtiel — trekt aandacht zonder
   irritant te zijn. Pauseert bij prefers-reduced-motion. */
.wa-float-pulse {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    border: 2px solid var(--color-lime);
    opacity: 0;
    animation: wa-float-pulse 2.4s ease-out infinite;
    pointer-events: none;
}
@keyframes wa-float-pulse {
    0%   { transform: scale(1);   opacity: .55; }
    70%  { transform: scale(1.45); opacity: 0; }
    100% { transform: scale(1.45); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .wa-float-pulse { animation: none; }
    .wa-float:hover, .wa-float:focus-visible { transform: none; }
}

/* Mobile: iets kleiner + correcte safe-area inset (iPhone notch) */
@media (max-width: 640px) {
    .wa-float {
        right: max(16px, env(safe-area-inset-right));
        bottom: max(16px, env(safe-area-inset-bottom));
        width: 54px;
        height: 54px;
    }
    .wa-float svg { width: 26px; height: 26px; }
}

/* Wijk uit voor cookie banner als die zichtbaar is, zodat ze elkaar niet overlappen */
body.has-cookie-banner .wa-float {
    bottom: calc(24px + 100px);
}
@media (max-width: 640px) {
    body.has-cookie-banner .wa-float {
        bottom: calc(max(16px, env(safe-area-inset-bottom)) + 140px);
    }
}

/* placeholder-contrast-fix 2026-06-08: WCAG 4.5:1 op --color-bg-soft */
input::placeholder,
textarea::placeholder {
  color: #475569;
  opacity: 1;
}


/* form-error accent 2026-06-08 (WCAG 4.1.3) */
.form-confirmation.is-error { border: 2px solid #c0392b; }
.form-confirmation.is-error .form-confirmation-icon { color: #c0392b; }

/* Blog-archief kaartkoppen zijn h2 (heading-volgorde WCAG 1.3.1); zelfde look als de h3. */
.feature-card h2{margin:4px 0 6px;font-size:19px;line-height:1.18;letter-spacing:-.01em;font-weight:900;}

/* Pauzeknop logo-marquee homepage (WCAG 2.2.2: bewegende content >5s pauzeerbaar).
   Knop is hidden zonder JS; marquee-pause.js toont en togglet hem. */
.section-home-problem .home-logo-ticker-pause{
  position:absolute;
  top:clamp(48px, 6vw, 96px);
  right:18px;
  z-index:2;
  min-height:34px;
  padding:5px 16px;
  border:1.5px solid var(--color-ink);
  border-radius:9999px;
  background:var(--color-bg);
  color:var(--color-ink);
  font:inherit;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
}
.section-home-problem .home-logo-ticker-pause:hover{background:var(--color-bg-soft);}
.section-home-problem .home-logo-ticker-pause:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px;}
/* Gepauzeerde staat: animatie bevriest op de huidige positie. */
.home-logo-ticker.is-paused .home-logo-ticker-track{animation-play-state:paused;}

/* FAQ-accordions buiten de landingspagina-layouts (blogposts, pakket-detail):
   zelfde lucht als .faq-list op de landingspaginas (12px), maar altijd 1 kolom. */
.faq-stack{display:grid;grid-template-columns:1fr;gap:12px}
.article-faq .eyebrow,.service-faq .eyebrow{margin:0 0 10px}
.article-faq .article-faq-title,.service-faq h2{margin:0 0 18px}
.article-faq{margin-top:34px}

/* === 2026-06-11 blog/artikel/case-kaarten: titel-breedte + uniforme grootte + volgnummers weg ===
   - Dicht het lek van de globale h2{max-width:13ch} (radar-lab) naar card-titels:
     titel pakt nu de volle body-breedte, net als de tekst eronder.
   - Card-titels (h2 EN h3) overal dezelfde grootte.
   - /01 /02 volgnummers overal verborgen. */
.feature-card.has-image .feature-card-body h2,
.feature-card.has-image .feature-card-body h3{max-width:none !important;font-size:clamp(19px,1.4vw,21px) !important;line-height:1.2 !important;}
.feature-index{display:none !important;}

.service-index{display:none !important;}

.home-logo-ticker-item img[src*="just-good-people"]{max-height:clamp(46px,4.2vw,54px) !important;}

/* === 2026-07-28 Scheepers-logo groter in de tikker ===
   Bestand is gecropt op de inkt (604x183), maar bleef door max-height:44px
   op ~145px breed steken terwijl de item-box 190px is. Laat hem de box vullen. */
.home-logo-ticker-item img[src*="hotel-scheepers"]{max-height:clamp(42px,4vw,58px) !important;}
.home-logo-ticker-item img[src*="florentin"]{max-height:clamp(42px,4vw,58px) !important;}


/* Klantlogo-tikker als bewijsband (30-07-2026), o.a. onder de pakketten.
   Eigen band op --color-bg-soft: op --swatch-ube-300 (#d6b4fc, lum 192) zakt het
   inkt-vs-achtergrond-contrast van de WITTE logo's naar ~12 door filter
   contrast(.32)+opacity(.52), tegen ~26 op #d3dde7. Doorgerekend, niet gegokt. */
.logo-proof-band {
  background: var(--color-bg-soft);
  border-radius: 24px;
  margin-top: clamp(28px, 3vw, 48px);
  overflow: hidden;
  padding: clamp(16px, 2vw, 26px) 0;
}

.home-logo-ticker.is-static {
  left: auto;
  position: relative;
  top: auto;
  transform: none;
  width: 100%;
}


/* AVG-regel onder de formulieren (30-07-2026). Erft .form-microcopy (kleur per
   formulierkaart), alleen krapper eronder en met leesbare link. Dubbele klasse
   in de selector zodat de volgorde van menu.css/components.css niet uitmaakt. */
.form-microcopy.form-privacy-note {
  margin-top: 6px !important;
}

.form-microcopy.form-privacy-note a {
  color: inherit;
  text-decoration: underline;
}


/* Donkere microcopy op ELKE limekaart, niet alleen .page-hero-form.is-lime
   (30-07-2026). De contactkaart is .lead-form.contact-form-card.is-lime en viel
   buiten die oude selector; de nieuwe AVG-regel kwam daar op contrast 1,13 uit.
   Met deze regel is het 6,4 en dus ruim WCAG AA. */
.is-lime .form-microcopy {
  color: rgba(16, 17, 39, 0.72) !important;
}


/* Maatwerk-uitweg onder de pakketkaarten (30-07-2026). Maakt de bovenkant van de
   ladder zichtbaar zonder een prijs of pakket te verzinnen; de zin herhaalt de
   scope-regel die al op de Sprint-pagina staat. */
.pricing-maatwerk {
  margin: clamp(22px, 2.6vw, 34px) auto 0;
  max-width: 62ch;
  text-align: center;
  font-size: 15px;
  line-height: 1.55;
  /* Erf de sectiekleur i.p.v. een vaste kleur: deze sectie (.section-flow-violet)
     rendert donkerblauw #273287 met crème tekst, dus een vaste donkere kleur gaf
     contrast 1,49 = onleesbaar. Met inherit + opacity werkt de regel op zowel
     donkere als lichte secties (30-07-2026). */
  color: inherit;
  opacity: .82;
}

.pricing-maatwerk a {
  color: inherit;
  text-decoration: underline;
}

/* PokeMambo: bijna vierkant logo, zelfde maat-uitzondering als Scheepers/Florentin (20-08-2026). */
.home-logo-ticker-item img[src*="poke-mambo"]{max-height:clamp(42px,4vw,58px) !important;}

/* == radar-lab.min.css == */
:root{--color-bg:#f0eee9;--color-bg-paper:#f0eee9;--color-bg-soft:#d3dde7;--color-bg-cream:#f0eee9;--color-ink:#101127;--color-ink-soft:#17184b;--color-text:#101127;--color-text-soft:rgba(16,17,39,.72);--color-text-muted:rgba(16,17,39,.58);--color-link:#273287;--color-border:rgba(16,17,39,.16);--color-border-light:rgba(16,17,39,.1);--color-border-strong:#101127;--color-border-dark:#101127;--color-lime:#d8e63c;--color-lime-2:#d8e63c;--color-lime-soft:rgba(216,230,60,.55);--color-lime-ink:#101127;--color-blue:#273287;--color-blue-soft:#d3dde7;--color-warm:#d6b4fc;--color-warm-soft:#d6b4fc;--color-violet:#d6b4fc;--color-low:#d6b4fc;--color-warn:#d8e63c;--color-matcha-deep:#273287;--swatch-ube-300:#d6b4fc;--swatch-ube-800:#273287;--swatch-ube-900:#101127;--r-sm:10px;--r-card:18px;--r-feature:26px;--r-section:30px;--shadow-sm:none;--shadow-clay:-6px 6px 0 rgba(16,17,39,.95);--shadow-hard:-8px 8px 0 #101127;--shadow-hard-soft:none;--shadow-lg:-10px 10px 0 #101127;--font-display:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-feat-display:normal;--font-feat-body:normal}html{background:var(--color-bg);overflow-x:clip}body{background:linear-gradient(90deg,rgba(16,17,39,.045) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.035) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:17px;line-height:1.45;letter-spacing:0;overflow-x:clip}body::after{display:none}::selection{background:var(--color-lime);color:var(--color-ink)}.container,.footer-inner{width:min(1480px,calc(100% - 44px))}.container.narrow{width:min(900px,calc(100% - 44px))}h1,h2,h3,h4,.brand,.btn{font-family:var(--font-display);font-weight:900;letter-spacing:-.055em}h1{font-size:clamp(54px,6.1vw,104px);line-height:.9;max-width:13ch}h2{font-size:clamp(42px,4.8vw,78px);line-height:.92;max-width:13ch}h3{line-height:.98}p,li{letter-spacing:0}h1 em,h2 em,h3 em{display:inline;font-family:var(--font-display);font-style:normal;color:var(--color-ink);background:linear-gradient(0deg,var(--color-lime) 0 38%,transparent 38%);padding-inline:.035em}.lead{color:rgba(16,17,39,.76);font-size:clamp(18px,1.55vw,23px);line-height:1.42}.eyebrow,.kicker,.pricing-tag,.metric-tag,.report-label,.report-id,.feature-index,.audit-num,.case-meta,.brief-kicker,.step-num,.layer-card span,.answer-flow article span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--color-blue);font-size:12px;font-weight:600;margin-bottom:20px}.eyebrow::before{width:9px;height:9px;border-radius:50%;background:var(--color-lime);outline:5px solid rgba(216,230,60,.28)}.site-header{position:sticky;top:0;z-index:50;background:rgba(240,238,233,.88);border-bottom:1px solid rgba(16,17,39,.12);backdrop-filter:blur(16px);box-shadow:none}.header-inner{min-height:76px;height:auto;grid-template-columns:1fr auto auto;gap:24px}.brand{font-size:18px;text-decoration:none}.brand-mark{width:38px;height:38px;border:0;border-radius:12px;background:var(--color-ink);color:transparent;box-shadow:-4px 4px 0 var(--color-lime)}.brand-mark::before{inset:9px;border:3px solid var(--color-lime);border-right-color:transparent;border-radius:50%}.primary-nav{gap:18px}.primary-nav .menu{gap:4px}.primary-nav .menu a{border:0;border-radius:8px;color:var(--color-ink);font-size:14px;font-weight:700;padding:10px 12px}.primary-nav .menu a:hover{background:rgba(16,17,39,.08);color:var(--color-ink)}.primary-nav .menu .current-menu-item>a,.primary-nav .menu .current_page_item>a{background:var(--color-ink);color:var(--color-lime)}.btn,.btn-sm,.btn-lg{min-height:58px;padding:0 28px;border:0;border-radius:10px;box-shadow:none !important;font-size:15px;letter-spacing:-.01em;line-height:1;text-decoration:none;transition:transform .24s cubic-bezier(.16,1,.3,1),background .18s ease,color .18s ease}.btn:hover{transform:translateY(-4px)}.btn-primary,.section-flow-dark .btn-primary,.section-ink .btn-primary{background:var(--color-lime);color:var(--color-ink)}.btn-secondary,.btn-ghost,.section-flow-dark .btn-secondary,.section-ink .btn-secondary{background:var(--color-blue);color:var(--color-bg)}.btn-secondary:hover,.btn-ghost:hover,.section-flow-dark .btn-secondary:hover,.section-ink .btn-secondary:hover{background:var(--color-ink);color:var(--color-bg)}.section-flow-violet .btn-primary,.section-flow-blue .btn-primary,.section-flow-yellow .btn-primary{background:var(--color-ink);color:var(--color-bg)}.button-row{gap:12px;margin-top:34px}.hero{position:relative;min-height:clamp(720px,calc(100svh - 76px),860px);display:grid;align-items:stretch;padding:0;background:linear-gradient(90deg,rgba(16,17,39,.075) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.055) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-bg);border-bottom:1px solid rgba(16,17,39,.12);overflow:visible}.hero.hero-bg{background:linear-gradient(90deg,rgba(16,17,39,.075) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.055) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-bg)}.hero::before,.hero.hero-bg::before{content:"";position:absolute;inset:0;display:block;background:radial-gradient(700px 340px at 18% 18%,rgba(216,230,60,.36),transparent 68%),radial-gradient(620px 320px at 86% 12%,rgba(214,180,252,.28),transparent 70%),linear-gradient(90deg,transparent 0 62%,rgba(39,50,135,.08) 62%);filter:none;pointer-events:none;z-index:0}.hero.hero-bg::after{display:none}.hero>*{position:relative;z-index:2}.hero-grid,.hero.hero-bg .hero-grid{display:grid;min-height:clamp(720px,calc(100svh - 76px),860px);grid-template-columns:minmax(0,min(760px,62vw));align-items:center;max-width:none;padding:clamp(64px,6vw,104px) 0 clamp(118px,10vw,152px)}.hero-copy{position:relative;z-index:3}.hero-copy h1,.home .hero h1,.front-page .hero h1{max-width:17ch;margin-bottom:30px;font-size:clamp(54px,5.7vw,92px);line-height:.92;text-shadow:none}.hero-copy .lead{width:min(610px,100%);max-width:610px;margin:0;color:rgba(16,17,39,.78);text-shadow:none}.hero-copy .button-row{margin-top:36px}body.home .hero .btn-secondary,body.front-page .hero .btn-secondary{background:var(--color-blue);color:var(--color-bg)}body.home .hero .btn-secondary:hover,body.front-page .hero .btn-secondary:hover{background:var(--color-ink);color:var(--color-bg)}.proof-row{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none;color:rgba(16,17,39,.72);font-size:14px;font-weight:700}.proof-row li{display:inline-flex;align-items:center;gap:8px}.proof-row li::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--color-blue)}.hero-panel{position:absolute;top:0;right:0;bottom:0;left:62vw;width:auto;min-height:0;margin:0;z-index:1}.image-card{position:absolute;inset:0;width:100%;height:auto;margin:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:var(--color-cloud,#d3dde7)}.image-card img{width:100%;height:100%;object-fit:cover;object-position:center right;filter:saturate(1.02) contrast(1.03)}.image-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,17,39,.28),rgba(16,17,39,.04) 42%,transparent 70%),radial-gradient(420px 260px at 8% 12%,rgba(216,230,60,.22),transparent 72%);pointer-events:none}.image-card figcaption{display:none}.image-card figcaption span{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.image-card figcaption strong{max-width:210px;text-align:right;font-family:var(--font-display);font-size:24px;line-height:.95;letter-spacing:-.04em}.hero-scan-cta{position:absolute;left:auto;right:max(22px,calc((100vw - 1480px) / 2));bottom:-260px;z-index:4;display:grid;grid-template-columns:1fr;width:min(560px,calc(100vw - 56px));gap:18px;align-items:stretch;padding:clamp(26px,2.6vw,36px);border:2px solid var(--color-ink);border-radius:20px;background:radial-gradient(360px 180px at 100% 0%,rgba(216,230,60,.18),transparent 68%),var(--color-blue);box-shadow:-8px 8px 0 var(--color-lime),-10px 10px 0 var(--color-ink);color:var(--color-bg)}.hero-scan-cta .eyebrow{margin-bottom:10px;color:var(--color-lime)}.hero-scan-cta h2{max-width:10ch;margin:0;color:var(--color-bg);font-size:clamp(34px,3vw,48px);line-height:.92}.hero-scan-cta p:not(.eyebrow){max-width:42ch;margin:10px 0 0;color:rgba(240,238,233,.74);font-size:14px;line-height:1.42}.hero-scan-cta .btn-primary{background:var(--color-lime);color:var(--color-ink)}.hero-scan-cta .btn-primary:hover{background:var(--color-ink);color:var(--color-bg)}.hero-scan-cta .btn{min-height:58px;padding-inline:28px}.hero-scan-cta small{display:block;align-self:center;max-width:180px;color:rgba(240,238,233,.66);font-size:12.5px;font-weight:700;line-height:1.25}.hero-scan-fields{display:grid;grid-template-columns:1fr;gap:12px}.hero-scan-fields label{display:grid;gap:5px;color:rgba(240,238,233,.8);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-scan-fields input:not(.hp-field),.hero-scan-fields textarea{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(240,238,233,.22);border-radius:10px;background:rgba(240,238,233,.92);color:var(--color-ink);font-family:var(--font-body);font-size:15px;outline:none}.hero-scan-fields textarea{min-height:96px;padding-block:12px;resize:vertical}.hero-scan-fields input:focus,.hero-scan-fields textarea:focus{border-color:var(--color-lime);box-shadow:0 0 0 3px rgba(216,230,60,.22)}.hero-scan-fields .btn{width:100%}.hero-scan-fields .hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.scan-card{position:absolute;left:0;bottom:0;width:min(460px,86%);padding:26px;border:2px solid var(--color-ink);border-radius:24px;background:rgba(240,238,233,.97);box-shadow:-7px 7px 0 var(--color-ink)}.scan-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px dashed rgba(16,17,39,.22);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.scan-head small{color:rgba(16,17,39,.45)}.scan-dot{width:9px;height:9px;border-radius:50%;background:var(--color-lime);outline:5px solid rgba(216,230,60,.25)}.scan-main{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:20px 0 18px}.scan-main strong{font-family:var(--font-display);font-size:82px;line-height:.82;letter-spacing:-.07em}.scan-main p{margin:0;color:rgba(16,17,39,.7);font-size:15px;line-height:1.35}.scan-main span{display:inline-flex;margin-bottom:6px;padding:5px 10px;border:1px solid var(--color-ink);border-radius:999px;background:var(--color-lime);color:var(--color-ink);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase}.scan-bars{display:grid;gap:10px;padding:0;margin:0;list-style:none}.scan-bars li{display:grid;grid-template-columns:92px 1fr 30px;gap:12px;align-items:center;font-family:var(--font-mono);font-size:12px;text-transform:uppercase}.scan-bars b{height:8px;border:1px solid var(--color-ink);border-radius:999px;background:linear-gradient(90deg,var(--color-blue),var(--color-lime))}.scan-bars em{font-style:normal;font-weight:700;text-align:right}.section{position:relative;padding:clamp(76px,8vw,132px) 0;border:0}.section-paper,.section-cream{background:var(--color-bg)}.section-heading{gap:clamp(26px,4vw,72px);margin-bottom:clamp(34px,5vw,66px)}.section-heading.is-split{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:start}.section-heading.is-split p{color:rgba(16,17,39,.7);font-size:clamp(18px,1.45vw,21px);line-height:1.45}.section-heading h2{max-width:13ch}.section-home-problem{background:var(--color-bg);padding-top:clamp(128px,10vw,170px)}.section-home-problem .section-heading.is-split>p{margin-top:clamp(150px,13vw,230px)}.section-home-services,.section-flow-dark{background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-ink);color:var(--color-bg)}.section-home-services h2,.section-home-services h3,.section-home-services .eyebrow,.section-flow-dark h2,.section-flow-dark h3,.section-flow-dark .eyebrow{color:var(--color-bg)}.section-home-services .section-heading.is-split p,.section-flow-dark .section-heading.is-split p{color:rgba(240,238,233,.72)}.section-flow-blue{background:var(--color-bg-soft)}.section-home-pricing{background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-blue);color:var(--color-bg)}.section-home-process{background:linear-gradient(90deg,rgba(16,17,39,.08) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.06) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-lime);color:var(--color-ink)}.section-home-process h2,.section-home-process h3,.section-home-process .eyebrow{color:var(--color-ink)}.section-home-process h2 em{color:var(--color-ink);background:linear-gradient(0deg,var(--color-violet) 0 34%,transparent 34%)}.section-audit-process{background:linear-gradient(90deg,rgba(16,17,39,.065) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.045) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-bg-soft);color:var(--color-ink)}.section-audit-process h2,.section-audit-process h3,.section-audit-process .eyebrow{color:var(--color-ink)}.section-audit-process h2 em{color:var(--color-ink);background:linear-gradient(0deg,var(--color-lime) 0 34%,transparent 34%)}.section-home-faq,.section-flow-violet{background:var(--color-blue);color:var(--color-bg)}.section-home-faq h2,.section-home-faq h3,.section-home-faq .eyebrow,.section-home-pricing h2,.section-home-pricing h3,.section-home-pricing .eyebrow,.section-flow-violet h2,.section-flow-violet h3,.section-flow-violet .eyebrow{color:var(--color-bg)}.section-home-faq .section-heading.is-split p,.section-home-pricing .section-heading.is-split p,.section-flow-violet .section-heading.is-split p{color:rgba(240,238,233,.72)}.section-flow-yellow{background:var(--color-lime)}.section-flow-cta,.section-home-cta{background:var(--color-bg-soft)}.section-flow-blue .section-heading.is-split p,.section-flow-yellow .section-heading.is-split p{color:rgba(16,17,39,.72)}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:0;border:2px solid var(--color-ink);border-radius:28px;overflow:hidden;background:var(--color-bg);box-shadow:var(--shadow-hard)}.metric{min-height:250px;padding:30px;border:0;border-right:1px solid rgba(16,17,39,.16);border-radius:0;background:var(--color-bg);box-shadow:none}.metric:last-child{border-right:0}.metric:hover{transform:none;border-color:rgba(16,17,39,.16);box-shadow:none}.metric::after{display:none}.metric-tag{padding:0;border:0;border-radius:0;background:transparent;color:var(--color-blue);font-size:12px}.metric-value{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(54px,5vw,86px);font-weight:900}.metric-label{max-width:27ch;color:rgba(16,17,39,.67);font-size:15px}.service-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:0;border:2px solid var(--color-ink);border-radius:28px;overflow:hidden;background:var(--color-bg);box-shadow:var(--shadow-hard)}.service-strip-card{min-height:300px;padding:clamp(24px,2.3vw,34px);border-right:1px solid rgba(16,17,39,.16);border-bottom:0;background:var(--color-bg)}.service-strip-card:nth-child(2){border-right:1px solid rgba(16,17,39,.16);background:var(--color-bg-soft)}.service-strip-card:nth-child(3){background:var(--color-lime)}.service-strip-card:nth-child(4){border-right:0;background:var(--color-violet)}.service-index{display:block;margin-bottom:clamp(20px,2.4vw,34px);color:var(--color-blue);font-family:var(--font-mono);font-size:13px;font-weight:800;letter-spacing:.08em}.service-strip-card h3{max-width:11ch;color:var(--color-ink);font-size:clamp(30px,2.45vw,44px);line-height:.98;letter-spacing:-.05em}.service-strip-card p{margin-top:clamp(18px,1.8vw,26px);color:rgba(16,17,39,.68);font-size:clamp(15px,1vw,17px);line-height:1.45}.section-flow-dark .metric-strip{border-color:rgba(240,238,233,.22);background:rgba(240,238,233,.06);box-shadow:none}.section-flow-dark .metric{background:transparent;border-color:rgba(240,238,233,.16)}.section-flow-dark .metric-tag{color:var(--color-lime);background:transparent}.section-flow-dark .metric-value,.section-flow-dark .metric h3{color:var(--color-bg)}.section-flow-dark .metric-label{color:rgba(240,238,233,.7)}.feature-grid,.audit-grid,.case-strip,.outcome-grid,.workflow-steps,.layer-grid,.implementation-list,.answer-flow{gap:18px}.section-home-services .feature-grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense}.section-home-services .feature-card{position:relative;overflow:hidden;min-height:280px;grid-column:span 3;border-width:1px;border-color:rgba(240,238,233,.18)}.section-home-services .feature-card.is-large{grid-column:span 3;min-height:390px}.section-home-services .feature-card.is-small{grid-column:span 3}.section-home-services .feature-card.is-wide{grid-column:span 3;min-height:280px}.section-home-services .feature-card.is-lime{background:var(--color-lime);border-color:transparent;color:var(--color-ink)}.section-home-services .feature-card.is-cloud{background:var(--color-bg-soft);border-color:transparent;color:var(--color-ink)}.feature-card,.pricing-card,.audit-item,.case-tile,.outcome-card,.workflow-step,.layer-card,.answer-flow article,.implementation-list div,.lead-form,.contact-aside,.matrix,.page-content .content-section .content-card,.page-content .content-section .sector-card,.audit-score-block{border:2px solid var(--color-ink);border-radius:26px;background:rgba(240,238,233,.94);box-shadow:none}.feature-card,.audit-item,.case-tile,.outcome-card,.workflow-step,.layer-card,.answer-flow article,.implementation-list div,.lead-form,.contact-aside{padding:30px}.feature-card:hover,.pricing-card:hover,.audit-item:hover,.case-tile:hover,.outcome-card:hover,.workflow-step:hover,.layer-card:hover,.answer-flow article:hover{transform:translateY(-5px);border-color:var(--color-ink);box-shadow:-5px 5px 0 var(--color-ink)}.feature-card .feature-index,.audit-num{color:var(--color-blue);font-size:13px;font-style:normal;font-weight:600}.feature-card h3,.pricing-card h3,.audit-item h3,.case-tile h3,.workflow-step h3,.layer-card h3{color:var(--color-ink);font-size:clamp(24px,2vw,34px);letter-spacing:-.045em}.feature-card p,.pricing-sub,.audit-item p,.case-tile p,.workflow-step p,.layer-card p,.answer-flow article p,.outcome-card p{color:rgba(16,17,39,.68);font-size:15.5px;line-height:1.48}.feature-card .feature-tags li,.pricing-tag,.score-tag,.workflow-step .step-num,.layer-card span,.answer-flow article span{border:1px solid var(--color-ink);border-radius:999px;background:var(--color-lime);color:var(--color-ink);font-family:var(--font-mono);font-size:11px;font-weight:700}.section-home-services .feature-card,.section-flow-dark .feature-card{background:rgba(240,238,233,.07);border-color:rgba(240,238,233,.18);color:var(--color-bg)}.section-home-services .feature-card.is-lime,.section-home-services .feature-card.is-cloud{color:var(--color-ink)}.section-home-services .feature-card.is-lime h3,.section-home-services .feature-card.is-cloud h3,.section-home-services .feature-card.is-lime .feature-index,.section-home-services .feature-card.is-cloud .feature-index{color:var(--color-ink)}.section-home-services .feature-card.is-lime p,.section-home-services .feature-card.is-cloud p{color:rgba(16,17,39,.72)}.section-home-services .feature-card.is-lime .feature-tags li,.section-home-services .feature-card.is-cloud .feature-tags li{border-color:var(--color-ink);background:transparent;color:var(--color-ink)}.section-home-services .feature-card:hover,.section-flow-dark .feature-card:hover{border-color:var(--color-lime);box-shadow:-5px 5px 0 var(--color-lime)}.section-home-services .feature-card h3,.section-flow-dark .feature-card h3{color:var(--color-bg)}.section-home-services .feature-card p,.section-flow-dark .feature-card p{color:rgba(240,238,233,.72)}.section-home-services .feature-card .feature-index,.section-flow-dark .feature-card .feature-index{color:var(--color-lime)}.section-home-services .feature-card .feature-tags li,.section-flow-dark .feature-card .feature-tags li{background:rgba(240,238,233,.08);border-color:rgba(240,238,233,.24);color:rgba(240,238,233,.86)}.section-home-services .feature-card h3{max-width:12ch;font-size:clamp(28px,3vw,46px);line-height:.96;letter-spacing:-.045em}.section-home-services .feature-card p{max-width:38ch;margin-top:10px;font-size:16px}.section-home-services .mock-answer{position:absolute;right:22px;bottom:22px;width:min(360px,calc(100% - 44px));padding:18px;border-radius:18px;background:var(--color-bg);color:var(--color-ink);transform:rotate(-2deg);box-shadow:-5px 5px 0 rgba(16,17,39,.72)}.section-home-services .mock-answer b{display:block;margin-bottom:10px;color:var(--color-blue);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.section-home-services .mock-answer p{margin:0;color:rgba(16,17,39,.82);font-size:14px;line-height:1.45}.process-layout{display:grid;grid-template-columns:minmax(0,.74fr) minmax(520px,1.16fr);gap:clamp(38px,6vw,96px);align-items:start}.process-copy{position:sticky;top:112px;max-width:560px}.process-copy h2{max-width:9ch;font-size:clamp(54px,5.6vw,92px)}.process-copy p:not(.eyebrow){max-width:34ch;margin-top:28px;color:rgba(16,17,39,.72);font-size:clamp(18px,1.35vw,22px);line-height:1.45}.process-stack{display:grid;gap:14px;padding-bottom:clamp(38px,8vw,118px)}.process-step-card{--step-top:106px;position:sticky;top:var(--step-top);display:grid;grid-template-columns:92px minmax(0,1fr);gap:24px;align-items:start;min-height:144px;padding:clamp(24px,2.6vw,34px);border:2px solid var(--color-ink);border-radius:26px;background:var(--color-bg);box-shadow:-7px 7px 0 var(--color-ink)}.process-step-card:nth-child(2){--step-top:124px;background:var(--color-bg-soft);transform:rotate(1deg)}.process-step-card:nth-child(3){--step-top:142px;background:var(--color-lime);transform:rotate(-.8deg)}.process-step-card:nth-child(4){--step-top:160px;background:var(--color-violet);transform:rotate(.6deg)}.section-home-process .process-step-card:nth-child(4){background:var(--color-violet)}.process-step-card>span{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(42px,4vw,64px);font-weight:900;letter-spacing:-.05em;line-height:.92}.process-step-card h3{font-size:clamp(36px,3.5vw,58px);line-height:.95}.process-step-card p{margin-top:10px;color:rgba(16,17,39,.72);font-size:clamp(17px,1.25vw,20px);line-height:1.42}.process-step-card:has(>div>h3>a){position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.process-step-card:has(>div>h3>a):hover{transform:translateY(-2px)}.process-step-card>div>h3>a{position:static}.process-step-card>div>h3>a::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.audit-process-layout{display:grid;grid-template-columns:minmax(0,.64fr) minmax(560px,1.26fr);gap:clamp(38px,6vw,96px);align-items:start}.audit-process-copy{position:sticky;top:112px;max-width:600px}.audit-process-copy h2{max-width:10ch;font-size:clamp(50px,5vw,82px)}.audit-process-copy p:not(.eyebrow){max-width:36ch;margin-top:28px;color:rgba(16,17,39,.72);font-size:clamp(18px,1.35vw,22px);line-height:1.45}.audit-step-stack{display:grid;gap:12px;padding-bottom:clamp(48px,9vw,132px)}.audit-step-card{--audit-step-top:104px;position:sticky;top:var(--audit-step-top);display:grid;grid-template-columns:74px minmax(0,1fr) minmax(112px,140px);gap:clamp(18px,2.6vw,32px);align-items:center;min-height:132px;padding:clamp(20px,2vw,28px);border:2px solid var(--color-ink);border-radius:26px;background:var(--color-bg);box-shadow:-7px 7px 0 var(--color-ink)}.audit-step-card:nth-child(2){--audit-step-top:116px;background:var(--color-bg-soft);transform:rotate(.45deg)}.audit-step-card:nth-child(3){--audit-step-top:128px;background:var(--color-lime);transform:rotate(-.35deg)}.audit-step-card:nth-child(4){--audit-step-top:140px;background:var(--color-violet);transform:rotate(.35deg)}.audit-step-card:nth-child(5){--audit-step-top:152px;background:var(--color-bg)}.audit-step-card:nth-child(6){--audit-step-top:164px;background:var(--color-bg-soft);transform:rotate(-.35deg)}.audit-step-card:nth-child(7){--audit-step-top:176px;background:var(--color-lime);transform:rotate(.35deg)}.audit-step-card:nth-child(8){--audit-step-top:188px;background:var(--color-violet)}.audit-step-num{color:var(--color-blue);font-family:var(--font-display);font-size:clamp(38px,3.5vw,56px);font-weight:900;letter-spacing:-.05em;line-height:.92}.audit-step-card h3{font-size:clamp(28px,2.6vw,44px);line-height:.95}.audit-step-card p{max-width:46ch;margin-top:8px;color:rgba(16,17,39,.72);font-size:clamp(16px,1.12vw,18px);line-height:1.42}.audit-step-card .audit-score{justify-self:end;min-width:120px}.audit-step-card .audit-score .bar-track{width:100%}.audit-step-card .audit-score .bar-num{margin-top:8px;text-align:right;font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:-.04em}.section-home-pricing .pricing-card:not(.is-featured){border-color:rgba(16,17,39,.16)}.section-home-pricing .btn-secondary{background:var(--color-blue);color:var(--color-bg)}.pricing-grid{gap:18px}.pricing-card{padding:68px 34px 34px;border-radius:26px}.pricing-card.is-featured{background:radial-gradient(360px 220px at 85% 0%,rgba(214,180,252,.58),transparent 68%),var(--color-lime);border-color:var(--color-ink);box-shadow:var(--shadow-hard)}.pricing-card.is-featured:hover{box-shadow:-8px 8px 0 var(--color-ink)}.pricing-tag{top:24px;right:22px;padding:6px 10px;background:var(--color-bg)}.pricing-card.is-featured .pricing-tag{background:var(--color-ink);color:var(--color-lime);border-color:var(--color-ink)}.price{display:flex;gap:10px;align-items:flex-end;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(48px,4vw,68px);font-weight:900;letter-spacing:-.07em}.price small,.price .currency{color:rgba(16,17,39,.6)}.price small{margin:0 0 9px;padding:4px 7px;border:1px solid rgba(16,17,39,.28);border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.pricing-meta{border-color:rgba(16,17,39,.18)}.pricing-list li::before{background:var(--color-ink)}.pricing-card .btn{width:max-content}.pricing-card h3{margin-top:0}.page-hero{padding:clamp(78px,8vw,132px) 0;background:linear-gradient(90deg,rgba(16,17,39,.045) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.035) 1px,transparent 1px) 0 0 / 86px 86px,radial-gradient(720px 340px at 82% 8%,rgba(216,230,60,.32),transparent 66%),var(--color-bg);border-bottom:1px solid rgba(16,17,39,.12)}.page-hero-color{background:linear-gradient(90deg,rgba(16,17,39,.045) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.035) 1px,transparent 1px) 0 0 / 86px 86px,radial-gradient(760px 360px at 84% 12%,rgba(216,230,60,.32),transparent 62%),radial-gradient(620px 300px at 8% 12%,rgba(214,180,252,.2),transparent 70%),var(--color-bg)}.page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(34px,5vw,82px)}.page-hero h1{max-width:13ch;margin-bottom:24px;font-size:clamp(52px,5.9vw,94px);line-height:.92}.page-hero .lead{max-width:55ch}.page-hero.has-floating-form{position:relative;overflow:visible;min-height:clamp(720px,calc(100svh - 76px),860px);padding:clamp(78px,8vw,132px) 0 clamp(112px,10vw,178px)}.page-hero.has-floating-form .page-hero-grid{position:static;transform:none !important;filter:none !important;opacity:1 !important;will-change:auto !important}.page-hero.has-floating-form+.section{padding-top:clamp(210px,17vw,310px)}.page-hero-form.lead-form{position:absolute;right:max(22px,calc((100vw - 1480px) / 2));bottom:-260px;z-index:5;width:min(560px,calc(100vw - 56px));padding:clamp(28px,3vw,42px);transform:none;border:2px solid var(--color-ink);border-radius:24px;box-shadow:-8px 8px 0 var(--color-ink)}.page-hero-form.is-lime{background:radial-gradient(360px 220px at 100% 0%,rgba(240,238,233,.5),transparent 70%),var(--color-lime)}.page-hero-form .form-intro h2{max-width:10ch;margin:0;font-size:clamp(34px,3vw,50px);line-height:.92}.page-hero-form .form-intro p{max-width:34ch;margin:12px 0 0;color:rgba(16,17,39,.72)}.page-hero-form .btn{align-self:stretch}.hero-report,.workflow-brief,.approach-map{min-height:380px;border:2px solid var(--color-ink);border-radius:28px;background:rgba(240,238,233,.95);color:var(--color-ink);box-shadow:var(--shadow-hard)}.hero-report{padding:28px}.workflow-brief,.approach-map{background:radial-gradient(520px 260px at 16% 10%,rgba(216,230,60,.22),transparent 62%),radial-gradient(520px 260px at 100% 100%,rgba(214,180,252,.2),transparent 62%),var(--color-ink);color:var(--color-bg)}.report-head{border-bottom-color:rgba(16,17,39,.2)}.report-label,.report-id,.report-bars .bar-label,.report-foot{font-family:var(--font-mono)}.report-overall .score-num{font-family:var(--font-display);font-weight:900;letter-spacing:-.07em}.report-overall .score-tag{border-color:var(--color-ink);background:var(--color-lime)}.report-bars{border-top-color:rgba(16,17,39,.18)}.report-bars .bar-track,.audit-score .bar-track{height:9px;border:1px solid var(--color-ink);background:transparent}.report-bars .bar-fill,.audit-score .bar-fill{background:linear-gradient(90deg,var(--color-blue),var(--color-lime))}.report-bars .bar-low .bar-fill,.audit-score.is-low .bar-fill{background:var(--color-warm)}.report-bars .bar-mid .bar-fill,.audit-score.is-mid .bar-fill{background:var(--color-lime)}.report-foot{border-top-color:rgba(16,17,39,.18)}.matrix{border-collapse:separate;border-spacing:0;overflow:hidden}.matrix th,.matrix td{border-bottom-color:rgba(16,17,39,.16)}.matrix .col-feat,.matrix thead .col-feat{background:var(--color-lime);color:var(--color-ink)}.faq-list{display:grid;grid-template-columns:1fr;gap:12px}.section-home-faq .faq-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.faq-item{border:2px solid var(--color-ink);border-radius:18px;background:rgba(240,238,233,.94);box-shadow:none}.faq-item[open]{border-color:var(--color-ink);box-shadow:-4px 4px 0 var(--color-ink)}.faq-item summary{min-height:72px;color:var(--color-ink);font-family:var(--font-display);font-size:19px;font-weight:900;letter-spacing:-.035em}.faq-item .faq-body{color:rgba(16,17,39,.7)}.section-home-faq .faq-item,.section-flow-violet .faq-item{background:var(--color-bg)}.section-home-faq .faq-item summary{min-height:92px}.lead-form input,.lead-form textarea{border:2px solid rgba(16,17,39,.18);border-radius:12px;background:rgba(255,255,255,.5);box-shadow:none;color:var(--color-ink)}.lead-form input:focus,.lead-form textarea:focus{border-color:var(--color-ink);box-shadow:-3px 3px 0 var(--color-ink)}.contact-aside{background:var(--color-ink);color:var(--color-bg)}.contact-aside h2{color:var(--color-bg)}.contact-aside li,.contact-mail{color:rgba(240,238,233,.78)}.contact-hero{position:relative;padding:clamp(82px,8vw,136px) 0;overflow:hidden;background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,radial-gradient(680px 320px at 12% 10%,rgba(216,230,60,.2),transparent 66%),radial-gradient(620px 300px at 92% 12%,rgba(214,180,252,.2),transparent 70%),var(--color-ink);color:var(--color-bg)}.contact-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,.68fr);gap:clamp(38px,6vw,94px);align-items:center}.contact-copy h1{max-width:10.5ch;color:var(--color-bg)}.contact-copy h1 em{color:var(--color-bg);background:linear-gradient(0deg,rgba(216,230,60,.7) 0 42%,transparent 42%)}.contact-copy .lead{max-width:590px;color:rgba(240,238,233,.75)}.contact-proof{display:grid;gap:12px;max-width:560px;margin:34px 0 0;padding:0;list-style:none}.contact-proof li{padding:16px 18px;border:1px solid rgba(240,238,233,.18);border-radius:14px;background:rgba(240,238,233,.07);color:rgba(240,238,233,.88);font-weight:800}.contact-form-card.lead-form{position:relative;z-index:2;padding:clamp(28px,3vw,42px);border:2px solid var(--color-ink);border-radius:24px;background:var(--color-bg);box-shadow:-8px 8px 0 var(--color-lime)}.contact-form-card .form-intro .eyebrow{margin-bottom:10px}.contact-form-card .form-intro h2{max-width:10ch;font-size:clamp(32px,3vw,48px);line-height:.92}.contact-form-card .btn{align-self:stretch}.contact-next{background:var(--color-bg-soft)}.contact-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-step{min-height:250px;padding:30px;border:2px solid var(--color-ink);border-radius:22px;background:var(--color-bg)}.contact-step.is-lime{background:var(--color-lime)}.contact-step span{color:var(--color-blue);font-family:var(--font-mono);font-size:13px;font-weight:800}.contact-step h3{margin:22px 0 12px;color:var(--color-ink);font-size:clamp(28px,2.6vw,42px);line-height:.94}.contact-step p{max-width:34ch;margin:0;color:rgba(16,17,39,.7)}.contact-page-hero .contact-card{min-height:auto;padding:clamp(28px,3vw,42px);border:2px solid var(--color-ink);border-radius:24px;box-shadow:-8px 8px 0 var(--color-lime)}.contact-page-hero .container{max-width:none}.contact-page-hero h1{max-width:11ch}.contact-page-hero .lead{max-width:760px}.contact-main-section{padding-top:clamp(78px,8vw,132px)}.contact-list{display:grid;gap:18px;margin:24px 0 0;padding:0;list-style:none}.contact-list li{display:grid;gap:6px;padding-bottom:18px;border-bottom:1px solid rgba(240,238,233,.18)}.contact-list li:last-child{padding-bottom:0;border-bottom:0}.contact-list span{color:var(--color-lime);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.contact-list a,.contact-list strong{color:var(--color-bg);font-family:var(--font-display);font-size:clamp(22px,2vw,32px);font-weight:900;line-height:.98;letter-spacing:-.045em}.contact-normal-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,.68fr);gap:clamp(34px,6vw,96px);align-items:start}.contact-normal-grid .form-intro h2{max-width:9ch}.contact-normal-grid .contact-form-card.lead-form{background:var(--color-bg);box-shadow:-8px 8px 0 var(--color-ink)}.contact-normal-grid .contact-card{position:sticky;top:110px;padding:clamp(28px,3vw,42px);border:2px solid var(--color-ink);border-radius:26px;box-shadow:-8px 8px 0 var(--color-lime)}.contact-normal-grid .contact-card .eyebrow{color:var(--color-lime)}.contact-normal-grid .contact-card h2{max-width:10ch;color:var(--color-bg);font-size:clamp(34px,3.5vw,58px)}.contact-side-cta{margin-top:clamp(28px,3vw,44px);padding-top:26px;border-top:1px solid rgba(240,238,233,.18)}.contact-side-cta h3{max-width:14ch;color:var(--color-bg);font-size:clamp(24px,2vw,34px)}.contact-side-cta .btn{margin-top:18px}.contact-business-section{padding-top:clamp(78px,8vw,132px)}.contact-business-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(380px,.58fr);gap:clamp(44px,7vw,120px);align-items:start}.contact-business-grid .contact-form-card.lead-form{padding:clamp(28px,3vw,44px);background:var(--color-bg);box-shadow:-8px 8px 0 var(--color-ink)}.contact-business-grid .form-intro{margin-bottom:26px}.contact-business-grid .form-intro h2{max-width:10ch;margin:0;font-size:clamp(36px,3.8vw,62px)}.contact-business-grid .form-intro p:not(.eyebrow){max-width:46ch;color:rgba(16,17,39,.68)}.contact-details{padding-top:6px}.contact-details h2{max-width:9ch;font-size:clamp(38px,4vw,68px)}.contact-details>p:not(.eyebrow){max-width:40ch;margin-top:20px;color:rgba(16,17,39,.72);font-size:clamp(18px,1.35vw,22px);line-height:1.42}.contact-details-list{display:grid;margin:clamp(32px,4vw,54px) 0 0;border-top:2px solid var(--color-ink)}.contact-details-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:22px 0;border-bottom:1px solid rgba(16,17,39,.22)}.contact-details-list dt{color:var(--color-blue);font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-details-list dd{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(20px,1.7vw,30px);font-weight:900;line-height:.98;letter-spacing:-.045em}.contact-details-list a{color:var(--color-ink);text-decoration-color:var(--color-lime);text-decoration-thickness:.22em;text-underline-offset:.1em}.section-cases-showcase{overflow:hidden}.case-showcase-list{display:grid;gap:clamp(28px,4vw,58px)}.case-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,.82fr);gap:clamp(24px,4vw,64px);align-items:stretch;min-height:520px;padding:clamp(22px,2.5vw,36px);border:2px solid var(--color-ink);border-radius:30px;background:var(--color-bg);box-shadow:-8px 8px 0 var(--color-ink)}.case-showcase:nth-child(2n){background:var(--color-violet)}.case-showcase:nth-child(3n){background:var(--color-lime)}.case-showcase.is-reversed{grid-template-columns:minmax(420px,.82fr) minmax(0,.88fr)}.case-showcase.is-reversed .case-showcase-body{order:2}.case-showcase.is-reversed .case-showcase-visual{order:1}.case-showcase-body{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:clamp(8px,1.5vw,18px)}.case-name{margin:clamp(16px,2vw,28px) 0 10px;color:var(--color-blue);font-family:var(--font-mono);font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.case-showcase h3{max-width:11.5ch;color:var(--color-ink);font-size:clamp(38px,4.2vw,72px);line-height:.92;letter-spacing:-.055em}.case-showcase-body>p:not(.case-name){max-width:52ch;margin:22px 0 0;color:rgba(16,17,39,.72);font-size:clamp(17px,1.2vw,20px);line-height:1.42}.case-meta{display:inline-flex;width:fit-content;align-items:center;gap:9px;color:var(--color-ink);font-size:12px;font-weight:800}.case-meta .dot{width:10px;height:10px;border-radius:50%;background:var(--color-lime);outline:5px solid rgba(216,230,60,.26)}.case-impact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:clamp(24px,3vw,46px) 0 0}.case-impact div{padding-top:14px;border-top:1px solid rgba(16,17,39,.25)}.case-impact dt{color:var(--color-blue);font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.case-impact dd{margin:6px 0 0;color:var(--color-ink);font-weight:800;line-height:1.2}.case-proof-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.case-proof-list li{padding:7px 10px;border:1px solid var(--color-ink);border-radius:999px;color:var(--color-ink);font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.04em}.case-showcase-visual{position:relative;min-height:420px;overflow:hidden;border:2px solid var(--color-ink);border-radius:24px;background:linear-gradient(90deg,rgba(16,17,39,.045) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(180deg,rgba(16,17,39,.035) 1px,transparent 1px) 0 0 / 56px 56px,var(--color-bg-soft)}.case-showcase-visual img{width:100%;height:100%;min-height:420px;object-fit:cover}.case-before-after{position:absolute;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-before-after div{padding:16px;border:2px solid var(--color-ink);border-radius:16px;background:rgba(240,238,233,.94)}.case-before-after span{color:var(--color-blue);font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.case-before-after p{margin:8px 0 0;color:rgba(16,17,39,.78);font-size:14px;line-height:1.35}.error-hero{padding:clamp(86px,9vw,150px) 0;background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,radial-gradient(620px 320px at 10% 12%,rgba(216,230,60,.24),transparent 70%),var(--color-ink);color:var(--color-bg)}.error-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:clamp(34px,6vw,92px);align-items:center}.error-hero h1,.error-hero .eyebrow{color:var(--color-bg)}.error-hero .lead{color:rgba(240,238,233,.74)}.error-card{min-height:360px;padding:clamp(28px,3vw,42px);border:2px solid var(--color-ink);border-radius:28px;background:var(--color-lime);color:var(--color-ink);box-shadow:-8px 8px 0 var(--color-violet),-10px 10px 0 var(--color-ink)}.error-card span{display:block;font-family:var(--font-display);font-size:clamp(96px,10vw,160px);font-weight:900;line-height:.82;letter-spacing:-.07em}.error-card h2{margin-top:28px;font-size:clamp(38px,4vw,64px)}.error-card p{max-width:28ch;margin-top:16px;color:rgba(16,17,39,.72)}.not-found-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--color-ink);border-radius:26px;overflow:hidden;background:var(--color-bg);box-shadow:var(--shadow-hard)}.not-found-links a{display:grid;gap:14px;min-height:220px;padding:26px;border-right:1px solid rgba(16,17,39,.18);color:var(--color-ink);text-decoration:none}.not-found-links a:nth-child(2){background:var(--color-bg-soft)}.not-found-links a:nth-child(3){background:var(--color-lime)}.not-found-links a:nth-child(4){border-right:0;background:var(--color-violet)}.not-found-links span{color:var(--color-blue);font-family:var(--font-mono);font-size:12px;font-weight:800}.not-found-links strong{font-family:var(--font-display);font-size:clamp(30px,3vw,46px);font-weight:900;line-height:.95;letter-spacing:-.05em}.not-found-links small{color:rgba(16,17,39,.68);font-size:15px}.route-list li{border-radius:14px;background:rgba(240,238,233,.08);border-color:rgba(240,238,233,.16)}.route-list li span{background:var(--color-lime);color:var(--color-ink)}.workflow-brief p{color:rgba(240,238,233,.76)}.approach-map{background:radial-gradient(closest-side at 50% 50%,rgba(216,230,60,.28),transparent 58%),var(--color-ink)}.map-node{border:2px solid var(--color-ink);background:var(--color-bg)}.map-node.is-main{background:var(--color-lime)}.map-node.is-ai{background:var(--color-warm)}.implementation-list div{background:rgba(240,238,233,.94);font-family:var(--font-display);font-size:clamp(20px,1.7vw,28px);line-height:1.04;letter-spacing:-.045em}.cta-band{overflow:hidden;border:2px solid var(--color-ink);border-radius:30px;background:radial-gradient(540px 280px at 12% 10%,rgba(216,230,60,.3),transparent 64%),radial-gradient(520px 280px at 92% 12%,rgba(214,180,252,.28),transparent 70%),var(--color-ink);box-shadow:var(--shadow-hard)}.cta-band::before{display:none}.cta-band h2{max-width:15ch;color:var(--color-bg)}.cta-band h2 em{color:var(--color-bg)}.cta-band p{color:rgba(240,238,233,.74);font-size:17px}.cta-band .eyebrow{color:var(--color-lime)}.cta-band .btn-secondary{background:var(--color-blue);color:var(--color-bg)}.site-footer{background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,radial-gradient(620px 300px at 8% 8%,rgba(216,230,60,.18),transparent 66%),radial-gradient(620px 300px at 92% 22%,rgba(214,180,252,.16),transparent 70%),var(--color-ink);border-top:2px solid var(--color-ink);color:rgba(240,238,233,.72)}.site-footer .footer-inner{width:min(1480px,calc(100% - 44px))}.site-footer .brand-name,.site-footer .footer-grid h2{color:var(--color-bg)}.footer-grid h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase}.site-footer .footer-grid a,.site-footer .footer-brand p,.site-footer .footer-bottom,.site-footer .footer-bottom a{color:rgba(240,238,233,.7)}.site-footer .footer-grid a:hover,.site-footer .footer-bottom a:hover{color:var(--color-lime)}.site-footer .footer-bottom{border-top-color:rgba(240,238,233,.18)}.site-footer .brand-mark{background:var(--color-bg);box-shadow:-4px 4px 0 var(--color-lime)}.site-footer .brand-mark::before{border-color:var(--color-ink);border-right-color:transparent}.site-footer .footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.site-footer .footer-social a{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(240,238,233,.1);color:var(--color-bg);font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:-.02em;line-height:1;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease}.site-footer .footer-social a:hover{background:var(--color-lime);color:var(--color-ink);transform:translateY(-3px)}.site-footer .footer-social svg{display:block;width:18px;height:18px}body.home .hero,body.front-page .hero{min-height:clamp(720px,calc(100svh - 76px),860px);background:linear-gradient(90deg,rgba(16,17,39,.075) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.055) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-bg)}body.home .section-home-problem,body.front-page .section-home-problem{background:var(--color-bg-soft)}body.home .section-home-problem .metric,body.front-page .section-home-problem .metric{background:var(--color-bg);border-color:rgba(16,17,39,.16)}body.home .section-home-problem .metric:nth-child(2),body.front-page .section-home-problem .metric:nth-child(2){background:var(--color-bg-soft)}body.home .section-home-problem .metric:nth-child(3),body.front-page .section-home-problem .metric:nth-child(3){background:var(--color-lime)}body.home .section-home-problem .metric:nth-child(4),body.front-page .section-home-problem .metric:nth-child(4){background:var(--color-warm)}body.home .section-home-problem .metric-tag,body.front-page .section-home-problem .metric-tag{background:transparent;border:0;color:var(--color-blue)}body.home .section-home-services,body.front-page .section-home-services{background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-ink);color:var(--color-bg)}body.home .section-home-services h2,body.home .section-home-services h3,body.home .section-home-services .eyebrow,body.front-page .section-home-services h2,body.front-page .section-home-services h3,body.front-page .section-home-services .eyebrow{color:var(--color-bg)}body.home .section-home-services h2 em,body.front-page .section-home-services h2 em{color:var(--color-bg);background:linear-gradient(0deg,rgba(216,230,60,.8) 0 28%,transparent 28%)}body.home .section-home-services .section-heading.is-split p,body.front-page .section-home-services .section-heading.is-split p{color:rgba(240,238,233,.72)}body.home .section-home-services .feature-card,body.front-page .section-home-services .feature-card{background:rgba(240,238,233,.08);border-color:rgba(240,238,233,.18);padding-bottom:96px}body.home .section-home-services .feature-card.is-lime,body.front-page .section-home-services .feature-card.is-lime{background:var(--color-lime);border-color:transparent}body.home .section-home-services .feature-card.is-cloud,body.front-page .section-home-services .feature-card.is-cloud{background:var(--color-bg-soft);border-color:transparent}body.home .section-home-services .feature-card.is-lime h3,body.home .section-home-services .feature-card.is-cloud h3,body.home .section-home-services .feature-card.is-lime .feature-index,body.home .section-home-services .feature-card.is-cloud .feature-index,body.front-page .section-home-services .feature-card.is-lime h3,body.front-page .section-home-services .feature-card.is-cloud h3,body.front-page .section-home-services .feature-card.is-lime .feature-index,body.front-page .section-home-services .feature-card.is-cloud .feature-index{color:var(--color-ink)}body.home .section-home-services .feature-card.is-lime p,body.home .section-home-services .feature-card.is-cloud p,body.front-page .section-home-services .feature-card.is-lime p,body.front-page .section-home-services .feature-card.is-cloud p{color:rgba(16,17,39,.72)}body.home .section-home-services .feature-card.is-lime .feature-tags li,body.home .section-home-services .feature-card.is-cloud .feature-tags li,body.front-page .section-home-services .feature-card.is-lime .feature-tags li,body.front-page .section-home-services .feature-card.is-cloud .feature-tags li{background:transparent;border-color:var(--color-ink);color:var(--color-ink)}body.home .section-home-pricing,body.front-page .section-home-pricing{background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-blue);color:var(--color-bg)}body.home .section-home-pricing h2,body.home .section-home-pricing h3,body.home .section-home-pricing .eyebrow,body.front-page .section-home-pricing h2,body.front-page .section-home-pricing h3,body.front-page .section-home-pricing .eyebrow{color:var(--color-bg)}body.home .section-home-pricing h2 em,body.front-page .section-home-pricing h2 em{color:var(--color-bg);background:linear-gradient(0deg,rgba(216,230,60,.55) 0 38%,transparent 38%)}body.home .section-home-pricing .section-heading.is-split p,body.front-page .section-home-pricing .section-heading.is-split p{color:rgba(240,238,233,.72)}body.home .section-home-pricing .pricing-card h3,body.front-page .section-home-pricing .pricing-card h3{color:var(--color-ink)}.motion-ready [data-reveal]{filter:blur(8px)}.motion-ready [data-reveal].is-visible{filter:blur(0)}@media (max-width:1180px){.section-home-services .feature-grid{grid-template-columns:repeat(2,1fr)}.section-home-services .feature-card,.section-home-services .feature-card:nth-child(3),.section-home-services .feature-card:nth-child(4){grid-column:auto}.workflow-steps,.process-layout,.audit-process-layout,.layer-grid,.implementation-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.header-inner{grid-template-columns:1fr auto;position:relative}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:56px;height:56px;border-radius:16px;background:var(--color-bg-soft)}.nav-toggle span:not(.sr-only){width:23px;height:2px;margin:0}.primary-nav{display:none;position:absolute;top:76px;left:-22px;right:-22px;z-index:80;padding:18px 22px 22px;background:var(--color-bg);border-bottom:2px solid var(--color-ink);box-shadow:0 18px 40px rgba(16,17,39,.12)}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:14px}.primary-nav .menu,.primary-nav.is-open .menu{position:static;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:transparent}.primary-nav .menu a{display:block;padding:14px 12px;font-size:18px}.primary-nav .btn{width:100%}.hero-grid,.hero.hero-bg .hero-grid,.page-hero-grid,.contact-hero-grid,.contact-normal-grid,.contact-business-grid,.error-hero-grid,.case-showcase,.case-showcase.is-reversed,.process-layout,.audit-process-layout,.section-heading.is-split{grid-template-columns:1fr}.page-hero-form.lead-form{position:relative;right:auto;bottom:auto;justify-self:end;width:min(560px,calc(100% - 44px));margin:-72px 22px 0 auto;transform:none}.contact-details-list div{grid-template-columns:1fr;gap:8px}.case-showcase.is-reversed .case-showcase-body,.case-showcase.is-reversed .case-showcase-visual{order:initial}.case-showcase{min-height:auto}.case-showcase-visual{min-height:360px}.case-showcase-visual img{min-height:360px}.not-found-links{grid-template-columns:repeat(2,minmax(0,1fr))}.not-found-links a:nth-child(2){border-right:0}.not-found-links a:nth-child(3){border-top:1px solid rgba(16,17,39,.18)}.not-found-links a:nth-child(4){border-top:1px solid rgba(16,17,39,.18)}.hero-grid,.hero.hero-bg .hero-grid{min-height:auto}.hero-panel{position:relative;top:auto;right:auto;bottom:auto;width:100%;min-height:auto;margin-right:0}.image-card{position:relative;inset:auto;width:100%;height:460px;border-radius:32px}.hero-scan-cta{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;width:min(560px,calc(100% - 44px));margin:-72px 22px 0 auto}.section-home-problem{padding-top:clamp(76px,8vw,132px)}.section-home-problem .section-heading.is-split>p{margin-top:0}.scan-card{width:min(460px,92%)}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(1),.metric:nth-child(2){border-bottom:1px solid rgba(16,17,39,.16)}.pricing-grid,.pricing-grid[style*="repeat(4"]{grid-template-columns:1fr !important}.contact-step-grid{grid-template-columns:1fr}.process-copy{position:static;max-width:none}.audit-process-copy{position:static;max-width:none}.process-copy h2{max-width:12ch}.audit-process-copy h2{max-width:12ch}.process-stack{padding-bottom:0}.audit-step-stack{padding-bottom:0}.process-step-card{position:relative;top:auto}.audit-step-card{position:relative;top:auto}.section-home-faq .faq-list{grid-template-columns:1fr}h1,.page-hero h1{font-size:clamp(48px,11vw,78px)}h2{font-size:clamp(38px,9vw,64px)}}@media (max-width:640px){.container,.container.narrow,.footer-inner{width:min(100% - 32px,1480px)}body{font-size:16px}.hero,body.home .hero,body.front-page .hero{min-height:calc(100svh - 76px)}.hero-grid,.hero.hero-bg .hero-grid{padding-top:56px}.hero-copy h1,.home .hero h1,.front-page .hero h1{font-size:clamp(44px,13vw,64px);max-width:10ch}.hero-panel{min-height:auto}.image-card{position:relative;width:100%;height:360px;border-radius:24px}.hero-scan-cta{width:calc(100% - 44px);margin:-46px 22px 0 auto;padding:24px;border-radius:20px}.hero-scan-fields{grid-template-columns:1fr}.hero-scan-fields label.is-wide{grid-column:auto}.hero-scan-cta h2{max-width:10ch;font-size:clamp(30px,10vw,42px)}.hero-scan-cta small{max-width:none}.contact-hero{padding:64px 0}.contact-form-card.lead-form{padding:24px}.scan-card{position:relative;left:auto;bottom:auto;width:calc(100% - 12px);margin-top:-54px;margin-left:12px;padding:20px}.scan-main{grid-template-columns:1fr;gap:10px}.scan-main strong{font-size:64px}.scan-bars li{grid-template-columns:84px 1fr 26px}.metric-strip,.service-strip,.feature-grid,.feature-grid.is-3,.section-home-services .feature-grid,.audit-grid,.case-strip,.case-impact,.case-before-after,.not-found-links,.outcome-grid,.workflow-steps,.process-layout,.audit-process-layout,.contact-business-grid,.section-home-faq .faq-list,.layer-grid,.implementation-list,.answer-flow{grid-template-columns:1fr}.page-hero.has-floating-form{min-height:auto;padding-bottom:clamp(20px,4vw,36px)}.page-hero.has-floating-form+.section{padding-top:clamp(32px,6vw,56px)}.page-hero-form.lead-form{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;margin:clamp(20px,4vw,32px) 0 clamp(24px,5vw,40px);transform:none;padding:24px;box-shadow:-6px 6px 0 var(--color-ink)}.page-hero.has-floating-form .hero-panel{margin-top:0}.page-hero.has-floating-form .image-card{height:clamp(260px,56vw,360px)}.case-showcase{padding:18px;border-radius:24px}.case-showcase h3{font-size:clamp(32px,10vw,48px)}.case-showcase-visual,.case-showcase-visual img{min-height:320px}.case-before-after{position:static;margin-top:12px}.not-found-links a{min-height:170px;border-right:0;border-top:1px solid rgba(16,17,39,.18)}.not-found-links a:first-child{border-top:0}.service-strip-card,.service-strip-card:nth-child(even),.service-strip-card:nth-child(n+3){border-right:0;border-bottom:1px solid rgba(16,17,39,.16)}.service-strip-card:last-child{border-bottom:0}.process-step-card{grid-template-columns:1fr;gap:12px;min-height:auto;padding:22px 16px}.process-step-card h3{font-size:clamp(34px,11vw,48px);max-width:none}.process-step-card p{max-width:none}.audit-step-card{grid-template-columns:1fr;gap:12px;min-height:auto;padding:22px 16px}.audit-step-card .audit-score{justify-self:stretch;width:100%}.audit-step-card h3{font-size:clamp(34px,11vw,48px)}.metric,.metric:nth-child(1),.metric:nth-child(2){border-right:0;border-bottom:1px solid rgba(16,17,39,.16)}.metric:last-child{border-bottom:0}.page-hero,.section{padding:64px 0}.page-hero h1{font-size:clamp(42px,12vw,62px)}.button-row,.hero-actions{width:100%}.btn,.btn-sm,.btn-lg{width:100%;min-height:60px}.cta-band{padding:34px 24px}body.home .section-home-services .feature-card,body.front-page .section-home-services .feature-card{grid-column:1 / -1 !important;min-height:auto;padding-bottom:30px}body.home .section-home-services .mock-answer,body.front-page .section-home-services .mock-answer{position:relative;right:auto;bottom:auto;width:100%;margin-top:24px;transform:rotate(-1deg)}.matrix{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.matrix th,.matrix td{padding:14px 12px;font-size:13px}.audit-item{grid-template-columns:1fr;gap:14px}.audit-score{align-items:stretch;min-width:0}.audit-score .bar-track{width:100%}}@media (max-width:880px){.section-heading.is-split{grid-template-columns:1fr !important;gap:clamp(14px,3vw,24px) !important}.section-heading.is-split>div,.section-heading.is-split>p{grid-column:1 !important;max-width:none !important}.section-home-problem .section-heading.is-split>p,.section-home-services .section-heading.is-split p,.section-home-faq .section-heading.is-split p,.section-home-pricing .section-heading.is-split p,.section-flow-blue .section-heading.is-split p,.section-flow-yellow .section-heading.is-split p,.section-flow-violet .section-heading.is-split p,.section-flow-dark .section-heading.is-split p{margin-top:0 !important}.process-step-card p,.process-step-card h3{max-width:none}}.process-step-card:nth-child(5){--step-top:178px;transform:rotate(-.5deg)}.process-step-card:nth-child(6){--step-top:196px;background:var(--color-bg-soft);transform:rotate(.8deg)}.process-step-card:nth-child(7){--step-top:214px;background:var(--color-lime);transform:rotate(-.6deg)}.process-step-card:nth-child(8){--step-top:232px;background:var(--color-violet);transform:rotate(.5deg)}.process-step-card:nth-child(9){--step-top:250px;transform:rotate(-.4deg)}
/* == menu.min.css == */
.primary-nav-brand,.nav-close{display:none}.primary-nav .primary-nav-social{display:none !important}.primary-nav-footer{display:flex;align-items:center}.primary-nav .menu .current-menu-item>a,.primary-nav .menu .current_page_item>a,.primary-nav .menu [aria-current="page"]{background:transparent !important;color:var(--color-blue) !important}.primary-nav .menu a{background:transparent !important}.primary-nav .menu a:hover{background:transparent !important;color:var(--color-blue)}@media (max-width:880px){.primary-nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;height:100svh !important;z-index:1000 !important;background:var(--color-bg) !important;transform:translateX(100%) !important;transition:transform .35s cubic-bezier(.6,.0,.2,1) !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;padding:24px 28px 32px !important;margin:0 !important;overflow-y:auto !important;pointer-events:none !important;border:0 !important;box-shadow:none !important}.primary-nav.is-open{transform:translateX(0) !important;pointer-events:auto !important}.primary-nav-brand{display:flex !important;align-items:center;gap:10px;padding:6px 0;font-weight:800;color:var(--color-ink);text-decoration:none;font-size:17px;letter-spacing:-.02em}.primary-nav-brand .brand-mark{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--color-lime);color:var(--color-lime-ink);font-weight:900;font-size:15px}.nav-close{display:grid !important;position:absolute;top:18px;right:22px;width:44px;height:44px;place-items:center;background:transparent;border:0;cursor:pointer;color:var(--color-ink);z-index:2;padding:0}.nav-close svg{width:26px;height:26px}.primary-nav .menu{display:flex !important;flex-direction:column !important;gap:4px !important;margin:48px 0 0 !important;padding:0 !important;list-style:none !important;flex:1 !important;background:transparent !important;border:0 !important;position:static !important}.primary-nav .menu li{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.primary-nav.is-open .menu li{opacity:1;transform:translateY(0)}.primary-nav.is-open .menu li:nth-child(1){transition-delay:.12s}.primary-nav.is-open .menu li:nth-child(2){transition-delay:.18s}.primary-nav.is-open .menu li:nth-child(3){transition-delay:.24s}.primary-nav.is-open .menu li:nth-child(4){transition-delay:.30s}.primary-nav.is-open .menu li:nth-child(5){transition-delay:.36s}.primary-nav.is-open .menu li:nth-child(6){transition-delay:.42s}.primary-nav .menu a{display:block !important;font-size:32px !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:-.02em !important;padding:14px 0 !important;margin:0 !important;color:var(--color-ink) !important;border-bottom:1px solid var(--color-border) !important;text-decoration:none !important}.primary-nav .menu a::after{display:none !important}.primary-nav-footer{display:flex !important;flex-direction:column !important;gap:20px !important;margin-top:32px !important;opacity:0;transform:translateY(12px);transition:opacity .4s ease .55s,transform .4s ease .55s;align-items:stretch !important}.primary-nav.is-open .primary-nav-footer{opacity:1;transform:translateY(0)}.primary-nav-cta{width:100% !important;text-align:center !important;justify-content:center !important;display:flex !important;align-items:center !important}.primary-nav .primary-nav-social{display:flex !important;gap:22px !important;justify-content:center !important;margin:0 !important}.primary-nav-footer{margin-top:auto !important;padding-top:28px !important;padding-bottom:max(32px,env(safe-area-inset-bottom,32px)) !important}html h1,html .page-hero h1,html .page-hero.has-hero-image h1,html .page-hero.page-hero-color h1,html .contact-page-hero h1,html .contact-hero h1,html .contact-hero.has-hero-image h1,html .hero h1,html .hero.hero-bg h1,html .hero-copy h1{font-size:clamp(40px,11vw,64px) !important;max-width:none !important;overflow-wrap:break-word !important;word-break:normal !important;hyphens:none !important;-webkit-hyphens:none !important}html .kennisbank-hero h1{max-width:none !important;overflow-wrap:break-word !important;word-break:normal !important;hyphens:none !important;-webkit-hyphens:none !important}}.contact-page-hero{background:var(--color-bg) !important}.contact-page-hero::before{display:none !important}@media (min-width:981px) and (max-width:1380px){.hero.hero-bg .hero-scan-cta{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;width:min(560px,calc(100% - 44px)) !important;margin:32px auto 0 0 !important}.hero.hero-bg .hero-grid{grid-template-columns:minmax(0,1fr) !important}body .page-hero.has-floating-form.has-hero-image .lead-form.page-hero-form,body .page-hero.has-floating-form.has-hero-image .page-hero-form,body .contact-page-hero.has-floating-form .lead-form.page-hero-form,body .contact-hero.has-hero-image .lead-form,body .contact-hero.has-hero-image .scan-form-card,body .contact-hero.has-hero-image .contact-form-card{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;top:auto !important;width:min(560px,calc(100% - 44px)) !important;margin:32px auto 0 0 !important}body .page-hero.has-floating-form.has-hero-image .page-hero-grid,body .contact-hero.has-hero-image .contact-hero-grid{grid-template-columns:minmax(0,1fr) !important}body .page-hero.has-hero-image+.section,body .page-hero.has-hero-image.has-floating-form+.section,body .contact-hero.has-hero-image+.section{padding-top:clamp(56px,6vw,96px) !important}}@media (max-width:880px){.pricing-card{text-align:center}.pricing-card .pricing-tag{align-self:center}.pricing-card h3{font-size:clamp(38px,9vw,52px) !important;text-align:center !important;margin-inline:auto}.pricing-card .pricing-sub{text-align:center;margin-inline:auto;max-width:40ch}.pricing-card .price{justify-content:center !important;align-items:center !important;gap:4px !important;transform:translateX(-8px)}.pricing-card .price .currency{align-self:center}.pricing-card .price .currency{font-size:clamp(28px,6vw,36px) !important}.pricing-card .price .price-num{font-size:clamp(64px,16vw,88px) !important;line-height:1 !important}.pricing-card .price small{display:block;text-align:center;margin-top:8px}.pricing-card .pricing-meta{justify-content:center;text-align:left}.pricing-card .pricing-list{text-align:left;max-width:40ch;margin-left:auto;margin-right:auto}.pricing-card .pricing-list li{text-align:left}.pricing-card .btn{margin-left:auto;margin-right:auto}}.social-icons{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}.social-icons a,.site-footer .social-icons a,.site-footer .footer-social a{display:inline-grid !important;place-items:center !important;width:24px !important;height:24px !important;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;color:currentColor !important;text-decoration:none !important;transition:opacity .2s ease,transform .2s ease,color .2s ease !important}.social-icons a:hover,.site-footer .social-icons a:hover,.site-footer .footer-social a:hover{background:transparent !important;color:var(--color-lime) !important;transform:translateY(-2px) !important}.social-icons svg,.site-footer .social-icons svg,.site-footer .footer-social svg{display:block !important;width:22px !important;height:22px !important}@media (max-width:880px){.hero.hero-bg .hero-panel{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding:0 !important}.hero.hero-bg .image-card{width:100% !important;height:auto !important;aspect-ratio:16 / 11 !important;border-radius:0 !important;margin:0 !important}.page-hero,.page-hero-color,.contact-page-hero{padding-bottom:0 !important}.page-hero .hero-panel{margin-bottom:0 !important}}.hero.hero-bg .image-card::after,.hero.hero-bg::before,.hero.hero-bg::after,.hero:not(.hero-bg)::before{display:none !important;background:none !important;content:none !important}.hero.hero-bg{padding-right:0 !important;padding-left:0 !important;margin-right:0 !important;overflow:visible !important}@media (min-width:881px){.hero.hero-bg .hero-panel{position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;margin:0 !important;padding:0 !important}}.hero.hero-bg .image-card{background:transparent !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;border-radius:0 !important}.hero.hero-bg .image-card img{filter:none !important;width:100% !important;height:100% !important;object-fit:cover !important}@media (prefers-reduced-motion:reduce){.primary-nav,.primary-nav .menu li,.primary-nav-footer{transition:none !important;transform:none !important}}.page-hero-form.lead-form,.hero-scan-cta{padding:clamp(28px,3vw,40px) !important}.page-hero-form .form-intro h2,.hero-scan-cta h2{font-size:clamp(32px,3vw,44px) !important;line-height:1.1 !important;margin:0 !important;max-width:12ch !important}.page-hero-form .form-intro p,.hero-scan-cta p:not(.eyebrow){font-size:14.5px !important;line-height:1.5 !important;margin:10px 0 0 !important;max-width:38ch !important}.page-hero-form.lead-form input:not(.hp-field),.page-hero-form.lead-form textarea,.hero-scan-fields input:not(.hp-field),.hero-scan-fields textarea{width:100% !important;min-height:48px !important;padding:0 14px !important;font-family:var(--font-body) !important;font-size:15px !important;border-radius:10px !important;box-sizing:border-box !important}.page-hero-form.lead-form textarea,.hero-scan-fields textarea{min-height:96px !important;padding:12px 14px !important;resize:vertical !important}.page-hero-form.lead-form label,.hero-scan-fields label{display:block !important;margin:0 !important;font-size:0 !important}.page-hero-form.lead-form .btn,.hero-scan-fields .btn,.hero-scan-cta .btn{width:100% !important;align-self:stretch !important;min-height:56px !important;text-align:center !important;justify-content:center !important}.page-hero-form.is-lime input:not(.hp-field),.page-hero-form.is-lime textarea{background:rgba(240,238,233,.92) !important;border:1px solid rgba(16,17,39,.18) !important;color:var(--color-ink) !important}.page-hero-form.is-lime input:focus,.page-hero-form.is-lime textarea:focus{border-color:var(--color-ink) !important;box-shadow:0 0 0 3px rgba(16,17,39,.10) !important}.page-hero-form.is-lime button[type="submit"],.page-hero-form.is-lime .btn-primary{background:var(--color-blue) !important;color:var(--color-bg) !important;border-color:var(--color-ink) !important}.page-hero-form.is-lime button[type="submit"]:hover,.page-hero-form.is-lime .btn-primary:hover{background:var(--color-ink) !important;color:var(--color-bg) !important;border-color:var(--color-ink) !important}.hero-scan-fields input:not(.hp-field),.hero-scan-fields textarea{background:rgba(240,238,233,.92) !important;border:1px solid rgba(240,238,233,.22) !important;color:var(--color-ink) !important}.hero-scan-fields input:focus,.hero-scan-fields textarea:focus{border-color:var(--color-lime) !important;box-shadow:0 0 0 3px rgba(216,230,60,.9) !important}.pricing-list li::before{content:"" !important;width:16px !important;height:16px !important;border-radius:5px !important;background-color:var(--color-ink) !important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3 8.2 6.4 11.5 13 5' stroke='%23d8e63c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;margin-top:3px !important;flex-shrink:0 !important}.pricing-card.is-featured .pricing-list li::before{background-color:var(--color-ink) !important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3 8.2 6.4 11.5 13 5' stroke='%23d8e63c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important}.pricing-card h3{min-height:56px !important;margin:6px 0 0 !important}.pricing-card .pricing-sub{display:-webkit-box !important;-webkit-line-clamp:5 !important;-webkit-box-orient:vertical !important;line-clamp:5 !important;overflow:hidden !important;height:115px !important;min-height:115px !important;margin:8px 0 16px !important}.pricing-card .price{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:4px 6px !important;min-height:92px !important;margin:0 !important}.pricing-card .price .currency,.pricing-card .price .price-num{flex:0 0 auto !important}.pricing-card .price small{flex:0 0 100% !important;width:100% !important;margin-top:-2px !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;font-family:var(--font-mono) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(16,17,39,.6) !important}.pricing-card .pricing-meta{margin:18px 0 !important;min-height:70px !important}.pricing-card .pricing-meta{margin:16px 0 !important}.pricing-card .pricing-list{margin-bottom:24px !important}.pricing-card .btn{width:100% !important;max-width:100% !important;align-self:stretch !important;text-align:center !important;justify-content:center !important;margin-top:auto !important}.section-home-pricing .pricing-card,.section-flow-violet .pricing-card,.section-flow-yellow .pricing-card,.pricing-card{background:var(--color-bg-paper) !important;border:1px solid var(--color-border) !important;box-shadow:var(--shadow-sm) !important}.section-home-pricing .pricing-card.is-featured,.section-flow-violet .pricing-card.is-featured,.section-flow-yellow .pricing-card.is-featured,.pricing-card.is-featured{background:linear-gradient(180deg,var(--color-lime) 0%,var(--color-bg-paper) 70%) !important;border-color:var(--color-ink) !important;box-shadow:var(--shadow-lg) !important}.section-home-pricing .pricing-card.is-featured .pricing-tag,.section-flow-violet .pricing-card.is-featured .pricing-tag,.section-flow-yellow .pricing-card.is-featured .pricing-tag,.pricing-card.is-featured .pricing-tag{background:var(--color-ink) !important;color:var(--color-lime) !important;border-color:var(--color-ink) !important}.section-home-pricing .pricing-card:hover,.section-flow-violet .pricing-card:hover,.section-flow-yellow .pricing-card:hover,.pricing-card:hover{transform:translateY(-7px) !important;border-color:var(--color-ink) !important}@media (min-width:981px){.section-home-pricing .pricing-card.is-featured,.section-flow-violet .pricing-card.is-featured,.section-flow-yellow .pricing-card.is-featured,.pricing-card.is-featured{transform:scale(1.02) !important}}.section-werkwijze-process .process-stack.process-grid-4col{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;padding:0 !important;margin-top:32px !important;border:2px solid var(--color-ink) !important;border-radius:28px !important;overflow:hidden !important;background:var(--color-bg) !important;box-shadow:var(--shadow-hard) !important}.section-werkwijze-process .process-step-card{position:static !important;top:auto !important;transform:none !important;display:block !important;grid-template-columns:1fr !important;background:var(--color-bg) !important;min-height:280px !important;gap:0 !important;padding:clamp(24px,2.3vw,34px) !important;border:0 !important;border-right:1px solid rgba(16,17,39,.16) !important;border-radius:0 !important;box-shadow:none !important}.section-werkwijze-process .process-step-card:nth-child(2){background:var(--color-bg-soft) !important}.section-werkwijze-process .process-step-card:nth-child(3){background:var(--color-lime) !important}.section-werkwijze-process .process-step-card:nth-child(4){background:var(--color-violet) !important;border-right:0 !important}.section-werkwijze-process .process-step-card>span{display:block !important;align-self:flex-start;margin-bottom:clamp(20px,2.4vw,34px) !important;font-family:var(--font-mono),monospace !important;font-size:13px !important;font-weight:800 !important;letter-spacing:0.08em !important;line-height:1 !important;color:var(--color-blue) !important;background:transparent !important;border:0 !important;border-radius:0 !important;width:auto !important;height:auto !important}.section-werkwijze-process .process-step-card>span::before{content:"/ "}.section-werkwijze-process .process-step-card h3{max-width:100% !important;color:var(--color-ink) !important;font-size:clamp(20px,1.7vw,26px) !important;line-height:1.2 !important;letter-spacing:-0.02em !important;margin:0 !important}.section-werkwijze-process .process-step-card p{max-width:29ch !important;margin-top:clamp(14px,1.4vw,20px) !important;color:rgba(16,17,39,.68) !important;font-size:clamp(14px,1vw,16px) !important;line-height:1.5 !important}@media (max-width:880px){.section-werkwijze-process .process-stack.process-grid-4col{grid-template-columns:1fr !important}.section-werkwijze-process .process-step-card{padding:22px 18px !important}.section-werkwijze-process .process-step-card p{max-width:none !important}}@media (min-width:881px) and (max-width:1080px){.section-werkwijze-process .process-stack.process-grid-4col{grid-template-columns:repeat(2,1fr) !important}}h1,h2,h3,h4,h5,h6,.hero h1,.hero-copy h1,.section-heading h2,.pricing-card h3,.feature-card h3,.process-step-card h3,.layer-card h3,.audit-step-card h3,.audit-priority-item h3,.case-showcase h3,.audit-output-card h3,.bureau-intro h2,.brand-name{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;font-weight:900 !important;font-feature-settings:"ss01","cv11" !important;text-transform:none !important;letter-spacing:-0.025em !important;line-height:1.15 !important}h1,.hero h1,.hero-copy h1{letter-spacing:-0.035em !important;line-height:1.05 !important}h2{line-height:1.15 !important}h3{line-height:1.25 !important}h1 em,h2 em,h3 em{font-style:normal !important;font-weight:900 !important}h1,h2,h3,h4{overflow-wrap:break-word;hyphens:manual;word-break:normal}.hero .proof-row{margin-top:40px !important}.audit-grid-strip{display:grid !important;grid-template-columns:1fr !important;gap:18px !important;padding:0 !important;margin-top:32px !important;border:0 !important;border-radius:0 !important;overflow:visible !important;background:transparent !important;box-shadow:none !important}.audit-grid-strip .audit-step-card{position:sticky !important;top:var(--audit-step-top,104px) !important;display:grid !important;grid-template-columns:92px minmax(0,1fr) !important;align-items:start !important;gap:24px !important;min-height:auto !important;padding:clamp(24px,2.6vw,34px) !important;border:2px solid var(--color-ink) !important;border-radius:26px !important;background:var(--color-bg) !important;box-shadow:-7px 7px 0 var(--color-ink) !important;margin:0 !important;transform:none !important}.audit-grid-strip .audit-step-card:nth-child(1){--audit-step-top:104px}.audit-grid-strip .audit-step-card:nth-child(2){--audit-step-top:116px}.audit-grid-strip .audit-step-card:nth-child(3){--audit-step-top:128px}.audit-grid-strip .audit-step-card:nth-child(4){--audit-step-top:140px}.audit-grid-strip .audit-step-card:nth-child(5){--audit-step-top:152px}.audit-grid-strip .audit-step-card:nth-child(6){--audit-step-top:164px}.audit-grid-strip .audit-step-card:nth-child(7){--audit-step-top:176px}.audit-grid-strip .audit-step-card:nth-child(8){--audit-step-top:188px}.audit-grid-strip .audit-step-card:nth-child(4n+2){background:var(--color-bg-soft) !important}.audit-grid-strip .audit-step-card:nth-child(4n+3){background:var(--color-lime) !important}.audit-grid-strip .audit-step-card:nth-child(4n+4){background:var(--color-violet) !important}@media (max-width:980px){.audit-grid-strip .audit-step-card{position:relative !important;top:auto !important}}.audit-grid-strip .audit-step-num{display:block !important;margin:0 !important;padding:0 !important;font-family:var(--font-display),Inter,sans-serif !important;font-size:clamp(48px,5vw,72px) !important;font-weight:900 !important;letter-spacing:-0.05em !important;line-height:0.92 !important;color:var(--color-ink) !important;background:transparent !important;border:0 !important;width:auto !important;height:auto !important;text-align:left !important}.audit-grid-strip .audit-step-num::before{content:none !important}.audit-grid-strip .audit-step-card h3{max-width:100% !important;color:var(--color-ink) !important;font-size:clamp(22px,2vw,28px) !important;line-height:1.15 !important;letter-spacing:-0.02em !important;margin:0 !important}.audit-grid-strip .audit-step-card p{max-width:75ch !important;margin-top:8px !important;color:rgba(16,17,39,0.72) !important;font-size:clamp(14px,1vw,16px) !important;line-height:1.55 !important}.audit-output-tags{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.audit-output-tags li{font-family:var(--font-mono),monospace;font-size:11px;font-weight:700;letter-spacing:0.04em;padding:5px 10px;border-radius:99px;background:rgba(16,17,39,0.08);color:var(--color-ink);line-height:1.2;white-space:nowrap}.audit-grid-strip .audit-step-card:nth-child(4n+3) .audit-output-tags li,.audit-grid-strip .audit-step-card:nth-child(4n+4) .audit-output-tags li{background:rgba(16,17,39,0.14)}@media (max-width:700px){.audit-grid-strip .audit-step-card{grid-template-columns:1fr !important;gap:12px !important}.audit-grid-strip .audit-step-num{font-size:44px !important}}.service-strip-card h3,.feature-card h3,.layer-card h3,.process-step-card h3{font-size:clamp(20px,1.7vw,26px) !important;line-height:1.2 !important;letter-spacing:-0.02em !important;overflow-wrap:normal !important;word-break:normal !important;hyphens:manual !important;max-width:100% !important}@media (max-width:880px){.service-strip-card{min-height:auto !important;padding:24px !important}.audit-grid-strip .audit-step-card,.section-werkwijze-process .process-step-card{min-height:auto !important;padding:22px 18px !important}.audit-grid-strip .audit-step-card p,.section-werkwijze-process .process-step-card p{max-width:none !important}}.page-hero.has-hero-image,.contact-hero.has-hero-image{position:relative !important;overflow:visible !important;min-height:0 !important;padding:0 !important}.page-hero.has-hero-image>.container,.contact-hero.has-hero-image>.container{position:static !important;z-index:auto !important}.page-hero.has-hero-image .page-hero-grid>div,.contact-hero.has-hero-image .contact-hero-grid>div{position:relative;z-index:3}.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{display:grid !important;grid-template-columns:minmax(0,min(760px,62vw)) !important;gap:0 !important;align-items:center !important;max-width:none !important;padding-block:clamp(64px,6vw,104px) clamp(118px,10vw,152px) !important;position:static !important}.hero.hero-bg .hero-grid,.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{min-height:clamp(860px,calc(100svh - 76px),920px) !important}.hero.hero-bg .hero-copy h1,.page-hero.has-hero-image h1,.contact-hero.has-hero-image h1{font-size:clamp(54px,5.7vw,92px) !important;line-height:1.05 !important;max-width:17ch !important;margin-bottom:30px !important}.page-hero.has-hero-image .hero-panel,.contact-hero.has-hero-image .hero-panel{position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;left:62vw !important;width:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;z-index:1 !important;overflow:hidden !important}.page-hero.has-hero-image .image-card,.contact-hero.has-hero-image .image-card{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;background:transparent !important}.page-hero.has-hero-image .image-card img,.contact-hero.has-hero-image .image-card img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;filter:none !important}.page-hero.has-hero-image .image-card::after,.contact-hero.has-hero-image .image-card::after,.page-hero.has-hero-image .image-card figcaption,.contact-hero.has-hero-image .image-card figcaption{display:none !important}.page-hero.has-hero-image .page-hero-form,.page-hero.has-hero-image .lead-form.page-hero-form,.contact-hero.has-hero-image .lead-form,.contact-hero.has-hero-image .scan-form-card,.contact-hero.has-hero-image .contact-form-card{position:absolute !important;left:auto !important;right:max(22px,calc((100vw - 1480px) / 2)) !important;bottom:-260px !important;width:min(560px,calc(100vw - 56px)) !important;margin:0 !important;z-index:5 !important}.page-hero.has-hero-image+.section,.page-hero.has-hero-image.has-floating-form+.section,.contact-hero.has-hero-image+.section{padding-top:clamp(220px,18vw,320px) !important}.page-hero.has-hero-image .image-card img.is-subject-right,.contact-hero.has-hero-image .image-card img.is-subject-right,.hero.hero-bg .image-card img.is-subject-right,.section-split-image .image-card img.is-subject-right{object-position:75% center !important}.page-hero.has-hero-image .image-card img.is-subject-left,.contact-hero.has-hero-image .image-card img.is-subject-left,.hero.hero-bg .image-card img.is-subject-left,.section-split-image .image-card img.is-subject-left{object-position:25% center !important}@media (max-width:880px){.page-hero.has-hero-image,.contact-hero.has-hero-image{min-height:0 !important;padding:64px 0 0 !important}.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{grid-template-columns:1fr !important;min-height:0 !important}.page-hero.has-hero-image .hero-panel,.contact-hero.has-hero-image .hero-panel{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;width:100vw !important;height:280px !important;margin:32px calc(50% - 50vw) 0 !important}.page-hero.has-hero-image .image-card,.contact-hero.has-hero-image .image-card{border-radius:0 !important}.page-hero.has-hero-image .page-hero-form,.page-hero.has-hero-image .lead-form.page-hero-form,.contact-hero.has-hero-image .lead-form{position:relative !important;right:auto !important;bottom:auto !important;width:100% !important;margin:clamp(20px,4vw,32px) 0 0 !important}.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{padding-block:clamp(40px,6vw,72px) clamp(20px,4vw,32px) !important}.page-hero.has-hero-image .hero-panel,.contact-hero.has-hero-image .hero-panel{margin-top:clamp(20px,4vw,32px) !important}.page-hero.has-hero-image+.section,.page-hero.has-hero-image.has-floating-form+.section,.contact-hero.has-hero-image+.section{padding-top:clamp(40px,7vw,72px) !important}}.section-split-image{padding:0 !important;overflow:hidden}.section-split-image>.split-image-grid,.section-split-image>.container.split-image-grid{display:grid !important;grid-template-columns:minmax(0,38fr) minmax(0,62fr) !important;gap:0 !important;align-items:stretch !important;max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important}.section-split-image .split-image-side{position:relative;align-self:stretch;min-height:clamp(540px,60vh,720px);grid-column:1}.section-split-image .split-image-side .image-card{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;background:transparent !important}.section-split-image .split-image-side .image-card img{width:100% !important;height:100% !important;object-fit:cover !important;filter:none !important}.section-split-image .split-image-side .image-card::after,.section-split-image .split-image-side .image-card figcaption{display:none !important}.section-split-image .split-image-copy{grid-column:2;align-self:center;padding-block:clamp(56px,6vw,110px);padding-left:clamp(40px,5vw,96px);padding-right:max(22px,calc((100vw - 1480px) / 2));width:100%;max-width:none}.section-split-image .split-image-copy .section-heading.is-split{grid-template-columns:1fr !important;gap:16px !important;margin-bottom:clamp(24px,3vw,36px) !important}.section-split-image .split-image-copy .section-heading.is-split>p{max-width:none !important;margin-left:0 !important;padding-left:0 !important;justify-self:start !important;width:100% !important;grid-column:1 !important}.page-hero-form.is-violet{background:radial-gradient(360px 220px at 100% 0%,rgba(255,255,255,.25),transparent 70%),var(--color-violet) !important;color:var(--color-ink) !important;box-shadow:-8px 8px 0 var(--color-lime),-10px 10px 0 var(--color-ink) !important}.page-hero-form.is-violet .form-intro h2,.page-hero-form.is-violet .form-intro p{color:var(--color-ink) !important}.page-hero-form.is-violet .form-intro p{color:rgba(16,17,39,.72) !important}.page-hero-form.is-violet input,.page-hero-form.is-violet input::placeholder{color:var(--color-ink)}.page-hero-form.is-violet .btn-primary,.page-hero-form.is-violet .btn-secondary,.page-hero-form.is-violet button[type="submit"]{background:var(--color-lime) !important;color:var(--color-ink) !important;border-color:var(--color-ink) !important}.page-hero-form.is-violet .btn-primary:hover,.page-hero-form.is-violet .btn-secondary:hover,.page-hero-form.is-violet button[type="submit"]:hover{background:var(--color-ink) !important;color:var(--color-bg) !important}.contact-form-card.is-lime{background:radial-gradient(360px 220px at 100% 0%,rgba(240,238,233,.5),transparent 70%),var(--color-lime) !important;color:var(--color-ink) !important;border-color:var(--color-ink) !important}.contact-form-card.is-lime .form-intro h2,.contact-form-card.is-lime .form-intro p,.contact-form-card.is-lime .eyebrow{color:var(--color-ink) !important}.contact-form-card.is-lime input,.contact-form-card.is-lime textarea,.contact-form-card.is-lime input::placeholder,.contact-form-card.is-lime textarea::placeholder{color:var(--color-ink)}.contact-form-card.is-lime button[type="submit"],.contact-form-card.is-lime .btn-primary{background:var(--color-blue) !important;color:var(--color-bg) !important;border-color:var(--color-ink) !important}.contact-form-card.is-lime button[type="submit"]:hover,.contact-form-card.is-lime .btn-primary:hover{background:var(--color-ink) !important;color:var(--color-bg) !important}.page-hero-form.is-blue{background:radial-gradient(360px 220px at 100% 0%,rgba(216,230,60,.18),transparent 68%),var(--color-blue) !important;color:var(--color-bg) !important;box-shadow:-8px 8px 0 var(--color-lime),-10px 10px 0 var(--color-ink) !important}.page-hero-form.is-blue .form-intro h2{color:var(--color-bg) !important}.page-hero-form.is-blue .form-intro p{color:rgba(240,238,233,.74) !important}.page-hero-form.is-blue input,.page-hero-form.is-blue input::placeholder{color:var(--color-ink)}.page-hero-form.is-blue .btn-primary{background:var(--color-lime) !important;color:var(--color-ink) !important}.page-hero-form.is-blue .btn-primary:hover{background:var(--color-bg) !important;color:var(--color-ink) !important}.contact-next.section-flow-yellow,.section-flow-yellow.contact-next{background:var(--color-lime) !important}.pricing-card .btn-primary,.pricing-card.is-featured .btn,.section-flow-violet .pricing-card .btn-primary,.section-flow-violet .pricing-card.is-featured .btn,.section-flow-yellow .pricing-card .btn-primary,.section-flow-yellow .pricing-card.is-featured .btn{background:var(--color-lime) !important;color:var(--color-ink) !important;border-color:var(--color-ink) !important}.pricing-card .btn-primary:hover,.pricing-card.is-featured .btn:hover{background:var(--color-ink) !important;color:var(--color-bg) !important}.image-card.has-slider{position:relative !important;isolation:isolate}.image-card.has-slider picture{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:persona-slide 70s infinite;will-change:opacity}.image-card.has-slider picture img{width:100% !important;height:100% !important;object-fit:cover !important;display:block}.image-card.has-slider picture:nth-child(1){animation-delay:0s;z-index:14}.image-card.has-slider picture:nth-child(2){animation-delay:5s;z-index:13}.image-card.has-slider picture:nth-child(3){animation-delay:10s;z-index:12}.image-card.has-slider picture:nth-child(4){animation-delay:15s;z-index:11}.image-card.has-slider picture:nth-child(5){animation-delay:20s;z-index:10}.image-card.has-slider picture:nth-child(6){animation-delay:25s;z-index:9}.image-card.has-slider picture:nth-child(7){animation-delay:30s;z-index:8}.image-card.has-slider picture:nth-child(8){animation-delay:35s;z-index:7}.image-card.has-slider picture:nth-child(9){animation-delay:40s;z-index:6}.image-card.has-slider picture:nth-child(10){animation-delay:45s;z-index:5}.image-card.has-slider picture:nth-child(11){animation-delay:50s;z-index:4}.image-card.has-slider picture:nth-child(12){animation-delay:55s;z-index:3}.image-card.has-slider picture:nth-child(13){animation-delay:60s;z-index:2}.image-card.has-slider picture:nth-child(14){animation-delay:65s;z-index:1}@keyframes persona-slide{0%{opacity:0}1.43%{opacity:1}7.14%{opacity:1}8.57%{opacity:0}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.image-card.has-slider picture{animation:none !important;opacity:0}.image-card.has-slider picture:first-child{opacity:1}}.entry-content.prose{max-width:none;font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:var(--color-ink)}.entry-content.prose h2{margin:clamp(36px,4vw,56px) 0 clamp(12px,1.5vw,20px);font-size:clamp(24px,2.2vw,34px);line-height:1.2;max-width:none;text-wrap:pretty}.kennisbank-body h2,.kennisbank-body h3{max-width:none!important;width:auto!important;text-wrap:pretty;white-space:normal}.entry-content.prose h2:first-child{margin-top:0}.entry-content.prose h3{margin:clamp(28px,3vw,42px) 0 clamp(10px,1.2vw,16px);font-size:clamp(19px,1.6vw,24px);line-height:1.25}.entry-content.prose p{margin:0 0 clamp(14px,1.6vw,22px)}.entry-content.prose ul,.entry-content.prose ol{margin:0 0 clamp(14px,1.6vw,22px);padding-left:clamp(20px,2vw,28px)}.entry-content.prose li{margin-bottom:6px}.entry-content.prose a{color:var(--color-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.entry-content.prose a:hover{color:var(--color-ink);text-decoration-thickness:2px}.entry-content.prose strong{font-weight:600}.entry-content.prose em{font-style:italic;color:rgba(16,17,39,0.72)}.hero.hero-bg .hero-grid,.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{min-height:clamp(820px,calc(100svh - 76px),880px) !important;height:clamp(820px,calc(100svh - 76px),880px)}@media (max-width:880px){.hero.hero-bg .hero-grid,.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{min-height:0 !important;height:auto}}.ai-cycle-wrap{display:inline-block;white-space:nowrap}.ai-cycle{display:inline-block;transition:opacity 320ms cubic-bezier(0.4,0,0.2,1),transform 320ms cubic-bezier(0.4,0,0.2,1);will-change:opacity,transform}.ai-cycle.is-fading-out{opacity:0;transform:translateY(-6px)}.ai-cycle.is-fading-in{animation:ai-cycle-in 400ms cubic-bezier(0.4,0,0.2,1)}@keyframes ai-cycle-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ai-cycle{transition:none !important;animation:none !important}}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:16px;pointer-events:none;animation:cookie-fade-in 0.2s ease both}.cookie-banner>*{pointer-events:auto}.cookie-banner[hidden]{display:none}@keyframes cookie-fade-in{from{opacity:0}to{opacity:1}}@keyframes cookie-pop-in{from{opacity:0;transform:translateY(16px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cookie-banner-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;width:100%;max-width:1100px;padding:18px clamp(20px,2.5vw,28px);background:radial-gradient(360px 180px at 100% 0%,rgba(216,230,60,.15),transparent 68%),var(--color-blue);color:var(--color-bg);border:2px solid var(--color-ink);border-radius:20px;box-shadow:-8px 8px 0 var(--color-lime),-10px 10px 0 var(--color-ink);animation:cookie-pop-in 0.32s cubic-bezier(0.16,1,0.3,1) both}.cookie-banner-copy{color:rgba(240,238,233,0.86);font-size:15px;line-height:1.55}.cookie-banner-copy .cookie-title{font-weight:800;font-size:clamp(22px,2.4vw,28px);line-height:1.1;color:var(--color-bg);margin:0 0 8px}.cookie-banner-copy p{margin:0}.cookie-banner-copy a{color:var(--color-lime);text-decoration:underline;text-underline-offset:2px}.cookie-banner-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-banner-actions .btn{flex:1 1 160px;min-height:48px;padding:12px 20px;font-size:14px;justify-content:center}.cookie-banner-actions .cookie-decline{background:transparent !important;color:var(--color-bg) !important;border-color:rgba(240,238,233,0.4) !important}.cookie-banner-actions .cookie-decline:hover{background:rgba(240,238,233,0.1) !important;border-color:var(--color-bg) !important}.cookie-banner-actions .cookie-accept{background:var(--color-lime) !important;color:var(--color-ink) !important;border-color:var(--color-lime) !important}.cookie-banner-actions .cookie-accept:hover{background:var(--color-bg) !important;color:var(--color-ink) !important;border-color:var(--color-bg) !important}@media (max-width:720px){.cookie-banner{padding:12px}.cookie-banner-inner{grid-template-columns:1fr;gap:14px;padding:18px}.cookie-banner-actions{flex-direction:column-reverse}.cookie-banner-actions .btn{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.cookie-banner,.cookie-banner-inner{animation:none !important}}.eyebrow{font-family:inherit !important;font-size:14px !important;font-weight:600 !important;letter-spacing:normal !important;text-transform:none !important;color:rgba(16,17,39,0.78) !important;margin-bottom:16px !important;padding-left:0 !important}.eyebrow::before{display:none !important;content:none !important}.contact-hero .eyebrow,.section-flow-dark .eyebrow,.section-home-services .eyebrow,.section-home-pricing .eyebrow,.section-flow-violet:not(.section-home-faq) .eyebrow{color:rgba(240,238,233,0.65) !important}.section-flow-cta,.section-home-cta{background:linear-gradient(90deg,rgba(16,17,39,.075) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(16,17,39,.055) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-bg) !important;color:var(--color-ink) !important;padding-block:clamp(80px,8vw,140px) !important}.cta-band{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;overflow:visible !important;color:var(--color-ink) !important}.cta-band::before,.cta-band::after{display:none !important}.cta-band h2,.cta-band h3,.cta-band .eyebrow{color:var(--color-ink) !important}.cta-band h2 em{color:var(--color-ink) !important;background:linear-gradient(0deg,rgba(216,230,60,.7) 0 42%,transparent 42%)}.cta-band p{color:rgba(16,17,39,.72) !important}.cta-band .btn{min-height:72px !important;padding:20px 36px !important;font-size:17px !important;border-radius:14px !important}.cta-band .btn-primary{background:var(--color-lime) !important;color:var(--color-ink) !important;border-color:var(--color-ink) !important}.cta-band .btn-primary:hover{background:var(--color-ink) !important;color:var(--color-bg) !important}.cta-band .btn-secondary{background:var(--color-blue) !important;color:var(--color-bg) !important;border-color:var(--color-ink) !important}.cta-band .btn-secondary:hover{background:var(--color-ink) !important;color:var(--color-bg) !important}.cta-band .button-row{gap:16px !important}.section-home-faq.section-split-image{background:var(--color-violet) !important;color:var(--color-ink) !important}.section-home-faq.section-split-image h2,.section-home-faq.section-split-image h3,.section-home-faq.section-split-image .eyebrow,.section-home-faq.section-split-image .section-heading.is-split>p{color:var(--color-ink) !important}.section-home-faq.section-split-image .section-heading.is-split>p{color:rgba(16,17,39,0.72) !important}@media (max-width:880px){.section-split-image>.split-image-grid,.section-split-image>.container.split-image-grid{grid-template-columns:1fr !important}.section-split-image .split-image-side{grid-column:1;order:-1;min-height:280px}.section-split-image .split-image-copy{grid-column:1;padding:clamp(40px,6vw,56px) 22px;max-width:100%}}@media (max-width:880px){.hero.hero-bg .hero-grid,.page-hero.has-hero-image,.contact-hero.has-hero-image{min-height:0 !important}.page-hero.has-hero-image .page-hero-grid,.contact-hero.has-hero-image .contact-hero-grid{grid-template-columns:1fr !important}.page-hero.has-hero-image h1{max-width:100% !important}.page-hero.has-hero-image .hero-panel,.contact-hero.has-hero-image .hero-panel{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;width:100vw !important;height:280px !important;margin:clamp(20px,4vw,32px) calc(50% - 50vw) 0 !important}.page-hero.has-hero-image .image-card,.contact-hero.has-hero-image .image-card{border-radius:0 !important}}html.is-page-leaving body{opacity:0;transition:opacity 220ms cubic-bezier(0.4,0,0.2,1)}html.was-internal-nav body{animation:citeerbaar-page-fade-in 320ms cubic-bezier(0.16,1,0.3,1) both}@keyframes citeerbaar-page-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html.is-page-leaving body,html.was-internal-nav body{opacity:1 !important;animation:none !important;transition:none !important}}html{scrollbar-width:thin;scrollbar-color:var(--color-blue) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-blue);border-radius:999px;border:3px solid var(--color-bg);background-clip:padding-box;min-height:40px;transition:background-color .15s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--color-ink)}::-webkit-scrollbar-thumb:active{background-color:var(--color-ink)}::-webkit-scrollbar-corner{background:transparent}.section-flow-dark::-webkit-scrollbar-thumb,.footer::-webkit-scrollbar-thumb{border-color:var(--color-ink);background-color:var(--color-bg-soft)}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb{transition:none}}.pricing-card{overflow:visible !important}.pricing-tag{position:absolute !important;top:22px !important;left:-10px !important;right:auto !important;display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;height:30px !important;padding:0 18px 0 14px !important;margin:0 !important;font-family:var(--font-mono) !important;font-style:normal !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--color-bg) !important;background:var(--color-ink) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;white-space:nowrap;z-index:3;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}.pricing-tag::before{content:"";position:absolute;bottom:-6px;left:0;width:10px;height:6px;background:var(--color-ink);clip-path:polygon(0 0,100% 0,100% 100%);filter:brightness(0.45);z-index:-1}.section-home-pricing .pricing-card.is-featured .pricing-tag,.section-flow-violet .pricing-card.is-featured .pricing-tag,.section-flow-yellow .pricing-card.is-featured .pricing-tag,.pricing-card.is-featured .pricing-tag{background:var(--color-lime) !important;color:var(--color-ink) !important;border-color:transparent !important}.pricing-card.is-featured .pricing-tag::before{background:var(--color-ink);filter:none}@media (max-width:540px){.pricing-tag{top:18px !important;left:-8px !important;height:26px !important;padding:0 16px 0 12px !important;font-size:10px !important}}.page-hero-form.is-blue,.page-hero-form.lead-form.is-blue{border:2px solid var(--color-ink) !important;border-radius:20px !important;background:radial-gradient(360px 180px at 100% 0%,rgba(216,230,60,.18),transparent 68%),var(--color-blue) !important;box-shadow:-8px 8px 0 var(--color-lime),-10px 10px 0 var(--color-ink) !important;color:var(--color-bg) !important}.page-hero-form.is-blue .form-intro h2{color:var(--color-bg) !important}.page-hero-form.is-blue .form-intro p{color:rgba(240,238,233,.74) !important;font-size:14.5px !important;line-height:1.5 !important;max-width:38ch !important;margin:10px 0 0 !important}.page-hero-form.is-blue input:not(.hp-field),.page-hero-form.is-blue textarea{background:rgba(240,238,233,.92) !important;border:1px solid rgba(240,238,233,.22) !important;color:var(--color-ink) !important}.page-hero-form.is-blue input::placeholder,.page-hero-form.is-blue textarea::placeholder{color:#475569 !important;opacity:1 !important}.page-hero-form.is-blue input:focus,.page-hero-form.is-blue textarea:focus{border-color:var(--color-lime) !important;box-shadow:0 0 0 3px rgba(216,230,60,.9) !important;outline:none !important}.page-hero-form.is-blue .btn-primary{background:var(--color-lime) !important;color:var(--color-ink) !important;border-color:var(--color-lime) !important;min-height:58px !important}.page-hero-form.is-blue .btn-primary:hover,.page-hero-form.is-blue .btn-primary:focus-visible{background:var(--color-ink) !important;color:var(--color-bg) !important;border-color:var(--color-ink) !important}.source-note{margin:8px 0 0 !important;font-size:13px !important;line-height:1.4 !important;color:rgba(16,17,39,0.55) !important;letter-spacing:0}.source-note a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.source-note a:hover{color:var(--color-blue)}.section-flow-dark .source-note,.hero-bg .source-note{color:rgba(240,238,233,0.62) !important}.section-flow-dark .source-note a:hover,.hero-bg .source-note a:hover{color:var(--color-lime)}.process-step-card h3 .step-duration{font-weight:500;color:rgba(16,17,39,0.55);font-size:0.85em;letter-spacing:0;white-space:nowrap}.process-step-card .step-output{margin-top:clamp(16px,1.6vw,22px) !important;font-size:13.5px !important;line-height:1.5 !important;color:rgba(16,17,39,0.72) !important}.process-step-card .step-output strong{color:var(--color-ink);font-weight:600}.section-flow-dark .process-step-card .step-output,.section-flow-yellow .process-step-card .step-output{color:rgba(16,17,39,0.78) !important}.section-flow-dark .process-step-card h3 .step-duration{color:rgba(240,238,233,0.6)}.research-block{margin:clamp(40px,5vw,64px) 0 0;padding:clamp(28px,3vw,40px);background:var(--color-bg);border:1px solid var(--color-ink);border-left:4px solid var(--color-ink);border-radius:16px;box-shadow:4px 4px 0 var(--color-ink)}.research-block h2{margin:0 0 clamp(18px,2vw,28px) !important;font-size:clamp(22px,2.4vw,28px) !important;font-weight:800;color:var(--color-ink);line-height:1.15}.research-list{list-style:none !important;padding:0 !important;margin:0 !important;display:grid;gap:clamp(16px,2vw,22px)}.research-list>li{padding:0 0 clamp(14px,1.6vw,18px) !important;margin:0 !important;border-bottom:1px solid rgba(16,17,39,0.12)}.research-list>li:last-child{border-bottom:0;padding-bottom:0 !important}.research-list .research-claim{margin:0 0 6px !important;font-size:16px !important;line-height:1.5 !important;color:var(--color-ink) !important}.research-list .research-claim strong{font-weight:700;color:var(--color-blue)}.research-list .research-source{margin:0 !important;font-size:13px !important;line-height:1.4 !important;color:rgba(16,17,39,0.6) !important}.research-list .research-source a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.research-list .research-source a:hover{color:var(--color-blue)}.article-sources{margin:clamp(32px,4vw,48px) 0 0;padding:clamp(24px,3vw,36px);background:var(--color-bg-paper,#f4f1ea);border:1px solid rgba(16,17,39,0.12);border-radius:16px}.article-sources-title{margin:0 0 8px !important;font-size:clamp(18px,1.8vw,22px) !important;font-weight:800;color:var(--color-ink);line-height:1.2}.article-sources-intro{margin:0 0 clamp(16px,2vw,22px) !important;font-size:14px !important;line-height:1.5 !important;color:rgba(16,17,39,0.65) !important}.article-sources-list{list-style:none !important;padding:0 !important;margin:0 !important;display:grid;gap:10px}.article-sources-list>li{padding:0 !important;margin:0 !important;border:0 !important;font-size:14.5px;line-height:1.45}.article-sources-list a{color:var(--color-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.article-sources-list a:hover{color:var(--color-blue)}.article-sources-note{color:rgba(16,17,39,0.6);font-weight:400}.article-sources-note::before{content:" · ";color:rgba(16,17,39,0.4)}.author-expertise-list{list-style:none !important;padding:0 !important;margin:clamp(16px,2vw,24px) 0 clamp(28px,3vw,40px) !important;display:grid;gap:clamp(14px,1.6vw,18px)}.author-expertise-list>li{padding:clamp(16px,2vw,22px) !important;margin:0 !important;background:var(--color-bg);border:1px solid rgba(16,17,39,0.12);border-left:3px solid var(--color-blue);border-radius:12px;display:grid;gap:4px}.author-expertise-list>li strong{font-weight:700;color:var(--color-ink);font-size:17px}.author-expertise-list>li span{font-size:14.5px;line-height:1.5;color:rgba(16,17,39,0.72)}.article-meta a[rel="author"]{color:var(--color-blue);text-decoration:underline;text-underline-offset:2px;font-weight:500}.article-meta a[rel="author"]:hover{color:var(--color-ink)}.glossary-az{display:flex;flex-wrap:wrap;gap:6px;padding:clamp(16px,2vw,22px);margin:0 0 clamp(28px,3vw,40px);background:var(--color-bg);border:1px solid rgba(16,17,39,0.12);border-radius:12px;position:sticky;top:80px;z-index:5}.glossary-az-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:transparent;color:var(--color-ink);font-family:var(--font-mono);font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.glossary-az-link:hover{background:var(--color-blue);color:var(--color-bg)}.glossary-letter{margin:0 0 clamp(36px,4vw,56px);scroll-margin-top:100px}.glossary-letter-heading{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;font-style:normal !important;font-weight:900 !important;font-size:clamp(48px,5vw,72px) !important;line-height:1 !important;letter-spacing:-0.025em !important;margin:0 0 clamp(20px,2vw,28px) !important;color:var(--color-blue);border-bottom:2px solid rgba(16,17,39,0.14);padding-bottom:clamp(12px,1.4vw,18px)}.glossary-terms{margin:0 !important;padding:0 !important;display:grid;gap:clamp(20px,2.4vw,28px)}.glossary-term{margin:0 !important;padding:0 !important}.entry-content .outcome-block{margin:clamp(40px,5vw,72px) 0;padding:clamp(32px,4vw,56px);background:var(--color-lime,#d8e63c);color:var(--color-ink,#0d132c);border-radius:24px;border:2px solid var(--color-ink);box-shadow:-8px 8px 0 var(--color-blue),-10px 10px 0 var(--color-ink);display:grid;grid-template-columns:clamp(64px,7vw,96px) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;position:relative;overflow:hidden}.entry-content .outcome-block::after{content:"";position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:radial-gradient(circle,rgba(16,17,39,.18) 1.5px,transparent 1.5px) 0 0 / 14px 14px;opacity:0.6;pointer-events:none;z-index:0}.entry-content .outcome-block::before{content:"";grid-column:1;grid-row:1 / -1;width:clamp(56px,6vw,80px);height:clamp(56px,6vw,80px);background:var(--color-ink);border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8e63c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:center;background-repeat:no-repeat;background-size:56% 56%;align-self:start;margin-top:4px;flex-shrink:0;position:relative;z-index:1}.entry-content .outcome-block>*{grid-column:2;position:relative;z-index:1}.entry-content .outcome-block .outcome-eyebrow{margin:0 0 6px !important;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-ink);opacity:0.65}.entry-content .outcome-block .outcome-headline{margin:0 0 14px !important;font-family:Inter,system-ui,sans-serif;font-size:clamp(24px,2.4vw,36px);font-weight:900;line-height:1.15;letter-spacing:-0.02em;max-width:28ch;color:var(--color-ink)}.entry-content .outcome-block .outcome-detail{margin:0 !important;font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:var(--color-ink);opacity:0.82;max-width:60ch}@media (max-width:540px){.entry-content .outcome-block{grid-template-columns:1fr;gap:16px}.entry-content .outcome-block::before{grid-row:auto}.entry-content .outcome-block>*{grid-column:1}}.section-outcome-split.section-split-image,.page-content .content-section.section-outcome-split.section-split-image,.page-content .content-section.section-outcome-split.section-split-image:nth-of-type(4n+4){background:var(--color-lime,#d8e63c) !important;color:var(--color-ink,#0d132c) !important}.section-outcome-split .split-image-copy{background:var(--color-lime,#d8e63c);color:var(--color-ink,#0d132c)}.section-outcome-split .split-image-copy .outcome-block{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;display:block;overflow:visible;color:var(--color-ink);max-width:none}.section-outcome-split .split-image-copy .outcome-block::before{content:"";display:block;width:clamp(56px,5vw,72px);height:clamp(56px,5vw,72px);background:var(--color-ink);border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8e63c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:center;background-repeat:no-repeat;background-size:56% 56%;margin:0 0 clamp(20px,2vw,28px)}.section-outcome-split .split-image-copy .outcome-block::after{display:none}.section-outcome-split .split-image-copy .outcome-block .outcome-eyebrow{margin:0 0 14px !important;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-ink);opacity:0.7}.section-outcome-split .split-image-copy .outcome-block .outcome-headline{margin:0 0 clamp(20px,2vw,28px) !important;font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,2.8vw,44px);font-weight:900;line-height:1.1;letter-spacing:-0.02em;max-width:22ch;color:var(--color-ink)}.section-outcome-split .split-image-copy .outcome-block .outcome-detail{margin:0 !important;font-size:clamp(16px,1.2vw,19px);line-height:1.55;color:var(--color-ink);opacity:0.82;max-width:56ch}body.has-soft-blue-bg{background:var(--color-bg-soft)}body.has-soft-blue-bg .motion-child{opacity:1 !important;transform:none !important;filter:none !important;animation:none !important}body.has-soft-blue-bg .section-flow-blue,body.has-soft-blue-bg .article-body{background:transparent}.back-link{margin:0 0 12px;font-size:14px;font-weight:500;letter-spacing:0.01em}.back-link a{color:inherit;opacity:0.75;text-decoration:none;transition:opacity 0.15s ease}.back-link a:hover,.back-link a:focus-visible{opacity:1;text-decoration:underline}.form-confirmation{display:grid;gap:clamp(16px,1.6vw,24px);padding:clamp(28px,3vw,40px);border-radius:12px;background:var(--color-lime,#d8e63c);color:var(--color-ink,#0d132c);border:2px solid var(--color-ink,#0d132c);text-align:left;align-content:start}.form-confirmation.is-blue{background:var(--color-blue,#6f6cff);color:var(--color-bg,#f0ede7);border-color:var(--color-bg,#f0ede7)}.form-confirmation.is-confirmation{align-self:center}.form-confirmation-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--color-ink,#0d132c);color:var(--color-lime,#d8e63c)}.form-confirmation.is-blue .form-confirmation-icon{background:var(--color-bg,#f0ede7);color:var(--color-blue,#6f6cff)}.form-confirmation-title{font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:800;margin:0;letter-spacing:-0.01em}.form-confirmation-message{font-size:clamp(16px,1.4vw,19px);line-height:1.5;font-weight:500;margin:0;max-width:50ch;opacity:0.9}.form-confirmation-timeline{font-size:clamp(14px,1.2vw,15px);line-height:1.5;margin:4px 0 0;max-width:50ch;opacity:0.78}.form-confirmation-fallback{font-size:13px;line-height:1.5;margin:8px 0 0;padding:10px 12px;max-width:50ch;background:rgba(255,255,255,0.08);border-radius:8px;opacity:0.85}.form-confirmation-fallback a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}.form-confirmation-trust{font-size:12px;line-height:1.4;margin:12px 0 0;max-width:50ch;opacity:0.6}.form-confirmation.is-duplicate{background:#ffd968;color:var(--color-ink,#0d132c);border-color:var(--color-ink,#0d132c)}.form-confirmation.is-duplicate .form-confirmation-icon{background:var(--color-ink,#0d132c);color:#ffd968}.form-confirmation.is-duplicate.is-blue{background:#ffd968;color:var(--color-ink,#0d132c);border-color:var(--color-ink,#0d132c)}.form-confirmation.is-duplicate.is-blue .form-confirmation-icon{background:var(--color-ink,#0d132c);color:#ffd968}.form-confirmation-cta{align-self:start;margin-top:8px}.form-confirmation-cta span{margin-left:8px;transition:transform 0.2s ease;display:inline-block}.form-confirmation-cta:hover span{transform:translateX(4px)}.glossary-term .glossary-term-name{font-size:clamp(20px,2vw,24px);font-weight:800;color:var(--color-ink);margin:0 0 8px;letter-spacing:-0.005em;scroll-margin-top:100px;line-height:1.2}.glossary-term .glossary-term-def{margin:0;font-size:16px;line-height:1.6;color:rgba(16,17,39,0.82);max-width:70ch}.glossary-term .glossary-term-link{margin:8px 0 0;font-size:13.5px;line-height:1.4;color:rgba(16,17,39,0.55);max-width:70ch}.glossary-term .glossary-term-link a{color:var(--color-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.glossary-term .glossary-term-link a:hover{color:var(--color-blue)}@media (max-width:720px){.glossary-az{position:static;padding:12px}.glossary-az-link{width:32px;height:32px;font-size:12px}}.vs-table-wrap{margin:clamp(20px,2.4vw,32px) 0;overflow-x:auto;border-radius:12px;border:2px solid var(--color-ink);background:var(--color-bg)}.vs-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}.vs-table thead th{background:var(--color-ink);color:var(--color-bg);padding:clamp(14px,1.6vw,18px);text-align:left;font-weight:700;font-size:14px;letter-spacing:0.02em;text-transform:uppercase}.vs-table thead th:first-child{background:rgba(16,17,39,0.86)}.vs-table th[scope="row"]{text-align:left;font-weight:700;color:var(--color-ink);background:rgba(16,17,39,0.04);width:32%;padding:clamp(14px,1.6vw,18px);border-bottom:1px solid rgba(16,17,39,0.1)}.vs-table tbody td{padding:clamp(14px,1.6vw,18px);color:rgba(16,17,39,0.86);border-bottom:1px solid rgba(16,17,39,0.1);vertical-align:top}.vs-table tbody td:nth-child(2){background:rgba(216,230,60,0.08);border-left:1px solid rgba(16,17,39,0.08)}.vs-table tbody tr:last-child th,.vs-table tbody tr:last-child td{border-bottom:0}.form-microcopy{display:block;margin-top:10px !important;text-align:center;font-size:12.5px !important;line-height:1.5 !important;letter-spacing:0;color:rgba(240,238,233,0.74) !important}.page-hero-form.is-lime .form-microcopy{color:rgba(16,17,39,0.62) !important}@media (max-width:980px){.pricing-grid,.pricing-grid[style*="repeat(3"],.pricing-grid[style*="repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.process-grid-4col,.audit-grid-strip{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.feature-grid.is-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width:540px){.pricing-grid,.pricing-grid[style*="repeat"],.process-grid-4col,.audit-grid-strip,.feature-grid.is-3{grid-template-columns:1fr !important}}.breadcrumb{margin:0 0 14px;font-size:13.5px;line-height:1.4}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;margin:0;padding:0}.breadcrumb li{display:inline-flex;align-items:center}.breadcrumb li+li::before{content:"›";margin-right:8px;color:rgba(16,17,39,0.45);font-size:14px}.breadcrumb a{color:rgba(16,17,39,0.65);text-decoration:none;transition:color 0.15s ease}.breadcrumb a:hover{color:var(--color-blue);text-decoration:underline;text-underline-offset:2px}.breadcrumb [aria-current="page"]{color:var(--color-ink);font-weight:500}.entry-content .article-toc{margin:0 0 clamp(28px,3vw,40px);padding:clamp(20px,2vw,28px);background:var(--color-bg);border:1px solid rgba(16,17,39,0.12);border-left:4px solid var(--color-blue);border-radius:12px}.entry-content .article-toc .article-toc-label{margin:0 0 12px !important;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(16,17,39,0.55)}.entry-content .article-toc ol{margin:0 !important;padding:0 !important;list-style:none;counter-reset:toc-item;display:grid;gap:6px}.entry-content .article-toc li{counter-increment:toc-item;margin:0 !important;padding:0;display:grid;grid-template-columns:28px 1fr;gap:4px;align-items:baseline}.entry-content .article-toc li::before{content:counter(toc-item,decimal-leading-zero);font-family:var(--font-mono),monospace;font-size:11px;font-weight:700;color:rgba(16,17,39,0.45);line-height:1.5}.entry-content .article-toc a{color:var(--color-ink) !important;text-decoration:none !important;font-weight:500;line-height:1.5;transition:color 0.15s ease}.entry-content .article-toc a:hover{color:var(--color-blue) !important;text-decoration:underline !important;text-underline-offset:3px}.entry-content h2[id]{scroll-margin-top:100px}.section-trust-strip{padding-block:clamp(40px,5vw,64px) !important;background:var(--color-bg-paper) !important;border-bottom:1px solid rgba(16,17,39,0.08)}.trust-strip-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.5vw,36px);margin:0 0 clamp(28px,3vw,40px);padding:0;list-style:none}.trust-strip-item{display:grid;gap:8px;padding:clamp(20px,2vw,28px);background:var(--color-bg);border:1px solid rgba(16,17,39,0.1);border-radius:14px}.trust-strip-num{font-family:var(--font-display,Inter),Inter,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1;letter-spacing:-0.03em;color:var(--color-blue)}.trust-strip-label{font-size:14px;line-height:1.45;color:rgba(16,17,39,0.78)}.trust-author{margin:0;padding:clamp(18px,2vw,24px) clamp(20px,2vw,28px);background:var(--color-bg);border:1px solid rgba(16,17,39,0.1);border-left:4px solid var(--color-blue);border-radius:12px}.trust-author p{margin:0 !important;font-size:15px;line-height:1.6;color:rgba(16,17,39,0.85)}.trust-author a{color:var(--color-blue);text-decoration:none}.trust-author a:hover{color:var(--color-ink);text-decoration:underline;text-underline-offset:3px}@media (max-width:880px){.trust-strip-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.trust-strip-list{grid-template-columns:1fr}}.site-footer .footer-grid .footer-col-title{margin:0 0 16px !important;color:var(--color-bg) !important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;font-weight:800 !important;font-size:clamp(15px,1vw,17px) !important;line-height:1.3 !important;letter-spacing:-0.01em !important;text-transform:none !important}.content-section .entry-content>h2{margin:clamp(24px,3vw,40px) 0 clamp(10px,1.4vw,16px) !important;font-size:clamp(24px,2.2vw,34px) !important;line-height:1.2 !important;letter-spacing:-0.02em !important}.content-section .entry-content>h2:first-child{margin-top:0 !important}.content-section .entry-content>h3{margin:clamp(20px,2.4vw,32px) 0 clamp(8px,1vw,12px) !important;font-size:clamp(19px,1.6vw,24px) !important;line-height:1.25 !important}.contact-details-list dt{font-family:inherit !important;font-size:14px !important;font-weight:600 !important;letter-spacing:normal !important;text-transform:none !important;color:rgba(16,17,39,0.78) !important}@media (min-width:881px){body.home .section-home-problem,body.front-page .section-home-problem{padding-top:clamp(280px,22vw,340px) !important}}.hero-scan-fields{gap:16px !important}.hero-scan-cta small,.hero-scan-cta .form-microcopy{max-width:none !important;align-self:stretch !important;text-align:center !important;width:100% !important}.hero-scan-fields label,.hero-scan-fields input:not(.hp-field),.hero-scan-fields textarea{font-weight:400 !important}.hero-scan-cta small,.hero-scan-cta .form-microcopy{font-weight:400 !important}.article-body-split{background:var(--color-bg-soft);padding-top:0 !important;padding-bottom:0 !important;overflow:hidden}.article-body-grid{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);align-items:stretch;width:100%;margin:0}.article-body-content{padding:clamp(48px,6vw,96px) clamp(22px,3vw,48px);padding-left:max(22px,calc((100vw - 1480px) / 2))}.article-body-content .entry-content.prose{max-width:860px;margin:0;padding-right:clamp(20px,3vw,60px)}.article-body-blue{background:var(--color-blue);align-self:stretch;min-height:100%}@media (max-width:980px){.article-body-grid{grid-template-columns:1fr}.article-body-content{padding:clamp(40px,6vw,64px) clamp(22px,4vw,32px)}.article-body-content .entry-content.prose{max-width:100%;margin:0 auto;padding-right:0}.article-body-blue{display:none}}.section-heading h2,.section-heading.is-split h2,.process-copy h2,.audit-process-copy h2,.split-image-copy h2,.bureau-intro h2{font-size:clamp(34px,3.6vw,56px) !important;line-height:1.05 !important;letter-spacing:-0.025em !important}.cta-band h2{font-size:clamp(34px,3.6vw,56px) !important;line-height:1.05 !important;letter-spacing:-0.025em !important;max-width:18ch !important;font-weight:900 !important}.section-audit-process.section-flow-dark{background:linear-gradient(90deg,rgba(240,238,233,.055) 1px,transparent 1px) 0 0 / 86px 86px,linear-gradient(180deg,rgba(240,238,233,.045) 1px,transparent 1px) 0 0 / 86px 86px,var(--color-blue) !important;color:var(--color-bg) !important}.section-audit-process.section-flow-dark .audit-process-copy h2,.section-audit-process.section-flow-dark .audit-process-copy .eyebrow,.section-audit-process.section-flow-dark .audit-process-copy p{color:var(--color-bg) !important}.section-audit-process.section-flow-dark .audit-process-copy p{color:rgba(240,238,233,0.78) !important}.section-audit-process.section-flow-dark h2 em{color:var(--color-lime) !important;background:none !important}.cta-band p:not(.eyebrow){font-size:clamp(18px,1.45vw,21px) !important;line-height:1.45 !important;color:rgba(16,17,39,0.7) !important;max-width:56ch !important}.hero h1,.hero-copy h1,.page-hero h1,.contact-hero h1{font-size:clamp(48px,5vw,88px) !important;line-height:1.05 !important}.section-heading.is-split{grid-template-columns:minmax(0,35fr) minmax(0,65fr) !important;gap:clamp(20px,3vw,48px) !important}body.has-soft-blue-bg .section-heading.is-split{grid-template-columns:minmax(0,50fr) minmax(0,50fr) !important}@media (max-width:880px){.section-heading.is-split,body.has-soft-blue-bg .section-heading.is-split{grid-template-columns:1fr !important;gap:clamp(14px,3vw,24px) !important}.section-heading.is-split>div,.section-heading.is-split>p{grid-column:1 !important;max-width:none !important;margin-top:0 !important}.site-header{position:fixed !important;top:0;left:0;right:0;z-index:90;background:var(--color-bg)}body{padding-top:76px}}.page-hero+.section.article-body-split,.page-hero.has-hero-image+.section.article-body-split,.page-hero.has-hero-image.has-floating-form+.section.article-body-split{padding-top:0 !important;padding-bottom:0 !important}@media (max-width:880px){.page-hero+.section.article-body-split,.page-hero.has-hero-image+.section.article-body-split,.page-hero.has-hero-image.has-floating-form+.section.article-body-split{padding-top:0 !important}}.article-knowledge{background:linear-gradient(to right,var(--color-bg-soft) 78%,var(--color-blue) 78%)}.article-knowledge .kennisbank-article{width:min(1000px,calc(78vw - 80px));margin-left:max(24px,calc((100vw - 1480px) / 2));margin-right:0;padding:clamp(48px,6vw,96px) 0 clamp(56px,7vw,96px)}.kennisbank-hero{margin-bottom:clamp(32px,4vw,56px)}.kennisbank-hero .breadcrumb{margin:0 0 18px}.kennisbank-hero .eyebrow{margin:0 0 14px !important}.kennisbank-hero h1{margin:0 0 clamp(20px,2.5vw,32px) !important;font-size:clamp(32px,4.6vw,84px) !important;line-height:1.05 !important;letter-spacing:-0.025em !important}.kennisbank-hero-image{margin:0 0 clamp(20px,2vw,28px);padding:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:var(--color-blue);border:2px solid var(--color-ink);box-shadow:-6px 6px 0 var(--color-ink)}.kennisbank-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.kennisbank-hero .article-meta{margin:0 0 18px !important;font-size:14px;color:rgba(16,17,39,0.65)}.kennisbank-hero .article-meta a{color:var(--color-blue);text-decoration:none;font-weight:500}.kennisbank-hero .article-meta a:hover{color:var(--color-ink);text-decoration:underline}.kennisbank-hero .lead{margin:0 !important;font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:rgba(16,17,39,0.82);max-width:60ch}@media (max-width:980px){.article-knowledge{background:var(--color-bg-soft)}.article-knowledge .kennisbank-article{width:min(900px,calc(100% - 44px));margin:0 auto;padding:clamp(32px,5vw,56px) 0}.kennisbank-hero h1{font-size:clamp(28px,5.2vw,44px) !important}}.audit-output-tags.is-hidden-visual,.vs-table-wrap.is-hidden-visual{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.hero .lead,.hero-copy .lead,.page-hero .lead,.contact-hero .lead{font-size:clamp(18px,1.45vw,22px) !important;line-height:1.45 !important}.section-heading.is-split>div:last-child,.section-heading.is-split>div:last-child p{max-width:none !important;width:100%}@media (min-width:881px){.page-hero.has-floating-form+.page-content>section.section:first-child,.page-hero.has-hero-image.has-floating-form+.page-content>section.section:first-child{padding-top:clamp(220px,18vw,320px) !important}}.section-heading h2,.section-heading.is-split h2,.process-copy h2,.audit-process-copy h2,.split-image-copy h2{max-width:none !important;overflow-wrap:normal !important;word-break:keep-all !important}.kennisbank-hero h1,.entry-content>h2,.entry-content>h3{overflow-wrap:normal !important;word-break:keep-all !important}.page-hero h1,.contact-hero h1,.hero h1,.hero-copy h1,.kennisbank-hero h1{overflow-wrap:normal !important;word-break:keep-all !important;hyphens:manual !important}.page-hero-utility{padding-block:clamp(56px,9vw,120px) clamp(24px,5vw,48px);background:var(--color-bg)}.page-hero-utility .container{width:min(720px,calc(100% - 32px));margin-inline:auto}.page-hero-utility .eyebrow{margin-bottom:clamp(16px,2vw,24px)}.page-hero-utility h1{max-width:18ch;margin-bottom:clamp(16px,2vw,24px)}.page-hero-utility .lead{max-width:56ch;color:rgba(16,17,39,.72)}.page-scan-result .page-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) !important;align-items:center;gap:clamp(32px,4vw,64px)}.scan-result-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:14px;color:rgba(16,17,39,0.65)}.scan-result-meta a{color:var(--color-blue)}.scan-score-card{background:var(--color-ink);color:var(--color-paper,#fafafa);padding:clamp(28px,3vw,40px);border-radius:18px;border:2px solid var(--color-ink);box-shadow:-8px 8px 0 var(--color-blue),-10px 10px 0 var(--color-lime);display:flex;flex-direction:column;gap:14px;align-items:center;justify-self:end;width:min(100%,360px);text-align:center}.scan-score-card.is-high{background:#1e8449}.scan-score-card.is-mid{background:#b9770e}.scan-score-card.is-low{background:#c0392b}.scan-score-num{font-size:clamp(72px,8vw,120px);font-weight:900;line-height:1;color:#fff;font-family:Inter,system-ui,sans-serif;letter-spacing:-0.04em}.scan-score-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.scan-score-bar-fill{height:100%;background:var(--color-lime,#d8e63c);border-radius:4px;transition:width 600ms ease-out}.scan-score-label{font-size:14px;color:rgba(255,255,255,0.92);font-weight:600;line-height:1.4}.scan-fatal{background:#fef2f2;border:2px solid #c0392b;color:#922b21;padding:clamp(28px,3vw,40px);border-radius:14px;max-width:720px}.scan-fatal h2{margin:0 0 12px}.scan-fatal p{margin:0 0 8px}.scan-priority-list{list-style:none;padding:0;margin:0;counter-reset:scan-priority;display:grid;gap:14px}.scan-priority-item{display:grid;grid-template-columns:clamp(56px,5vw,80px) minmax(0,1fr) minmax(160px,200px);gap:clamp(16px,2vw,28px);align-items:start;padding:clamp(20px,2.5vw,28px) clamp(22px,2.5vw,32px);background:var(--color-paper,#fafafa);border:2px solid var(--color-ink);border-radius:14px;box-shadow:-4px 4px 0 var(--color-ink)}.scan-priority-item .priority-rank{font-size:clamp(28px,3vw,40px);font-weight:900;color:var(--color-ink);opacity:0.35;font-family:Inter,system-ui,sans-serif;letter-spacing:-0.03em;line-height:1}.scan-priority-item .priority-body{display:grid;gap:6px}.scan-priority-item .priority-tag{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;width:max-content;color:#fff}.scan-priority-item .priority-tag.is-critical{background:#c0392b}.scan-priority-item .priority-tag.is-high{background:#b9770e}.scan-priority-item .priority-tag.is-medium{background:#1e8449}.scan-priority-item h3{margin:4px 0 2px;font-size:clamp(18px,1.4vw,22px);font-weight:700;line-height:1.25}.scan-priority-item p{margin:0;font-size:14px;color:rgba(16,17,39,0.7);line-height:1.5}.scan-priority-item .priority-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;font-size:13px}.scan-priority-item .priority-meta div{display:grid;gap:2px}.scan-priority-item .priority-meta dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:rgba(16,17,39,0.5)}.scan-priority-item .priority-meta dd{margin:0;font-weight:600;color:var(--color-ink)}@media (max-width:720px){.scan-priority-item{grid-template-columns:1fr;gap:14px}}.scan-dim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3vw,40px)}.scan-dim-card{background:var(--color-paper,#fafafa);border:2px solid var(--color-ink);border-radius:14px;padding:clamp(20px,2vw,26px);box-shadow:-4px 4px 0 var(--color-ink)}.scan-dim-card h3{margin:0 0 14px;font-size:17px;font-weight:700;color:var(--color-ink);padding-bottom:10px;border-bottom:1px solid rgba(16,17,39,0.12)}.scan-meta-line{margin:8px 0 4px;font-size:13px;color:rgba(16,17,39,0.7)}.scan-meta-line.is-warn{color:#b9770e;font-weight:600}.scan-meta-line code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:rgba(16,17,39,0.06);padding:2px 6px;border-radius:3px}.scan-check-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px;font-size:14px;line-height:1.45}.scan-check-list li{padding:6px 8px 6px 28px;border-radius:4px;position:relative;color:var(--color-ink)}.scan-check-list li::before{content:"•";position:absolute;left:8px;top:6px;width:14px;height:14px;font-weight:900}.scan-check-list li.is-ok{background:rgba(30,132,73,0.08)}.scan-check-list li.is-ok::before{content:"✓";color:#1e8449}.scan-check-list li.is-warn{background:rgba(185,119,14,0.08)}.scan-check-list li.is-warn::before{content:"!";color:#b9770e}.scan-check-list li.is-bad{background:rgba(192,57,43,0.08)}.scan-check-list li.is-bad::before{content:"×";color:#c0392b;font-size:18px;line-height:14px}.scan-check-list li.is-info{background:rgba(39,50,135,0.06)}.scan-check-list li.is-info::before{content:"i";color:var(--color-blue);font-style:italic;font-weight:600}.scan-check-list li code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:rgba(0,0,0,0.04);padding:1px 5px;border-radius:3px}.scan-duration{margin-top:clamp(28px,3vw,40px);font-size:13px;color:rgba(255,255,255,0.55);text-align:center}@media (max-width:880px){.page-scan-result .page-hero-grid{grid-template-columns:1fr !important}.scan-score-card{justify-self:center}}.lead-form select{width:100%;padding:13px 14px;border:1px solid var(--color-border);border-radius:10px;font-family:inherit;font-size:15px;color:var(--color-ink);background:var(--color-bg-soft);outline:none;transition:border-color .15s,background .15s;font-weight:400;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23101127' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.lead-form select:focus{border-color:var(--color-ink);background-color:var(--color-bg-paper)}.lead-form .select-wrap{display:flex;flex-direction:column}.contact-business-card{margin-top:clamp(24px,3vw,32px);padding:clamp(20px,2.4vw,28px);background:var(--color-bg-paper,#f0eee9);border:1px solid var(--color-border,rgba(16,17,39,0.16));border-radius:var(--r-card,18px);box-shadow:var(--shadow-clay,none)}.contact-business-card .eyebrow{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-text-muted,rgba(16,17,39,0.58))}.contact-business-card p{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--color-ink,#101127)}.contact-business-card address{margin:0 0 14px;font-style:normal;font-size:15px;line-height:1.55;color:var(--color-ink,#101127)}.contact-business-card address a{color:var(--color-ink,#101127);text-decoration:underline;text-underline-offset:3px}.contact-business-meta{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--color-text-soft,rgba(16,17,39,0.72))}.contact-business-meta li{margin:0}.contact-business-meta strong{color:var(--color-ink,#101127)}.page-hero.is-pakket-flow .page-hero-grid{grid-template-columns:minmax(0,1fr) !important;max-width:min(720px,60ch)}.section-pakket-form{background:var(--color-lime,#d8e63c);padding-block:clamp(56px,7vw,96px);scroll-margin-top:80px}.section-pakket-form .pakket-form-bullets li::before{background:var(--color-blue,#273287);border-color:var(--color-ink,#0d132c)}.pakket-form-grid{display:grid;grid-template-columns:minmax(0,0.64fr) minmax(560px,1.26fr);gap:clamp(48px,6vw,96px);align-items:start}.pakket-form-copy .eyebrow{margin:0 0 12px}.pakket-form-copy h2{font-size:clamp(34px,3.6vw,56px) !important;line-height:1.05 !important;letter-spacing:-0.025em !important;margin:0 0 16px !important;max-width:18ch}.pakket-form-copy>p{font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:rgba(16,17,39,0.7);margin:0 0 24px;max-width:42ch}.pakket-form-bullets{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:42ch}.pakket-form-bullets li{padding:0 0 0 28px;position:relative;font-size:16px;line-height:1.5;color:rgba(16,17,39,0.78)}.pakket-form-bullets li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;background:var(--color-lime,#d8e63c);border:2px solid var(--color-ink,#0d132c);border-radius:50%}.pakket-form-bullets li strong{color:var(--color-ink);font-weight:700}.pakket-lead-form,.pakket-form-card{background:#fff;border:2px solid var(--color-ink,#0d132c);border-radius:16px;padding:clamp(28px,3vw,40px);box-shadow:-8px 8px 0 var(--color-ink);display:grid;gap:clamp(18px,1.6vw,22px)}.pakket-form-row{display:grid;gap:clamp(16px,1.4vw,20px)}.pakket-form-row-2{grid-template-columns:1fr 1fr}@media (max-width:720px){.pakket-form-row-2{grid-template-columns:1fr}}.pakket-lead-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--color-ink)}.pakket-lead-form label>span{display:flex;align-items:center;gap:4px}.pakket-lead-form label em{color:var(--color-blue);font-style:normal;font-weight:700}.pakket-lead-form label em.is-optional{color:rgba(16,17,39,0.6);font-size:12px;font-weight:500}.pakket-lead-form input[type="text"],.pakket-lead-form input[type="email"],.pakket-lead-form input[type="tel"],.pakket-lead-form input[type="url"],.pakket-lead-form textarea{width:100%;border:1.5px solid rgba(16,17,39,0.45);background:var(--color-bg-soft,#f0eee9);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;color:var(--color-ink);transition:border-color 0.15s,background 0.15s}.pakket-lead-form input:focus,.pakket-lead-form textarea:focus{outline:none;border-color:var(--color-blue,#273287);background:#fff}.pakket-lead-form textarea{min-height:110px;resize:vertical;line-height:1.5}.pakket-lead-form input::placeholder,.pakket-lead-form textarea::placeholder{color:rgba(16,17,39,0.62)}.pakket-form-urls{border:0;padding:0;margin:0;display:grid;gap:10px}.pakket-form-urls legend{padding:0;font-size:14px;font-weight:600;color:var(--color-ink);margin-bottom:6px}.pakket-form-urls legend em{color:var(--color-blue);font-style:normal;font-weight:700}.pakket-url-list{display:grid;gap:10px}.pakket-url-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.pakket-url-row input{}.pakket-url-remove{width:44px;min-width:44px;height:100%;min-height:44px;background:transparent;border:1.5px solid rgba(16,17,39,0.45);border-radius:10px;cursor:pointer;color:var(--color-ink);display:grid;place-items:center;transition:background 0.15s,border-color 0.15s}.pakket-url-remove:hover{background:#fde7e7;border-color:#c0392b;color:#c0392b}.pakket-url-add{background:transparent;border:1.5px dashed rgba(16,17,39,0.55);border-radius:10px;padding:10px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--color-ink);cursor:pointer;text-align:left;transition:background 0.15s,border-color 0.15s;width:max-content}.pakket-url-add:hover{background:var(--color-lime,#d8e63c);border-color:var(--color-ink);border-style:solid}.pakket-url-add[disabled]{cursor:not-allowed}.pakket-url-add span{display:inline-block;width:18px;height:18px;line-height:16px;text-align:center;background:var(--color-ink);color:var(--color-lime);border-radius:50%;margin-right:8px;font-size:14px;font-weight:800;vertical-align:middle}.pakket-url-hint{color:rgba(16,17,39,0.5);font-size:13px;line-height:1.4}.pakket-form-message>span{}.pakket-form-submit{margin-top:4px;display:grid;gap:10px;justify-items:start}.pakket-form-submit .btn{width:100%}.pakket-form-submit .form-microcopy{color:rgba(16,17,39,0.55);font-size:13px}.pakket-lead-form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media (max-width:880px){.pakket-form-grid{grid-template-columns:1fr;gap:clamp(28px,4vw,40px)}}@media (max-width:880px){.hero.hero-bg .hero-grid{padding-bottom:clamp(16px,4vw,28px) !important}}
/* ============================================================
   vs-tabel v2: in lijn met de clay/feature-card designtaal.
   Alleen gebruikt op de SEO-vs-GEO pagina. Overschrijft de
   eerdere vs-table regels hierboven via de cascade.
============================================================ */
.vs-table-wrap {
    border-radius: 20px;
    border: 1.5px solid var(--color-ink);
    box-shadow: var(--shadow-hard);
    background: var(--color-bg-cream);
    margin: clamp(24px, 3vw, 40px) 0 0;
}

.vs-table {
    font-size: 15.5px;
}

.vs-table thead th {
    background: var(--color-ink);
    color: var(--color-bg-cream);
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding: clamp(16px, 1.8vw, 20px);
}

.vs-table thead th:first-child {
    background: var(--color-ink);
}

.vs-table thead th.is-geo {
    color: var(--color-lime);
}

.vs-table th[scope="row"] {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
    background: transparent;
    width: 26%;
    padding: clamp(16px, 1.8vw, 20px);
    border-bottom: 1.5px solid rgba(16, 17, 39, 0.12);
}

.vs-table tbody td {
    padding: clamp(16px, 1.8vw, 20px);
    border-bottom: 1.5px solid rgba(16, 17, 39, 0.12);
    color: var(--color-text-soft);
}

.vs-table tbody td.is-geo {
    background: rgba(216, 230, 60, 0.3);
    border-left: 1.5px solid rgba(16, 17, 39, 0.16);
    color: var(--color-ink);
    font-weight: 500;
}

/* ============================================================
   section-flow-navy: generieke donkerblauwe sectie-variant.
   Spiegelt .section-home-pricing (radar-lab.css) zodat het
   donkerblauwe vlak ook buiten de pricing-context bruikbaar is.
============================================================ */
.section-flow-navy {
    background:
        linear-gradient(90deg, rgba(240,238,233,.055) 1px, transparent 1px) 0 0 / 86px 86px,
        linear-gradient(180deg, rgba(240,238,233,.045) 1px, transparent 1px) 0 0 / 86px 86px,
        var(--color-blue);
    color: var(--color-bg);
}

.section-flow-navy h2,
.section-flow-navy h3,
.section-flow-navy .eyebrow {
    color: var(--color-bg);
}

.section-flow-navy .section-heading.is-split p {
    color: rgba(240, 238, 233, 0.72);
}

.section-flow-navy .prose p {
    color: rgba(240, 238, 233, 0.82);
}

.section-flow-navy .prose a {
    color: var(--color-lime);
}

.section-flow-navy .section-heading.is-split .eyebrow,
.section-flow-navy .section-heading .eyebrow {
    color: rgba(240, 238, 233, 0.65);
}

/* flow-navy eyebrow: counter op de globale .eyebrow !important-override, zelfde patroon als section-home-pricing. */
.section-flow-navy .eyebrow { color: rgba(240, 238, 233, 0.65) !important; }


/* Logo-ticker: track is met 6 sets breed genoeg voor 4K; duur geschaald zodat de snelheid gelijk blijft. */
.home-logo-ticker-track { animation-duration: 120s; }

/* flow-navy eyebrow: volledig cream (verzoek Ronald). */
.section-flow-navy .eyebrow { color: var(--color-bg) !important; }

.pakket-form-uncertain{margin:12px 0 0;font-size:14px;line-height:1.45;color:rgba(16,17,39,.7)}
/* Mobiel (<881px): de desktop-regel hierboven (280px+ om het hero-form te clearen)
   geldt hier niet, en radar-lab zet .section terug op padding 64px. De absolute
   logo-ticker (top 48px + max-height 44px = tot ~92px) liep daardoor dwars over de
   eyebrow en H1 heen. Genoeg padding-top om de ticker te clearen + lucht eronder. */
@media (max-width: 880px) {
    body.home .section-home-problem,
    body.front-page .section-home-problem {
        padding-top: 140px !important;
    }
}

/* == cases.min.css == */
/* Cases */

.cases-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(640px, calc(100svh - 76px), 820px);
  overflow: hidden;
}

.cases-hero .page-hero-grid,
.case-detail-hero .page-hero-grid {
  align-items: center;
}

.cases-hero .page-hero-grid {
  position: static;
  width: min(1480px, calc(100% - 44px));
  margin-inline: auto;
  grid-template-columns: minmax(0, .94fr) minmax(360px, .74fr);
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

.cases-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 780px;
}

.cases-hero h1 {
  max-width: 14ch;
}

.cases-hero-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: max(58vw, calc(50% + 120px));
  z-index: 1;
  width: auto;
  min-height: 0;
  margin: 0;
}

.cases-hero-image-card {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--color-cloud, #d3dde7);
  box-shadow: none;
}

.cases-hero-image-card img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center right;
}

.cases-hero-image-card::after {
  background:
    linear-gradient(90deg, rgba(16,17,39,.22), rgba(16,17,39,.04) 42%, transparent 72%),
    radial-gradient(460px 280px at 8% 12%, rgba(216,230,60,.2), transparent 72%);
}

.cases-hero-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 3vw, 38px);
  border: 2px solid var(--color-ink);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(16,17,39,.055) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(180deg, rgba(16,17,39,.045) 1px, transparent 1px) 0 0 / 48px 48px,
    var(--color-lime);
  box-shadow: -8px 8px 0 var(--color-ink);
}

.cases-brief-stack {
  display: grid;
  gap: 12px;
  margin-top: clamp(22px, 3vw, 34px);
}

.cases-brief-stack div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 14px;
  padding: 16px;
  border: 1px solid rgba(16,17,39,.2);
  border-radius: 16px;
  background: rgba(240,238,233,.78);
}

.cases-brief-stack span {
  grid-row: span 2;
  color: var(--color-blue);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

.cases-brief-stack strong {
  color: var(--color-ink);
  font-size: 19px;
  line-height: 1.05;
}

.cases-brief-stack p {
  margin: 0;
  color: rgba(16,17,39,.72);
  font-size: 14px;
  line-height: 1.4;
}

.section-cases-library {
  overflow: hidden;
}

.case-library-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  align-items: stretch;
}

.case-library-card {
  position: relative;
  display: grid;
  grid-column: span 3;
  grid-template-rows: auto 1fr;
  min-height: 100%;
  overflow: hidden;
  border: 2px solid var(--color-ink);
  border-radius: 22px;
  background: var(--color-bg);
  box-shadow: -6px 6px 0 var(--color-ink);
  transition: box-shadow .18s ease, transform .18s ease;
}

.case-library-card:hover {
  box-shadow: -9px 9px 0 var(--color-ink);
  transform: translate(3px, -3px);
}

.case-card-media {
  position: relative;
  display: block;
  height: clamp(230px, 22vw, 310px);
  min-height: 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-ink);
  background:
    linear-gradient(90deg, rgba(16,17,39,.045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(180deg, rgba(16,17,39,.035) 1px, transparent 1px) 0 0 / 44px 44px,
    var(--color-bg-soft);
}

.case-card-media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  transition: transform .28s ease;
}

.case-library-card:hover .case-card-media img {
  transform: scale(1.035);
}

.case-card-body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: clamp(22px, 2.5vw, 38px);
}

.case-card-body .case-meta {
  margin-bottom: clamp(16px, 2vw, 28px);
}

.case-card-body h3 {
  margin: 0 0 clamp(12px, 1.4vw, 18px);
  color: var(--color-ink);
  font-size: clamp(30px, 3vw, 48px);
  line-height: .96;
}

.case-card-body h3 a {
  color: inherit;
  text-decoration: none;
}

.case-card-title {
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(19px, 1.35vw, 24px);
  font-weight: 900;
  line-height: 1.22;
}

.case-card-body > p:not(.case-card-title) {
  max-width: 58ch;
  margin: clamp(14px, 1.6vw, 20px) 0 0;
  color: rgba(16,17,39,.74);
  font-size: 17px;
  line-height: 1.45;
}

.case-change-list dt,
.case-context-facts dt {
  color: var(--color-blue);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.case-card-link {
  display: inline-flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: clamp(24px, 3vw, 40px);
  border-top: 1px solid rgba(16,17,39,.18);
  color: var(--color-ink);
  font-weight: 900;
  text-decoration: none;
}

.case-card-link span {
  transition: transform .18s ease;
}

.case-card-link:hover span {
  transform: translateX(4px);
}

.case-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 780px;
}

.case-hero-image-card img {
  object-position: center;
}

.case-detail-hero .lead {
  max-width: 62ch;
}

.case-hero-proof {
  max-width: 760px;
}

.case-context-section {
  position: relative;
  background:
    linear-gradient(90deg, rgba(16,17,39,.065) 1px, transparent 1px) 0 0 / 86px 86px,
    linear-gradient(180deg, rgba(16,17,39,.045) 1px, transparent 1px) 0 0 / 86px 86px,
    var(--color-lime);
}

.case-context-layout {
  display: grid;
  grid-template-columns: minmax(0, .64fr) minmax(520px, 1fr);
  gap: clamp(38px, 6vw, 96px);
  align-items: start;
  margin-bottom: clamp(42px, 6vw, 84px);
}

.case-context-heading h2 {
  max-width: 10ch;
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(50px, 5vw, 82px);
  line-height: .95;
}

.case-context-heading {
  max-width: 620px;
}

.case-context-heading .eyebrow {
  margin-bottom: 18px;
}

.case-context-body {
  max-width: 720px;
  margin-left: auto;
}

.case-context-body > p {
  margin: 0 0 clamp(24px, 3vw, 42px);
  color: rgba(16,17,39,.76);
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.45;
}

.case-context-facts {
  display: grid;
  margin: 0;
  border-top: 2px solid var(--color-ink);
}

.case-context-facts div {
  display: grid;
  grid-template-columns: minmax(100px, 140px) minmax(0, 1fr);
  gap: clamp(14px, 2vw, 28px);
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid rgba(16,17,39,.26);
}

.case-context-facts dd {
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(17px, 1.15vw, 20px);
  font-weight: 900;
  line-height: 1.25;
}

.case-change-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-top: 2px solid var(--color-ink);
  border-bottom: 2px solid var(--color-ink);
}

.case-change-list div {
  padding: clamp(26px, 3vw, 44px) clamp(24px, 3vw, 46px) clamp(30px, 4vw, 54px) 0;
  border-right: 1px solid rgba(16,17,39,.3);
}

.case-change-list div + div {
  padding-right: 0;
  padding-left: clamp(24px, 3vw, 46px);
  border-right: 0;
}

.case-change-list dt {
  margin-bottom: 14px;
}

.case-change-list dd {
  max-width: 19ch;
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(24px, 2.35vw, 42px);
  font-weight: 900;
  line-height: 1.08;
}

.case-metrics-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(240,238,233,.055) 1px, transparent 1px) 0 0 / 86px 86px,
    linear-gradient(180deg, rgba(240,238,233,.04) 1px, transparent 1px) 0 0 / 86px 86px,
    var(--color-ink);
  color: var(--color-bg);
}

.case-metrics-section .eyebrow {
  color: var(--color-lime);
}

.case-metrics-layout {
  display: grid;
  grid-template-columns: minmax(0, .74fr) minmax(520px, 1fr);
  gap: clamp(38px, 6vw, 96px);
  align-items: start;
}

.case-metrics-heading h2 {
  max-width: 10ch;
  margin: 0;
  color: var(--color-bg);
  font-size: clamp(48px, 5vw, 82px);
  line-height: .95;
}

.case-metrics-heading > p:not(.eyebrow) {
  max-width: 600px;
  margin: clamp(20px, 2.5vw, 34px) 0 0;
  color: rgba(240,238,233,.78);
  font-size: clamp(18px, 1.25vw, 22px);
  line-height: 1.48;
}

.case-kpi-list {
  display: grid;
  gap: 0;
  margin: clamp(28px, 4vw, 54px) 0 0;
  padding: 0;
  border-top: 1px solid rgba(240,238,233,.24);
  list-style: none;
}

.case-kpi-list li {
  position: relative;
  padding: 15px 0 15px 34px;
  border-bottom: 1px solid rgba(240,238,233,.18);
  color: rgba(240,238,233,.86);
  font-size: clamp(15px, 1vw, 17px);
  font-weight: 800;
  line-height: 1.35;
}

.case-kpi-list li::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 2px solid var(--color-lime);
  border-radius: 50%;
  background: var(--color-ink);
  box-shadow: 0 0 0 5px rgba(216,230,60,.14);
}

.case-metrics-panel {
  display: grid;
  gap: clamp(18px, 2.5vw, 30px);
}

.case-metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
}

.case-metric-card {
  min-height: clamp(210px, 18vw, 260px);
  padding: clamp(22px, 2.5vw, 34px);
  border: 2px solid var(--color-bg);
  border-radius: 18px;
  background: rgba(240,238,233,.08);
  box-shadow: -5px 5px 0 var(--color-lime);
}

.case-metric-card:nth-child(2) {
  background: var(--color-lime);
  color: var(--color-ink);
  box-shadow: -5px 5px 0 var(--color-bg);
}

.case-metric-card:nth-child(3) {
  background: var(--color-violet);
  color: var(--color-ink);
  box-shadow: -5px 5px 0 var(--color-bg);
}

.case-metric-card:nth-child(4) {
  background: var(--color-bg);
  color: var(--color-ink);
  box-shadow: -5px 5px 0 var(--color-lime);
}

.case-metric-value {
  display: block;
  margin-bottom: clamp(18px, 2vw, 30px);
  color: currentColor;
  font-size: clamp(54px, 6vw, 98px);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: .82;
}

.case-metric-card h3 {
  margin: 0 0 10px;
  color: currentColor;
  font-size: clamp(18px, 1.35vw, 24px);
  line-height: 1.08;
}

.case-metric-card p {
  margin: 0;
  color: currentColor;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.42;
  opacity: .76;
}

.case-metrics-note {
  max-width: 720px;
  margin: 0;
  padding: 18px 0 0;
  border-top: 1px solid rgba(240,238,233,.24);
  color: rgba(240,238,233,.74);
  font-size: clamp(15px, 1vw, 17px);
  font-weight: 800;
  line-height: 1.42;
}

.case-story-section {
  background:
    linear-gradient(90deg, rgba(16,17,39,.04) 1px, transparent 1px) 0 0 / 86px 86px,
    linear-gradient(180deg, rgba(16,17,39,.032) 1px, transparent 1px) 0 0 / 86px 86px,
    var(--color-bg-soft);
}

.case-story-heading {
  margin-bottom: clamp(40px, 6vw, 90px);
}

.case-story-heading h2 {
  max-width: 10ch;
  font-size: clamp(50px, 5vw, 82px);
  line-height: .95;
}

.case-story-intro {
  max-width: 720px;
  margin-left: auto;
}

.case-story-intro p {
  margin: 0;
  color: rgba(16,17,39,.74);
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.45;
}

.case-story-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: clamp(24px, 3vw, 42px) 0 0;
  padding: 0;
  list-style: none;
  counter-reset: story-step;
  border-top: 2px solid var(--color-ink);
  border-bottom: 2px solid var(--color-ink);
}

.case-story-steps li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 14px 0;
  margin-right: 18px;
  color: var(--color-ink);
  font-weight: 900;
}

.case-story-steps li::before {
  counter-increment: story-step;
  content: counter(story-step, decimal-leading-zero);
  color: var(--color-blue);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.case-story-list {
  border-top: 2px solid var(--color-ink);
}

.case-story-block {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(360px, .72fr);
  gap: clamp(30px, 5vw, 92px);
  align-items: start;
  padding: clamp(38px, 6vw, 78px) 0;
  border-bottom: 1px solid rgba(16,17,39,.28);
}

.case-story-block.has-no-points .case-story-block-copy {
  grid-column: 1 / -1;
  max-width: 920px;
}

.case-story-block-copy h3 {
  max-width: 14ch;
  margin: 0 0 20px;
  color: var(--color-ink);
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1;
}

.case-story-block-copy p {
  max-width: 68ch;
  margin: 0;
  color: rgba(16,17,39,.78);
  font-size: clamp(18px, 1.2vw, 21px);
  line-height: 1.55;
}

.case-story-block-copy p:first-of-type {
  color: var(--color-ink);
  font-size: clamp(20px, 1.45vw, 24px);
  font-weight: 800;
  line-height: 1.35;
}

.case-story-block-copy p + p {
  margin-top: 18px;
}

.case-story-block-points {
  align-self: start;
}

.case-story-points-kicker {
  margin: 0 0 16px;
  color: var(--color-ink);
  font-size: clamp(18px, 1.35vw, 22px);
  font-weight: 900;
  line-height: 1.25;
}

.case-story-block-points ul,
.case-story-prose ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.case-story-block-points ul + ul {
  margin-top: 18px;
}

.case-story-block-points li,
.case-story-prose li {
  position: relative;
  padding: 15px 16px 15px 42px;
  border-radius: 0;
  color: rgba(16,17,39,.86);
  font-weight: 800;
  line-height: 1.35;
}

.case-story-block-points.is-questions li {
  border: 2px solid var(--color-ink);
  border-radius: 16px;
  background: var(--color-bg);
  box-shadow: -4px 4px 0 var(--color-ink);
}

.case-story-block-points.is-questions li:nth-child(2n) {
  background: var(--color-lime);
}

.case-story-block-points.is-questions li:nth-child(3n) {
  background: var(--color-violet);
}

.case-story-block-points.is-questions li:nth-child(4n) {
  background: var(--color-bg-soft);
}

.case-story-block-points.is-questions li::before {
  content: "?";
  position: absolute;
  top: 14px;
  left: 14px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 2px solid var(--color-ink);
  border-radius: 50%;
  background: var(--color-bg);
  color: var(--color-blue);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 900;
}

.case-story-block-points.is-checklist ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-story-block-points.is-checklist li {
  min-height: 92px;
  padding: 16px 16px 16px 44px;
  border-top: 1px solid rgba(16,17,39,.24);
  background: rgba(240,238,233,.52);
}

.case-story-block-points.is-checklist li::before {
  content: "\2713";
  position: absolute;
  top: 16px;
  left: 14px;
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 5px;
  background: var(--color-ink);
  color: var(--color-lime);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.case-story-prose li {
  border-top: 1px solid rgba(16,17,39,.24);
  background: rgba(240,238,233,.46);
}

.case-story-prose li::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-lime);
  box-shadow: 0 0 0 4px rgba(216,230,60,.24);
}

.case-proof-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(620px 360px at 86% 16%, rgba(216,230,60,.18), transparent 70%),
    linear-gradient(90deg, rgba(240,238,233,.055) 1px, transparent 1px) 0 0 / 86px 86px,
    linear-gradient(180deg, rgba(240,238,233,.045) 1px, transparent 1px) 0 0 / 86px 86px,
    var(--color-ink);
}

.case-proof-section .section-heading {
  margin-bottom: clamp(34px, 5vw, 64px);
}

.case-proof-section .section-heading h2 {
  max-width: 14ch;
  color: var(--color-bg);
  font-size: clamp(44px, 4.8vw, 76px);
  line-height: .96;
}

.case-proof-section .section-heading > p {
  color: rgba(240,238,233,.74);
}

.case-proof-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.case-proof-stat {
  min-height: 260px;
  padding: clamp(20px, 2vw, 28px);
  border: 2px solid var(--color-bg);
  border-radius: 20px;
  background: var(--color-bg);
  color: var(--color-ink);
  box-shadow: -6px 6px 0 var(--color-lime);
}

.case-proof-kicker,
.case-proof-panel-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.case-proof-kicker::before,
.case-proof-panel-kicker::before {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

.case-proof-beforeafter {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
  min-height: 86px;
  margin: 0 0 14px;
}

.case-proof-before {
  color: rgba(16,17,39,.48);
  font-size: clamp(20px, 1.8vw, 27px);
  font-weight: 900;
  line-height: 1;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.case-proof-arrow {
  color: var(--color-blue);
  font-size: 20px;
  font-weight: 900;
}

.case-proof-after {
  color: var(--color-ink);
  font-size: clamp(31px, 3vw, 48px);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: .9;
}

.case-proof-after.is-highlight {
  display: inline-block;
  padding: 2px 8px 5px;
  border-radius: 8px;
  background: var(--color-lime);
}

.case-proof-beforeafter.is-single {
  align-items: flex-start;
}

.case-proof-stat > p:not(.case-proof-kicker) {
  margin: 0;
  color: rgba(16,17,39,.72);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.case-proof-detail-grid {
  display: grid;
  grid-template-columns: minmax(360px, .86fr) minmax(0, 1.14fr);
  gap: clamp(24px, 4vw, 58px);
  align-items: start;
  margin-top: clamp(42px, 6vw, 78px);
}

.case-proof-facts-panel {
  padding: clamp(24px, 3vw, 38px);
  border: 2px solid var(--color-ink);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(16,17,39,.05) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(180deg, rgba(16,17,39,.04) 1px, transparent 1px) 0 0 / 48px 48px,
    var(--color-lime);
  color: var(--color-ink);
  box-shadow: -8px 8px 0 var(--color-bg);
}

.case-proof-facts-panel h3,
.case-proof-answer-panel h3,
.case-proof-score-wrap h3 {
  margin: 0;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1;
}

.case-proof-facts-panel > p:not(.case-proof-panel-kicker) {
  margin: 18px 0 0;
  color: rgba(16,17,39,.74);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
}

.case-proof-facts-list {
  display: grid;
  gap: 12px;
  margin: clamp(22px, 3vw, 34px) 0 0;
  padding: 0;
  list-style: none;
}

.case-proof-facts-list li {
  position: relative;
  padding: 15px 16px 15px 44px;
  border: 2px solid var(--color-ink);
  border-radius: 16px;
  background: rgba(240,238,233,.78);
  color: var(--color-ink);
  font-weight: 900;
  line-height: 1.32;
}

.case-proof-facts-list li::before {
  content: "\2713";
  position: absolute;
  top: 15px;
  left: 14px;
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 5px;
  background: var(--color-ink);
  color: var(--color-lime);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.case-proof-answer-panel {
  color: var(--color-bg);
}

.case-proof-answer-panel .case-proof-panel-kicker {
  color: rgba(240,238,233,.92);
}

.case-proof-answer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
  margin-top: clamp(20px, 3vw, 34px);
}

.case-proof-answer-card {
  overflow: hidden;
  border: 2px solid rgba(240,238,233,.22);
  border-radius: 18px;
  background: rgba(240,238,233,.08);
}

.case-proof-answer-card span {
  display: block;
  padding: 13px 18px;
  border-bottom: 1px solid rgba(240,238,233,.16);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.case-proof-answer-card.is-before span {
  color: rgba(240,238,233,.72);
  background: rgba(240,238,233,.08);
}

.case-proof-answer-card.is-after {
  border-color: rgba(216,230,60,.72);
  background: rgba(216,230,60,.12);
}

.case-proof-answer-card.is-after span {
  color: var(--color-ink);
  background: var(--color-lime);
}

.case-proof-answer-card p {
  margin: 0;
  padding: 18px 20px 22px;
  color: rgba(240,238,233,.82);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.58;
}

.case-proof-answer-card.is-after p {
  color: var(--color-bg);
}

.case-proof-note {
  display: block;
  width: 100%;
  max-width: none;
  margin: 10px 0 0 !important;
  color: rgba(240,238,233,.74) !important;
  font-family: inherit;
  font-size: 12.5px !important;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0;
  text-align: left;
}

.case-proof-callout {
  margin: clamp(22px, 3vw, 34px) 0 0;
  padding: 18px 20px;
  border-left: 5px solid var(--color-lime);
  border-radius: 0 16px 16px 0;
  background: rgba(240,238,233,.08);
  color: rgba(240,238,233,.84);
  font-size: clamp(16px, 1.1vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}

.case-proof-score-wrap {
  display: grid;
  grid-template-columns: minmax(320px, .7fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 58px);
  align-items: start;
  margin-top: clamp(38px, 5vw, 70px);
  padding: clamp(24px, 3vw, 38px);
  border: 2px solid rgba(240,238,233,.22);
  border-radius: 24px;
  background: rgba(240,238,233,.06);
  color: var(--color-bg);
}

.case-proof-score-wrap .case-proof-panel-kicker {
  color: rgba(240,238,233,.92);
}

.case-proof-score-wrap p {
  max-width: 52ch;
  margin: 16px 0 0;
  color: rgba(240,238,233,.68);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.case-proof-score-disclaimer {
  display: block;
  max-width: 92ch;
  margin: 12px 0 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(240,238,233,.74) !important;
  font-family: inherit;
  font-size: 12.5px !important;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0;
  text-align: left;
}

.case-proof-score-table {
  width: 100%;
  border-collapse: collapse;
}

.case-proof-score-table th,
.case-proof-score-table td {
  padding: 14px 0;
  border-bottom: 1px solid rgba(240,238,233,.18);
  color: rgba(240,238,233,.82);
  text-align: left;
}

.case-proof-score-table th {
  color: rgba(240,238,233,.54);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.case-proof-score-table th:nth-child(2),
.case-proof-score-table th:nth-child(3),
.case-proof-score-table td:nth-child(2),
.case-proof-score-table td:nth-child(3) {
  width: 78px;
  text-align: right;
}

.case-proof-score-table td {
  font-size: clamp(16px, 1.15vw, 19px);
  font-weight: 900;
}

.case-proof-score-table td:nth-child(3) {
  color: var(--color-lime);
}

.case-single-cta-section {
  padding-block: clamp(72px, 8vw, 116px);
}

.case-single-cta {
  align-items: stretch;
  background:
    radial-gradient(640px 280px at 18% 0%, rgba(216,230,60,.28), transparent 72%),
    linear-gradient(90deg, rgba(240,238,233,.06) 1px, transparent 1px) 0 0 / 54px 54px,
    linear-gradient(180deg, rgba(240,238,233,.05) 1px, transparent 1px) 0 0 / 54px 54px,
    var(--color-ink);
  border: 2px solid var(--color-ink);
  box-shadow: -10px 10px 0 var(--color-lime);
  gap: clamp(28px, 5vw, 72px);
}

.case-single-cta h2 {
  max-width: 12ch;
  font-size: clamp(44px, 5vw, 78px);
  line-height: .94;
}

.case-single-cta-copy > p:not(.eyebrow) {
  max-width: 62ch;
  font-size: clamp(17px, 1.25vw, 20px);
}

.case-single-cta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: clamp(22px, 3vw, 34px) 0 0;
  padding: 0;
  list-style: none;
}

.case-single-cta-list li {
  position: relative;
  padding: 8px 12px 8px 31px;
  border: 1px solid rgba(240,238,233,.2);
  border-radius: 999px;
  color: rgba(240,238,233,.86);
  font-size: 13px;
  font-weight: 900;
}

.case-single-cta-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-lime);
  transform: translateY(-50%);
}

@media (max-width: 1100px) {
  .cases-hero {
    display: block;
    min-height: 0;
    padding-bottom: 0;
  }

  .cases-hero .page-hero-grid {
    grid-template-columns: 1fr;
  }

  .cases-hero-media {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100vw;
    max-width: 100vw;
    min-height: clamp(320px, 58vw, 480px);
    margin: clamp(32px, 6vw, 48px) 0 0 calc(50% - 50vw);
  }

  .cases-hero-image-card {
    position: relative;
    height: inherit;
    min-height: inherit;
  }

  .case-library-card {
    grid-column: span 6;
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .case-context-layout,
  .case-metrics-layout,
  .case-proof-detail-grid,
  .case-proof-score-wrap,
  .case-story-heading,
  .case-story-block {
    grid-template-columns: 1fr;
  }

  .case-proof-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-story-intro {
    max-width: none;
    margin-left: 0;
  }

  .case-metrics-heading h2 {
    max-width: 12ch;
  }
}

@media (max-width: 760px) {
  .cases-hero-panel,
  .case-library-card {
    border-radius: 18px;
    box-shadow: -4px 4px 0 var(--color-ink);
  }

  .cases-hero-media {
    min-height: 320px;
  }

  .cases-hero-image-card {
    border-radius: 0;
    box-shadow: none;
  }

  .case-library-grid,
  .case-change-list,
  .case-context-facts,
  .case-metrics-grid,
  .case-proof-stat-grid,
  .case-proof-answer-grid,
  .case-story-block-points ul,
  .case-story-prose ul {
    grid-template-columns: 1fr;
  }

  .case-change-list div,
  .case-change-list div + div {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
  }

  .case-change-list div + div {
    border-top: 1px solid rgba(16,17,39,.3);
  }

  .case-card-media {
    height: 260px;
  }

  .case-card-body {
    padding: 20px;
  }

  .case-story-block {
    gap: 24px;
    padding: 34px 0;
  }

  .case-story-steps {
    display: grid;
    grid-template-columns: 1fr;
  }

  .case-story-steps li {
    margin-right: 0;
    padding-right: 0;
  }

  .case-proof-section .section-heading h2 {
    font-size: clamp(38px, 11vw, 54px);
  }

  .case-proof-stat {
    min-height: 0;
  }

  .case-proof-beforeafter {
    min-height: 0;
  }

  .case-proof-score-wrap {
    padding: 20px;
  }

  .case-proof-score-table th:nth-child(2),
  .case-proof-score-table th:nth-child(3),
  .case-proof-score-table td:nth-child(2),
  .case-proof-score-table td:nth-child(3) {
    width: 52px;
  }
}