:root{
  --green:#173f2c;--green2:#2f7d4c;--lime:#9acb55;--cream:#f6f5ef;
  --text:#172019;--muted:#69736c;--white:#fff;--line:#e3e7e2;
  --shadow:0 18px 45px rgba(23,63,44,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}.topbar{background:var(--green);color:#fff;text-align:center;padding:9px 15px;font-size:13px}
.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:20}
.logo{font-weight:900;font-size:25px;letter-spacing:-1.2px;color:var(--green)}.logo span{color:var(--green2)}
nav{display:flex;gap:28px;font-size:14px;font-weight:650;color:#48534c}.cart-btn{border:0;background:var(--cream);border-radius:99px;padding:10px 15px;font-size:15px;cursor:pointer}.cart-btn span{font-weight:800}
.hero{background:linear-gradient(135deg,#eef5ed,#fbfaf5);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:80px 7% 85px;min-height:610px}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--green2);margin-bottom:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:0 0 24px}.hero h1 strong{color:var(--green2)}.hero p{max-width:590px;color:var(--muted);font-size:18px;line-height:1.65}
.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:14px 20px;font-weight:800;cursor:pointer;font-size:14px}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border:1px solid #d5ddd5;color:var(--green)}.light{background:#fff;color:var(--green)}.full{width:100%}
.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#5d6961}.hero-visual{display:flex;justify-content:center}.photo-placeholder{width:min(100%,520px);aspect-ratio:1/1;border-radius:28px;background:repeating-linear-gradient(45deg,#dce9dc,#dce9dc 10px,#d3e2d3 10px,#d3e2d3 20px);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;color:var(--green);box-shadow:var(--shadow)}.photo-placeholder div{font-size:25px;line-height:1.15}.photo-placeholder small{max-width:260px;margin-top:14px;color:#5d7461}
.section{padding:85px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-heading h2,.calc-copy h2,.contact h2,.cta h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;margin:0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 15px;cursor:pointer;color:#59635d}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.03)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-photo{aspect-ratio:1.25;background:#e6eee5;display:flex;align-items:center;justify-content:center;color:#6c806f;text-align:center;padding:20px}.product-photo b{display:block;color:var(--green);font-size:18px}.product-info{padding:20px}.tag{display:inline-block;background:#edf5e9;color:var(--green2);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.product-info h3{font-size:21px;margin:12px 0 7px}.product-info p{color:var(--muted);font-size:13px;line-height:1.55;min-height:40px}.price{font-size:23px;font-weight:900;color:var(--green);margin:15px 0}.price small{font-size:12px;font-weight:600;color:var(--muted)}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1;padding:11px 10px}
.calculator{background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center}.calculator .eyebrow{color:#b9db88}.calc-copy p{color:#d4e0d7;line-height:1.7;max-width:600px}.calc-note{display:inline-block;margin-top:15px;padding:12px 14px;background:rgba(255,255,255,.09);border-radius:10px;font-size:13px}.calc-card{background:#fff;color:var(--text);padding:28px;border-radius:18px;box-shadow:var(--shadow)}label{display:block;font-size:12px;font-weight:800;margin-bottom:16px;color:#4c584f}select,input,textarea{width:100%;border:1px solid #d8ded8;border-radius:9px;padding:13px 14px;font:inherit;margin-top:7px;background:#fff;color:var(--text)}.estimate{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:5px 0 18px;display:flex;justify-content:space-between;align-items:center}.estimate span{font-size:13px;color:var(--muted)}.estimate strong{font-size:27px;color:var(--green)}
.centered{display:block;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:28px;border:1px solid var(--line);border-radius:16px}.step b{font-size:34px;color:#a1c965}.step h3{margin:20px 0 8px}.step p{color:var(--muted);font-size:14px;line-height:1.6}
.cta{margin:0 7% 85px;padding:55px 6%;border-radius:24px;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .eyebrow{color:#c9e6a2}.cta p{color:#dbe9df}.cta h2{max-width:700px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--cream)}.contact p{color:var(--muted);line-height:1.7;max-width:450px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}textarea{resize:vertical;margin-bottom:12px}
footer{background:#102b1e;color:#dbe7df;padding:55px 7% 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}.footer-main .logo{color:#fff}.footer-main .logo span{color:#a7d46a}.footer-main p,.footer-main span,.footer-main a{display:block;color:#aebdb3;font-size:13px;line-height:1.8}.footer-main h4{color:#fff;margin:0 0 10px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;color:#899c90;font-size:12px}
.cart{position:fixed;right:-430px;top:0;width:420px;max-width:92vw;height:100vh;background:#fff;z-index:50;padding:24px;box-shadow:-15px 0 40px rgba(0,0,0,.16);transition:.3s;display:flex;flex-direction:column}.cart.open{right:0}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:40;display:none}.overlay.open{display:block}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-head button{border:0;background:none;font-size:20px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:15px 0}.cart-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item strong{display:block}.cart-item small{color:var(--muted)}.cart-item button{border:0;background:none;color:#a44;cursor:pointer}.cart-total{display:flex;justify-content:space-between;padding:18px 0;font-size:15px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{order:-1}.product-grid{grid-template-columns:1fr 1fr}.calculator,.contact{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.header{padding:0 4%}.hero,.section{padding-left:5%;padding-right:5%}.hero h1{letter-spacing:-2px}.product-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.cta{margin-left:5%;margin-right:5%}.hero-actions{flex-direction:column}.btn{width:100%}}
