@font-face{font-family:Oswald;src:url(assets/fonts/Oswald.ttf) format("truetype");font-weight:200 700;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/Inter.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--char:#26292e;--black:#1b1d21;--gold:#f2a900;--teal:#40bec4;--brick:#c8553d;--light:#e9eaec;--muted:#a3a7ad;--line:#3a3e45}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--char);color:var(--light);line-height:1.6}
a{color:var(--gold)}
h1,h2,h3,.logo,.btn,.eyebrow,nav a{font-family:Oswald,Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase}
h1,h2,h3{color:#fff;margin:0 0 .5em;line-height:1.15;font-weight:600}
h2{font-size:clamp(1.8rem,4vw,2.4rem)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.center{text-align:center}
.site-header{position:sticky;top:0;z-index:10;background:var(--black);border-top:5px solid var(--gold);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;font-size:1.4rem;font-weight:600}
.word{display:flex;flex-direction:column;line-height:1}.word small{color:var(--gold);font-size:.5em;letter-spacing:.25em;margin-top:4px;font-family:Inter,sans-serif;font-weight:500}
nav{display:flex;gap:26px}nav a{color:var(--light);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--gold)}
.btn{display:inline-block;padding:12px 24px;border-radius:3px;text-decoration:none;font-weight:500;border:2px solid var(--gold);cursor:pointer;font-size:1rem}
.btn-gold{background:var(--gold);color:var(--black)}.btn-gold:hover{background:#ffbd1f}
.btn-ghost{color:var(--gold);background:transparent}.btn-ghost:hover{background:rgba(242,169,0,.1)}
.hero{position:relative;background:var(--black);padding:110px 0 120px;text-align:center}
.eyebrow{color:var(--gold);font-size:.95rem;letter-spacing:.25em;margin:0 0 10px}
.hero h1{font-size:clamp(2.6rem,8vw,5rem)}
.lead{max-width:640px;margin:0 auto 32px;font-size:1.15rem;color:var(--light)}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.stripe{position:absolute;left:0;right:0;bottom:0;display:flex;height:8px}.stripe span{flex:1}
.stripe span:nth-child(1){background:var(--gold)}.stripe span:nth-child(2){background:var(--brick)}.stripe span:nth-child(3){background:var(--teal)}
.section{padding:80px 0}.dark{background:var(--black)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.card{background:#2f3339;border:1px solid var(--line);border-top:4px solid var(--gold);padding:30px;border-radius:3px}
.c-clean{border-top-color:var(--teal)}.c-roof{border-top-color:var(--brick)}
.ico{width:48px;height:48px;margin-bottom:12px}.card p{color:#c9ccd1}
.link{text-decoration:none;font-weight:600}
.soon{color:var(--muted)}.badge{display:inline-block;background:var(--gold);color:var(--black);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;padding:3px 10px;border-radius:2px;margin-right:8px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.ph{aspect-ratio:4/3;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:3px;text-align:center;padding:10px}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.contact-list{list-style:none;padding:0;margin:24px 0}.contact-list li{display:flex;flex-direction:column;margin-bottom:16px;padding-left:16px;border-left:3px solid var(--gold)}
.contact-list b{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:500;font-size:.85rem}
.contact-list a,.contact-list span{color:#fff;word-break:break-word}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#2f3339;padding:28px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:3px}
.form label{display:flex;flex-direction:column;font-size:.9rem;gap:6px}.full{grid-column:1/-1}
input,select,textarea{font:inherit;padding:10px 12px;background:var(--char);color:#fff;border:1px solid #4a4f57;border-radius:3px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.fine{font-size:.85rem;color:var(--muted);margin:0}
.footer{background:#141518;padding:40px 0 90px;text-align:center;border-top:5px solid var(--gold);font-size:.92rem;color:var(--muted)}
.footer .logo{justify-content:center;margin-bottom:10px}.copy{font-size:.8rem}
.mobile-cta{display:none}
@media (max-width:860px){
  nav{display:none}.cards,.gallery,.contact-grid{grid-template-columns:1fr}
  .hero{padding:70px 0 80px}.section{padding:56px 0}
}
@media (max-width:520px){
  .nav-cta{display:none}.form{grid-template-columns:1fr;padding:20px}
  .mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;background:var(--gold);color:var(--black);text-align:center;padding:14px;border-radius:4px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;font-weight:600;z-index:20;box-shadow:0 4px 14px rgba(0,0,0,.4)}
}