.hero[data-v-8507a854]{font-family:Lexend,sans-serif;background-image:url(/img/b2b/b2b-background.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;color:#fff;padding:80px 0}.hero .hero-grid[data-v-8507a854]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}@media screen and (max-width: 991px){.hero .hero-grid[data-v-8507a854]{grid-template-columns:repeat(1,minmax(0,1fr))}}.hero .hero-grid .left-part{h1[data-v-8507a854] {color: #FAFAFA; font-size: 36px; font-weight: 400; margin-top: 30px;} .description[data-v-8507a854] {color: #FAFAFA; font-size: 16px; font-weight: 400; max-width: 800px; margin: 20px 0 0;} .certifications {&[data-v-8507a854] {display: flex; gap: 15px; margin-top: 20px;} @media screen and (max-width: 991px) {&[data-v-8507a854] {flex-direction: column;}} .certification[data-v-8507a854] {border-radius: 10px; background: #F3F4F6; color: #364153; font-size: 14px; font-weight: 400; padding: 6px 15px; display: flex; align-items: center; gap: 10px; @media screen and (max-width: 991px) {width: 100%; justify-content: center;}}} a[data-v-8507a854] {display: inline-block; border-radius: 12px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%); box-shadow: 6px 6px 9.9px 0 rgba(0,0,0,.09); color: #FAFAFA; font-size: 18px; font-weight: 400; padding: 12px 26px; margin-top: 25px; @media screen and (max-width: 991px) {width: 100%; text-align: center;}}}.hero .hero-grid .left-part[data-v-8507a854]{grid-column:span 2 / span 2}@media screen and (max-width: 991px){.hero .hero-grid .left-part[data-v-8507a854]{grid-column:span 1 / span 1}}.hero .hero-grid .left-part .badge-container[data-v-8507a854]{display:flex;align-items:center}.hero .hero-grid .left-part .badge-container .badge{p[data-v-8507a854] {margin-bottom: 0; font-size: 14px; font-weight: 400;} .icon[data-v-8507a854] {padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: linear-gradient(149deg,#898989 9.82%,#5D5D5D 36.09%);}}.hero .hero-grid .left-part .badge-container .badge[data-v-8507a854]{border-radius:50px;background:linear-gradient(23deg,#1E1E1E 15.61%,#848484 152.7%);box-shadow:5px 4px 16.8px #00000026;-webkit-backdrop-filter:blur(27.75px);backdrop-filter:blur(27.75px);display:flex;align-items:center;gap:10px}.hero .hero-grid .right-part{img[data-v-8507a854] {max-width: 100%;}}.underhero[data-v-8507a854]{background:#EDEEF2;font-family:Lexend,sans-serif}.underhero .built-for-scale{h3[data-v-8507a854] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-8507a854] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .cards {&[data-v-8507a854] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 30px;} @media screen and (max-width: 991px) {&[data-v-8507a854] {grid-template-columns: repeat(1,minmax(0,1fr));}} .card {&[data-v-8507a854] {border-radius: 16px; border: 2px solid #E5E7EB; background: linear-gradient(135deg,#F9FAFB 0%,#FFF 100%); padding: 24px;} .icon[data-v-8507a854] {width: 40px; height: 40px; border-radius: 14px; background: #E2E8F0; display: flex; align-items: center; justify-content: center;} .title[data-v-8507a854] {color: #101828; font-size: 20px; font-weight: 400; margin-bottom: 5px; margin-top: 8px;} .description[data-v-8507a854] {color: #4A5565; font-size: 16px; font-weight: 400; text-align: left;} .disclaimer[data-v-8507a854] {color: #6A7282; font-size: 14px; font-weight: 400; margin-bottom: 0;}}}}.underhero .built-for-scale[data-v-8507a854]{padding:40px 0}.underhero .use-cases{h3[data-v-8507a854] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-8507a854] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .sections {.section {h5 {&[data-v-8507a854] {text-align: center; color: #101828; font-size: 20px; font-weight: 400; margin-top: 40px; position: relative; display: flex; align-items: center; justify-content: center; gap: 24px;} &[data-v-8507a854]::before,&[data-v-8507a854]::after {content: ""; flex: 1; height: 1px; background: linear-gradient(90deg,rgba(0,0,0,0) 0%,#D1D5DC 50%,rgba(0,0,0,0) 100%);}} .cards {&[data-v-8507a854] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 20px;} @media screen and (max-width: 991px) {&[data-v-8507a854] {grid-template-columns: repeat(1,minmax(0,1fr));}} .card {&[data-v-8507a854] {border-radius: 16px; border: 2px solid #E5E7EB; background: #FFF; padding: 24px;} .icon[data-v-8507a854] {width: 40px; height: 40px; border-radius: 14px; background: #E2E8F0; display: flex; align-items: center; justify-content: center;} .title[data-v-8507a854] {color: #101828; font-size: 20px; font-weight: 400; margin-top: 10px;} .description[data-v-8507a854] {color: #4A5565; font-size: 16px; font-weight: 400; text-align: left;} ul {&[data-v-8507a854] {border-top: 1px solid #E5E7EB; border-bottom: 1px solid #E5E7EB; padding: 16px 14px;} li {&[data-v-8507a854] {color: #364153; font-size: 14px; font-weight: 400;} &[data-v-8507a854]::marker {color: #99A1AF;}}} .route[data-v-8507a854] {color: #155DFC; font-size: 12px; font-weight: 400; border-radius: 4px; background: #EFF6FF; padding: 5px 10px; align-self: flex-start; margin-bottom: 0;}}}}}}.underhero .use-cases[data-v-8507a854]{padding:40px 0}.underhero .steps{h3[data-v-8507a854] {color: #101828; text-align: center; font-size: 30px; font-weight: 400; margin-top: 20px;} .description[data-v-8507a854] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .steps-list {&[data-v-8507a854] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px; margin-top: 30px;} @media screen and (max-width: 991px) {&[data-v-8507a854] {grid-template-columns: repeat(1,minmax(0,1fr));}} .step {&[data-v-8507a854] {display: flex; flex-direction: column; align-items: center; justify-content: center;} .number {&[data-v-8507a854] {border-radius: 24px; background: #155DFC; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;} p[data-v-8507a854] {color: #FFF; font-size: 16px; font-weight: 400; margin-bottom: 0;}} .title[data-v-8507a854] {color: #101828; text-align: center; font-size: 20px; font-weight: 400; margin-top: 15px; margin-bottom: 0;} .description[data-v-8507a854] {color: #4A5565; text-align: center; font-size: 16px; font-weight: 400; margin-top: 15px; margin-bottom: 0;}}} .cta {&[data-v-8507a854] {display: flex; align-items: center; justify-content: center; margin-top: 30px;} a[data-v-8507a854] {border-radius: 12px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%); box-shadow: 6px 6px 9.9px 0 rgba(0,0,0,.09); display: inline-block; margin: 0 auto; color: #FAFAFA; font-size: 18px; font-weight: 400; padding: 12px 26px;}}}.underhero .steps[data-v-8507a854]{padding:40px 0}.underhero .steps .badge-container[data-v-8507a854]{display:flex;align-items:center;justify-content:center}.underhero .steps .badge-container .badge{p[data-v-8507a854] {margin-bottom: 0; color: #155DFC; font-size: 14px; font-weight: 400;}}.underhero .steps .badge-container .badge[data-v-8507a854]{border-radius:25px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;gap:10px}
