.ecosystem-hero-section{background:var(--background-neutral-white);padding:220px 0 80px;position:relative}.ecosystem-hero-section .ecosystem-hero-wrapper{gap:95px;display:flex}.ecosystem-hero-section .ecosystem-hero-left{flex-direction:column;flex-shrink:0;justify-content:space-between;gap:40px;width:-webkit-fill-available;width:-moz-available;width:stretch;max-width:525px;display:flex}.ecosystem-hero-section .ecosystem-hero-content{flex-direction:column;gap:30px;display:flex}.ecosystem-hero-section .ecosystem-hero-content .codio-large-title{max-width:445px;color:var(--text-secondary-600);text-align:left;margin-bottom:0}.ecosystem-hero-section .ecosystem-hero-content .codio-section-desc{max-width:445px;color:var(--text-secondary-100);text-align:left}.ecosystem-hero-section .ecosystem-hero-card{background:var(--background-neutral-200);border-radius:20px;flex-direction:column;padding:25px 40px 25px 30px;display:flex}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-card-title{font-family:var(--font-general-sans);letter-spacing:0;color:var(--background-secondary-600);margin-bottom:20px;font-size:24px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-card-desc{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-secondary-100);margin-bottom:36px;font-size:16px;font-weight:400;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-badges{flex-wrap:wrap;align-items:center;gap:10px 6px;display:flex}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-badges .ecosystem-hero-badge{font-family:var(--font-general-sans);letter-spacing:0;border:1px solid var(--button-neutral-300);min-height:32px;color:var(--text-neutral-100);white-space:nowrap;border-radius:40px;justify-content:center;align-items:center;padding:6px 16px;font-size:14px;font-weight:500;line-height:normal;display:inline-flex}.ecosystem-hero-section .ecosystem-hero-card-image{background:var(--background-neutral-200);background:linear-gradient(22deg,#e2e1e1 10.46%,#d4d4d4 117.02%);border-radius:20px;min-height:402px;position:relative;overflow:hidden}.ecosystem-hero-section .ecosystem-hero-card-image img{object-fit:contain;object-position:center left}.ecosystem-hero-section .ecosystem-hero-image{background:linear-gradient(22deg,#e2e1e1 10.46%,#d4d4d4 117.02%);border-radius:20px;flex:1;min-height:680px;position:relative;overflow:hidden}.ecosystem-hero-section .ecosystem-hero-image img{object-fit:contain;object-position:center right;transform:scale(1.11)translate(-25px)}@media screen and (max-width:1199px){.ecosystem-hero-section .ecosystem-hero-image img{transform:scale(1.11)translate(-15px)}}@media screen and (max-width:991px){.ecosystem-hero-section{padding:172px 0 60px}.ecosystem-hero-section .ecosystem-hero-wrapper{gap:60px}.ecosystem-hero-section .ecosystem-hero-left{gap:24px;max-width:325px}.ecosystem-hero-section .ecosystem-hero-content{gap:22px}.ecosystem-hero-section .ecosystem-hero-content .codio-large-title{max-width:325px;font-family:var(--font-general-sans);letter-spacing:0;font-size:24px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-content .codio-section-desc{max-width:325px;font-family:var(--font-general-sans);letter-spacing:0;font-size:14px;font-weight:400;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card{padding:20px 30px 20px 25px}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-card-title{font-family:var(--font-general-sans);letter-spacing:0;font-size:24px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-card-desc{font-family:var(--font-general-sans);letter-spacing:0;margin-bottom:24px;font-size:14px;font-weight:400;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-badges{gap:8px}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-badges .ecosystem-hero-badge{font-family:var(--font-general-sans);letter-spacing:0;min-height:unset;padding:6px 14px;font-size:12px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card-image{min-height:280px}}@media screen and (max-width:767px){.ecosystem-hero-section{padding:105px 0 40px}.ecosystem-hero-section .ecosystem-hero-wrapper{flex-direction:column;gap:0}.ecosystem-hero-section .ecosystem-hero-left{display:contents}.ecosystem-hero-section .ecosystem-hero-content{order:1;gap:10px;margin-bottom:36px}.ecosystem-hero-section .ecosystem-hero-content .codio-large-title{font-family:var(--font-general-sans);letter-spacing:0;text-align:center;max-width:100%;font-size:24px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-content .codio-section-desc{font-family:var(--font-general-sans);letter-spacing:0;text-align:center;max-width:100%;font-size:14px;font-weight:400;line-height:normal}.ecosystem-hero-section .ecosystem-hero-image{border-radius:18px;order:2;min-height:255px;margin-bottom:24px}.ecosystem-hero-section .ecosystem-hero-image img{transform:initial}.ecosystem-hero-section .ecosystem-hero-card{order:3;padding:22px 21px}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-card-title{font-family:var(--font-general-sans);letter-spacing:0;margin-bottom:10px;font-size:16px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-card-desc{font-family:var(--font-general-sans);letter-spacing:0;max-width:270px;margin-bottom:14px;font-size:14px;font-weight:400;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-badges{gap:6px}.ecosystem-hero-section .ecosystem-hero-card .ecosystem-hero-badges .ecosystem-hero-badge{font-family:var(--font-general-sans);letter-spacing:0;min-height:unset;padding:6px 14px;font-size:12px;font-weight:500;line-height:normal}.ecosystem-hero-section .ecosystem-hero-card-image{border-radius:18px;order:3;min-height:210px}}
.slider-nav{justify-content:center;align-items:center;display:flex}.slider-nav-arrow{background:var(--icon-primary-0);width:24px;height:24px;color:var(--icon-neutral-black);cursor:pointer;border:none;border-radius:80px;justify-content:center;align-items:center;padding:0;transition:opacity .2s,background-color .2s,color .2s;display:inline-flex}.slider-nav-arrow:hover{opacity:.7}.slider-nav-arrow:disabled,.slider-nav-arrow.is-disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.slider-nav-arrow svg{width:12px;height:12px;display:block}.slider-nav-arrow--prev{transform:rotate(90deg)}.slider-nav-arrow--next{transform:rotate(-90deg)}