:root{--green:#238833;--yellow:#f4c542;--black:#070b08;--text:#202020}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}.container{width:min(1180px,92%);margin:auto}.header{background:linear-gradient(90deg,#050805,#101810);border-bottom:2px solid var(--green);position:sticky;top:0;z-index:50}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{height:74px;display:block;filter:drop-shadow(0 0 10px rgba(35,136,51,.45))}.menu{display:flex;align-items:center;gap:26px}.menu a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.5px}.menu a:hover{color:var(--yellow)}.phone-btn{background:var(--green);color:#fff;padding:13px 18px;border-radius:6px;font-weight:900;text-decoration:none;white-space:nowrap}.hero{min-height:680px;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 39%,rgba(0,0,0,.15) 70%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=80');background-size:cover;background-position:center;color:#fff;display:flex;align-items:center}.hero-content{max-width:780px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1px;font-weight:900;font-size:13px}.hero h1{font-size:clamp(44px,7vw,82px);line-height:.98;margin:10px 0 24px;text-transform:uppercase;letter-spacing:1px}.hero h1 span{color:var(--green)}.hero-text{max-width:620px;font-size:20px;color:#f3f3f3}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;background:linear-gradient(180deg,#3aa849,#217b30);color:#fff;text-decoration:none;border:0;border-radius:6px;padding:15px 24px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22)}.btn.outline{background:transparent;border:2px solid #fff}.btn.full{width:100%}.trust-bar{background:linear-gradient(90deg,#0b3f16,#1e7e30,#0b3f16);color:#fff;border-top:1px solid var(--yellow);border-bottom:1px solid var(--yellow)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:26px 20px;border-right:1px solid rgba(255,255,255,.35)}.trust-grid div:last-child{border-right:0}.trust-grid strong{display:block;text-transform:uppercase;font-size:15px}.trust-grid span{color:#e8e8e8;font-size:14px}.section{padding:78px 0}.center{text-align:center}h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:8px 0 16px;text-transform:uppercase}.section-subtitle{max-width:720px;margin:0 auto 34px;color:#555}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.service-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.12);border:1px solid #eee}.service-card h3{margin:18px 18px 8px;text-transform:uppercase}.service-card p{margin:0 18px 22px;color:#555}.service-img{min-height:190px;background-size:cover;background-position:center}.kitchen{background-image:url('https://images.unsplash.com/photo-1556912172-45b7abe8b7e1?auto=format&fit=crop&w=900&q=80')}.bath{background-image:url('https://images.unsplash.com/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=900&q=80')}.roof{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=900&q=80')}.drywall{background-image:url('https://images.unsplash.com/photo-1581092919535-7146ff1a590b?auto=format&fit=crop&w=900&q=80')}.flooring{background-image:url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&w=900&q=80')}.siding{background-image:url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=900&q=80')}.dark-section{background:linear-gradient(90deg,#061007,#111,#061007);color:#fff}.dark-section p{color:#e6e6e6}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.check-card,.about-box,.quote-form{background:#fff;color:#111;border-radius:16px;padding:30px;box-shadow:0 14px 34px rgba(0,0,0,.18)}.check-card p{color:#111;font-weight:800;font-size:18px}.about-box ul{margin:0;padding-left:20px}.about-box li{margin:10px 0;font-weight:700}.cta-strip{background:#080c08;color:#fff;padding:46px 0}.cta-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px}.cta-grid h2{margin:0;font-size:34px}.big-phone{color:#fff;text-decoration:none;font-size:34px;font-weight:900}.contact-section{background:#f2f2f2}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:start}.contact-grid a{color:var(--green);font-weight:900}.quote-form{display:grid;gap:13px}input,select,textarea{width:100%;padding:15px;border:1px solid #ccc;border-radius:8px;font:inherit}textarea{min-height:140px}.hidden{display:none}footer{background:#050805;color:#fff;padding:34px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo{height:86px;filter:drop-shadow(0 0 10px rgba(35,136,51,.45))}footer a{color:#fff}.mobile-call{display:none}
@media(max-width:900px){.menu{display:none}.nav{min-height:76px}.brand img{height:58px}.phone-btn{padding:10px 12px;font-size:14px}.hero{min-height:620px}.trust-grid,.service-grid,.split,.cta-grid,.contact-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.cta-grid{text-align:center}.big-phone{font-size:28px}.footer-grid{display:block;text-align:center}.mobile-call{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:99;background:var(--green);color:#fff;text-align:center;padding:14px;border-radius:999px;font-weight:900;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.3)}body{padding-bottom:64px}}

.btn.finance{
  background:linear-gradient(180deg,#f4c542,#cfa62d);
  color:#101010;
  border:0;
}

.financing-section{
  background:#111;
  color:#fff;
}

.financing-card{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:34px;
  align-items:center;
  background:linear-gradient(135deg,#071007,#182218);
  border:1px solid rgba(244,197,66,.45);
  border-radius:18px;
  padding:34px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}

.financing-card h2{
  margin-top:8px;
}

.financing-card p{
  color:#eeeeee;
}

.qr-card{
  background:#fff;
  color:#111;
  border-radius:14px;
  padding:18px;
  text-align:center;
  box-shadow:0 10px 26px rgba(0,0,0,.25);
}

.qr-card img{
  width:100%;
  max-width:220px;
  display:block;
  margin:0 auto 10px;
}

.qr-card p{
  color:#111;
  margin:0;
  font-weight:900;
  text-transform:uppercase;
}

@media(max-width:900px){
  .financing-card{
    grid-template-columns:1fr;
    text-align:center;
    padding:26px;
  }
  .qr-card{
    max-width:260px;
    margin:auto;
  }
}
