/* URGE: donkere appstijl met warmgrijs en gedempt olijfgoud. */
:root{--bg:#141414;--panel:#484237;--text:#f3f1ed;--muted:#b9b7b1;--line:#3d3932;--lime:#9e956b;--gold-text:#c0b68a}
body{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text)}
h1,h2,h3{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;font-weight:500}
h1{font-weight:400}h2{font-weight:500}h3{letter-spacing:-.015em}
.eyebrow,.plus,.process span{color:var(--gold-text)}
header{background:#141414;border-bottom:1px solid var(--line);color:var(--text)}nav a{color:var(--text)}.header-contact{border-color:var(--lime)}
.hero,.demo-section{color:var(--text)}.hero .eyebrow,.demo-section .eyebrow{color:#d2c79b}
.hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.86),rgba(10,10,10,.3) 63%,rgba(10,10,10,.08)),linear-gradient(0deg,rgba(10,10,10,.8),transparent 30%)}
.hero-copy>p:not(.eyebrow){color:#f0eee8}
.lime,.hero .lime{background:var(--lime);color:#141414;border-color:var(--lime);border-radius:6px}.lime:hover,.hero .lime:hover{background:#b4aa7d;border-color:#b4aa7d}
.text-link:hover{color:var(--gold-text)}
.service-grid{border:0;gap:16px}.service-grid details{background:var(--panel);border:1px solid #5b5446;border-radius:8px;box-shadow:0 3px 15px #0002}.service-grid .number{color:var(--gold-text)}.service-grid p{color:#dedbd4}
.demo-section{background:#141414}.demo-section>.room-shade{background:linear-gradient(90deg,rgba(10,10,10,.72),rgba(10,10,10,.12) 65%,rgba(10,10,10,.06)),linear-gradient(0deg,rgba(10,10,10,.62),transparent 40%,rgba(10,10,10,.2))}
.room-stage .demo{background:rgba(40,37,31,.94);border-color:#ffffff30;color:var(--text)}.room-stage .demo>p{color:#dedbd4}.demo-label{color:var(--gold-text)}
.scene-tabs{border-color:#ffffff30}.scene-tabs button{color:#eeece6}.scene-tabs button.active{background:var(--lime);color:#141414}.room-stage .scene-values{border-color:#ffffff30}.scene-values span{color:#cbc7bf}.room-stage .scene-values strong{color:var(--gold-text)}.room-stage .demo .scene-wink{color:#cbc7bf;border-color:#ffffff20}
.room-status span{background:#28251fcc;border-color:#ffffff30}.room-caption{color:#e2ded6}
.project-list button{color:var(--text)}.project-list button:hover{color:var(--gold-text)}.project-list .project-open{color:var(--gold-text)}
.partner-feature span{color:var(--gold-text)}#partner-list summary:after{color:var(--gold-text)}
.contact{background:#1b1a18;border-top-color:var(--line)}.contact-info{border-color:var(--line)}.contact-info address{color:var(--text)}
.footer-brand img{filter:none}
dialog{background:#1d1c19;color:var(--text);border-color:#5b5446}.dialog-close{color:var(--text)}.project-photo{background:#141414;border-color:var(--line)}
@media(max-width:650px){
 header{background:rgba(20,20,20,.96);border-bottom-color:#ffffff20}.menu{color:var(--text);border-color:#ffffff40}nav{background:rgba(20,20,20,.99)}nav a{border-color:#ffffff20}
 .hero-shade{background:linear-gradient(90deg,#0a0a0ad9,#0a0a0a59),linear-gradient(0deg,#0a0a0af0,transparent 65%)}
 .service-grid details,.project-list button{background:var(--panel);border-color:#5b5446;box-shadow:0 3px 12px #0002}.project-list button:active{background:#5b5446}
 .demo-section>.room-shade{background:linear-gradient(0deg,#0a0a0abf,transparent 62%,#0a0a0ab3),linear-gradient(90deg,#0a0a0a40,transparent)}.room-stage .demo{background:rgba(40,37,31,.94);border-color:#ffffff30}
 .process article{border-color:var(--line)}.contact{background:#1b1a18}.contact-info{border-color:var(--line)}
 #project-dialog{background:#1d1c19;border-color:#5b5446}.dialog-close{background:var(--panel);color:var(--text)}
}
/* Ruimte voor de uitgebreidere uitleg van slimme woonscènes. */
.demo-section .section-title{gap:65px}
.demo-story{width:460px;max-width:44%;flex-shrink:0;text-shadow:0 1px 10px #000}
.demo-story p{color:#eeeae2;font-size:1rem;line-height:1.75}
.demo-story p+p{margin-top:18px}
.room-stage .demo>p#scene-description{min-height:0;line-height:1.75}
@media(max-width:1000px){.demo-section .section-title{gap:30px}.demo-story{width:390px;max-width:48%}}
@media(max-width:650px){.demo-section .section-title{gap:22px}.demo-story{width:100%;max-width:none}.demo-story p{font-size:.95rem;line-height:1.7}.room-status{top:auto;bottom:auto;margin-top:175px}.hero-copy>p:not(.eyebrow){max-width:350px}}
@media(max-width:650px){.room-stage{position:relative}.room-status{top:24px;right:0;bottom:auto;margin-top:0}}
/* Zichtbare taalkeuze op desktop en telefoon. */
header{gap:20px}
.language-switch{display:flex;flex-shrink:0;align-items:center;gap:3px;padding:4px;border:1px solid #5b5446;border-radius:24px}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:36px;border-radius:18px;font-size:.75rem;font-weight:600;line-height:1;color:#d6d2c8}
.language-switch a:hover{background:#484237;color:#fff}.language-switch a[aria-current="page"]{background:var(--lime);color:#141414}
@media(max-width:1150px){.header-contact{display:none}nav{gap:20px}}
@media(max-width:650px){header{gap:8px;padding-left:18px;padding-right:18px}.language-switch{padding:3px;gap:1px}.language-switch a{min-width:29px;min-height:38px;font-size:.7rem}.menu{padding:9px 12px}.brand{margin-right:auto;width:110px}.brand img{width:140px;margin-left:-15.6px}}
@media(max-width:360px){header{gap:5px;padding-left:14px;padding-right:14px}.brand{width:95px}.brand img{width:121px;margin-left:-13.5px}.menu{padding:9px 10px}}
@media(min-width:651px) and (max-width:850px){header{gap:14px}.brand{margin-right:auto}.menu{display:block;min-height:44px;border-radius:24px}nav{display:none;position:absolute;top:100px;left:0;right:0;background:#141414;padding:20px 32px;flex-direction:column;gap:6px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #ffffff20}}
/* Diensten zonder nummering. */
.service-grid summary{align-content:flex-end}
@media(max-width:650px){.service-grid summary{align-content:normal}}