:root{--navy:#06284a;--navy2:#001f3f;--orange:#ff7a00;--light:#f5f8fb;--text:#10233d;--muted:#5d6d7e;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65;background:white}a{color:inherit;text-decoration:none}.container{width:min(1140px,92%);margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px rgba(0,0,0,.07)}.nav-wrap{display:flex;align-items:center;gap:28px;min-height:92px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:900;line-height:1}.brand span span,.eyebrow{color:var(--orange)}.brand small{display:block;letter-spacing:5px;font-size:13px;margin-top:6px}.brand-icon{font-size:38px;color:var(--orange)}.main-nav{display:flex;gap:25px;margin-left:auto;font-weight:700}.main-nav a:hover{color:var(--orange)}.phone{border:1px solid #dde4ea;border-radius:7px;padding:12px 18px;font-weight:800}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--navy);color:white;padding:10px 13px;border-radius:7px}.hero,.page-hero{background:linear-gradient(90deg,rgba(0,31,63,.98),rgba(0,31,63,.78),rgba(0,31,63,.18)),url('../img/ontwerp-diensten.png') center/cover;min-height:600px;color:#fff;display:flex;align-items:center}.page-hero{min-height:360px}.hero h1,.page-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.12;margin:10px 0 22px;max-width:650px}.hero p,.page-hero p{font-size:20px;max-width:620px}.actions{display:flex;gap:18px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;padding:16px 26px;border-radius:5px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;border:0;cursor:pointer}.btn.ghost{background:transparent;border:1px solid var(--orange)}.trust{display:flex;gap:28px;flex-wrap:wrap;font-weight:700}.hero-inner{position:relative}.hero-card{position:absolute;right:20px;top:45%;background:var(--navy);width:168px;height:168px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;text-transform:uppercase}.section{padding:78px 0}.alt{background:var(--light)}.center{text-align:center}.section h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:8px 0 25px}.cards{display:grid;gap:22px;margin-top:35px}.four{grid-template-columns:repeat(4,1fr)}.card,.service-card,.contact-box,.form,.steps div{background:#fff;border:1px solid #e4e9ef;border-radius:8px;padding:32px;box-shadow:0 10px 28px rgba(6,40,74,.07)}.icon{font-size:42px;color:var(--orange)}.card h3,.service-card h2{text-transform:uppercase;font-size:18px;letter-spacing:.7px;color:var(--navy)}.card p,.service-card p,.split p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefits p{background:white;border-radius:99px;padding:14px 18px;font-weight:800}.before-after{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.before-after div{height:260px;background:linear-gradient(135deg,#68442d,#b97048);border-radius:5px;position:relative;overflow:hidden}.before-after div:nth-child(even){background:linear-gradient(135deg,#e9eef2,#fff)}.before-after span{position:absolute;left:0;bottom:0;background:var(--navy);color:white;padding:14px 25px;font-weight:900}.before-after div:nth-child(even) span{background:var(--orange)}.large div{height:360px}.cta{background:var(--navy2);color:#fff;padding:45px 0}.cta-inner{display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center}.cta h2{font-size:34px;margin:0}.cta ul{margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.form label{display:block;font-weight:800;margin-bottom:15px}.form input,.form textarea{width:100%;padding:14px;border:1px solid #d9e2ea;border-radius:6px;margin-top:5px;font:inherit}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps b{background:var(--orange);color:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.site-footer{background:var(--navy2);color:#dbe8f4;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}.site-footer h3{color:#fff}.site-footer a{display:block;margin:7px 0;color:#dbe8f4}.subfooter{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:20px;text-align:center;color:#9fb4c8}.footer-brand{color:white}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:82px;background:white;padding:20px;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.15);flex-direction:column}.main-nav.open{display:flex}.phone{display:none}.four,.split,.contact-grid,.steps,.footer-grid,.cta-inner{grid-template-columns:1fr}.hero-card{display:none}.hero,.page-hero{min-height:520px}.before-after{grid-template-columns:1fr 1fr}.nav-wrap{min-height:82px}.brand small{letter-spacing:2px}.actions{flex-direction:column;align-items:flex-start}}