:root{--cream:#f3efe5;--ink:#121212;--muted:#6d6a63;--gold:#f5b41b;--dark:#171918;--card:#fff;--line:#d9d2c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
.wrap{width:min(1140px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #ddd}
.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{height:62px;width:auto;display:block}.logo-link{display:flex;align-items:center}
nav{display:flex;gap:22px}nav a{text-decoration:none;color:#111;font-weight:800;font-size:.92rem}
.btn{display:inline-block;background:var(--gold);color:#111;text-decoration:none;border:none;border-radius:7px;padding:14px 20px;font-weight:900;cursor:pointer}
.btn-small{padding:11px 14px}.full{width:100%;text-align:center}.btn-outline-light{background:transparent;color:#fff;border:2px solid #fff}
.hero{position:relative;min-height:660px;background:url('assets/rolloff-hero.jpg') center 54%/cover no-repeat;display:flex;align-items:center;color:#fff}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.56) 45%,rgba(0,0,0,.18) 100%)}
.hero-content{position:relative;z-index:2}.hero-copy{max-width:730px}.eyebrow{font-size:.78rem;letter-spacing:1.7px;font-weight:900;color:#b07700;margin-bottom:11px}.hero .eyebrow,.gold{color:var(--gold)}
h1{font-size:clamp(3rem,7vw,6.1rem);line-height:.92;letter-spacing:-3px;margin:.08em 0 .25em}h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.03;margin:.18em 0 .45em}
.lead{font-size:1.25rem;max-width:720px}.service-line{font-weight:900}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.quick-strip{background:#fff;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-grid div{padding:24px;border-right:1px solid var(--line)}.quick-grid div:last-child{border-right:0}.quick-grid strong{display:block;font-size:1.06rem}.quick-grid span{color:var(--muted);font-size:.9rem}
.section{padding:82px 0}.alt{background:#e9e2d5}.dark{background:var(--dark);color:#fff}.section-head{max-width:760px;margin-bottom:35px}.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;padding:26px;border:1px solid var(--line);border-radius:12px}.card h3{margin-top:0}
.split,.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.equipment-video{width:100%;border-radius:14px;background:#000;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.checklist{columns:2;padding-left:22px}.checklist li{margin-bottom:10px}.warning-box{background:#fff;padding:30px;border-left:7px solid var(--gold);border-radius:10px}
.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.area-grid span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;text-align:center;font-weight:900}
.contractor{background:#242725;color:#fff}.contractor p{color:#ddd}.contractor-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contractor-list div{border:1px solid #535853;padding:18px;border-radius:8px;font-weight:900}
.quote-section{background:#fff}.quote-form{display:grid;gap:14px;background:var(--cream);padding:28px;border:1px solid var(--line);border-radius:12px}
label{font-size:.88rem;font-weight:900}input,textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #c7c0b4;border-radius:7px;font:inherit;background:#fff}
.contact-box{display:grid;gap:10px;margin-top:24px}.contact-box a{color:#111;text-decoration:none;font-size:1.05rem}.small{font-size:.83rem;color:var(--muted)}
footer{background:#111;color:#ddd;padding:35px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;align-items:center}.footer-logo{width:200px;background:#fff;border-radius:5px}
@media(max-width:900px){nav{display:none}.cards{grid-template-columns:1fr 1fr}.split,.quote-grid{grid-template-columns:1fr}.area-grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:580px}.quick-grid{grid-template-columns:1fr}.quick-grid div{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.logo{height:48px}.topbar .btn-small{display:none}.hero{min-height:620px;background-position:42% center}.cards,.contractor-list{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr 1fr}.checklist{columns:1}.footer-grid{grid-template-columns:1fr}h1{letter-spacing:-1.5px}}