:root{--ink:#101613;--deep:#17201b;--green:#79c942;--green2:#9adb62;--stone:#e9e3d8;--white:#fff;--muted:#69736d;--line:#dfe4df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8faf8;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.nav{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--green);color:var(--ink);clip-path:polygon(50% 0,100% 22%,90% 100%,10% 100%,0 22%);font-size:1.2rem;letter-spacing:-.04em}.nav nav{display:flex;gap:34px}.nav nav a{color:#dce3de;text-decoration:none;font-weight:600;font-size:.9rem}.nav-pay,.quick-actions button{border:0;background:none;color:inherit;font-weight:700;cursor:pointer}.nav-pay{border:1px solid #526057;padding:11px 18px;border-radius:3px}.hero{min-height:680px;position:relative;display:grid;align-items:center;background:linear-gradient(110deg,#101613 0%,#101613 36%,rgba(16,22,19,.7) 59%,rgba(16,22,19,.1) 100%),url('assets/hero.png') center/cover no-repeat;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,12,.55),transparent 50%)}.hero-content{position:relative;max-width:760px;margin-left:clamp(22px,8vw,125px);padding:85px 24px 110px 0}.eyebrow{font-size:.77rem;letter-spacing:.2em;font-weight:800;margin:0 0 18px}.eyebrow.green{color:#4c8c24}.hero h1,.section h2,.work h2,.estimate h2,.about h2,dialog h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.92;margin:0;font-weight:800}.hero h1{font-size:clamp(3.8rem,8vw,7.4rem);letter-spacing:-.025em}.hero h1 span{color:var(--green2)}.hero-copy{max-width:600px;font-size:1.15rem;color:#e4e9e5;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border-radius:3px;border:1px solid transparent;text-decoration:none;font-weight:800;cursor:pointer}.button.primary{background:var(--green);color:var(--ink)}.button.primary:hover{background:var(--green2)}.button.ghost{background:rgba(255,255,255,.06);border-color:#819087;color:#fff}.trust-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;color:#cbd4ce;font-size:.83rem}.quick-actions{width:min(1180px,calc(100% - 44px));margin:-44px auto 0;position:relative;display:grid;grid-template-columns:1.2fr .8fr 1.2fr .8fr;background:#fff;box-shadow:0 18px 50px rgba(17,27,21,.15)}.quick-actions>div,.quick-actions>a,.quick-actions>button{padding:25px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;text-align:left}.quick-actions small{font-size:.68rem;letter-spacing:.16em;color:var(--muted);font-weight:800}.quick-actions strong{font-family:"Barlow Condensed";font-size:1.35rem;text-transform:uppercase}.quick-actions a,.quick-actions button{color:var(--ink);text-decoration:none;font-weight:800;background:#f2f5f2}.quick-actions span{color:#5a9d2e}.section{padding:110px clamp(22px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:52px}.section h2,.work h2,.estimate h2,.about h2{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.02em}.section-heading>p{color:var(--muted);max-width:530px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:#fff;padding:34px 28px;min-height:290px;transition:.25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(16,22,19,.08)}.service-card>span{font:800 1rem "Barlow Condensed";color:#5c9f30}.service-card h3{font:700 1.8rem/1.05 "Barlow Condensed";text-transform:uppercase;margin:55px 0 14px}.service-card p{color:var(--muted);font-size:.92rem}.work{display:grid;grid-template-columns:1.3fr .7fr;background:var(--deep);color:white}.work-copy{padding:100px clamp(22px,7vw,110px)}.work-copy>p:not(.eyebrow){color:#c5cec8;max-width:650px}.work ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.work li:before{content:"✓";color:var(--green);font-weight:800;margin-right:9px}.stat-panel{background:var(--green);color:var(--ink);padding:75px 55px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:30px}.stat-panel div{border-top:2px solid rgba(16,22,19,.35);padding-top:16px}.stat-panel strong{display:block;font:800 4.5rem/1 "Barlow Condensed"}.stat-panel span{font-size:.8rem;font-weight:700;text-transform:uppercase}.stat-panel blockquote{grid-column:1/-1;margin:20px 0 0;font:800 2rem "Barlow Condensed";text-transform:uppercase}.estimate{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:var(--stone)}.estimate-intro p:last-child{color:#5f6762;max-width:450px}.estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.estimate-form label,.estimate-form .wide{grid-column:auto}.estimate-form .wide{grid-column:1/-1}label{display:grid;gap:7px}label>span{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}input,select,textarea{width:100%;border:1px solid #c8cec9;background:#fff;padding:14px 15px;border-radius:2px;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(121,201,66,.25);border-color:#5c9e30}.form-status{min-height:24px;margin:0;color:#315d18;font-weight:700}.about{padding:80px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:50px;background:#fff}.about p{color:var(--muted)}.about>a{color:var(--ink);font-weight:800;text-decoration:none}footer{padding:52px clamp(22px,7vw,110px);background:var(--ink);color:#b8c2bc;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px}footer p{font-size:.85rem}footer button{background:none;border:1px solid #526057;color:#fff;padding:11px 18px;cursor:pointer}footer small{grid-column:1/-1;border-top:1px solid #2f3a34;padding-top:25px}dialog{width:min(560px,calc(100% - 30px));border:0;padding:42px;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(8,13,10,.78);backdrop-filter:blur(4px)}dialog h2{font-size:3.2rem}.dialog-copy{color:var(--muted)}dialog form{display:grid;gap:17px}.dialog-close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:2rem;cursor:pointer}.money{position:relative}.money>span{position:absolute;left:15px;top:12px;font-weight:700}.money input{padding-left:32px}.secure-note{color:var(--muted);line-height:1.4}@media(max-width:900px){.nav nav{display:none}.hero{min-height:690px;background-position:62% center}.quick-actions{grid-template-columns:1fr 1fr}.section-heading,.estimate,.work{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.stat-panel{padding:60px 28px}.about{grid-template-columns:1fr}.about p{margin:0}footer{grid-template-columns:1fr auto}}@media(max-width:580px){.nav{height:70px;padding:0 18px}.nav-pay{padding:9px 11px}.brand-mark{width:40px;height:40px}.hero{min-height:720px;background-position:65% center}.hero-content{margin-left:22px;padding-top:60px}.hero h1{font-size:3.7rem}.hero-copy{font-size:1rem}.trust-row{display:grid;gap:8px}.quick-actions{margin-top:-25px;grid-template-columns:1fr;width:calc(100% - 28px)}.quick-actions>div,.quick-actions>a,.quick-actions>button{padding:18px 22px}.section{padding:76px 22px}.section-heading{gap:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.service-card h3{margin-top:30px}.work-copy{padding:76px 22px}.work ul{grid-template-columns:1fr}.stat-panel{grid-template-columns:1fr 1fr}.estimate{gap:35px}.estimate-form{grid-template-columns:1fr}.estimate-form label,.estimate-form .wide{grid-column:1}.about{padding:65px 22px;gap:15px}footer{grid-template-columns:1fr;gap:20px}footer small{grid-column:1}dialog{padding:35px 22px}dialog h2{font-size:2.65rem}}
