/* V5 static-first: the Bronbrug remains legible before media and motion load. */
@property --bronbod-tone{syntax:"<color>";inherits:true;initial-value:#101822}
@keyframes bronbod-chapter-rise{from{opacity:.96;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@supports(animation-timeline:view()){.section-intro{animation:bronbod-chapter-rise .6s var(--ease) both;animation-timeline:view();animation-range:entry 0 entry 34%}}
.save-data [data-infomercial],.runtime-fallback [data-infomercial]{display:none}.save-data .film:after,.runtime-fallback .film:after{content:'Video blijft uit om data te sparen. De Bronbrug blijft hieronder leesbaar.';display:block;padding:16px;background:#16212b;color:#d2d8dc;font-size:13px}.motion-ready .hero-table,.motion-ready .comparison-side{will-change:transform}@media(max-width:390px){.wrap{width:calc(100% - 28px)}.hero-table{min-height:390px}.dry-hook{font-size:14px}.scope-sheet{padding:21px}.scope-sheet>strong{font-size:58px}.risk-reversal{margin-inline:-21px;padding-inline:21px}.founder{grid-template-columns:1fr}.founder img{width:74px;height:74px}.topbar{height:58px}.sticky-cta{font-size:13px}}

/* V5 conversion polish: full first-screen CTA, readable film lead, compact mobile action. */
@media(min-width:851px){h1{font-size:clamp(50px,5.1vw,72px)}}
.platform-route summary{cursor:pointer;list-style:none}.platform-route summary::-webkit-details-marker{display:none}.platform-route summary span,.platform-route summary strong{display:block}
footer a{color:inherit;text-underline-offset:3px}
.film-copy>p:not(.eyebrow){max-width:30ch;margin:0 0 20px;color:#e4e8eb}
.section-cta{margin-top:24px}
.film-play{min-height:48px;margin:0 0 14px;padding:11px 15px;border:1px solid #ffffff3b;background:#3155ff;color:#fff;font-weight:850;cursor:pointer}.film-play:hover{background:#2446e2}.film-play[hidden]{display:none}.platform-route{display:grid;grid-template-columns:.72fr 1fr 1.55fr;gap:18px;align-items:center;margin-top:18px;padding:16px 18px;background:#101822;color:#f5f0e6;border-left:7px solid #92d9be}.platform-route span{font:10px var(--mono);letter-spacing:.08em;color:#92d9be}.platform-route strong{font-family:var(--serif);font-size:21px;line-height:1}.platform-route p{margin:0;font-size:13px;color:#c6cdd2}
@media(max-width:850px){
  html{scroll-padding-bottom:72px}
  main{padding-bottom:62px}
  a,button,summary{scroll-margin-bottom:72px}
  .film>div{display:block}
  .film h2{font-size:clamp(38px,11vw,52px);margin-bottom:12px}
  .film-copy>p:not(.eyebrow){margin-bottom:18px}
  .film video{aspect-ratio:9/16;max-height:min(78vh,720px);object-fit:contain;background:#101822}
  .platform-route{grid-template-columns:1fr;gap:7px}
  .approval-stamp{right:8px;bottom:14px;font-size:10px;transform:rotate(-6deg)}
  .sticky-cta{left:auto;right:14px;bottom:12px;width:auto;max-width:238px;min-height:44px;padding:9px 13px;font-size:11px;box-shadow:0 8px 26px #0008}
}