/* Focused dark-studio treatment for VURM's primary commercial decision pages. */
:is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check){
  --commercial-bg:var(--public-bg);--commercial-surface:#11141a;--commercial-raised:#171a22;
  --commercial-line:rgba(255,255,255,.12);--commercial-text:#f5f5f2;--commercial-muted:#b9bec8;
  background:var(--commercial-bg);color:var(--commercial-text)
}
:is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check) .page-hero{
  min-height:0;padding-block:clamp(132px,16vh,178px) clamp(68px,9vh,96px);
  border-bottom:1px solid var(--commercial-line);background:var(--commercial-bg)!important
}
:is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check) .page-hero::before,
:is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check) .page-hero::after{display:none!important}
:is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check) .paper>.sect{
  border-top:1px solid var(--commercial-line);background:var(--commercial-bg)!important
}

/* Website laten maken: compare scopes as editorial rows instead of a four-card wall. */
.reference-website-laten-maken .managed-offer-grid{display:block;border-top:1px solid var(--commercial-line)}
.reference-website-laten-maken .managed-offer{
  display:grid;grid-template-columns:minmax(160px,.72fr) minmax(250px,1.35fr) minmax(190px,.55fr);
  grid-template-rows:auto 1fr;gap:8px 34px;align-items:start;padding:30px 0;
  border:0!important;border-bottom:1px solid var(--commercial-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.reference-website-laten-maken .managed-offer>span{grid-column:1;grid-row:1;color:var(--public-link);letter-spacing:0;text-transform:none}
.reference-website-laten-maken .managed-offer h3{grid-column:1;grid-row:2;margin:2px 0;color:var(--commercial-text)}
.reference-website-laten-maken .managed-offer>p{grid-column:2;grid-row:1/3;margin:0;color:var(--commercial-muted);font-size:.92rem}
.reference-website-laten-maken .managed-offer>b{grid-column:3;grid-row:1;margin:0;color:var(--commercial-text);text-align:right}
.reference-website-laten-maken .managed-offer>details{grid-column:3;grid-row:2;justify-self:stretch}
.reference-website-laten-maken .managed-offer>details>summary{width:100%;min-height:44px;border-radius:8px}
.reference-website-laten-maken .managed-offer .service-disclosure-body{text-align:left}
.reference-website-laten-maken .managed-scope-note{color:var(--commercial-muted)}
.reference-website-laten-maken .cards{gap:0;border-top:1px solid var(--commercial-line)}
.reference-website-laten-maken .cards .card{border:0!important;border-right:1px solid var(--commercial-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.reference-website-laten-maken .cards .card:last-child{border-right:0!important}

/* Growth OS: keep the real product capture, remove the generic SaaS card rhythm. */
.reference-growth-os .reference-editor-figure{border:1px solid var(--commercial-line);border-radius:10px;background:var(--commercial-surface);box-shadow:none;transform:none}
.reference-growth-os .reference-editor-figure img{transform:none}
.reference-growth-os .cards{grid-template-columns:1fr!important;gap:0;max-width:940px;border-top:1px solid var(--commercial-line)}
.reference-growth-os .cards .card{
  min-height:0;padding:28px 0;border:0;border-bottom:1px solid var(--commercial-line);border-radius:0;
  background:transparent!important;box-shadow:none!important;color:var(--commercial-text);transform:none!important;border-radius:0!important
}
.reference-growth-os .cards .card:hover{border-color:var(--commercial-line);box-shadow:none;transform:none}
.reference-growth-os .cards .card .k{color:var(--public-link)}
.reference-growth-os .cards .card-link-card{display:block;color:inherit;text-decoration:none;transition:background-color .16s ease}
.reference-growth-os .cards .card-link-card:hover,.reference-growth-os .cards .card-link-card:focus-visible{background:var(--commercial-raised)!important;outline:0}
.reference-growth-os .cards .card-link-card:focus-visible{outline:2px solid var(--public-link);outline-offset:4px}
.reference-growth-os .card-link-label{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:var(--public-link);font-size:.78rem;font-weight:750}
.reference-growth-os .steps{gap:0;border-block:1px solid var(--commercial-line)}
.reference-growth-os .step{border:0!important;border-right:1px solid var(--commercial-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.reference-growth-os .step:last-child{border-right:0!important}
.reference-growth-os .related-grid{gap:0;border-top:1px solid var(--commercial-line)}
.reference-growth-os .related-card{padding:19px 0;border:0!important;border-bottom:1px solid var(--commercial-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Pricing: plans remain comparable objects, while the surrounding routes stay flat. */
.reference-prijzen .pricing-hero{background:var(--commercial-bg)!important}
.reference-prijzen .plans .plan{border-radius:9px;box-shadow:none!important}
.reference-prijzen .growth-pricing aside{border-radius:10px;background:var(--commercial-surface);box-shadow:none}
.reference-prijzen .pricing-experience .ai-services-pricing{background:var(--commercial-bg)!important}
.reference-prijzen .pricing-faq .faq-list{gap:0;border-top:1px solid var(--commercial-line)}
.reference-prijzen .pricing-faq .faq-list details{border:0;border-bottom:1px solid var(--commercial-line);border-radius:0;background:transparent}

/* Website-check: measured output may use compact status blocks; its wrapper stays quiet. */
.reference-website-check .evidence-shell{border:1px solid var(--commercial-line);border-radius:12px;background:var(--commercial-surface);box-shadow:none}
.reference-website-check .evidence-shell::after{display:none}
.reference-website-check .reference-check-explainer{display:block;padding:24px 0 0;border:0;border-top:1px solid var(--commercial-line);border-radius:0;background:transparent}
.reference-website-check .reference-check-explainer h2{font-size:clamp(1.45rem,3vw,2rem)}
.reference-website-check .reference-check-explainer p{color:var(--commercial-muted);font-size:.82rem}
.reference-website-check .vraag{padding:17px 0;border:0;border-bottom:1px solid var(--commercial-line);border-radius:0;background:transparent}
.reference-website-check .vraag span{color:var(--commercial-text)}
.reference-website-check .score-kaart{border:1px solid var(--commercial-line);border-radius:12px;background:var(--commercial-surface)}

@media(max-width:760px){
  :is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check) .page-hero{padding-block:112px 58px}
  .reference-website-laten-maken .managed-offer{grid-template-columns:1fr;grid-template-rows:auto;padding:25px 0;gap:8px}
  .reference-website-laten-maken .managed-offer>span,.reference-website-laten-maken .managed-offer h3,
  .reference-website-laten-maken .managed-offer>p,.reference-website-laten-maken .managed-offer>b,
  .reference-website-laten-maken .managed-offer>details{grid-column:1;grid-row:auto;text-align:left}
  .reference-website-laten-maken .managed-offer>p{margin:4px 0 12px}
  .reference-website-laten-maken .managed-offer>b{margin-bottom:8px}
  .reference-website-laten-maken .cards{grid-template-columns:1fr}
  .reference-website-laten-maken .cards .card{padding:24px 0;border-right:0!important;border-bottom:1px solid var(--commercial-line)!important}
  .reference-growth-os .reference-split-hero{gap:30px}
  .reference-growth-os .steps{grid-template-columns:1fr}
  .reference-growth-os .step{min-height:0;padding:25px 0;border-right:0!important;border-bottom:1px solid var(--commercial-line)!important}
  .reference-growth-os .step:last-child{border-bottom:0!important}
  .reference-prijzen .pricing-route-grid>a,.reference-prijzen .pricing-route-website,
  .reference-prijzen .ai-service-spectrum article,.reference-prijzen .service-levels article{
    min-height:0;padding:25px 0;border-right:0;border-bottom:1px solid var(--commercial-line);background:transparent!important
  }
  .reference-prijzen .pricing-route-grid h3,.reference-prijzen .pricing-route-website h3,
  .reference-prijzen .ai-service-spectrum h3,.reference-prijzen .service-levels h3{margin:16px 0 8px}
  .reference-prijzen .pricing-route-grid b{margin-top:14px}
  .reference-website-check .evidence-shell{padding:22px 16px}
  .reference-website-check .vraag{align-items:flex-start;flex-direction:column}
  .reference-website-check .vraag .jn{width:100%}
  .reference-website-check .jn button{min-height:44px;flex:1}
  .reference-website-check .score-kaart{position:static;padding:25px 18px}
}
@media(max-width:420px){
  :is(.reference-website-laten-maken,.reference-prijzen,.reference-growth-os,.reference-website-check) .page-hero h1{
    font-size:clamp(2.35rem,11.5vw,3.15rem)!important;line-height:1.02;overflow-wrap:normal;hyphens:none
  }
  .reference-prijzen .reference-free-choice>.plan{grid-template-columns:1fr;padding:20px 16px}
  .reference-prijzen .reference-free-choice .plan .btn{grid-column:1;grid-row:auto;width:100%}
  .reference-website-check .evidence-utility-actions{grid-template-columns:1fr}
}


/* VAT display switch: consumer-safe default, business comparison on demand. */
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-strip{padding:0!important;background:var(--commercial-bg)!important}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-control{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px;padding:16px 18px;border:1px solid var(--commercial-line);border-radius:12px;background:var(--commercial-surface)}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-copy{display:grid;gap:3px;min-width:0}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-copy strong{color:var(--commercial-text);font-size:.9rem}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-copy small{max-width:620px;color:var(--commercial-muted);font-size:.72rem;line-height:1.5}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons{display:flex;flex:none;gap:4px;padding:4px;border:1px solid var(--commercial-line);border-radius:999px;background:var(--commercial-raised)}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons button{min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:999px;background:#171a22;color:#f5f5f2;font:800 .75rem var(--font-body,Arial,sans-serif);cursor:pointer}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons button[aria-pressed=true]{background:#c9ff45;color:#11150b;border-color:#c9ff45}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons button[aria-pressed=false]:hover{background:#252b37;color:#f5f5f2}
:is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons button:focus-visible{outline:3px solid #f5f5f2;outline-offset:3px}
:is(.reference-prijzen,.reference-website-laten-maken) [data-tax-price]{font-variant-numeric:tabular-nums}
@media(max-width:680px){
  :is(.reference-prijzen,.reference-website-laten-maken) .tax-display-control{align-items:stretch;flex-direction:column;gap:12px}
  :is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons{width:100%}
  :is(.reference-prijzen,.reference-website-laten-maken) .tax-display-buttons button{flex:1}
}