/* Home hero only. Existing catalog, calculator and shared page styles are retained. */
.ec-home .ec-header-inner{gap:24px}
.ec-home .ec-phone{display:flex;align-items:center;gap:9px;min-height:44px}
.ec-home .ec-phone svg{width:22px;height:22px;flex-shrink:0}
.ec-home .ec-header-telegram{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:#203f37}
.ec-home .ec-header-telegram svg{width:25px;height:25px;stroke-width:1.35}
.ec-hero{position:relative;isolation:isolate;background:#eee9df;padding:0 0 28px;color:#202e29;overflow:hidden}
.ec-hero-art{position:absolute;inset:0;z-index:-2;pointer-events:none}.ec-hero-image{width:100%;height:100%;object-fit:cover;object-position:center}
.ec-hero-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,248,241,.96) 0%,rgba(250,248,241,.86) 28%,rgba(250,248,241,.32) 49%,transparent 68%)}
.ec-hero-body{max-width:1400px;margin:auto;padding:58px 48px 50px}
.ec-hero-copy{max-width:570px}
.ec-hero-eyebrow{margin:0 0 26px;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:3px;text-transform:uppercase;color:#5d665e}
.ec-hero h1{margin:0 0 24px;font-size:clamp(42px,4.25vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.055em;text-wrap:initial}
.ec-hero h1>span{color:#147643}
.ec-hero-intro{max-width:415px;margin:0 0 24px;font-size:18px;line-height:1.5;color:#536057}
.ec-hero-points{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px;font-size:16px;line-height:1.3}
.ec-hero-points li{display:flex;align-items:center;gap:15px}
.ec-hero-points svg{box-sizing:content-box;width:26px;height:26px;padding:12px;border-radius:50%;background:#eeeee7;stroke-width:1.25;flex-shrink:0}
.ec-hero-points li:first-child svg{color:#896c3d}
.ec-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.ec-hero-actions a{display:flex;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:14px 22px;border-radius:10px;font-size:15px;font-weight:600;line-height:1.4;text-align:center;border:1px solid #185c40;transition:background .15s}
.ec-hero-primary{background:#105b38;color:white}
.ec-hero-primary:hover{background:#09482b}
.ec-hero-secondary{color:#185c40;background:#f7f5ecdb}
.ec-hero-secondary:hover{background:#fff}
.ec-hero-benefits{list-style:none;padding:26px 12px;margin:0 auto;max-width:1304px;width:calc(100% - 96px);border-radius:24px;background:rgba(253,252,248,.96);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 12px 40px #262d2110}
.ec-hero-benefits li{padding:0 16px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;line-height:1.3}
.ec-hero-benefits li+li{border-left:1px solid #e3e2d9}
.ec-hero-benefits svg{width:34px;height:34px;color:#896c3d;stroke-width:1.15;margin-bottom:6px}
.ec-hero-benefits strong{font-weight:500;text-transform:uppercase;font-size:13px}
.ec-hero-benefits li>span{font-size:12px;color:#62685f}
@media(max-width:1099px){.ec-home .ec-header-inner{gap:16px}.ec-home .ec-menu-toggle{margin-left:0}.ec-hero-body{padding:42px 32px}.ec-hero-copy{max-width:49%}.ec-hero h1{font-size:44px}.ec-hero-intro{font-size:16px}.ec-hero-actions{flex-direction:column;align-items:stretch}.ec-hero-benefits{width:calc(100% - 64px)}}
@media(max-width:600px){
.ec-home .ec-header-inner{padding:10px 14px;gap:9px;min-height:72px}
.ec-home .ec-phone{display:flex;font-size:10px;gap:4px;margin-left:auto}
.ec-home .ec-phone svg{width:16px;height:16px}
.ec-home .ec-header-telegram{width:32px;min-width:32px}
.ec-home .ec-header-telegram svg{width:23px;height:23px}
.ec-home .ec-menu-toggle{border:0;border-radius:0;padding:9px;width:36px;min-width:36px}
.ec-home .ec-menu-toggle span{height:1px;margin:6px 0}
.ec-hero{padding-bottom:16px}
.ec-hero-image{object-fit:cover;object-position:58% center}
.ec-hero-stage::before{background:linear-gradient(90deg,rgba(250,248,242,.98) 0%,rgba(250,248,242,.92) 30%,rgba(250,248,242,.63) 48%,rgba(250,248,242,0) 68%)}
.ec-hero-body{padding:28px 22px 62px}
.ec-hero-copy{max-width:none;width:58%}
.ec-hero-eyebrow{font-size:8px;letter-spacing:1.8px;line-height:1.6;margin-bottom:18px}
.ec-hero h1{font-size:clamp(27px,7.2vw,36px);line-height:1.09;letter-spacing:-.055em;margin-bottom:16px}
.ec-hero-intro{font-size:12px;line-height:1.5;margin-bottom:20px}
.ec-hero-points{font-size:11px;gap:10px;margin-bottom:24px}
.ec-hero-points li{gap:9px}
.ec-hero-points svg{width:18px;height:18px;padding:8px}
.ec-hero-actions{gap:9px;margin:0}
.ec-hero-actions a{min-height:44px;padding:10px 7px;font-size:11px;border-radius:8px;gap:5px}
.ec-hero-benefits{width:calc(100% - 24px);padding:18px 4px;border-radius:18px}
.ec-hero-benefits li{padding:0 5px;gap:8px}
.ec-hero-benefits svg{width:25px;height:25px;margin-bottom:3px}
.ec-hero-benefits strong{font-size:9px}
.ec-hero-benefits li>span{font-size:8px;line-height:1.4}
}
@media(max-width:359px){.ec-home .ec-phone span{display:none}.ec-home .ec-phone{min-width:32px;justify-content:center}.ec-home .ec-phone svg{width:21px;height:21px}.ec-hero-body{padding-inline:16px}.ec-hero-copy{width:64%}.ec-hero h1{font-size:27px}.ec-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.ec-hero-benefits li:nth-child(3){border-left:0}.ec-hero-benefits strong{font-size:11px}.ec-hero-benefits li>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ec-hero-actions a{transition:none}}
@media(min-width:1100px){
.ec-hero-copy{max-width:660px}
.ec-hero h1{font-size:clamp(48px,3.8vw,56px)}
.ec-hero-body{padding-top:44px;padding-bottom:48px}
.ec-hero-points{display:flex;gap:22px;font-size:13px;line-height:1.4}
.ec-hero-points li{gap:10px}
.ec-hero-points svg{width:23px;height:23px;padding:9px}
}

@media(max-width:359px){.ec-hero-stage::before{background:linear-gradient(90deg,#faf8f2fa 0%,#faf8f2ee 48%,#faf8f2d9 66%,transparent 86%)}}

/* Show the full window illustration above, rather than underneath, the benefits. */
.ec-hero-stage{position:relative;isolation:isolate;overflow:hidden}
.ec-hero-image{object-fit:contain;object-position:right center}
@media(max-width:600px){.ec-hero-image{object-fit:cover;object-position:right center}}

@media(min-width:601px){
 .ec-hero-image{position:absolute;right:0;width:auto;max-width:none;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
}