:root{--green:#176b4a;--ink:#102b23;--muted:#50645b;--line:#dce7df;--paper:#f3f7f1}
body{color:var(--ink);background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.7}
.top{background:#103b2b;color:#edf6ed}.top .wrap{padding-top:7px;padding-bottom:7px}
header{background:#fffffff5;backdrop-filter:blur(14px);border-bottom:1px solid #e2eae3}
.nav{padding-top:9px;padding-bottom:9px;gap:24px}.brand-logo{width:150px;height:100px}
nav{gap:22px}nav a:hover{color:#176b4a}html{scroll-padding-top:135px}
.button{background:#176b4a;border-color:#176b4a;border-radius:99px;padding:14px 24px;box-shadow:0 6px 18px #176b4a12;transition:background .2s,transform .2s}
.button:hover{background:#105136;border-color:#105136;transform:translateY(-2px)}.outline{color:#176b4a;background:white}.outline:hover{background:#eaf2e8;color:#105136}
.hero{position:relative;background:radial-gradient(ellipse at 95% 5%,#dcebcf 0,transparent 55%),linear-gradient(125deg,#f8faf5,#edf4eb);padding:72px 0 78px;border-bottom:1px solid #dce7d8}
.hero-grid{grid-template-columns:1fr 1.08fr;gap:54px;align-items:center}.hero .eyebrow{display:inline-block;border:1px solid #c7d9c8;border-radius:99px;padding:7px 13px;font-size:11px;letter-spacing:1.6px;background:#ffffff85;color:#205b42}
.hero h1,.hero h1 em{color:#000}.hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.08;letter-spacing:-2px;margin:24px 0}.hero .intro{font-size:18px;color:#415c4d}.hero .intro:first-of-type{font-weight:600;color:#244b36;font-size:20px}
.ecotek-carousel{border:7px solid #fff;border-radius:24px;box-shadow:0 24px 65px #173e2925;transform:rotate(0deg)}.ecotek-slides{background:#eff3ec}.ecotek-controls{background:#103b2b;gap:14px;padding:10px}.ecotek-controls button{border-radius:50px}.ecotek-controls [data-pause]{border-color:#ffffff50}
.strip{padding-top:23px;padding-bottom:23px;color:#50645b}.strip strong{color:#176b4a}
section{padding:88px 0}.eyebrow{color:#176b4a}.section-heading{margin-bottom:38px}h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.4px;line-height:1.14}.section-heading p{color:#50645b}
.cards{gap:24px}.card{position:relative;overflow:hidden;border:1px solid #dce7df;border-radius:18px;padding:28px;background:white;box-shadow:0 8px 30px #133a2407;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #133a2414;border-color:#7ba58a}.card-photo{width:calc(100% + 56px);margin:-28px -28px 25px;height:215px}.card .tag{color:#176b4a;font-size:11px;letter-spacing:1.6px}.card h3{font-size:26px;letter-spacing:-.7px}.text-link{color:#14643f;padding-top:18px;border-top:1px solid #e3ebe1;width:100%;text-decoration:none}.text-link:after{content:' ↗';float:right}.card ul{color:#50645b}
.support{background:linear-gradient(125deg,#0f3528,#1c5035);border-radius:0;color:#fff}.support .eyebrow{color:#bcddad}.support .button{background:#d7edb7;color:#163a25;border-color:#d7edb7}.support .outline{background:transparent;color:#fff;border-color:#9ab7a1}.support p,.support li{color:#d3e1d5}
.about{gap:65px}.about aside{background:#f0f6eb;border-color:#689c59;border-radius:0 18px 18px 0;padding:32px}.contacts{background:#f1f6ee}.form{border-radius:20px;border:1px solid #d9e4d5;box-shadow:0 14px 38px #193c2209;padding:34px}.form input,.form select,.form textarea{border-radius:9px;border-color:#c5d4c4}.label,address a{color:#176b4a}footer{background:#fff;padding:35px 0}
@media(max-width:1000px){nav{gap:12px;font-size:13px}.hero-grid{gap:28px}.hero h1{font-size:44px}.brand-logo{width:130px;height:88px}}
@media(max-width:760px){.hero{padding:35px 0 44px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:39px}.hero .intro{font-size:16px}.hero .intro:first-of-type{font-size:18px}.hero .eyebrow{font-size:10px}.brand-logo{width:118px;height:78px}.nav{padding-top:7px;padding-bottom:7px}nav{font-size:15px}.ecotek-carousel{border-width:5px;border-radius:18px}.cards{gap:22px}.card-photo{height:220px}.support-grid,.about,.contact-grid{gap:30px}section{padding:54px 0}.form{padding:24px}.actions .button{font-size:14px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.button,.card{transition:none}.button:hover,.card:hover{transform:none}}