@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--g:#16A34A;--d:#14532D;--l:#F0FDF4;--t:#172033;--m:#667085;--b:#e1e8e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--t);line-height:1.7;margin:0}.navbar{min-height:76px}.brand{font:800 16px Manrope;color:var(--d)!important}.brand b,footer b{color:var(--g)}.mark{display:inline-grid;place-items:center;width:38px;height:38px;border:2px solid var(--g);color:var(--g);margin-right:8px;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}.nav-link{font-weight:600}.btn{border-radius:8px;font-weight:700}.btn-green{background:var(--g);border-color:var(--g);color:#fff}.btn-green:hover{background:var(--d);color:#fff}.btn-outline-green{border-color:var(--g);color:var(--d)}.btn-white{background:#fff;color:var(--d)}.hero{background:linear-gradient(135deg,#f7fff9,#eef8f1);padding:150px 0 90px;overflow:hidden}.hero h1,h1,h2{font-family:Manrope;font-weight:800;color:var(--d);line-height:1.12;letter-spacing:-1.5px}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.hero h5{font-weight:700;margin:24px 0 12px}.hero p{color:var(--m);font-size:17px}.eyebrow,label,.section-label{color:var(--g);font-size:12px;font-weight:800;letter-spacing:1.5px}.hero-art{height:470px;background:linear-gradient(145deg,var(--d),#0b2b18);border-radius:24px;position:relative;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px);background-size:45px 45px}.tower{position:absolute;bottom:60px;background:#e8f5eb;border:4px solid #fff}.tower:after{content:'';position:absolute;inset:20px;background:repeating-linear-gradient(90deg,transparent 0 16px,var(--d) 17px 21px),repeating-linear-gradient(0deg,transparent 0 27px,var(--d) 28px 32px)}.a{left:12%;width:27%;height:63%}.b{left:40%;width:32%;height:83%}.c{right:9%;width:22%;height:55%}.tag{position:absolute;background:#fff;border-radius:10px;padding:12px;font-size:12px;font-weight:800;box-shadow:0 10px 25px #0003}.tag small{font-size:9px;color:var(--m)}.t1{top:30px;left:25px}.t2{right:20px;bottom:25px}.strip{padding:20px 0;border-bottom:1px solid var(--b)}.strip b,.strip small{display:block}.strip small{color:var(--m);font-size:12px}.section{padding:90px 0}.light{background:var(--l)}h2{font-size:clamp(2rem,4vw,3.1rem);margin:10px 0 18px}.heading{text-align:center;max-width:760px;margin:0 auto 45px}.section p{color:var(--m)}.cardx{height:100%;background:#fff;border:1px solid var(--b);border-radius:14px;padding:27px;transition:.2s}.cardx:hover{transform:translateY(-4px);box-shadow:0 15px 30px #14532d14}.cardx i{display:grid;place-items:center;width:50px;height:50px;border-radius:10px;background:var(--l);color:var(--g);font-size:22px;margin-bottom:18px}.cardx h3,.project h3{font:700 18px Manrope;color:var(--d)}.cardx p{font-size:14px;margin:0}.blueprint{background:#fff;border:1px solid var(--b);border-radius:20px;padding:25px;box-shadow:0 18px 45px #14532d12}.floor{height:300px;margin:20px 0;border:2px solid #829589;display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:1fr 1fr}.floor i{display:grid;place-items:center;border:1px solid #829589;font-size:10px;color:#55705e;font-style:normal;font-weight:800}.estimate{background:#102f1d;color:#fff;padding:90px 0}.estimate h2{color:#fff}.estimate p{color:#bfd0c3}.ef{display:flex;gap:18px;margin:25px 0}.ef>b{color:#8de2a6}.sheet{background:#fff;color:var(--t);border-radius:15px;padding:25px}.sheet>div{padding:11px 4px;border-bottom:1px solid var(--b);font-size:13px}.sheet span{float:right}.sheet>b{display:block;padding-top:16px;color:var(--g);font-size:12px}.project{height:285px;border-radius:15px;padding:25px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:linear-gradient(135deg,#effaf2,#c8e2ce);border:1px solid var(--b)}.project:before{content:'';position:absolute;width:65%;height:70%;left:18%;bottom:0;border:10px solid #14532d88;border-bottom:0;clip-path:polygon(0 30%,50% 0,100% 30%,100% 100%,0 100%)}.project>*{position:relative}.project>b{font-size:10px;letter-spacing:1.5px;color:var(--g)}.project h3{font-size:23px}.project p{font-size:13px;margin:0}.process{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.process>div{text-align:center;min-width:125px}.process span{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:50%;background:var(--l);border:1px solid #b9dfc3;color:var(--g);font-weight:800}.process h3{font:700 15px Manrope;color:var(--d);margin:12px 0 0}.process small{color:var(--m)}.cta{background:var(--g);color:#fff;padding:60px 0}.cta h2{color:#fff;margin:8px 0}.cta .inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.form{background:#fff;border:1px solid var(--b);border-radius:15px;padding:28px;box-shadow:0 15px 35px #14532d12}.form label{display:block;color:#344054;letter-spacing:0;margin-bottom:5px}.form input,.form select,.form textarea{width:100%;padding:11px;border:1px solid #d5ddd7;border-radius:7px;outline:none}.service-hero{background:var(--l);padding:145px 0 70px}.page-intro{max-width:760px}.page-intro h1{font-size:clamp(2.5rem,5vw,4rem)}.contact-box{background:var(--l);padding:25px;border-radius:15px}.contact-box a{color:var(--d);font-weight:700;text-decoration:none}footer{background:#0d2115;color:#c5d2c9;padding:60px 0 0}footer h3{font:800 20px Manrope;color:#fff}footer h5{font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:1px}footer a{display:block;color:#c5d2c9;text-decoration:none;font-size:13px;margin:8px 0}.bottom{border-top:1px solid #294132;margin-top:40px;padding:18px 0;text-align:center;font-size:12px}.float{position:fixed;right:18px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;z-index:10;text-decoration:none;box-shadow:0 8px 20px #0003}.wa{bottom:18px;background:var(--g);font-size:23px}.call{bottom:78px;background:var(--d)}@media(max-width:991px){.hero{padding-top:125px}.section,.estimate{padding:65px 0}.cta .inner{display:block}}@media(max-width:575px){.hero h1{font-size:2.45rem}.hero p{font-size:15px}.section,.estimate{padding:55px 0}}
