@import url('../../assets/css/site-base.css');
:root{--bg:#1d2122;--ink:#fffaf0;--accent:#f6c537;--surface:#292d2e;--muted:#bfc5c4;--border:rgba(255,255,255,.16);--alt:#24292a;--display:'Barlow Condensed',serif;--body:'Inter',sans-serif;--hero-image:url('../../assets/images/electrician.jpg');--hero-filter:brightness(.55);--container:1180px;--radius:18px}
body{background:var(--bg);color:var(--ink)}.site-header{background:rgba(17,18,18,.94);border-color:var(--border)}.site-nav a:hover,.text-link,.service-index,.eyebrow,.step>span{color:var(--accent)}.button-primary,.nav-cta{background:var(--accent);color:#171717}.button-primary:hover,.nav-cta:hover{filter:brightness(.9);transform:translateY(-2px)}.brand-symbol{border-color:var(--accent);color:var(--accent)}.hero{background:var(--bg)}.hero-image{background-image:var(--hero-image);filter:var(--hero-filter)}.hero-content h1,.section h2,.review blockquote{font-family:var(--display)}.hero-content h1{letter-spacing:-.035em}.hero-side{color:var(--ink)}.trust-strip,.service-card,.contact-form,.simulator-panel,.faq details{background:var(--surface)}.about,.process,.faq{background:var(--alt)}.service-card,.contact-form,.faq details{border-color:var(--border)}.review{background:var(--accent);color:#171717}.review .eyebrow{color:inherit}.contact-form input,.contact-form select,.contact-form textarea{background:var(--bg);color:var(--ink);border-color:var(--border)}.site-footer{background:#0d0f10}.whatsapp-float{background:#168550;color:white}.gallery-item img{filter:none}.gallery-item:hover img{filter:none;transform:scale(1.04)}
.hero{min-height:700px;display:grid;grid-template-columns:58% 42%;align-items:center}.hero-image{position:absolute;left:58%;right:0;top:0;bottom:0}.hero-content{position:relative;z-index:1;padding:7rem 4vw 7rem max(5vw,calc((100vw - var(--container))/2))}.hero-content h1{font-size:clamp(4rem,7vw,7.8rem);text-transform:uppercase;line-height:.9}.hero-side{position:absolute;right:2rem;bottom:2rem;color:white}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card{border-top:4px solid var(--accent)}.hero-content h1{font-weight:700}.service-card{border-radius:0;background:#262c2c}.contact-form{border-top:5px solid var(--accent)}
@media(max-width:900px){.hero,.hero.editorial,.hero.split,.hero.tech,.hero.playful,.hero.industrial,.hero.conversion,.hero.corporate{display:flex;align-items:end;min-height:680px}.hero-image,.hero.editorial .hero-image,.hero.split .hero-image,.hero.tech .hero-image,.hero.playful .hero-image,.hero.industrial .hero-image,.hero.conversion .hero-image,.hero.corporate .hero-image{inset:0;clip-path:none;border-radius:0}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.28))}.hero-content,.hero.editorial .hero-content,.hero.split .hero-content,.hero.tech .hero-content,.hero.playful .hero-content,.hero.industrial .hero-content,.hero.conversion .hero-content,.hero.corporate .hero-content{padding:7rem 1.5rem 5rem;color:#fff;max-width:750px}.hero-content h1{font-size:clamp(3.4rem,10vw,6.5rem)}.hero-side{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(even){transform:none}}
@media(max-width:600px){.hero{min-height:620px}.hero-content h1{font-size:clamp(3.2rem,16vw,5.5rem);overflow-wrap:anywhere}.service-grid{grid-template-columns:1fr}.service-card{transform:none!important}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item:first-child{grid-row:auto}.gallery-item:last-child{display:none}}
