h2{font-size:1.45rem;margin-bottom:5px;line-height:1.3}.ecoPage{--row-width:80rem}.ecoPage .page-top{min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;gap:4rem}.ecoPage .page-top h1{font-weight:800;font-size:2.5rem;line-height:1.1;margin-bottom:1rem}.ecoPage .page-top p{font-size:1.25rem}.ecoPage .page-top .modelBox{min-height:65vh;position:relative;touch-action:pan-y}.ecoPage .product3D{inset:0;position:absolute!important;z-index:2}.ecoPage .page-top .modelBox .txtBox{position:absolute;background-image:linear-gradient(-135deg,var(--spotlight-color),var(--second-color));-webkit-mask-image:url(/products/ecohub/ecohubtext.svg);mask-image:url(/products/ecohub/ecohubtext.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:auto 100%;mask-size:auto 100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:1;width:100%}#cardArea{padding:60px 0 15px}#cardArea h2{font-size:2rem;margin-bottom:5px;line-height:1.3;padding-inline:.4rem}#cardArea .Homebox{display:flex;gap:10px;flex-wrap:wrap}#cardArea .titleArea{font-size:2.5rem;margin-bottom:5px}#cardArea .HomeCard{border-radius:var(--popup-BR);background-color:#e4e4e4;z-index:1;position:relative;flex:1 1 calc(33.333% - 9px);min-width:clamp(0px,235px,100%);transition:background-color var(--longTransition);padding:2px}#cardArea .HomeCard:has(.CardContent .secondaryButton:hover){background-color:rgb(var(--cardColor))}#cardArea .HomeCard .CardContent{background:#fff;padding:15px 20px;border-radius:calc(var(--popup-BR) - 2px);height:100%;width:100%;margin:0;position:relative;z-index:3;overflow:hidden}#cardArea .HomeCard .CardContent h3 a,#cardArea .HomeCard .CardContent p a{text-decoration:underline;color:rgb(var(--cardColor))}#cardArea .HomeCard .CardContent svg{width:50px;height:50px;margin-bottom:10px;color:rgb(var(--cardColor))}#cardArea .HomeCard .CardContent p span{background-color:transparent!important}#cardArea .HomeCard .CardContent h3{font-size:1.2rem;font-weight:600;line-height:1.2;margin-bottom:10px}#cardArea .HomeCard .CardContent .secondaryButton{transform:scale(1);outline:none!important;color:rgb(var(--cardColor));border-color:rgb(var(--cardColor));display:block;font-size:1rem;line-height:1.1;padding:6px 15px;margin:10px auto 0;text-align:center}#cardArea .HomeCard .CardContent .secondaryButton:focus-visible,#cardArea .HomeCard .CardContent .secondaryButton:hover{color:#fff;border-color:#fff;transition-delay:.1s}#cardArea .HomeCard .CardContent .secondaryButton:active{transform:scale(.9);transition-delay:0s}#cardArea .HomeCard .CardContent:after{content:"";bottom:0;left:0;position:absolute;width:100%;height:0;border-radius:inherit;background:rgb(var(--cardColor));opacity:0;z-index:-1;transition:all var(--longTransition)}#cardArea .HomeCard .CardContent:has(.secondaryButton:focus-visible):after,#cardArea .HomeCard .CardContent:has(.secondaryButton:hover):after{opacity:1;transform:scale(8);height:10%;filter:blur(10px)}#cardArea .HomeCard:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgb(var(--cardColor)),transparent 35%);z-index:2}#cardArea .HomeCard .CardContent:before,#cardArea .HomeCard:before{position:absolute;content:"";border-radius:inherit;height:100%;width:100%;left:0;top:0;opacity:0;transition:all var(--longTransition)}#cardArea .HomeCard .CardContent:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgb(var(--cardColor)/17%),transparent 45%);z-index:3}#cardArea .HomeCard img{width:80px}#cardArea .HomeCard .CardContent>div{z-index:4;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}@media (pointer:fine){#cardArea .HomeCard:hover .CardContent:before,#cardArea .HomeCard:hover:before{opacity:1}}