.hub-main{--hub-green: #789226;--hub-text: #1a1a0d;--hub-muted: #5a5a46;--hub-left-bg: #ffffff;--hub-right-bg: #f0f0e4;background:linear-gradient(to right,var(--hub-left-bg) 50%,var(--hub-right-bg) 50%);color:var(--hub-text);font-family:Urbanist,var(--font-body-family),sans-serif;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.hub-main *{box-sizing:border-box}.hub-main__inner{margin:0 auto;max-width:1280px;padding:0 clamp(24px,4vw,64px)}.hub-main__columns{align-items:start;display:grid;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - var(--header-height, 80px))}.hub-main__left{background:var(--hub-left-bg);padding:clamp(64px,8vw,112px) clamp(32px,4vw,64px) clamp(80px,9vw,130px) 0}.hub-main__right{align-self:start;background:var(--hub-right-bg);padding:clamp(64px,8vw,112px) 0 clamp(80px,9vw,130px) clamp(32px,4vw,64px);position:sticky;top:var(--header-height, 0px)}.hub-main__h1{color:var(--hub-text);font-size:clamp(38px,4.2vw,60px);font-weight:700;line-height:1.05;margin:0 0 18px}.hub-main__subheading{color:var(--hub-text);font-size:clamp(22px,2.4vw,32px);font-weight:400;line-height:1.2;margin:0 0 28px}.hub-main__body{color:var(--hub-muted);font-size:clamp(17px,1.6vw,22px);font-weight:300;line-height:1.6;margin-bottom:36px}.hub-main__body p{margin:0}.hub-main__body p+p{margin-top:14px}.hub-main__video-btn{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;color:var(--hub-muted);cursor:pointer;display:inline-flex;font:inherit;gap:20px;margin-bottom:32px;padding:0;text-align:left;text-decoration:none}.hub-main__play{align-items:center;background:var(--hub-green);border-radius:50%;display:inline-flex;flex-shrink:0;height:68px;justify-content:center;transition:transform .2s ease,background .2s ease;width:68px}.hub-main__play:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:10px 0 10px 17px;content:"";margin-left:4px}.hub-main__video-btn:hover .hub-main__play{background:#6d8422;transform:scale(1.05)}.hub-main__video-label{font-size:clamp(24px,2.25vw,32px);font-weight:400;line-height:1.15}.hub-main__video-btn:focus-visible,.hub-main-video-modal__close:focus-visible,.hub-main-video-modal__backdrop:focus-visible{outline:2px solid var(--hub-green);outline-offset:4px}html.hub-main-video-open,html.hub-main-video-open body{overflow:hidden}.hub-main-video-modal[hidden]{display:none!important}.hub-main-video-modal{align-items:center;background:#000000c2;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;padding:clamp(18px,4vw,52px);position:fixed;transition:opacity .18s ease;z-index:9999}.hub-main-video-modal.is-open{opacity:1}.hub-main-video-modal__backdrop{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;top:0;right:0;bottom:0;left:0;padding:0;position:absolute}.hub-main-video-modal__box{aspect-ratio:16 / 9;background:#000;border-radius:10px;box-shadow:0 28px 80px #00000073;max-height:calc(100vh - 72px);max-width:1040px;overflow:hidden;position:relative;transform:scale(.97);transition:transform .18s ease;width:min(1040px,calc(100vw - 36px));z-index:1}.hub-main-video-modal.is-open .hub-main-video-modal__box{transform:scale(1)}.hub-main-video-modal__video{background:#000;display:block;height:100%;object-fit:contain;width:100%}.hub-main-video-modal__close{align-items:center;-webkit-appearance:none;appearance:none;background:#000000b3;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:28px;height:42px;justify-content:center;line-height:1;padding:0 0 3px;position:absolute;right:12px;top:12px;width:42px;z-index:2}.hub-main-video-modal__close:hover{background:#000000e6}.hub-main__badges{display:flex;flex-wrap:wrap;gap:9px 14px;margin-bottom:36px}.hub-main__badge{align-items:center;border:1.2px solid var(--hub-green);border-radius:999px;color:var(--hub-green);display:inline-flex;font-size:clamp(13px,1.05vw,16px);font-weight:300;justify-content:center;line-height:1.12;min-height:32px;padding:5px 20px 6px;white-space:nowrap}.hub-main__features-intro{color:var(--hub-muted);font-size:clamp(16px,1.4vw,20px);margin:0 0 20px}.hub-main__feature{margin-bottom:26px}.hub-main__feature-title{color:var(--hub-text);font-size:clamp(17px,1.5vw,22px);font-weight:400;line-height:1.3;margin:0 0 6px}.hub-main__feature-title strong{font-weight:700}.hub-main__feature-text{color:var(--hub-muted);font-size:clamp(15px,1.3vw,19px);font-weight:300;line-height:1.5;margin:0}.hub-main__nav-item{align-items:center;border-top:1px solid rgba(26,26,13,.15);color:var(--hub-text);display:flex;gap:20px;justify-content:space-between;padding:28px 8px;text-decoration:none;transition:opacity .15s}.hub-main__nav-item:hover{opacity:.68}.hub-main__nav-item--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.hub-main__nav-item--disabled:hover{opacity:.4}.hub-main__nav-item--disabled .hub-main__nav-arrow{display:none}.hub-main__nav-item:last-child{border-bottom:1px solid rgba(26,26,13,.15)}.hub-main__nav-item--active{background:var(--hub-green);border-bottom:none;border-radius:12px;border-top:none;color:#fff;margin-top:6px;padding:28px 24px}.hub-main__nav-item--active:hover{opacity:.88}.hub-main__nav-text{display:flex;flex-direction:column;gap:6px}.hub-main__nav-text strong{display:block;font-size:clamp(18px,1.8vw,24px);font-weight:700;line-height:1.2}.hub-main__nav-text span{color:var(--hub-green);font-size:clamp(14px,1.2vw,18px);font-weight:400}.hub-main__nav-item--active .hub-main__nav-text span{color:#ffffffd1}.hub-main__nav-arrow{color:var(--hub-green);flex-shrink:0;font-size:24px}.hub-main__nav-item--active .hub-main__nav-arrow{color:#fff}@media screen and (max-width:749px){.hub-main{background:var(--hub-left-bg)}.hub-main__inner{padding-left:0;padding-right:0}.hub-main__columns{grid-template-columns:1fr;min-height:0}.hub-main__left{padding:48px clamp(24px,5vw,48px) 40px}.hub-main__right{background:var(--hub-right-bg);padding:40px clamp(24px,5vw,48px) 56px;position:static}.hub-main__video-btn{gap:16px}.hub-main__play{height:56px;width:56px}.hub-main__video-label{font-size:clamp(20px,7vw,28px)}.hub-main-video-modal{padding:16px}.hub-main-video-modal__box{border-radius:8px;max-height:calc(100vh - 32px);width:calc(100vw - 32px)}.hub-main-video-modal__close{height:38px;right:8px;top:8px;width:38px}.hub-main__nav-item--active{margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/hub-main-page.css.map */
