.hero{position:relative;min-height:800px;overflow:hidden;background:var(--navy)}
.hero-photo{position:absolute;inset:0;background-image:url('/images/scholten-twente-hero-bg.jpg');background-size:cover;background-position:center right}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 25%,rgba(6,26,51,.96) 39%,rgba(6,26,51,.58) 54%,rgba(6,26,51,.08) 75%,rgba(6,26,51,0) 100%)}
.hero-content{position:relative;z-index:2;padding:103px 0 170px 50px;max-width:800px}
.eyebrow{font-weight:800;color:#65b3ff;letter-spacing:4px;font-size:14px;display:flex;align-items:center;gap:13px}
.eyebrow span{display:block;width:35px;height:3px;background:var(--blue)}
.hero h1{font-size:74px;line-height:.98;letter-spacing:-3.5px;margin:34px 0 28px;font-weight:800;color:#fff}
.hero h1 strong{color:#4d9bff}
.intro{font-size:20px;line-height:1.62;color:#d2dfed;margin:0;max-width:650px}
.buttons{display:flex;gap:24px;margin-top:36px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 28px;font-size:15px;border-radius:10px;font-weight:800}
.primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(8,102,232,.28);transition:background .2s ease}
.primary:hover{background:var(--blue-dark)}
.primary .icon,.primary svg{display:inline-block;vertical-align:middle}
.secondary{border:1.5px solid rgba(177,205,235,.55);color:#fff;min-width:200px;background:rgba(7,31,58,.25)}
.features{display:flex;gap:38px;margin-top:47px}
.feature{display:flex;align-items:center;gap:13px;min-width:205px}
.feature-icon{width:45px;height:45px;flex:0 0 45px;border-radius:50%;background:rgba(20,128,255,.16);border:1px solid rgba(45,143,255,.18);display:grid;place-items:center;color:#4d9bff}
.feature b{display:block;font-size:15px;color:#fff}
.feature small{display:block;color:#c6d4e4;font-size:13px;margin-top:5px}
.info-strip{position:absolute;z-index:3;left:50px;right:50px;bottom:35px;height:118px;border:1px solid rgba(100,155,215,.18);background:rgba(14,48,84,.82);backdrop-filter:blur(10px);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 37px}
.info{display:flex;align-items:center;gap:18px;flex:1}
.info-icon{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:rgba(16,125,248,.1);display:grid;place-items:center;color:#4d9bff}
.info b{display:block;font-size:16px;color:#fff}
.info span{display:block;color:#d0dceb;margin-top:6px;font-size:13px}
.divider{height:59px;width:1px;background:rgba(170,200,230,.25);margin:0 27px}
@media(max-width:1000px){
.hero{min-height:820px}
.hero-photo{background-position:62% center}
.hero-content{padding:75px 25px 180px}
.info-strip{left:20px;right:20px;bottom:20px;padding:15px;height:auto}
.divider{margin:0 10px}
.info-icon{width:42px;height:42px;flex-basis:42px}
.info b{font-size:13px}
.info span{font-size:12px}
.hero h1{font-size:56px}
.intro{font-size:17px}
.features{gap:15px}
.feature{min-width:0}
}
@media(max-width:700px){
.hero{min-height:900px}
.hero-photo{background-position:65% center;opacity:.72}
.hero-content{padding-top:60px}
.hero h1{font-size:48px}
.intro{font-size:16px}
.buttons{flex-direction:column;gap:12px}
.primary,.secondary{width:100%}
.features{flex-direction:column;margin-top:30px}
.info-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;bottom:15px}
.divider{display:none}
.info{gap:9px}
.info-icon{width:38px;height:38px;flex-basis:38px}
.info b{font-size:12px}
.info span{font-size:11px}
}