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}}.notificationArea{display:flex;flex-direction:column;align-items:center;margin-top:9rem}.notificationArea h1{width:100%;text-align:center;padding-inline:.4rem;font-weight:800;font-size:2.5rem;line-height:1.1;font-family:alpha-omega}.notificationArea h4{margin-bottom:.45rem;font-size:.8rem;background:#fff0c0;padding:.2rem .6rem;border-radius:8px}.notificationArea #newsletterForm{max-width:min(100%,500px);margin:4.5rem 0 4rem}.notificationArea #newsletterForm form{position:relative;width:-moz-fit-content;width:fit-content;background:linear-gradient(45deg,#d4e9f2,#dbf2d4);border-radius:10px;padding:1rem;overflow:hidden}.notificationArea #newsletterForm form .inputArea{display:flex;flex-direction:row;gap:8px;margin-top:.3rem}.notificationArea #newsletterForm input{flex:1;background-color:#fff;border:2px solid #a3a3a3;color:#000;outline:none;padding:2px 5px;border-radius:7px;font-size:1.05rem;min-width:0;caret-color:var(--spotlight-color)}.notificationArea #newsletterForm form h5{line-height:1.2;margin:0 .2rem 1rem;font-size:1.1rem}.notificationArea #newsletterForm input:focus{border-color:var(--spotlight-color)}.notificationArea #newsletterForm button{background:var(--spotlight-color);padding:7px 12px;font-weight:600;background-size:300%;background-position:0;transition:background-position 1.3s,opacity var(--quickTransition),color var(--quickTransition);isolation:isolate;text-align:center;color:#fff;line-height:1.2;position:relative;border-radius:var(--button-BR);font-size:1.05rem;opacity:1}.notificationArea #newsletterForm button:focus-visible:not([disabled]):not(:disabled),.notificationArea #newsletterForm button:hover:not([disabled]):not(:disabled){background-position:100%}.notificationArea #newsletterForm button:active{opacity:.8}.notificationArea #newsletterForm button:disabled,.notificationArea #newsletterForm button[disabled]{color:transparent}.notificationArea #newsletterForm button:disabled .loader,.notificationArea #newsletterForm button[disabled] .loader{opacity:1}.notificationArea #newsletterForm button .loader{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity var(--quickTransition)}.notificationArea #newsletterForm button .loader:after{content:"";width:20px;height:20px;border:2.5px solid #002d58;border-right-color:#fff;border-radius:100%;animation:spinner 1.1s linear infinite;transform-origin:center;margin:0;position:static}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notificationArea #newsletterForm .error{color:#de0000;margin:.75rem .2rem 0;line-height:1.2}.notificationArea #newsletterForm .capchaNote{overflow:hidden;position:absolute;top:100%;color:#ffffff61;font-size:.8rem;padding-top:5px;line-height:1.15}.notificationArea #newsletterForm .capchaNote a{text-decoration:underline}.notificationArea #newsletterForm .success h5{font-size:1.3rem;margin-bottom:6px;font-weight:600}.notificationArea #newsletterForm .success h5 svg{display:inline;color:var(--spotlight-color);vertical-align:sub;margin-right:3px;vertical-align:bottom}.notificationArea #newsletterForm .success p{border:2px solid var(--spotlight-color);padding:6px 8px;border-radius:10px;line-height:1.3;font-weight:600}@media screen and (max-width:450px){.notificationArea #newsletterForm form{width:100%}.notificationArea #newsletterForm form .inputArea{flex-direction:column}.notificationArea #newsletterForm button{flex:1}.notificationArea #newsletterForm{margin-top:9rem}}