:root{--ink:#1c3029;--muted:#617068;--paper:#f6f3eb;--pine:#244b3c;--clay:#e9895e;--gold:#f3c362;--line:#d8d7ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbf9f2}.brand{font-size:1.45rem;font-weight:700;letter-spacing:-.06em}.brand span{color:var(--clay)}nav{display:flex;gap:2rem;font-size:.9rem;font-weight:600}nav a:hover,.header-link:hover{color:var(--clay)}.header-link{font-size:.9rem;font-weight:700}.hero{min-height:570px;padding:5rem clamp(1.2rem,9vw,9rem);display:grid;grid-template-columns:1fr .8fr;gap:3rem;align-items:center;background:#dce4c8;overflow:hidden}.eyebrow{color:#58714d;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 .8rem}.hero h1,h2{font-family:Newsreader,Georgia,serif;font-weight:500;letter-spacing:-.055em;line-height:.94;margin:0}.hero h1{font-size:clamp(3.5rem,7vw,6.25rem)}em{color:var(--clay);font-style:italic}.hero-text{font-size:1.1rem;max-width:28rem;margin:1.8rem 0 2.2rem;color:#40554a}.button{display:inline-flex;gap:.8rem;align-items:center;background:var(--pine);color:white;border-radius:999px;padding:.9rem 1.25rem;font-size:.9rem;font-weight:700}.button:hover{background:#173a2d}.hero-art{height:360px;position:relative}.sun{position:absolute;width:140px;height:140px;border-radius:50%;background:var(--gold);right:8%;top:1%}.ground{position:absolute;background:#6a9a69;width:130%;height:90px;bottom:-35px;left:-15%;border-radius:50% 50% 0 0}.house{position:absolute;background:#fbf7e9;width:250px;height:195px;right:20%;bottom:45px;border:7px solid var(--pine);z-index:2}.roof{position:absolute;width:205px;height:205px;background:var(--clay);border:7px solid var(--pine);transform:rotate(45deg);top:-111px;left:16px}.window{position:absolute;background:#93c2bd;border:6px solid var(--pine);width:52px;height:58px;top:45px;z-index:2}.window.one{left:24px}.window.two{right:24px}.door{position:absolute;bottom:0;left:94px;width:57px;height:92px;background:#e0af60;border:6px solid var(--pine);z-index:3}.tree{position:absolute;z-index:3;bottom:42px;width:72px;height:130px;background:#4f8660;clip-path:polygon(50% 0,100% 70%,68% 70%,100% 100%,0 100%,32% 70%,0 70%)}.tree.left{left:5%}.tree.right{right:3%;transform:scale(.7)}.trust-bar{padding:1.4rem clamp(1.2rem,9vw,9rem);display:flex;justify-content:space-between;gap:1rem;background:var(--pine);color:#eaf0df;font-size:.86rem}.trust-bar p{margin:0}.trust-bar strong{color:white}.calculator-section,.guides-section{padding:7rem clamp(1.2rem,9vw,9rem)}.section-heading{max-width:35rem;margin-bottom:3rem}.section-heading h2,.how-section h2{font-size:clamp(2.7rem,5vw,4.5rem)}.section-heading>p:last-child{color:var(--muted);max-width:30rem}.calculator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.calculator-card{padding:1.65rem;min-height:530px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;background:#fcfbf6}.concrete-card{border-top:5px solid #81968b}.paint-card{border-top:5px solid var(--clay)}.mulch-card{border-top:5px solid #b79157}.card-icon{font-size:1.6rem}.card-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted);margin:1.3rem 0 .3rem}.calculator-card h3{font-family:Newsreader,Georgia,serif;font-size:2rem;font-weight:600;letter-spacing:-.04em;margin:0}.calculator-card>div p:last-child{font-size:.9rem;color:var(--muted);margin:.4rem 0 1rem}.calculator-form{margin-top:auto}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.calculator-form label{display:block;position:relative;margin:.65rem 0;font-size:.78rem;color:var(--muted)}input,select{margin-top:.25rem;width:100%;font:inherit;color:var(--ink);padding:.68rem 2rem .68rem .6rem;border:1px solid #b7c0b5;border-radius:3px;background:white}label span{position:absolute;right:.6rem;bottom:.68rem;color:#738077;font-size:.73rem}.check-label{display:flex!important;align-items:center;gap:.45rem}.check-label input{margin:0;width:1rem;accent-color:var(--pine)}.text-button{padding:.5rem 0;border:0;background:transparent;color:var(--pine);font-weight:700;font-size:.88rem;cursor:pointer}.text-button:hover{color:var(--clay)}.result{min-height:78px;margin-top:1rem;padding:1rem;background:#edf0e4;font-size:.88rem;border-radius:3px;color:#506056}.result strong{display:block;color:var(--ink);font-size:1.2rem;margin-bottom:.2rem}.how-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem;padding:6.5rem clamp(1.2rem,9vw,9rem);background:#f1b87a}.how-section .eyebrow{color:#755132}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:1.4rem;padding:1.1rem 0;border-top:1px solid rgba(28,48,41,.25)}.steps li:last-child{border-bottom:1px solid rgba(28,48,41,.25)}.steps span{font-size:.8rem;font-weight:700;color:#805135}.steps h3{font-size:1.1rem;margin:0}.steps p{margin:.2rem 0 0;color:#4e4b38;font-size:.93rem}.guides-section{background:#fcfbf6}.guide-list{border-top:1px solid var(--line)}.guide-list a{display:flex;justify-content:space-between;padding:1.2rem 0;border-bottom:1px solid var(--line);font-family:Newsreader,Georgia,serif;font-size:1.55rem}.guide-list a:hover{color:var(--clay)}footer{padding:3rem clamp(1.2rem,9vw,9rem);background:var(--ink);color:#dfe5d7;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:.78rem}footer .brand{color:#fff}footer p:last-child{text-align:right;color:#aab5a8}@media(max-width:800px){.site-header{height:70px}nav{display:none}.hero{padding:4rem 1.3rem 2.5rem;grid-template-columns:1fr;gap:1rem}.hero-art{height:260px}.house{transform:scale(.75);transform-origin:bottom right}.trust-bar{display:block;padding:1rem 1.3rem}.trust-bar p{margin:.35rem 0}.calculator-section,.guides-section{padding:4.5rem 1.3rem}.calculator-grid{grid-template-columns:1fr}.calculator-card{min-height:470px}.how-section{grid-template-columns:1fr;gap:2.5rem;padding:4.5rem 1.3rem}.guide-list a{font-size:1.25rem}footer{grid-template-columns:1fr;gap:1rem}footer p:last-child{text-align:left}}