@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.hr-association-commerce-v1__hero-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 7vw, 94px) 0 clamp(58px, 6.5vw, 86px); overflow: hidden; box-sizing: border-box; background: #ffffff; color: #132829;}.hr-association-commerce-v1__hero-section::before { content: ""; position: absolute; top: 0; right: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .65; pointer-events: none;}.hr-association-commerce-v1__hero-section::after { content: ""; position: absolute; top: 29%; left: 0; width: 18%; height: 1px; background: #dde7e7; pointer-events: none;}.hr-association-commerce-v1__hero-container { position: relative; z-index: 2; display: block !important; width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__hero-layout { position: relative; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: clamp(58px, 7vw, 108px); width: 100% !important; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__hero-layout::after { content: ""; position: absolute; right: 0; bottom: -36px; width: 210px; height: 3px; border-radius: 999px; background: #035758; box-shadow: -62px 0 0 #1b8aa6, -86px 0 0 #e76210;}.hr-association-commerce-v1__hero-copy { position: relative; display: flex !important; flex-direction: column !important; align-items: flex-start !important; flex: 1 1 auto; width: 100% !important; min-width: 0 !important; max-width: 765px !important; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__hero-eyebrow { display: inline-flex !important; align-items: center !important; gap: 10px; width: auto !important; margin: 0 0 17px !important; padding: 0 !important; color: #1b8aa6; font-size: 12px; font-weight: 700; line-height: 1.6;}.hr-association-commerce-v1__hero-eyebrow::before { content: ""; display: block; flex: 0 0 30px; width: 30px; height: 2px; border-radius: 999px; background: #e76210;}.hr-association-commerce-v1__hero-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(42px, 5vw, 66px); font-weight: 780; line-height: 1.18; letter-spacing: -.03em; text-align: right;}.hr-association-commerce-v1__hero-subtitle { display: block !important; width: 100% !important; max-width: 740px !important; margin: 13px 0 0 !important; padding: 0 !important; color: #1b8aa6; font-size: clamp(21px, 2.3vw, 29px); font-weight: 700; line-height: 1.52; text-align: right;}.hr-association-commerce-v1__hero-description { display: block !important; width: 100% !important; max-width: 725px !important; margin: 20px 0 0 !important; padding: 0 !important; color: #667677; font-size: 15px; font-weight: 400; line-height: 2; text-align: right;}.hr-association-commerce-v1__hero-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 190px !important; min-height: 50px !important; margin: 24px 0 0 !important; padding: 11px 22px !important; border: 1px solid #035758 !important; border-radius: 10px !important; background: #035758 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 750 !important; line-height: 1.5 !important; text-decoration: none !important; box-shadow: none !important; transition: transform .18s ease, background-color .18s ease, border-color .18s ease !important;}.hr-association-commerce-v1__hero-button:hover { transform: translateY(-2px); border-color: #1b8aa6 !important; background: #1b8aa6 !important;}.hr-association-commerce-v1__hero-commerce-visual { position: relative; display: block !important; flex: 0 0 395px; width: 395px !important; max-width: 35% !important; min-height: 350px; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__hero-commerce-visual::before { content: ""; position: absolute; top: 31px; right: 31px; width: calc(100% - 62px); height: 255px; border: 1px solid #dde7e7; border-radius: 22px; background: #f7fafa; pointer-events: none;}.hr-association-commerce-v1__hero-commerce-visual::after { content: ""; position: absolute; top: 156px; right: 12%; left: 12%; height: 1px; background: #dde7e7; pointer-events: none;}.hr-association-commerce-v1__hero-commerce-core { position: absolute; z-index: 5; top: 115px; right: 50%; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 150px !important; min-height: 86px; margin: 0 !important; padding: 14px 15px !important; border: 1px solid #035758; border-radius: 16px; background: #ffffff; transform: translateX(50%); box-shadow: 0 14px 36px rgba(3, 87, 88, .075);}.hr-association-commerce-v1__hero-commerce-core::before { content: ""; position: absolute; top: -11px; right: 50%; width: 8px; height: 8px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff; transform: translateX(50%);}.hr-association-commerce-v1__hero-commerce-core::after { content: ""; position: absolute; right: 50%; bottom: -34px; width: 1px; height: 34px; background: #1b8aa6; opacity: .45;}.hr-association-commerce-v1__hero-commerce-core-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: 15px; font-weight: 800; line-height: 1.45; text-align: center;}.hr-association-commerce-v1__hero-commerce-core-code { display: block !important; width: auto !important; margin: 5px 0 0 !important; padding: 0 !important; color: #1b8aa6; font-size: 7px; font-weight: 800; line-height: 1; letter-spacing: .12em; direction: ltr; text-align: center;}.hr-association-commerce-v1__hero-product-node { position: absolute; z-index: 4; top: 20px; right: 42px; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid #dde7e7; border-radius: 999px; background: #ffffff; color: #035758; font-size: 8.5px; font-weight: 800; line-height: 1; white-space: nowrap; box-shadow: 0 8px 22px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__hero-product-node::after { content: ""; position: absolute; top: 100%; right: 50%; width: 1px; height: 34px; background: #dde7e7;}.hr-association-commerce-v1__hero-order-node { position: absolute; z-index: 4; top: 77px; left: 0; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 7px 12px !important; border: 1px solid #1b8aa6; border-radius: 999px; background: #ffffff; color: #1b8aa6; font-size: 8.5px; font-weight: 800; line-height: 1; white-space: nowrap; box-shadow: 0 8px 22px rgba(27, 138, 166, .05);}.hr-association-commerce-v1__hero-order-node::after { content: ""; position: absolute; top: 50%; right: 100%; width: 27px; height: 1px; background: #1b8aa6; opacity: .4;}.hr-association-commerce-v1__hero-payment-node { position: absolute; z-index: 4; top: 183px; right: 3px; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 7px 12px !important; border: 1px solid #e76210; border-radius: 999px; background: #ffffff; color: #e76210; font-size: 8.5px; font-weight: 800; line-height: 1; white-space: nowrap; box-shadow: 0 8px 22px rgba(231, 98, 16, .05);}.hr-association-commerce-v1__hero-payment-node::before { content: ""; position: absolute; top: 50%; left: 100%; width: 26px; height: 1px; background: #e76210; opacity: .38;}.hr-association-commerce-v1__hero-notification-node { position: absolute; z-index: 4; top: 244px; left: 48px; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid #dde7e7; border-radius: 999px; background: #ffffff; color: #035758; font-size: 8.5px; font-weight: 800; line-height: 1; white-space: nowrap; box-shadow: 0 8px 22px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__hero-customer-node { position: absolute; z-index: 4; top: 245px; right: 39px; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid #dde7e7; border-radius: 999px; background: #ffffff; color: #1b8aa6; font-size: 8.5px; font-weight: 800; line-height: 1; white-space: nowrap; box-shadow: 0 8px 22px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__hero-platforms { position: absolute; z-index: 5; right: 50%; bottom: 0; display: grid !important; grid-template-columns: repeat(3, auto); align-items: center !important; justify-content: center !important; gap: 6px; width: auto !important; margin: 0 !important; padding: 7px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; transform: translateX(50%); box-shadow: 0 8px 22px rgba(3, 87, 88, .04);}.hr-association-commerce-v1__hero-platforms::before { content: ""; position: absolute; right: 50%; bottom: 100%; width: 1px; height: 21px; background: #dde7e7;}.hr-association-commerce-v1__hero-platform-salla { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 65px; width: auto !important; margin: 0 !important; padding: 6px 9px !important; border-radius: 5px; background: #f7fafa; color: #035758; font-size: 6.7px; font-weight: 850; line-height: 1; letter-spacing: .08em; direction: ltr; white-space: nowrap;}.hr-association-commerce-v1__hero-platform-zid { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 65px; width: auto !important; margin: 0 !important; padding: 6px 9px !important; border-radius: 5px; background: #f7fafa; color: #1b8aa6; font-size: 6.7px; font-weight: 850; line-height: 1; letter-spacing: .08em; direction: ltr; white-space: nowrap;}.hr-association-commerce-v1__hero-platform-custom { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 65px; width: auto !important; margin: 0 !important; padding: 6px 9px !important; border-radius: 5px; background: #fff7f2; color: #e76210; font-size: 6.7px; font-weight: 850; line-height: 1; letter-spacing: .07em; direction: ltr; white-space: nowrap;}.hr-association-commerce-v1__value-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 7vw, 88px) 0; overflow: hidden; box-sizing: border-box; background: #f7fafa; color: #132829;}.hr-association-commerce-v1__value-section::before { content: ""; position: absolute; top: 0; left: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .62; pointer-events: none;}.hr-association-commerce-v1__value-section::after { content: ""; position: absolute; top: 76px; left: 9%; width: 9px; height: 9px; border: 2px solid #1b8aa6; border-radius: 50%; background: #f7fafa; transform: translateX(-4px);}.hr-association-commerce-v1__value-container { position: relative; z-index: 2; display: block !important; width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__value-heading-wrap { display: block !important; width: 100% !important; max-width: 850px !important; margin: 0 0 42px auto !important; padding: 0 !important;}.hr-association-commerce-v1__value-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #1b8aa6; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__value-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #e76210;}.hr-association-commerce-v1__value-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(29px, 3.2vw, 43px); font-weight: 760; line-height: 1.45; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__value-description { display: block !important; width: 100% !important; max-width: 770px !important; margin: 13px 0 0 !important; padding: 0 !important; color: #667677; font-size: 14px; line-height: 1.95; text-align: right;}.hr-association-commerce-v1__value-flow { position: relative; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch !important; gap: 8px; width: 100% !important; margin: 0 !important; padding: 22px 0 0 !important;}.hr-association-commerce-v1__value-flow::before { content: ""; position: absolute; top: 43px; right: 5%; left: 5%; height: 1px; background: #cfdcdd; pointer-events: none;}.hr-association-commerce-v1__value-flow::after { content: "COMMERCE FLOW"; position: absolute; top: 0; left: 0; color: #b7c3c3; font-size: 7px; font-weight: 800; line-height: 1; letter-spacing: .13em; direction: ltr;}.hr-association-commerce-v1__value-identity { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 154px; margin: 0 !important; padding: 25px 16px 19px !important; border: 1px solid #dde7e7; border-radius: 13px; background: #ffffff; box-shadow: 0 9px 26px rgba(3, 87, 88, .03);}.hr-association-commerce-v1__value-identity::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 22px; border: 2px solid #035758; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__value-identity::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 34px; height: 2px; background: #035758;}.hr-association-commerce-v1__value-identity-title { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__value-identity-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__value-offer { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 154px; margin: 0 !important; padding: 25px 16px 19px !important; border: 1px solid #dde7e7; border-radius: 13px; background: #ffffff;}.hr-association-commerce-v1__value-offer::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 22px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__value-offer::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 40px; height: 2px; background: #1b8aa6;}.hr-association-commerce-v1__value-offer-title { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__value-offer-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__value-order { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 154px; margin: 0 !important; padding: 25px 16px 19px !important; border: 1px solid #dde7e7; border-radius: 13px; background: #ffffff;}.hr-association-commerce-v1__value-order::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 22px; border: 2px solid #e76210; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__value-order::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 46px; height: 2px; background: #e76210;}.hr-association-commerce-v1__value-order-title { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__value-order-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__value-payment { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 154px; margin: 0 !important; padding: 25px 16px 19px !important; border: 1px solid #1b8aa6; border-radius: 13px; background: #ffffff; box-shadow: 0 10px 27px rgba(27, 138, 166, .045);}.hr-association-commerce-v1__value-payment::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 22px; border: 3px solid #1b8aa6; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 6px rgba(27, 138, 166, .055);}.hr-association-commerce-v1__value-payment::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 52px; height: 2px; background: #1b8aa6;}.hr-association-commerce-v1__value-payment-title { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__value-payment-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__value-notification { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 154px; margin: 0 !important; padding: 25px 16px 19px !important; border: 1px solid #dde7e7; border-radius: 13px; background: #ffffff;}.hr-association-commerce-v1__value-notification::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 22px; border: 2px solid #e76210; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__value-notification::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 58px; height: 2px; background: #e76210;}.hr-association-commerce-v1__value-notification-title { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__value-notification-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__value-management { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 154px; margin: 0 !important; padding: 25px 16px 19px !important; border: 1px solid #035758; border-radius: 13px; background: #ffffff; box-shadow: 0 10px 28px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__value-management::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 22px; border: 3px solid #035758; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__value-management::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 64px; height: 2px; background: #035758;}.hr-association-commerce-v1__value-management-title { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__value-management-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__salla-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(62px, 7vw, 94px) 0; overflow: hidden; box-sizing: border-box; background: #ffffff; color: #132829;}.hr-association-commerce-v1__salla-section::before { content: ""; position: absolute; top: 0; right: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .62; pointer-events: none;}.hr-association-commerce-v1__salla-section::after { content: ""; position: absolute; right: 0; top: 32%; width: 16%; height: 1px; background: #dde7e7; pointer-events: none;}.hr-association-commerce-v1__salla-container { position: relative; z-index: 2; display: grid !important; grid-template-columns: minmax(0, 1fr) 365px; align-items: start !important; gap: clamp(46px, 6vw, 82px); width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__salla-head { position: relative; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__salla-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #1b8aa6; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__salla-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #e76210;}.hr-association-commerce-v1__salla-title { display: block !important; width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(30px, 3.3vw, 44px); font-weight: 770; line-height: 1.43; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__salla-description { display: block !important; width: 100% !important; max-width: 715px !important; margin: 13px 0 0 !important; padding: 0 !important; color: #667677; font-size: 14px; line-height: 1.95; text-align: right;}.hr-association-commerce-v1__salla-pricing { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100% !important; margin: 0 !important; padding: 15px !important; border: 1px solid #dde7e7; border-radius: 18px; background: #f7fafa; box-shadow: 0 14px 36px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__salla-pricing::before { content: "SALLA STORE SETUP"; position: absolute; top: -9px; left: 18px; display: inline-flex; align-items: center; padding: 4px 8px; background: #ffffff; color: #a7b7b8; font-size: 6.8px; font-weight: 800; line-height: 1; letter-spacing: .12em; direction: ltr;}.hr-association-commerce-v1__salla-pricing::after { content: ""; position: absolute; top: 20px; right: -1px; width: 3px; height: 52px; background: #1b8aa6;}.hr-association-commerce-v1__salla-design-price { position: relative; display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 156px; margin: 0 !important; padding: 22px 20px !important; border: 1px solid #035758; border-radius: 13px; background: #ffffff; overflow: hidden;}.hr-association-commerce-v1__salla-design-price::before { content: ""; position: absolute; top: -46px; left: -34px; width: 110px; height: 110px; border: 1px solid #dde7e7; border-radius: 50%;}.hr-association-commerce-v1__salla-design-price::after { content: ""; position: absolute; right: 20px; bottom: -1px; width: 72px; height: 2px; background: #035758;}.hr-association-commerce-v1__salla-design-price-label { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #667677; font-size: 10px; font-weight: 700; line-height: 1.5;}.hr-association-commerce-v1__salla-design-price-value { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(38px, 4vw, 50px); font-weight: 830; line-height: 1.12; letter-spacing: -.025em; text-align: right;}.hr-association-commerce-v1__salla-design-price-note { position: relative; z-index: 2; display: inline-flex !important; align-items: center !important; width: auto !important; margin: 10px 0 0 !important; padding: 5px 8px !important; border: 1px solid #dde7e7; border-radius: 999px; background: #f7fafa; color: #1b8aa6; font-size: 8px; font-weight: 800; line-height: 1;}.hr-association-commerce-v1__salla-moyasar-price { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center !important; gap: 12px; width: 100% !important; margin: 0 !important; padding: 17px 18px !important; border: 1px solid #dde7e7; border-radius: 12px; background: #ffffff;}.hr-association-commerce-v1__salla-moyasar-price::after { content: ""; position: absolute; right: 18px; bottom: -1px; width: 45px; height: 2px; background: #e76210;}.hr-association-commerce-v1__salla-moyasar-price-label { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: 10.5px; font-weight: 720; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-moyasar-price-value { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #e76210; font-size: 22px; font-weight: 820; line-height: 1.3; white-space: nowrap;}.hr-association-commerce-v1__salla-moyasar-price-note { grid-column: 1 / -1; display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 0 0 !important; border-top: 1px solid #edf2f2; color: #667677; font-size: 8.5px; font-weight: 650; line-height: 1.5;}.hr-association-commerce-v1__salla-features { position: relative; grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch !important; gap: 8px; width: 100% !important; margin: 8px 0 0 !important; padding: 23px 0 0 !important;}.hr-association-commerce-v1__salla-features::before { content: "STORE FEATURES"; position: absolute; top: 0; right: 0; color: #9eaeaf; font-size: 6.8px; font-weight: 800; line-height: 1; letter-spacing: .12em; direction: ltr;}.hr-association-commerce-v1__salla-feature-1 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-1::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-2 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #1b8aa6; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-2::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #1b8aa6; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-3 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #e76210; border-radius: 9px; background: #fffaf7; color: #132829; font-size: 10.5px; font-weight: 650; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-3::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #e76210; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-4 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-4::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-5 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-5::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #035758; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-6 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-6::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-7 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-7::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #1b8aa6; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-8 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-8::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-9 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-9::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #e76210; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-10 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-10::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-11 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #1b8aa6; border-radius: 9px; background: #ffffff; color: #035758; font-size: 10.5px; font-weight: 700; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-11::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #1b8aa6; box-shadow: 0 0 0 4px rgba(27, 138, 166, .06); transform: translateY(-50%);}.hr-association-commerce-v1__salla-feature-12 { position: relative; display: flex !important; align-items: center !important; min-height: 51px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__salla-feature-12::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #e76210; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__zid-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(62px, 7vw, 94px) 0; overflow: hidden; box-sizing: border-box; background: #f7fafa; color: #132829;}.hr-association-commerce-v1__zid-section::before { content: ""; position: absolute; top: 0; left: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .62; pointer-events: none;}.hr-association-commerce-v1__zid-section::after { content: ""; position: absolute; left: 9%; top: 72px; width: 9px; height: 9px; border: 2px solid #e76210; border-radius: 50%; background: #f7fafa; transform: translateX(-4px);}.hr-association-commerce-v1__zid-container { position: relative; z-index: 2; display: grid !important; grid-template-columns: 370px minmax(0, 1fr); align-items: start !important; gap: clamp(46px, 6vw, 84px); width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__zid-head { position: relative; grid-column: 2; grid-row: 1; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__zid-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #e76210; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__zid-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #035758;}.hr-association-commerce-v1__zid-title { display: block !important; width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(30px, 3.3vw, 44px); font-weight: 770; line-height: 1.43; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__zid-description { display: block !important; width: 100% !important; max-width: 715px !important; margin: 13px 0 0 !important; padding: 0 !important; color: #667677; font-size: 14px; line-height: 1.95; text-align: right;}.hr-association-commerce-v1__zid-pricing { position: relative; grid-column: 1; grid-row: 1; display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100% !important; margin: 0 !important; padding: 15px !important; border: 1px solid #dde7e7; border-radius: 18px; background: #ffffff; box-shadow: 0 14px 36px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__zid-pricing::before { content: "ZID STORE SETUP"; position: absolute; top: -9px; right: 18px; display: inline-flex; align-items: center; padding: 4px 8px; background: #f7fafa; color: #a7b7b8; font-size: 6.8px; font-weight: 800; line-height: 1; letter-spacing: .12em; direction: ltr;}.hr-association-commerce-v1__zid-pricing::after { content: ""; position: absolute; top: 20px; left: -1px; width: 3px; height: 52px; background: #e76210;}.hr-association-commerce-v1__zid-design-price { position: relative; display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 156px; margin: 0 !important; padding: 22px 20px !important; border: 1px solid #035758; border-radius: 13px; background: #ffffff; overflow: hidden;}.hr-association-commerce-v1__zid-design-price::before { content: ""; position: absolute; top: -45px; right: -35px; width: 110px; height: 110px; border: 1px solid #dde7e7; border-radius: 50%;}.hr-association-commerce-v1__zid-design-price::after { content: ""; position: absolute; right: 20px; bottom: -1px; width: 72px; height: 2px; background: #035758;}.hr-association-commerce-v1__zid-design-price-label { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #667677; font-size: 10px; font-weight: 700; line-height: 1.5;}.hr-association-commerce-v1__zid-design-price-value { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(38px, 4vw, 50px); font-weight: 830; line-height: 1.12; letter-spacing: -.025em; text-align: right;}.hr-association-commerce-v1__zid-design-price-note { position: relative; z-index: 2; display: inline-flex !important; align-items: center !important; width: auto !important; margin: 10px 0 0 !important; padding: 5px 8px !important; border: 1px solid #dde7e7; border-radius: 999px; background: #f7fafa; color: #1b8aa6; font-size: 8px; font-weight: 800; line-height: 1;}.hr-association-commerce-v1__zid-renewal-price { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center !important; gap: 12px; width: 100% !important; margin: 0 !important; padding: 17px 18px !important; border: 1px solid #dde7e7; border-radius: 12px; background: #f7fafa;}.hr-association-commerce-v1__zid-renewal-price::after { content: ""; position: absolute; right: 18px; bottom: -1px; width: 48px; height: 2px; background: #e76210;}.hr-association-commerce-v1__zid-renewal-price-label { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: 10.5px; font-weight: 720; line-height: 1.6; text-align: right;}.hr-association-commerce-v1__zid-renewal-price-value { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #e76210; font-size: 22px; font-weight: 820; line-height: 1.3; white-space: nowrap;}.hr-association-commerce-v1__zid-renewal-price-note { grid-column: 1 / -1; display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 0 0 !important; border-top: 1px solid #dde7e7; color: #667677; font-size: 8.5px; font-weight: 650; line-height: 1.5;}.hr-association-commerce-v1__zid-features { position: relative; grid-column: 1 / -1; grid-row: 2; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch !important; gap: 8px; width: 100% !important; margin: 4px 0 0 !important; padding: 26px 0 0 !important;}.hr-association-commerce-v1__zid-features::before { content: "STORE OPERATIONS / INTEGRATIONS"; position: absolute; top: 0; right: 0; color: #9eaeaf; font-size: 6.8px; font-weight: 800; line-height: 1; letter-spacing: .12em; direction: ltr;}.hr-association-commerce-v1__zid-feature-1 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-1::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-2 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #1b8aa6; border-radius: 9px; background: #ffffff; color: #035758; font-size: 10.5px; font-weight: 680; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-2::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #1b8aa6; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-3 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #e76210; border-radius: 9px; background: #fffaf7; color: #132829; font-size: 10.5px; font-weight: 680; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-3::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #e76210; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-4 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-4::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-5 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-5::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #035758; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-6 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-6::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-7 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-7::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #1b8aa6; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-8 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-8::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-9 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #e76210; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 680; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-9::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #e76210; box-shadow: 0 0 0 4px rgba(231, 98, 16, .055); transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-10 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #ffffff; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-10::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #e76210; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-11 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #dde7e7; border-radius: 9px; background: #f7fafa; color: #132829; font-size: 10.5px; font-weight: 620; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-11::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-12 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #1b8aa6; border-radius: 9px; background: #ffffff; color: #035758; font-size: 10.5px; font-weight: 680; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-12::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #1b8aa6; transform: translateY(-50%);}.hr-association-commerce-v1__zid-feature-13 { position: relative; display: flex !important; align-items: center !important; min-height: 54px; margin: 0 !important; padding: 11px 31px 11px 13px !important; border: 1px solid #035758; border-radius: 9px; background: #ffffff; color: #035758; font-size: 10.5px; font-weight: 700; line-height: 1.65; text-align: right;}.hr-association-commerce-v1__zid-feature-13::before { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border: 2px solid #035758; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 4px rgba(3, 87, 88, .045); transform: translateY(-50%);}.hr-association-commerce-v1__execution-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(60px, 7vw, 90px) 0; overflow: hidden; box-sizing: border-box; background: #ffffff; color: #132829;}.hr-association-commerce-v1__execution-section::before { content: ""; position: absolute; top: 0; right: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .62; pointer-events: none;}.hr-association-commerce-v1__execution-section::after { content: ""; position: absolute; right: 9%; top: 82px; width: 9px; height: 9px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff; transform: translateX(4px);}.hr-association-commerce-v1__execution-container { position: relative; z-index: 2; display: block !important; width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__execution-heading-wrap { display: block !important; width: 100% !important; max-width: 850px !important; margin: 0 0 43px auto !important; padding: 0 !important;}.hr-association-commerce-v1__execution-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #1b8aa6; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__execution-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #e76210;}.hr-association-commerce-v1__execution-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(29px, 3.2vw, 43px); font-weight: 760; line-height: 1.45; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__execution-description { display: block !important; width: 100% !important; max-width: 760px !important; margin: 13px 0 0 !important; padding: 0 !important; color: #667677; font-size: 14px; line-height: 1.95; text-align: right;}.hr-association-commerce-v1__execution-track { position: relative; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch !important; gap: 8px; width: 100% !important; margin: 0 !important; padding: 21px 0 0 !important;}.hr-association-commerce-v1__execution-track::before { content: ""; position: absolute; top: 45px; right: 5%; left: 5%; height: 1px; background: #d4dfdf; pointer-events: none;}.hr-association-commerce-v1__execution-track::after { content: "STORE DEPLOYMENT FLOW"; position: absolute; top: 0; left: 0; color: #aab9ba; font-size: 6.8px; font-weight: 800; line-height: 1; letter-spacing: .13em; direction: ltr;}.hr-association-commerce-v1__execution-step-1 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 166px; margin: 0 !important; padding: 28px 16px 20px !important; border: 1px solid #dde7e7; border-radius: 12px; background: #ffffff; box-shadow: 0 8px 24px rgba(3, 87, 88, .028);}.hr-association-commerce-v1__execution-step-1::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 23px; border: 2px solid #035758; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__execution-step-1::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 32px; height: 2px; background: #035758;}.hr-association-commerce-v1__execution-step-1-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__execution-step-1-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__execution-step-2 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 166px; margin: 0 !important; padding: 28px 16px 20px !important; border: 1px solid #dde7e7; border-radius: 12px; background: #f7fafa;}.hr-association-commerce-v1__execution-step-2::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 23px; border: 2px solid #1b8aa6; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__execution-step-2::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 38px; height: 2px; background: #1b8aa6;}.hr-association-commerce-v1__execution-step-2-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__execution-step-2-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__execution-step-3 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 166px; margin: 0 !important; padding: 28px 16px 20px !important; border: 1px solid #1b8aa6; border-radius: 12px; background: #ffffff;}.hr-association-commerce-v1__execution-step-3::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 23px; border-radius: 50%; background: #1b8aa6; box-shadow: 0 0 0 5px rgba(27, 138, 166, .055);}.hr-association-commerce-v1__execution-step-3::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 44px; height: 2px; background: #1b8aa6;}.hr-association-commerce-v1__execution-step-3-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__execution-step-3-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__execution-step-4 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 166px; margin: 0 !important; padding: 28px 16px 20px !important; border: 1px solid #e76210; border-radius: 12px; background: #fffaf7;}.hr-association-commerce-v1__execution-step-4::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 23px; border-radius: 50%; background: #e76210; box-shadow: 0 0 0 5px rgba(231, 98, 16, .05);}.hr-association-commerce-v1__execution-step-4::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 50px; height: 2px; background: #e76210;}.hr-association-commerce-v1__execution-step-4-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__execution-step-4-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__execution-step-5 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 166px; margin: 0 !important; padding: 28px 16px 20px !important; border: 1px solid #dde7e7; border-radius: 12px; background: #f7fafa;}.hr-association-commerce-v1__execution-step-5::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 23px; border: 2px solid #035758; border-radius: 50%; background: #ffffff;}.hr-association-commerce-v1__execution-step-5::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 56px; height: 2px; background: #035758;}.hr-association-commerce-v1__execution-step-5-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__execution-step-5-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__execution-step-6 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 166px; margin: 0 !important; padding: 28px 16px 20px !important; border: 1px solid #035758; border-radius: 12px; background: #035758; box-shadow: 0 12px 30px rgba(3, 87, 88, .085);}.hr-association-commerce-v1__execution-step-6::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 0 23px; border: 2px solid #e76210; border-radius: 50%; background: #035758; box-shadow: 0 0 0 5px rgba(231, 98, 16, .08);}.hr-association-commerce-v1__execution-step-6::after { content: ""; position: absolute; right: 16px; bottom: -1px; width: 62px; height: 2px; background: #e76210;}.hr-association-commerce-v1__execution-step-6-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #ffffff; font-size: 13.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__execution-step-6-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #ffffff; opacity: .76; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__included-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(60px, 7vw, 90px) 0; overflow: hidden; box-sizing: border-box; background: #f7fafa; color: #132829;}.hr-association-commerce-v1__included-section::before { content: ""; position: absolute; top: 0; left: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .62; pointer-events: none;}.hr-association-commerce-v1__included-section::after { content: ""; position: absolute; left: 0; top: 49%; width: 15%; height: 1px; background: #dde7e7; pointer-events: none;}.hr-association-commerce-v1__included-container { position: relative; z-index: 2; display: block !important; width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__included-heading-wrap { display: block !important; width: 100% !important; max-width: 850px !important; margin: 0 0 40px auto !important; padding: 0 !important;}.hr-association-commerce-v1__included-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #e76210; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__included-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #035758;}.hr-association-commerce-v1__included-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(29px, 3.2vw, 43px); font-weight: 760; line-height: 1.45; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__included-description { display: block !important; width: 100% !important; max-width: 760px !important; margin: 13px 0 0 !important; padding: 0 !important; color: #667677; font-size: 14px; line-height: 1.95; text-align: right;}.hr-association-commerce-v1__included-grid { position: relative; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch !important; gap: 11px; width: 100% !important; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__included-item-1 { position: relative; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 215px; margin: 0 !important; padding: 26px 23px !important; border: 1px solid #dde7e7; border-radius: 15px; background: #ffffff; overflow: hidden;}.hr-association-commerce-v1__included-item-1::before { content: "DOMAIN"; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; width: auto; margin: 0 0 30px; padding: 6px 9px; border: 1px solid #dde7e7; border-radius: 999px; background: #f7fafa; color: #035758; font-size: 7px; font-weight: 850; line-height: 1; letter-spacing: .09em; direction: ltr;}.hr-association-commerce-v1__included-item-1::after { content: ""; position: absolute; right: 23px; bottom: -1px; width: 48px; height: 2px; background: #035758;}.hr-association-commerce-v1__included-item-1-title { display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #035758; font-size: 17px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__included-item-1-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 11.5px; line-height: 1.9; text-align: right;}.hr-association-commerce-v1__included-item-2 { position: relative; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 215px; margin: 0 !important; padding: 26px 23px !important; border: 1px solid #1b8aa6; border-radius: 15px; background: #ffffff; overflow: hidden;}.hr-association-commerce-v1__included-item-2::before { content: "UP TO 300 EMAIL"; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; width: auto; margin: 0 0 30px; padding: 6px 9px; border: 1px solid #dde7e7; border-radius: 999px; background: #f7fafa; color: #1b8aa6; font-size: 7px; font-weight: 850; line-height: 1; letter-spacing: .07em; direction: ltr;}.hr-association-commerce-v1__included-item-2::after { content: ""; position: absolute; right: 23px; bottom: -1px; width: 56px; height: 2px; background: #1b8aa6;}.hr-association-commerce-v1__included-item-2-title { display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #035758; font-size: 17px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__included-item-2-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 11.5px; line-height: 1.9; text-align: right;}.hr-association-commerce-v1__included-item-3 { position: relative; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 215px; margin: 0 !important; padding: 26px 23px !important; border: 1px solid #035758; border-radius: 15px; background: #ffffff; overflow: hidden; box-shadow: 0 12px 32px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__included-item-3::before { content: "12M SUPPORT"; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; width: auto; margin: 0 0 30px; padding: 6px 9px; border: 1px solid #e76210; border-radius: 999px; background: #fffaf7; color: #e76210; font-size: 7px; font-weight: 850; line-height: 1; letter-spacing: .08em; direction: ltr;}.hr-association-commerce-v1__included-item-3::after { content: ""; position: absolute; right: 23px; bottom: -1px; width: 64px; height: 2px; background: #e76210;}.hr-association-commerce-v1__included-item-3-title { display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #035758; font-size: 17px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__included-item-3-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 11.5px; line-height: 1.9; text-align: right;}.hr-association-commerce-v1__custom-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(60px, 7vw, 90px) 0; overflow: hidden; box-sizing: border-box; background: #ffffff; color: #132829;}.hr-association-commerce-v1__custom-section::before { content: ""; position: absolute; top: 0; right: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .62; pointer-events: none;}.hr-association-commerce-v1__custom-section::after { content: ""; position: absolute; right: 0; bottom: 31%; width: 18%; height: 1px; background: #dde7e7; pointer-events: none;}.hr-association-commerce-v1__custom-container { position: relative; z-index: 2; display: grid !important; grid-template-columns: minmax(0, 1fr) 350px; align-items: center !important; gap: clamp(48px, 7vw, 92px); width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__custom-copy { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: 750px !important; min-width: 0; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__custom-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #e76210; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__custom-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #035758;}.hr-association-commerce-v1__custom-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(30px, 3.3vw, 44px); font-weight: 770; line-height: 1.43; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__custom-description { display: block !important; width: 100% !important; max-width: 710px !important; margin: 14px 0 0 !important; padding: 0 !important; color: #667677; font-size: 14px; line-height: 2; text-align: right;}.hr-association-commerce-v1__custom-offer-panel { position: relative; display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 265px; margin: 0 !important; padding: 28px 25px !important; border: 1px solid #035758; border-radius: 18px; background: #f7fafa; overflow: hidden; box-shadow: 0 16px 40px rgba(3, 87, 88, .055);}.hr-association-commerce-v1__custom-offer-panel::before { content: "WORDPRESS / WOOCOMMERCE"; display: inline-flex; align-items: center; width: auto; align-self: flex-start; margin: 0 0 43px; padding: 6px 9px; border: 1px solid #dde7e7; border-radius: 999px; background: #ffffff; color: #1b8aa6; font-size: 6.8px; font-weight: 850; line-height: 1; letter-spacing: .08em; direction: ltr;}.hr-association-commerce-v1__custom-offer-panel::after { content: ""; position: absolute; top: -55px; left: -46px; width: 140px; height: 140px; border: 1px solid #dde7e7; border-radius: 50%; box-shadow: 30px 30px 0 -29px rgba(27, 138, 166, .35), 58px 58px 0 -57px rgba(231, 98, 16, .45);}.hr-association-commerce-v1__custom-offer-label { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 0 0 5px !important; padding: 0 !important; color: #667677; font-size: 10px; font-weight: 700; line-height: 1.5;}.hr-association-commerce-v1__custom-offer-value { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(30px, 3.1vw, 40px); font-weight: 800; line-height: 1.35; text-align: right;}.hr-association-commerce-v1__custom-offer-note { position: relative; z-index: 2; display: block !important; width: 100% !important; margin: 13px 0 0 !important; padding: 13px 0 0 !important; border-top: 1px solid #dde7e7; color: #667677; font-size: 10.5px; line-height: 1.8; text-align: right;}.hr-association-commerce-v1__custom-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 190px !important; min-height: 49px !important; margin: 21px 0 0 !important; padding: 11px 21px !important; border: 1px solid #035758 !important; border-radius: 10px !important; background: #035758 !important; color: #ffffff !important; font-size: 11.5px !important; font-weight: 750 !important; line-height: 1.5 !important; text-decoration: none !important; box-shadow: none !important; transition: transform .18s ease, background-color .18s ease, border-color .18s ease !important;}.hr-association-commerce-v1__custom-button:hover { transform: translateY(-2px); background: #1b8aa6 !important; border-color: #1b8aa6 !important;}.hr-association-commerce-v1__why-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 7vw, 88px) 0; overflow: hidden; box-sizing: border-box; background: #f7fafa; color: #132829;}.hr-association-commerce-v1__why-section::before { content: ""; position: absolute; top: 0; left: 9%; width: 1px; height: 100%; background: #dde7e7; opacity: .6; pointer-events: none;}.hr-association-commerce-v1__why-container { position: relative; z-index: 2; display: block !important; width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important;}.hr-association-commerce-v1__why-heading-wrap { display: block !important; width: 100% !important; max-width: 830px !important; margin: 0 0 39px auto !important; padding: 0 !important;}.hr-association-commerce-v1__why-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; color: #1b8aa6; font-size: 11px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__why-kicker::before { content: ""; display: block; flex: 0 0 23px; width: 23px; height: 2px; background: #e76210;}.hr-association-commerce-v1__why-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(29px, 3.2vw, 43px); font-weight: 760; line-height: 1.45; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__why-rail { position: relative; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch !important; gap: 10px; width: 100% !important; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__why-rail::before { content: ""; position: absolute; right: 6%; left: 6%; top: 33px; height: 1px; background: #d7e1e1; pointer-events: none;}.hr-association-commerce-v1__why-item-1 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 180px; margin: 0 !important; padding: 25px 20px 22px !important; border: 1px solid #dde7e7; border-radius: 13px; background: #ffffff;}.hr-association-commerce-v1__why-item-1::before { content: "01"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0 0 20px; border: 1px solid #035758; border-radius: 50%; background: #ffffff; color: #035758; font-size: 7px; font-weight: 850; line-height: 1; direction: ltr;}.hr-association-commerce-v1__why-item-1-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 15.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__why-item-1-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 11px; line-height: 1.85; text-align: right;}.hr-association-commerce-v1__why-item-2 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 180px; margin: 0 !important; padding: 25px 20px 22px !important; border: 1px solid #1b8aa6; border-radius: 13px; background: #ffffff;}.hr-association-commerce-v1__why-item-2::before { content: "02"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0 0 20px; border: 1px solid #1b8aa6; border-radius: 50%; background: #ffffff; color: #1b8aa6; font-size: 7px; font-weight: 850; line-height: 1; direction: ltr;}.hr-association-commerce-v1__why-item-2-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 15.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__why-item-2-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 11px; line-height: 1.85; text-align: right;}.hr-association-commerce-v1__why-item-3 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 180px; margin: 0 !important; padding: 25px 20px 22px !important; border: 1px solid #e76210; border-radius: 13px; background: #fffaf7;}.hr-association-commerce-v1__why-item-3::before { content: "03"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0 0 20px; border: 1px solid #e76210; border-radius: 50%; background: #ffffff; color: #e76210; font-size: 7px; font-weight: 850; line-height: 1; direction: ltr;}.hr-association-commerce-v1__why-item-3-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #035758; font-size: 15.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__why-item-3-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #667677; font-size: 11px; line-height: 1.85; text-align: right;}.hr-association-commerce-v1__why-item-4 { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 180px; margin: 0 !important; padding: 25px 20px 22px !important; border: 1px solid #035758; border-radius: 13px; background: #035758; box-shadow: 0 12px 30px rgba(3, 87, 88, .085);}.hr-association-commerce-v1__why-item-4::before { content: "04"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0 0 20px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: transparent; color: #e76210; font-size: 7px; font-weight: 850; line-height: 1; direction: ltr;}.hr-association-commerce-v1__why-item-4-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #ffffff; font-size: 15.5px; font-weight: 760; line-height: 1.55; text-align: right;}.hr-association-commerce-v1__why-item-4-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #ffffff; opacity: .76; font-size: 11px; line-height: 1.85; text-align: right;}.hr-association-commerce-v1__cta-section { position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(48px, 6vw, 72px) 0 clamp(56px, 7vw, 80px); overflow: hidden; box-sizing: border-box; background: #ffffff; color: #132829;}.hr-association-commerce-v1__cta-section::before { content: ""; position: absolute; right: 0; bottom: 34px; width: 20%; height: 1px; background: #dde7e7; pointer-events: none;}.hr-association-commerce-v1__cta-section::after { content: ""; position: absolute; right: 20%; bottom: 29px; width: 11px; height: 11px; border: 2px solid #e76210; border-radius: 50%; background: #ffffff; pointer-events: none;}.hr-association-commerce-v1__cta-container { position: relative; z-index: 2; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 44px; width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 34px 36px !important; border: 1px solid #dde7e7; border-radius: 18px; background: #f7fafa; overflow: hidden; box-shadow: 0 15px 40px rgba(3, 87, 88, .045);}.hr-association-commerce-v1__cta-container::before { content: ""; position: absolute; top: -61px; left: -45px; width: 145px; height: 145px; border: 1px solid #dde7e7; border-radius: 50%;}.hr-association-commerce-v1__cta-container::after { content: ""; position: absolute; top: 0; right: 36px; width: 85px; height: 3px; background: #035758; box-shadow: -27px 0 0 #1b8aa6, -40px 0 0 #e76210;}.hr-association-commerce-v1__cta-copy { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; align-items: flex-start !important; flex: 1 1 auto; width: 100% !important; max-width: 700px !important; min-width: 0; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__cta-kicker { display: inline-flex !important; align-items: center !important; gap: 9px; width: auto !important; margin: 0 0 9px !important; padding: 0 !important; color: #1b8aa6; font-size: 10.5px; font-weight: 800; line-height: 1.5;}.hr-association-commerce-v1__cta-kicker::before { content: ""; display: block; flex: 0 0 22px; width: 22px; height: 2px; background: #e76210;}.hr-association-commerce-v1__cta-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #035758; font-size: clamp(27px, 3vw, 40px); font-weight: 770; line-height: 1.45; letter-spacing: -.02em; text-align: right;}.hr-association-commerce-v1__cta-description { display: block !important; width: 100% !important; max-width: 650px !important; margin: 12px 0 0 !important; padding: 0 !important; color: #667677; font-size: 13px; line-height: 1.9; text-align: right;}.hr-association-commerce-v1__cta-actions { position: relative; z-index: 2; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch !important; gap: 8px; flex: 0 0 390px; width: 390px !important; margin: 0 !important; padding: 0 !important;}.hr-association-commerce-v1__cta-salla-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 49px !important; margin: 0 !important; padding: 11px 17px !important; border: 1px solid #035758 !important; border-radius: 9px !important; background: #035758 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1.5 !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; transition: transform .18s ease, background-color .18s ease, border-color .18s ease !important;}.hr-association-commerce-v1__cta-salla-button:hover { transform: translateY(-2px); border-color: #1b8aa6 !important; background: #1b8aa6 !important;}.hr-association-commerce-v1__cta-zid-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 49px !important; margin: 0 !important; padding: 11px 17px !important; border: 1px solid #1b8aa6 !important; border-radius: 9px !important; background: #ffffff !important; color: #035758 !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1.5 !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease !important;}.hr-association-commerce-v1__cta-zid-button:hover { transform: translateY(-2px); border-color: #1b8aa6 !important; background: #1b8aa6 !important; color: #ffffff !important;}.hr-association-commerce-v1__cta-custom-button { grid-column: 1 / -1; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 10px 17px !important; border: 1px solid #dde7e7 !important; border-radius: 9px !important; background: #ffffff !important; color: #667677 !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.5 !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; transition: transform .18s ease, border-color .18s ease, color .18s ease !important;}.hr-association-commerce-v1__cta-custom-button:hover { transform: translateY(-2px); border-color: #e76210 !important; color: #e76210 !important;}@media (max-width: 1180px) {  .hr-association-commerce-v1__hero-layout { gap: 48px; } .hr-association-commerce-v1__hero-copy { max-width: 680px !important; } .hr-association-commerce-v1__hero-commerce-visual { flex: 0 0 350px; width: 350px !important; max-width: 34% !important; }  .hr-association-commerce-v1__value-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .hr-association-commerce-v1__value-flow::before { display: none; }  .hr-association-commerce-v1__salla-container { grid-template-columns: minmax(0, 1fr) 330px; gap: 42px; } .hr-association-commerce-v1__salla-features { grid-template-columns: repeat(3, minmax(0, 1fr)); }  .hr-association-commerce-v1__zid-container { grid-template-columns: 335px minmax(0, 1fr); gap: 42px; } .hr-association-commerce-v1__zid-features { grid-template-columns: repeat(3, minmax(0, 1fr)); }  .hr-association-commerce-v1__execution-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .hr-association-commerce-v1__execution-track::before { display: none; }  .hr-association-commerce-v1__custom-container { grid-template-columns: minmax(0, 1fr) 320px; gap: 46px; }  .hr-association-commerce-v1__why-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }  .hr-association-commerce-v1__cta-actions { flex: 0 0 360px; width: 360px !important; }}@media (max-width: 991px) {  .hr-association-commerce-v1__hero-container, .hr-association-commerce-v1__value-container, .hr-association-commerce-v1__salla-container, .hr-association-commerce-v1__zid-container, .hr-association-commerce-v1__execution-container, .hr-association-commerce-v1__included-container, .hr-association-commerce-v1__custom-container, .hr-association-commerce-v1__why-container, .hr-association-commerce-v1__cta-container { width: min(760px, calc(100% - 28px)) !important; max-width: 760px !important; }  .hr-association-commerce-v1__hero-section { padding: 48px 0 52px; } .hr-association-commerce-v1__hero-layout { flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 40px; } .hr-association-commerce-v1__hero-copy { max-width: 100% !important; } .hr-association-commerce-v1__hero-title { max-width: 720px; } .hr-association-commerce-v1__hero-subtitle { max-width: 700px !important; } .hr-association-commerce-v1__hero-description { max-width: 690px !important; } .hr-association-commerce-v1__hero-commerce-visual { flex: 0 0 auto; width: 410px !important; max-width: 64% !important; min-height: 340px; margin-right: auto !important; margin-left: auto !important; } .hr-association-commerce-v1__hero-layout::after { bottom: -28px; }  .hr-association-commerce-v1__value-section { padding: 54px 0; } .hr-association-commerce-v1__value-heading-wrap { margin-bottom: 34px !important; } .hr-association-commerce-v1__value-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .hr-association-commerce-v1__value-identity, .hr-association-commerce-v1__value-offer, .hr-association-commerce-v1__value-order, .hr-association-commerce-v1__value-payment, .hr-association-commerce-v1__value-notification, .hr-association-commerce-v1__value-management { min-height: 145px; }  .hr-association-commerce-v1__salla-section { padding: 56px 0; } .hr-association-commerce-v1__salla-container { grid-template-columns: minmax(0, 1fr); gap: 30px; } .hr-association-commerce-v1__salla-head { grid-column: 1; grid-row: auto; } .hr-association-commerce-v1__salla-pricing { grid-column: 1; grid-row: auto; width: 100% !important; max-width: 520px !important; margin: 0 !important; } .hr-association-commerce-v1__salla-features { grid-column: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0 !important; }  .hr-association-commerce-v1__zid-section { padding: 56px 0; } .hr-association-commerce-v1__zid-container { grid-template-columns: minmax(0, 1fr); gap: 30px; } .hr-association-commerce-v1__zid-head { grid-column: 1; grid-row: 1; } .hr-association-commerce-v1__zid-pricing { grid-column: 1; grid-row: 2; width: 100% !important; max-width: 520px !important; margin: 0 !important; } .hr-association-commerce-v1__zid-features { grid-column: 1; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0 !important; }  .hr-association-commerce-v1__execution-section { padding: 54px 0; } .hr-association-commerce-v1__execution-heading-wrap { margin-bottom: 34px !important; } .hr-association-commerce-v1__execution-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .hr-association-commerce-v1__execution-step-1, .hr-association-commerce-v1__execution-step-2, .hr-association-commerce-v1__execution-step-3, .hr-association-commerce-v1__execution-step-4, .hr-association-commerce-v1__execution-step-5, .hr-association-commerce-v1__execution-step-6 { min-height: 155px; }  .hr-association-commerce-v1__included-section { padding: 54px 0; } .hr-association-commerce-v1__included-heading-wrap { margin-bottom: 34px !important; } .hr-association-commerce-v1__included-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .hr-association-commerce-v1__included-item-1, .hr-association-commerce-v1__included-item-2, .hr-association-commerce-v1__included-item-3 { min-height: 205px; padding: 23px 19px !important; }  .hr-association-commerce-v1__custom-section { padding: 54px 0; } .hr-association-commerce-v1__custom-container { grid-template-columns: minmax(0, 1fr); gap: 32px; } .hr-association-commerce-v1__custom-copy { max-width: 700px !important; } .hr-association-commerce-v1__custom-offer-panel { width: 100% !important; max-width: 520px !important; min-height: 240px; }  .hr-association-commerce-v1__why-section { padding: 54px 0; } .hr-association-commerce-v1__why-heading-wrap { margin-bottom: 32px !important; } .hr-association-commerce-v1__why-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .hr-association-commerce-v1__why-rail::before { display: none; } .hr-association-commerce-v1__why-item-1, .hr-association-commerce-v1__why-item-2, .hr-association-commerce-v1__why-item-3, .hr-association-commerce-v1__why-item-4 { min-height: 165px; }  .hr-association-commerce-v1__cta-section { padding: 42px 0 58px; } .hr-association-commerce-v1__cta-container { flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 27px; padding: 30px !important; } .hr-association-commerce-v1__cta-copy { max-width: 100% !important; } .hr-association-commerce-v1__cta-actions { flex: 0 0 auto; width: 100% !important; max-width: 520px !important; }}@media (max-width: 600px) {  .hr-association-commerce-v1__hero-container, .hr-association-commerce-v1__value-container, .hr-association-commerce-v1__salla-container, .hr-association-commerce-v1__zid-container, .hr-association-commerce-v1__execution-container, .hr-association-commerce-v1__included-container, .hr-association-commerce-v1__custom-container, .hr-association-commerce-v1__why-container, .hr-association-commerce-v1__cta-container { width: calc(100% - 20px) !important; max-width: none !important; }  .hr-association-commerce-v1__hero-section { padding: 34px 0 41px; } .hr-association-commerce-v1__hero-section::before { right: 24px; } .hr-association-commerce-v1__hero-section::after { width: 14%; } .hr-association-commerce-v1__hero-layout { gap: 29px; } .hr-association-commerce-v1__hero-layout::after { bottom: -22px; width: 110px; box-shadow: -34px 0 0 #1b8aa6, -48px 0 0 #e76210; } .hr-association-commerce-v1__hero-eyebrow { margin-bottom: 11px !important; font-size: 10px; } .hr-association-commerce-v1__hero-eyebrow::before { flex: 0 0 22px; width: 22px; } .hr-association-commerce-v1__hero-title { font-size: clamp(31px, 9.3vw, 42px); line-height: 1.24; } .hr-association-commerce-v1__hero-subtitle { margin-top: 9px !important; font-size: clamp(18px, 5.8vw, 24px); line-height: 1.55; } .hr-association-commerce-v1__hero-description { margin-top: 15px !important; font-size: 12.5px; line-height: 1.9; } .hr-association-commerce-v1__hero-button { width: 100% !important; min-width: 0 !important; margin-top: 19px !important; }  .hr-association-commerce-v1__hero-commerce-visual { width: 100% !important; max-width: 100% !important; min-height: 306px; margin: 0 !important; } .hr-association-commerce-v1__hero-commerce-visual::before { top: 31px; right: 6%; width: 88%; height: 215px; border-radius: 17px; } .hr-association-commerce-v1__hero-commerce-visual::after { top: 132px; right: 10%; left: 10%; } .hr-association-commerce-v1__hero-commerce-core { top: 94px; width: 134px !important; min-height: 74px; padding: 11px 12px !important; } .hr-association-commerce-v1__hero-commerce-core::after { height: 27px; bottom: -27px; } .hr-association-commerce-v1__hero-commerce-core-title { font-size: 13.5px; } .hr-association-commerce-v1__hero-product-node { top: 13px; right: 7%; padding: 6px 9px !important; font-size: 7.5px; } .hr-association-commerce-v1__hero-product-node::after { height: 25px; } .hr-association-commerce-v1__hero-order-node { top: 73px; left: 0; padding: 6px 9px !important; font-size: 7.5px; } .hr-association-commerce-v1__hero-order-node::after { display: none; } .hr-association-commerce-v1__hero-payment-node { top: 165px; right: 0; padding: 6px 9px !important; font-size: 7.5px; } .hr-association-commerce-v1__hero-payment-node::before { display: none; } .hr-association-commerce-v1__hero-notification-node { top: 215px; left: 5%; padding: 6px 9px !important; font-size: 7.5px; } .hr-association-commerce-v1__hero-customer-node { top: 215px; right: 5%; padding: 6px 9px !important; font-size: 7.5px; } .hr-association-commerce-v1__hero-platforms { right: 0; bottom: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100% !important; gap: 5px; padding: 7px !important; transform: none; } .hr-association-commerce-v1__hero-platforms::before { display: none; } .hr-association-commerce-v1__hero-platform-salla, .hr-association-commerce-v1__hero-platform-zid, .hr-association-commerce-v1__hero-platform-custom { width: 100% !important; min-width: 0; min-height: 27px; padding: 6px 5px !important; font-size: 6px; }  .hr-association-commerce-v1__value-section { padding: 43px 0; } .hr-association-commerce-v1__value-section::before { left: 24px; } .hr-association-commerce-v1__value-section::after { display: none; } .hr-association-commerce-v1__value-heading-wrap { margin-bottom: 25px !important; } .hr-association-commerce-v1__value-kicker { font-size: 10px; } .hr-association-commerce-v1__value-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__value-description { margin-top: 10px !important; font-size: 12px; line-height: 1.9; } .hr-association-commerce-v1__value-flow { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-top: 28px !important; } .hr-association-commerce-v1__value-flow::after { font-size: 6px; } .hr-association-commerce-v1__value-identity, .hr-association-commerce-v1__value-offer, .hr-association-commerce-v1__value-order, .hr-association-commerce-v1__value-payment, .hr-association-commerce-v1__value-notification, .hr-association-commerce-v1__value-management { min-height: 0; padding: 17px 15px 18px !important; border-radius: 11px; } .hr-association-commerce-v1__value-identity::before, .hr-association-commerce-v1__value-offer::before, .hr-association-commerce-v1__value-order::before, .hr-association-commerce-v1__value-payment::before, .hr-association-commerce-v1__value-notification::before, .hr-association-commerce-v1__value-management::before { width: 8px; height: 8px; margin-bottom: 10px; } .hr-association-commerce-v1__value-identity-title, .hr-association-commerce-v1__value-offer-title, .hr-association-commerce-v1__value-order-title, .hr-association-commerce-v1__value-payment-title, .hr-association-commerce-v1__value-notification-title, .hr-association-commerce-v1__value-management-title { font-size: 14px; }  .hr-association-commerce-v1__salla-section { padding: 44px 0; } .hr-association-commerce-v1__salla-section::before { right: 24px; } .hr-association-commerce-v1__salla-section::after { display: none; } .hr-association-commerce-v1__salla-container { gap: 24px; } .hr-association-commerce-v1__salla-kicker { font-size: 10px; } .hr-association-commerce-v1__salla-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__salla-description { margin-top: 10px !important; font-size: 12px; line-height: 1.9; } .hr-association-commerce-v1__salla-pricing { width: 100% !important; max-width: 100% !important; padding: 11px !important; border-radius: 14px; } .hr-association-commerce-v1__salla-pricing::before { left: 13px; font-size: 5.8px; } .hr-association-commerce-v1__salla-pricing::after { height: 42px; } .hr-association-commerce-v1__salla-design-price { min-height: 0; padding: 19px 16px !important; border-radius: 11px; } .hr-association-commerce-v1__salla-design-price-value { font-size: clamp(34px, 10vw, 44px); } .hr-association-commerce-v1__salla-moyasar-price { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 15px !important; } .hr-association-commerce-v1__salla-moyasar-price-value { font-size: 19px; } .hr-association-commerce-v1__salla-features { grid-template-columns: minmax(0, 1fr); gap: 7px; padding-top: 25px !important; } .hr-association-commerce-v1__salla-feature-1, .hr-association-commerce-v1__salla-feature-2, .hr-association-commerce-v1__salla-feature-3, .hr-association-commerce-v1__salla-feature-4, .hr-association-commerce-v1__salla-feature-5, .hr-association-commerce-v1__salla-feature-6, .hr-association-commerce-v1__salla-feature-7, .hr-association-commerce-v1__salla-feature-8, .hr-association-commerce-v1__salla-feature-9, .hr-association-commerce-v1__salla-feature-10, .hr-association-commerce-v1__salla-feature-11, .hr-association-commerce-v1__salla-feature-12 { min-height: 47px; padding: 10px 30px 10px 12px !important; }  .hr-association-commerce-v1__zid-section { padding: 44px 0; } .hr-association-commerce-v1__zid-section::before { left: 24px; } .hr-association-commerce-v1__zid-section::after { display: none; } .hr-association-commerce-v1__zid-container { gap: 24px; } .hr-association-commerce-v1__zid-kicker { font-size: 10px; } .hr-association-commerce-v1__zid-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__zid-description { margin-top: 10px !important; font-size: 12px; line-height: 1.9; } .hr-association-commerce-v1__zid-pricing { width: 100% !important; max-width: 100% !important; padding: 11px !important; border-radius: 14px; } .hr-association-commerce-v1__zid-pricing::before { right: 13px; font-size: 5.8px; } .hr-association-commerce-v1__zid-pricing::after { height: 42px; } .hr-association-commerce-v1__zid-design-price { min-height: 0; padding: 19px 16px !important; border-radius: 11px; } .hr-association-commerce-v1__zid-design-price-value { font-size: clamp(34px, 10vw, 44px); } .hr-association-commerce-v1__zid-renewal-price { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 15px !important; } .hr-association-commerce-v1__zid-renewal-price-value { font-size: 19px; } .hr-association-commerce-v1__zid-features { grid-template-columns: minmax(0, 1fr); gap: 7px; padding-top: 25px !important; } .hr-association-commerce-v1__zid-feature-1, .hr-association-commerce-v1__zid-feature-2, .hr-association-commerce-v1__zid-feature-3, .hr-association-commerce-v1__zid-feature-4, .hr-association-commerce-v1__zid-feature-5, .hr-association-commerce-v1__zid-feature-6, .hr-association-commerce-v1__zid-feature-7, .hr-association-commerce-v1__zid-feature-8, .hr-association-commerce-v1__zid-feature-9, .hr-association-commerce-v1__zid-feature-10, .hr-association-commerce-v1__zid-feature-11, .hr-association-commerce-v1__zid-feature-12, .hr-association-commerce-v1__zid-feature-13 { min-height: 47px; padding: 10px 30px 10px 12px !important; }  .hr-association-commerce-v1__execution-section { padding: 43px 0; } .hr-association-commerce-v1__execution-section::before { right: 24px; } .hr-association-commerce-v1__execution-section::after { display: none; } .hr-association-commerce-v1__execution-heading-wrap { margin-bottom: 25px !important; } .hr-association-commerce-v1__execution-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__execution-description { margin-top: 10px !important; font-size: 12px; line-height: 1.9; } .hr-association-commerce-v1__execution-track { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-top: 27px !important; } .hr-association-commerce-v1__execution-track::after { font-size: 6px; } .hr-association-commerce-v1__execution-step-1, .hr-association-commerce-v1__execution-step-2, .hr-association-commerce-v1__execution-step-3, .hr-association-commerce-v1__execution-step-4, .hr-association-commerce-v1__execution-step-5, .hr-association-commerce-v1__execution-step-6 { min-height: 0; padding: 17px 15px 19px !important; border-radius: 11px; } .hr-association-commerce-v1__execution-step-1::before, .hr-association-commerce-v1__execution-step-2::before, .hr-association-commerce-v1__execution-step-3::before, .hr-association-commerce-v1__execution-step-4::before, .hr-association-commerce-v1__execution-step-5::before, .hr-association-commerce-v1__execution-step-6::before { width: 8px; height: 8px; margin-bottom: 10px; }  .hr-association-commerce-v1__included-section { padding: 43px 0; } .hr-association-commerce-v1__included-section::before { left: 24px; } .hr-association-commerce-v1__included-section::after { display: none; } .hr-association-commerce-v1__included-heading-wrap { margin-bottom: 25px !important; } .hr-association-commerce-v1__included-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__included-description { margin-top: 10px !important; font-size: 12px; line-height: 1.9; } .hr-association-commerce-v1__included-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; } .hr-association-commerce-v1__included-item-1, .hr-association-commerce-v1__included-item-2, .hr-association-commerce-v1__included-item-3 { min-height: 0; padding: 19px 16px 20px !important; border-radius: 12px; } .hr-association-commerce-v1__included-item-1::before, .hr-association-commerce-v1__included-item-2::before, .hr-association-commerce-v1__included-item-3::before { margin-bottom: 16px; } .hr-association-commerce-v1__included-item-1-title, .hr-association-commerce-v1__included-item-2-title, .hr-association-commerce-v1__included-item-3-title { font-size: 16px; } .hr-association-commerce-v1__included-item-1-text, .hr-association-commerce-v1__included-item-2-text, .hr-association-commerce-v1__included-item-3-text { font-size: 11px; }  .hr-association-commerce-v1__custom-section { padding: 43px 0; } .hr-association-commerce-v1__custom-section::before { right: 24px; } .hr-association-commerce-v1__custom-section::after { display: none; } .hr-association-commerce-v1__custom-container { gap: 25px; } .hr-association-commerce-v1__custom-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__custom-description { margin-top: 10px !important; font-size: 12px; line-height: 1.9; } .hr-association-commerce-v1__custom-button { width: 100% !important; min-width: 0 !important; margin-top: 16px !important; } .hr-association-commerce-v1__custom-offer-panel { width: 100% !important; max-width: 100% !important; min-height: 0; padding: 21px 17px !important; border-radius: 14px; } .hr-association-commerce-v1__custom-offer-panel::before { margin-bottom: 28px; font-size: 5.8px; } .hr-association-commerce-v1__custom-offer-value { font-size: clamp(27px, 8vw, 35px); }  .hr-association-commerce-v1__why-section { padding: 43px 0; } .hr-association-commerce-v1__why-section::before { left: 24px; } .hr-association-commerce-v1__why-heading-wrap { margin-bottom: 25px !important; } .hr-association-commerce-v1__why-title { font-size: clamp(25px, 7.2vw, 32px); line-height: 1.5; } .hr-association-commerce-v1__why-rail { grid-template-columns: minmax(0, 1fr); gap: 8px; } .hr-association-commerce-v1__why-item-1, .hr-association-commerce-v1__why-item-2, .hr-association-commerce-v1__why-item-3, .hr-association-commerce-v1__why-item-4 { min-height: 0; padding: 18px 16px 20px !important; } .hr-association-commerce-v1__why-item-1::before, .hr-association-commerce-v1__why-item-2::before, .hr-association-commerce-v1__why-item-3::before, .hr-association-commerce-v1__why-item-4::before { width: 26px; height: 26px; margin-bottom: 11px; }  .hr-association-commerce-v1__cta-section { padding: 37px 0 51px; } .hr-association-commerce-v1__cta-container { gap: 21px; padding: 24px 17px !important; border-radius: 15px; } .hr-association-commerce-v1__cta-container::before { top: -50px; left: -42px; width: 115px; height: 115px; } .hr-association-commerce-v1__cta-container::after { right: 17px; width: 65px; box-shadow: -21px 0 0 #1b8aa6, -31px 0 0 #e76210; } .hr-association-commerce-v1__cta-title { font-size: clamp(24px, 7.2vw, 31px); } .hr-association-commerce-v1__cta-description { margin-top: 9px !important; font-size: 11.5px; line-height: 1.85; } .hr-association-commerce-v1__cta-actions { grid-template-columns: minmax(0, 1fr); width: 100% !important; max-width: 100% !important; gap: 7px; } .hr-association-commerce-v1__cta-custom-button { grid-column: auto; } .hr-association-commerce-v1__cta-salla-button, .hr-association-commerce-v1__cta-zid-button, .hr-association-commerce-v1__cta-custom-button { width: 100% !important; }}@media (max-width: 370px) {  .hr-association-commerce-v1__hero-container, .hr-association-commerce-v1__value-container, .hr-association-commerce-v1__salla-container, .hr-association-commerce-v1__zid-container, .hr-association-commerce-v1__execution-container, .hr-association-commerce-v1__included-container, .hr-association-commerce-v1__custom-container, .hr-association-commerce-v1__why-container, .hr-association-commerce-v1__cta-container { width: calc(100% - 16px) !important; }  .hr-association-commerce-v1__hero-title { font-size: 29px; } .hr-association-commerce-v1__hero-subtitle { font-size: 18px; } .hr-association-commerce-v1__hero-commerce-visual { min-height: 295px; } .hr-association-commerce-v1__hero-commerce-visual::before { right: 4%; width: 92%; } .hr-association-commerce-v1__hero-commerce-core { width: 124px !important; } .hr-association-commerce-v1__hero-product-node, .hr-association-commerce-v1__hero-order-node, .hr-association-commerce-v1__hero-payment-node, .hr-association-commerce-v1__hero-notification-node, .hr-association-commerce-v1__hero-customer-node { padding: 5px 7px !important; font-size: 6.8px; } .hr-association-commerce-v1__hero-platform-salla, .hr-association-commerce-v1__hero-platform-zid, .hr-association-commerce-v1__hero-platform-custom { font-size: 5.5px; }  .hr-association-commerce-v1__salla-pricing { padding-right: 9px !important; padding-left: 9px !important; } .hr-association-commerce-v1__salla-design-price-value { font-size: 33px; } .hr-association-commerce-v1__salla-moyasar-price { grid-template-columns: minmax(0, 1fr); } .hr-association-commerce-v1__salla-moyasar-price-value { margin-top: 2px !important; } .hr-association-commerce-v1__salla-moyasar-price-note { grid-column: auto; }  .hr-association-commerce-v1__zid-pricing { padding-right: 9px !important; padding-left: 9px !important; } .hr-association-commerce-v1__zid-design-price-value { font-size: 33px; } .hr-association-commerce-v1__zid-renewal-price { grid-template-columns: minmax(0, 1fr); } .hr-association-commerce-v1__zid-renewal-price-value { margin-top: 2px !important; } .hr-association-commerce-v1__zid-renewal-price-note { grid-column: auto; }  .hr-association-commerce-v1__custom-offer-panel { padding-right: 14px !important; padding-left: 14px !important; } .hr-association-commerce-v1__custom-offer-panel::before { font-size: 5.2px; } .hr-association-commerce-v1__custom-offer-value { font-size: 26px; }  .hr-association-commerce-v1__cta-container { padding-right: 15px !important; padding-left: 15px !important; }}.hr-association-commerce-v1__hero-button:focus-visible,.hr-association-commerce-v1__custom-button:focus-visible,.hr-association-commerce-v1__cta-salla-button:focus-visible,.hr-association-commerce-v1__cta-zid-button:focus-visible,.hr-association-commerce-v1__cta-custom-button:focus-visible { outline: 2px solid #1b8aa6; outline-offset: 3px;}@media (prefers-reduced-motion: reduce) { .hr-association-commerce-v1__hero-button, .hr-association-commerce-v1__custom-button, .hr-association-commerce-v1__cta-salla-button, .hr-association-commerce-v1__cta-zid-button, .hr-association-commerce-v1__cta-custom-button { transition: none !important; } .hr-association-commerce-v1__hero-button:hover, .hr-association-commerce-v1__custom-button:hover, .hr-association-commerce-v1__cta-salla-button:hover, .hr-association-commerce-v1__cta-zid-button:hover, .hr-association-commerce-v1__cta-custom-button:hover { transform: none !important; }}