:root{--bg:#050708;--panel:#0a0d0f;--gold:#e6b64e;--gold2:#f4ce70;--text:#f5f5f2;--muted:#b9bdc0;--line:#262c30}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1460px,94%);margin:auto}
header{height:76px;background:#050708;border-bottom:1px solid #22282b;position:sticky;top:0;z-index:50}
.nav{height:100%;display:flex;align-items:center;gap:28px}.logo{width:215px;flex:0 0 215px;height:76px;display:flex;align-items:center}.logo img{display:block;width:190px;height:68px;object-fit:contain;object-position:left center}
.menu{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:12px;font-weight:800;letter-spacing:.3px}.menu a:hover{color:var(--gold2)}
.phone{margin-left:18px;border:1px solid #b78a3d;border-radius:5px;padding:12px 20px;color:var(--gold2);font-weight:900;white-space:nowrap}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#050708}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050708 0%,#050708 38%,rgba(5,7,8,.92) 47%,rgba(5,7,8,.20) 67%,rgba(5,7,8,.08) 88%,#050708 100%);z-index:1}
.hero:after{content:"";position:absolute;right:0;top:0;width:58%;height:100%;background:url("hero.jpg") center 54%/cover no-repeat;opacity:1}
.heroGrid{min-height:390px;display:grid;grid-template-columns:52% 48%;align-items:center;position:relative;z-index:2}
.heroText{padding:42px 0}.eyebrow,.sectionTag{color:var(--gold2);font-size:13px;letter-spacing:3.5px;font-weight:900}
h1{font-size:57px;line-height:.88;margin:15px 0 16px;letter-spacing:1px}.goldtext{color:var(--gold2)}.metal{color:#d9dde0;letter-spacing:10px}
.claim{letter-spacing:4px;color:#c5c7c8;font-size:12px}.lead{max-width:590px;color:#d1d3d4;line-height:1.55;font-size:15px}
.actions{display:flex;gap:18px;margin-top:23px}.btn{display:inline-block;padding:14px 23px;border:1px solid #a9afb2;border-radius:4px;font-size:12px;font-weight:900;letter-spacing:1px}.btn.gold{background:linear-gradient(120deg,#c9912f,#f3ce70);color:#080808;border-color:#d8aa4b}
.services{padding:0 0 30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:0}
.card{background:#090d0f;border:1px solid #262d31;border-radius:4px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-2px);border-color:#6f5a31}
.photo{height:118px;background-position:center;background-size:cover}.p1{background-image:url("reinigung.jpg")}.p2{background-image:url("hausbetreuung.jpg")}.p3{background-image:url("technik.jpg")}.p4{background-image:url("transport.jpg")}
.cardBody{min-height:112px;padding:16px 21px}.cardBody h3{font-size:18px;margin:0 0 8px}.cardBody h3:before{content:"◇";color:var(--gold);margin-right:11px}.cardBody p{font-size:13px;line-height:1.48;color:#bec2c4;margin:0}
.about{display:grid;grid-template-columns:44% 56%;min-height:370px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aboutText{padding:58px max(5vw,60px)}.about h2,.system h2,.cta h2{font-size:34px;line-height:1.08;margin:11px 0 18px}.about p,.system p{color:#c4c7c8;line-height:1.58}
.aboutPhoto{background:linear-gradient(90deg,rgba(5,7,8,.18),rgba(5,7,8,0)),url("about.jpg") center/cover no-repeat;min-height:370px}
.system{padding:62px 0;background:#090c0e}.systemGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.box{border:1px solid #30363a;background:#0c1012;padding:28px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:20px}.checks div{padding:11px 0;border-bottom:1px solid #2a3033;color:#d7d9da}.checks div:before{content:"✓";color:var(--gold);font-weight:900;margin-right:9px}
.cta{text-align:center;padding:55px 0;background:linear-gradient(120deg,#17130d,#07090a)}footer{padding:34px 0;border-top:1px solid #292e31;color:#afb2b4;font-size:13px}.foot{display:flex;justify-content:space-between;gap:25px}
.page{padding:70px 0;min-height:65vh}.page h1{font-size:48px}.page h2{margin-top:38px}.page p{max-width:900px;line-height:1.65;color:#c6c9ca}
@media(max-width:980px){.menu{display:none}.logo{width:215px;flex:0 0 215px;height:76px;display:flex;align-items:center}.phone{margin-left:auto}.hero:after{opacity:.42;width:100%;right:0}.hero:before{background:linear-gradient(90deg,#050708 0%,rgba(5,7,8,.91) 58%,rgba(5,7,8,.58) 100%)}.heroGrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.about,.systemGrid{grid-template-columns:1fr}.aboutPhoto{min-height:300px}}
@media(max-width:600px){header{height:68px}.logo img{display:block;width:190px;height:68px;object-fit:contain;object-position:left center}.phone{font-size:11px;padding:9px 10px}.heroGrid{min-height:420px}.heroText{padding:48px 0}h1{font-size:42px}.claim{letter-spacing:2px}.actions{flex-direction:column;align-items:flex-start}.cards,.checks{grid-template-columns:1fr}.aboutText{padding:45px 6%}.foot{flex-direction:column}}

/* V8 CLEAN HERO OVERRIDES */
.hero{min-height:390px;background:#050708;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#050708 0%,#050708 39%,rgba(5,7,8,.94) 47%,rgba(5,7,8,.30) 61%,rgba(5,7,8,.04) 80%,rgba(5,7,8,.18) 100%)}
.hero:after{content:"";position:absolute;z-index:0;right:0;top:0;width:57%;height:100%;background-image:url("hero-clean.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:1}
.heroGrid{min-height:390px;position:relative;z-index:2}
.heroText{position:relative;z-index:3}
@media(max-width:980px){
 .hero:after{width:100%;opacity:.48;background-position:center}
 .hero:before{background:linear-gradient(90deg,#050708 0%,rgba(5,7,8,.94) 62%,rgba(5,7,8,.55) 100%)}
}