/* VVU 6.5.2 — homepage layout exact volgens goedgekeurd ontwerp; hero is één nieuwe, niet-database HD-compositie */
:root{--v652-orange:#f35a18;--v652-bg:#06131b;--v652-card:#071821;--v652-line:#263944;--v652-soft:#b8c5cc}
html,body{overflow-x:hidden}
body{background:var(--v652-bg)!important}
.v650-home{width:100%!important;max-width:none!important;margin:0!important;background:var(--v652-bg);overflow:hidden}
.v650-hero{display:grid!important;grid-template-columns:minmax(520px,38%) minmax(0,62%)!important;min-height:430px!important;width:100%!important;max-width:none!important;border-bottom:1px solid var(--v652-line);background:#06131b}
.v650-hero-copy{padding:46px clamp(32px,3.6vw,72px)!important;justify-content:center!important;position:relative;z-index:2}
.v651-hero-title{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;max-width:690px!important;font-size:clamp(42px,3.4vw,62px)!important;line-height:1.02!important;letter-spacing:-1.7px!important;font-weight:900!important}
.v651-hero-white{color:#fff!important}.v651-hero-orange{color:var(--v652-orange)!important}
.v650-hero p{max-width:650px!important;margin:20px 0 0!important;font-size:18px!important;line-height:1.48!important;color:#d8e0e4!important}
.v650-hero-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:24px!important}
.v650-btn{min-height:54px!important;padding:0 22px!important;border-radius:8px!important;font-size:16px!important}
.v650-hero-actions .v650-btn[href="/calculator"]{order:1!important;background:var(--v652-orange)!important;border-color:var(--v652-orange)!important}
.v650-hero-actions .v650-btn[href="/oplossingen.html"]{order:2!important;background:transparent!important;border-color:#52616a!important}
.v650-hero-actions .v650-btn[href="/contact.html"]{order:3!important;background:transparent!important}
.v652-hero-photo{position:relative!important;min-height:430px!important;overflow:hidden!important;background:#0a1922!important}
.v652-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;image-rendering:auto!important}
.v652-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,27,.34) 0%,rgba(6,19,27,.08) 14%,rgba(6,19,27,0) 32%);pointer-events:none}
/* De hoofdinhoud mag op grote/uitgezoomde schermen niet tot een klein midden-eiland krimpen. */
.v650-main{width:100%!important;max-width:none!important;margin:0!important;padding:28px clamp(24px,2.8vw,56px) 34px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr)!important;gap:24px!important;align-items:start!important}
.v650-blog-card,.v650-solutions-panel{border-radius:14px!important}
.v650-blog-content{padding:30px!important}
.v650-blog-card h2{font-size:clamp(30px,2.35vw,46px)!important;max-width:850px!important;line-height:1.05!important}
.v650-lead{font-size:16px!important;line-height:1.55!important;margin:16px 0 22px!important}
.v650-benefits{gap:10px!important;margin-top:18px!important}
.v650-benefit{padding:15px!important}
.v650-solutions-panel{padding:14px!important}
.v650-solutions-panel h2{font-size:21px!important;margin:2px 4px 10px!important}
.v650-solution{grid-template-columns:170px minmax(0,1fr) 38px!important;min-height:91px!important}
.v650-solution img{width:158px!important;height:82px!important;border-radius:8px!important}
.v650-solution-copy{padding:9px 8px!important}.v650-solution-copy b{font-size:15px!important;margin-bottom:3px!important}.v650-solution-copy span{font-size:11.5px!important;line-height:1.3!important}
.v650-footer{padding:30px clamp(24px,2.8vw,56px) 14px!important}.v650-footer-grid{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:1.25fr 1fr 1fr 1fr!important;gap:44px!important}.v650-footer-bottom{width:100%!important;max-width:none!important;margin:22px 0 0!important}
@media(min-width:1900px){.v650-hero{grid-template-columns:minmax(600px,36%) minmax(0,64%)!important;min-height:460px!important}.v652-hero-photo{min-height:460px!important}.v650-main{grid-template-columns:minmax(0,1.12fr) minmax(620px,.88fr)!important}.v650-solution{grid-template-columns:205px minmax(0,1fr) 42px!important}.v650-solution img{width:192px!important;height:90px!important}}
@media(max-width:1180px){.v650-hero{grid-template-columns:45% 55%!important}.v651-hero-title{font-size:clamp(38px,4.7vw,54px)!important}.v650-main{grid-template-columns:1fr!important}.v650-solutions-panel{order:2}.v650-solution{grid-template-columns:180px minmax(0,1fr) 40px!important}.v650-solution img{width:168px!important;height:88px!important}}
@media(max-width:800px){.v650-hero{grid-template-columns:1fr!important;min-height:auto!important}.v650-hero-copy{padding:36px 22px 30px!important}.v651-hero-title{font-size:42px!important;letter-spacing:-1.1px!important}.v650-hero p{font-size:16px!important}.v652-hero-photo{min-height:280px!important}.v650-main{padding:20px 12px 28px!important}.v650-blog-content{padding:22px 18px!important}.v650-benefits{grid-template-columns:1fr 1fr!important}.v650-solution{grid-template-columns:120px minmax(0,1fr) 34px!important}.v650-solution img{width:110px!important;height:72px!important}.v650-footer-grid{grid-template-columns:1fr 1fr!important;gap:26px!important}}
@media(max-width:520px){.v651-hero-title{font-size:35px!important}.v650-hero-actions{gap:9px!important}.v650-btn{width:100%!important;min-height:50px!important}.v652-hero-photo{min-height:230px!important}.v650-benefits{grid-template-columns:1fr!important}.v650-solution{grid-template-columns:92px minmax(0,1fr) 30px!important}.v650-solution img{width:84px!important;height:62px!important}.v650-footer-grid{grid-template-columns:1fr!important}}

/* Houd de uniforme header ook op zeer brede/uitgezoomde schermen in dezelfde verhouding als de homepage. */
.vvu645-inner{width:calc(100% - 72px)!important;max-width:none!important;margin:0 auto!important}
@media(max-width:1450px){.vvu645-inner{width:calc(100% - 48px)!important;max-width:none!important}}
@media(max-width:1000px){.vvu645-inner{width:calc(100% - 30px)!important}}
@media(max-width:520px){.vvu645-inner{width:calc(100% - 20px)!important}}