:root{--navy:#071827;--navy-2:#0c263b;--gold:#c99a3d;--gold-light:#e4b75c;--ink:#122333;--muted:#617181;--line:#dfe5ea;--soft:#f5f7f8;--radius:24px;--shadow:0 20px 55px rgba(7,24,39,.10)}
html{scroll-padding-top:92px}body{font-family:"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;text-rendering:optimizeLegibility}.container{width:min(1180px,calc(100% - 48px))}.section{padding:88px 0}.section-sm{padding:56px 0}.eyebrow{letter-spacing:.14em;color:var(--gold);font-weight:800}.title{margin-bottom:36px}.title h2{max-width:840px;font-size:clamp(34px,4vw,54px);line-height:1.08}.title p{font-size:17px;line-height:1.75}.topbar{background:#061725}.topbar-inner{max-width:1180px;min-height:40px;height:auto}.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(7,24,39,.08);box-shadow:0 8px 28px rgba(7,24,39,.05)}.nav{height:88px}.logo{position:relative;display:block;width:260px;height:76px;overflow:hidden;flex:0 0 260px}.logo img{position:absolute;max-width:none!important;width:360px!important;height:auto!important;left:0;top:0;transform:translate(-36px,-27px)}.navlinks{gap:26px;font-size:14px}.navlinks a{padding:10px 0}.nav>.btn{min-width:168px}.hero{min-height:auto;padding:72px 0;background:#071827}.hero:before{background:linear-gradient(90deg,rgba(4,18,31,.98),rgba(4,18,31,.88) 48%,rgba(4,18,31,.48)),url('images/hero-office.webp?v=real2') center/cover}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:54px}.hero-copy{padding:22px 0}.hero h1{font-size:clamp(46px,5.2vw,70px);line-height:1.04;margin:18px 0 24px;max-width:760px}.hero .hero-copy>p{font-size:18px;line-height:1.75}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 24px}.hero-action{min-height:86px;border-radius:18px;padding:16px 18px}.trust-row{grid-template-columns:repeat(2,max-content);gap:10px}.hero-showcase{border-radius:28px;padding:14px}.hero-showcase-media,.hero-showcase-media>img{height:530px;min-height:530px}.hero-brand-badge{width:178px;left:18px;top:18px}.hero-kpi-panel{left:18px;right:18px;bottom:18px;padding:18px 20px}.benefit-strip-inner{min-height:88px}.benefit-item{padding:18px 28px;grid-template-columns:44px 1fr}.benefit-item .material-symbols-rounded{font-size:38px}.card{border-radius:22px;padding:24px;box-shadow:0 10px 34px rgba(7,24,39,.06)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img{height:200px;border-radius:16px}.service-head{align-items:center}.quality-panel{gap:44px}.quality-visual{min-height:500px}.quote{border-radius:30px;box-shadow:var(--shadow)}.quote-left{padding:46px}.form{padding:38px}.field input,.field select,.field textarea{font:inherit;background:#fff;border:1px solid #cfd8df;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,154,61,.14)}.privacy-consent{margin:4px 0 10px;line-height:1.55}.footer{padding:58px 0 30px}.footer-grid{grid-template-columns:1.35fr repeat(3,1fr)}.footer img{width:190px!important;height:auto}.subfooter a:hover{color:#fff}.mobile-contact-bar{display:none!important}
@media(max-width:1100px){.container{width:min(100% - 36px,1080px)}.navlinks{gap:16px}.nav>.btn{display:none}.hero-grid{grid-template-columns:1fr 430px;gap:30px}.hero h1{font-size:48px}.hero-showcase-media,.hero-showcase-media>img{height:480px;min-height:480px}}
@media(max-width:900px){body{padding-bottom:78px}.container{width:min(100% - 28px,760px)}.nav{height:76px}.logo{width:215px;height:62px;flex-basis:215px}.logo img{width:300px!important;transform:translate(-30px,-23px)}.navlinks{display:none}.nav-toggle{display:inline-flex}.hero{padding:48px 0 36px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:0}.hero h1{font-size:clamp(38px,7vw,52px)}.hero-showcase{max-width:680px}.hero-showcase-media,.hero-showcase-media>img{height:460px;min-height:460px}.benefit-strip-inner,.quality-panel,.quote,.footer-grid{grid-template-columns:1fr}.benefit-item{border-right:0;border-bottom:1px solid var(--line)}.section{padding:68px 0}.quote-left,.form{padding:30px}.mobile-contact-bar{display:grid!important;left:12px;right:12px;bottom:10px;padding:6px;border-radius:16px}.quick-actions{display:none}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.topbar-inner{min-height:36px}.nav{height:68px}.logo{width:185px;height:56px;flex-basis:185px}.logo img{width:260px!important;transform:translate(-27px,-20px)}.hero{padding:34px 0 26px}.hero h1{font-size:34px;line-height:1.1}.hero .hero-copy>p{font-size:16px}.hero-actions{grid-template-columns:1fr}.hero-action{min-height:70px}.trust-row{grid-template-columns:1fr}.hero-showcase-media,.hero-showcase-media>img{height:360px;min-height:360px}.hero-brand-badge{width:120px}.hero-kpi-panel{grid-template-columns:1fr 1fr;padding:12px}.hero-kpi-item strong{font-size:17px}.hero-kpi-item span{font-size:9px}.title h2{font-size:34px}.section{padding:56px 0}.card{padding:20px}.card img{height:190px}.quote-left,.form{padding:22px}.form-grid{grid-template-columns:1fr}.footer{padding-bottom:28px}.footer img{width:170px!important}}

/* Header stability fix: keep all desktop contact items on one row and
   preserve the complete logo at every supported viewport width. */
.topbar-inner{grid-template-columns:auto auto auto minmax(0,1fr);column-gap:34px;row-gap:0}
.topbar-item:last-child{justify-self:end;min-width:0}
.nav{height:96px}
.logo{width:270px;height:86px;flex-basis:270px}
.logo img{width:360px!important;transform:translate(-36px,-22px)}

@media(max-width:1100px){
  .topbar-inner{grid-template-columns:auto auto minmax(0,1fr)}
  .nav{height:88px}
  .logo{width:240px;height:78px;flex-basis:240px}
  .logo img{width:330px!important;transform:translate(-33px,-23px)}
}

@media(max-width:900px){
  .topbar-inner{grid-template-columns:1fr auto;column-gap:14px}
  .nav{height:76px}
  .logo{width:205px;height:68px;flex-basis:205px}
  .logo img{width:276px!important;transform:translate(-28px,-19px)}
}

@media(max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar-inner{grid-template-columns:1fr;min-height:38px;padding:0}
  .topbar-item{justify-content:center}
  .topbar .material-symbols-rounded{width:auto}
  .nav{height:70px;gap:10px}
  .logo{width:174px;height:64px;flex-basis:174px}
  .logo img{width:238px!important;transform:translate(-24px,-16px)}
}

/* Use the official KEMET Gebäudereinigung artwork in the hero badge too. */
.hero-brand-badge{width:210px;height:86px;background:#fff;border-radius:14px;overflow:hidden}
.hero-brand-badge img{position:absolute;left:0;top:0;width:280px!important;height:auto!important;max-width:none!important;transform:translate(-28px,-18px)}

@media(max-width:900px){
  .hero-brand-badge{width:160px;height:68px}
  .hero-brand-badge img{width:218px!important;transform:translate(-22px,-14px)}
}

@media(max-width:560px){
  .hero-brand-badge{width:126px;height:54px}
  .hero-brand-badge img{width:174px!important;transform:translate(-18px,-12px)}
}