:root{--bru-dark:#0d1b2a;--bru-blue:#1f6feb;--bru-light:#f4f7fa;--bru-text:#263442;--bru-muted:#6b7785;--bru-white:#fff;--bru-radius:18px;--bru-shadow:0 18px 45px rgba(15,27,42,.09)}
html{scroll-behavior:smooth}.brusselers-home{color:var(--bru-text)}.brusselers-home h1,.brusselers-home h2,.brusselers-home h3{letter-spacing:-.025em;color:var(--bru-dark)}.brusselers-home p{font-size:17px;line-height:1.75;color:var(--bru-muted)}
.bru-hero{min-height:720px;display:flex;align-items:center;background:linear-gradient(135deg,#0a1724,#102941);background-size:cover;background-position:center}.bru-hero__inner{width:100%}.bru-hero__content{max-width:790px;padding:130px 0 100px}.bru-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--bru-blue);margin-bottom:18px}.bru-hero h1{font-size:clamp(45px,6vw,78px);line-height:1.02;color:#fff;margin-bottom:26px}.bru-hero p{max-width:680px;font-size:21px;color:rgba(255,255,255,.82);line-height:1.6}.bru-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.bru-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;font-weight:700;text-decoration:none!important;transition:.2s ease}.bru-btn--primary{background:var(--bru-blue);color:#fff!important}.bru-btn--primary:hover{transform:translateY(-2px);filter:brightness(.94)}.bru-btn--ghost{border:1px solid rgba(255,255,255,.35);color:#fff!important;background:rgba(255,255,255,.06)}.bru-trust{display:flex;gap:24px;flex-wrap:wrap;color:rgba(255,255,255,.72);font-size:14px}
.bru-section{padding:105px 0}.bru-section--light{background:var(--bru-light)}.bru-section--dark{background:var(--bru-dark)}.bru-heading{max-width:760px;margin:0 auto 55px;text-align:center}.bru-heading h2,.bru-split h2,.bru-contact h2{font-size:clamp(34px,4vw,52px);line-height:1.12}.bru-heading--light h2{color:#fff}.bru-heading--light p{color:rgba(255,255,255,.68)}.bru-grid{display:grid;gap:24px}.bru-grid--4{grid-template-columns:repeat(4,1fr)}.bru-grid--3{grid-template-columns:repeat(3,1fr)}
.bru-card{background:#fff;border:1px solid #e8edf2;border-radius:var(--bru-radius);padding:31px;box-shadow:0 8px 20px rgba(15,27,42,.035);transition:.2s}.bru-card:hover{transform:translateY(-5px);box-shadow:var(--bru-shadow)}.bru-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--bru-blue);font-weight:800;margin-bottom:22px}.bru-card h3{font-size:21px}.bru-card p{font-size:15px}.bru-card ul,.bru-price ul{list-style:none;padding:0;margin:22px 0}.bru-card li,.bru-price li{padding:7px 0;border-bottom:1px solid #edf0f3;font-size:14px}.bru-card li:before,.bru-price li:before{content:'✓';color:var(--bru-blue);font-weight:800;margin-right:8px}
.bru-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.bru-step strong{font-size:56px;line-height:1;color:rgba(31,111,235,.18);display:block;margin-bottom:12px}.bru-step h3{font-size:22px}.bru-step p{font-size:15px}
.bru-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.bru-about-img,.bru-image-placeholder{width:100%;min-height:500px;object-fit:cover;border-radius:24px;box-shadow:var(--bru-shadow)}.bru-image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#f5f8fb);padding:50px;text-align:center;color:#718096}.bru-split__content>p{font-size:18px}.bru-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.bru-checks span{padding:14px 15px;background:var(--bru-light);border-radius:10px;font-weight:650;color:var(--bru-dark)}
.bru-price{background:#fff;border-radius:20px;padding:38px;display:flex;flex-direction:column}.bru-price>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--bru-blue)}.bru-price h3{font-size:25px;margin:12px 0}.bru-price__amount{font-size:30px;font-weight:800;color:var(--bru-dark);margin-bottom:8px}.bru-price p{font-size:15px}.bru-price .bru-btn{margin-top:auto}.bru-price--featured{transform:translateY(-12px);box-shadow:0 25px 60px rgba(0,0,0,.22);outline:3px solid var(--bru-blue)}
.bru-contact{background:linear-gradient(135deg,#f7faff,#eef4fa)}.bru-contact__inner{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.bru-contact__card{background:#fff;border-radius:20px;padding:38px;box-shadow:var(--bru-shadow)}.bru-contact__card h3{font-size:24px}.bru-contact__card p{font-size:16px}.bru-contact__card a:not(.bru-btn){color:var(--bru-blue);font-weight:700}
@media(max-width:992px){.bru-grid--4,.bru-steps{grid-template-columns:repeat(2,1fr)}.bru-grid--3{grid-template-columns:1fr}.bru-price--featured{transform:none}.bru-split,.bru-contact__inner{grid-template-columns:1fr}.bru-hero{min-height:650px}}
@media(max-width:620px){.bru-section{padding:72px 0}.bru-grid--4,.bru-steps,.bru-checks{grid-template-columns:1fr}.bru-hero__content{padding:105px 0 72px}.bru-hero p{font-size:18px}.bru-trust{gap:10px 18px}.bru-card,.bru-price,.bru-contact__card{padding:25px}.bru-about-img,.bru-image-placeholder{min-height:340px}}

/* Contactformulier */
#contactformulier{scroll-margin-top:90px}.bru-direct-contact{margin-top:25px;padding-top:20px;border-top:1px solid #e7ebef;line-height:1.7;color:var(--bru-muted)}.bru-direct-contact strong{color:var(--bru-dark)}.bru-direct-contact a{color:var(--bru-blue);text-decoration:none;font-weight:700}.bru-contact-form-section{background:#f7faff}.bru-contact-form-heading{margin-bottom:42px}.bru-contact-form-card{max-width:860px;margin:0 auto;background:#fff;border-radius:20px;padding:46px;box-shadow:var(--bru-shadow)}.bru-cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bru-cf7-field{margin-bottom:24px}.bru-contact-form-card label{display:block;margin-bottom:8px;color:var(--bru-dark);font-size:14px;font-weight:700}.bru-contact-form-card label .bru-required{color:var(--bru-blue)}.bru-contact-form-card input[type="text"],.bru-contact-form-card input[type="email"],.bru-contact-form-card input[type="tel"],.bru-contact-form-card input[type="url"],.bru-contact-form-card select,.bru-contact-form-card textarea{box-sizing:border-box;width:100%;padding:15px 16px;background:#f7f9fb;border:1px solid #dfe5ea;border-radius:9px;color:var(--bru-dark);font-size:16px;font-family:inherit;transition:.2s ease}.bru-contact-form-card textarea{min-height:155px;resize:vertical}.bru-contact-form-card input:focus,.bru-contact-form-card select:focus,.bru-contact-form-card textarea:focus{outline:none;background:#fff;border-color:var(--bru-blue);box-shadow:0 0 0 3px rgba(31,111,235,.10)}.bru-contact-form-card input::placeholder,.bru-contact-form-card textarea::placeholder{color:#9aa5ae}.bru-contact-form-card .wpcf7-submit{width:100%;padding:17px 25px;border:0;border-radius:9px;background:var(--bru-blue);color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:.2s ease}.bru-contact-form-card .wpcf7-submit:hover{transform:translateY(-2px);filter:brightness(.94);box-shadow:0 8px 20px rgba(31,111,235,.22)}.bru-contact-form-card .wpcf7-spinner{display:block;margin:12px auto 0}.bru-contact-form-card .wpcf7-not-valid-tip{margin-top:6px;font-size:13px}.bru-contact-form-card .wpcf7-response-output{margin:24px 0 0!important;padding:14px 16px!important;border-radius:9px}.bru-contact-form-card .cf-turnstile{margin:4px 0 22px}
@media(max-width:700px){.bru-contact-form-card{padding:28px 20px}.bru-cf7-row{grid-template-columns:1fr;gap:0}}
.bru-form-notice{padding:18px 20px;background:#fff8e5;border:1px solid #f1d58a;border-radius:10px;color:#624c12}.bru-form-notice a{color:var(--bru-blue);font-weight:700}

/* Portfolio */
#portfolio{scroll-margin-top:90px}.bru-portfolio-section{background:#fff}.bru-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.bru-portfolio-card{min-width:0;background:#fff;border:1px solid #e4eaf0;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(15,27,42,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bru-portfolio-card:hover{transform:translateY(-6px);box-shadow:var(--bru-shadow);border-color:rgba(31,111,235,.22)}.bru-portfolio-card__link{display:block;height:100%;color:inherit!important;text-decoration:none!important}.bru-portfolio-card__media{position:relative;padding:28px 20px 22px;background:linear-gradient(145deg,#edf3f9,#f8fafc);overflow:hidden}.bru-device{position:relative;max-width:520px;margin:0 auto;padding-bottom:13px;filter:drop-shadow(0 13px 15px rgba(13,27,42,.16))}.bru-browser{position:relative;z-index:2;overflow:hidden;border:5px solid #1a2530;border-bottom-width:7px;border-radius:11px;background:#1a2530}.bru-browser__bar{height:28px;display:flex;align-items:center;gap:10px;padding:0 10px;background:#e8edf2}.bru-browser__dots{display:flex;gap:4px;flex:0 0 auto}.bru-browser__dots i{display:block;width:6px;height:6px;border-radius:50%;background:#9aa6b2}.bru-browser__address{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 9px;border-radius:5px;background:#fff;color:#7a8793;font-size:9px;line-height:1.2;text-align:left}.bru-browser__screen{aspect-ratio:16/10;overflow:hidden;background:#edf2f7}.bru-portfolio-card__image{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .45s ease}.bru-portfolio-card:hover .bru-portfolio-card__image{transform:scale(1.025)}.bru-laptop__base{position:absolute;z-index:1;left:4%;right:4%;bottom:4px;height:11px;border-radius:2px 2px 9px 9px;background:linear-gradient(#d9e0e6,#aeb8c2)}.bru-laptop__base:after{content:'';position:absolute;left:43%;right:43%;top:0;height:3px;border-radius:0 0 5px 5px;background:#8f9aa5}.bru-portfolio-card__placeholder{width:100%;height:100%;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#eaf2ff,#f5f8fb);color:#718096;text-align:center;font-size:13px}.bru-portfolio-card__open{position:absolute;right:14px;top:14px;z-index:4;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(13,27,42,.9);color:#fff;font-size:19px;line-height:1;box-shadow:0 5px 16px rgba(0,0,0,.18)}.bru-portfolio-card__body{padding:25px 26px 28px}.bru-portfolio-card__label{display:block;margin-bottom:8px;color:var(--bru-blue);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.bru-portfolio-card h3{font-size:23px;line-height:1.2;margin:0 0 10px}.bru-portfolio-card p{font-size:15px;line-height:1.65;margin:0 0 20px}.bru-portfolio-card__cta{display:inline-flex;gap:8px;align-items:center;color:var(--bru-dark);font-size:14px;font-weight:800}.bru-portfolio-card:hover .bru-portfolio-card__cta{color:var(--bru-blue)}.bru-portfolio-empty{max-width:760px;margin:0 auto;padding:20px 24px;border:1px dashed #b9c6d3;border-radius:12px;background:#f7faff;text-align:center;color:var(--bru-muted)}
@media(max-width:992px){.bru-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.bru-portfolio-grid{grid-template-columns:1fr;gap:20px}.bru-portfolio-card__media{padding:24px 16px 18px}.bru-portfolio-card__body{padding:22px}.bru-portfolio-card h3{font-size:21px}.bru-browser{border-width:4px;border-bottom-width:6px}.bru-browser__bar{height:24px}.bru-browser__address{font-size:8px}}