/* pagina-specifiek: rustige solide banden zodat tekst nooit op drukke fotografie staat */
.band{ background:linear-gradient(180deg, rgba(8,17,28,0.88), rgba(10,20,32,0.92)); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.band.deep{ background:linear-gradient(180deg, rgba(6,13,22,0.94), rgba(8,17,28,0.96)); }
.overons p{ line-height:1.6; }
/* subtiele oranje accent-pills */
.facts.warm .fact{ background:rgba(242,112,35,0.32); border:1px solid rgba(242,112,35,0.7); color:#fff; box-shadow:0 8px 24px rgba(242,112,35,0.14); transition:background 0.3s ease, transform 0.3s ease; }
@media (hover: hover) and (pointer: fine){ .facts.warm .fact:hover{ background:rgba(242,112,35,0.42); transform:translateY(-2px); } }
.valuegrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.8vw,22px); margin-top:clamp(24px,3.4vw,36px); }
.valuecard{ background:linear-gradient(200deg, rgba(16,30,46,0.55), rgba(8,16,26,0.68) 62%); border:1px solid var(--border); border-radius:20px; padding:clamp(20px,2.4vw,28px); display:flex; flex-direction:column; gap:12px; transition:transform 0.35s ease, border-color 0.35s ease; }
@media (hover: hover) and (pointer: fine){ .valuecard:hover{ transform:translateY(-4px); border-color:var(--border-green); } }
.valuecard svg{ width:30px; height:30px; stroke:var(--orange-soft); }
.valuecard h3{ margin:0; font-size:17px; }
.valuecard p{ margin:0; font-size:14px; color:var(--ink-soft); }
@media (max-width:700px){ .valuegrid{ grid-template-columns:1fr; } }
/* landingspagina's */
.lp ul.plain{ margin:12px 0 0; padding-left:18px; color:var(--ink-soft); }
.lp ul.plain li{ margin:6px 0; line-height:1.55; }
.lp .pane h3{ margin-top:0; }
.lp .grid2{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr)); gap:clamp(20px,3vw,36px); }
.lp .stoplist{ columns:2; column-gap:28px; }
@media (max-width:600px){ .lp .stoplist{ columns:1; } }

.lp .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;margin-bottom:28px;color:var(--ink-soft)}
.lp .breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.lp .lp-note{font-size:13.5px;color:var(--ink-soft)}
.lp .weeklinks li{margin:12px 0}
.lp .related-pages{display:flex;align-items:center;flex-wrap:wrap;gap:18px 32px}
.lp .related-pages h2{font-size:24px;flex-basis:100%;margin:0}
.lp .skip-link{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 20px;background:var(--orange);color:#071320;transform:translateY(-160%);border-radius:8px}
.lp .skip-link:focus{transform:none}
.lp :is(a,summary):focus-visible{outline:3px solid var(--orange-soft);outline-offset:5px}
.lp .media img{object-position:65% center}
.lp p a,.lp .plain a{text-decoration:underline;text-underline-offset:3px}
.lp .pane{min-width:0}
.lp .included-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding:0;list-style:none}
.lp .included-list li{margin:0;padding:14px 16px 14px 38px;border:1px solid var(--border);border-radius:12px;background:rgba(8,17,28,.35);position:relative}
.lp .included-list li::before{content:'✓';position:absolute;left:15px;color:#7ddf9a}
.lp .pane .included-list{grid-template-columns:1fr}
.lp .stoplist li{break-inside:avoid}
@media(max-width:600px){.lp .included-list{grid-template-columns:1fr}}
@media(max-width:700px){.lp .media{max-height:430px}.lp .breadcrumbs{font-size:12px;gap:8px}.lp .related-pages{flex-direction:column;align-items:flex-start}}