.hero[data-v-f66a378d]{font-family:Lexend,sans-serif;background-image:url(/img/b2b/b2b-background-hero.svg);background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;padding:80px 0}.hero .hero-grid[data-v-f66a378d]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}@media screen and (max-width: 991px){.hero .hero-grid[data-v-f66a378d]{grid-template-columns:repeat(1,minmax(0,1fr))}}.hero .hero-grid .left-part{h1[data-v-f66a378d] {color: #FAFAFA; font-size: 36px; font-weight: 400; margin-top: 30px; @media screen and (max-width: 991px) {font-size: 24px;}} .description[data-v-f66a378d] {color: #FAFAFA; font-size: 16px; font-weight: 400; max-width: 800px; margin: 20px 0 0; @media screen and (max-width: 991px) {font-size: 14px;}} .certifications {&[data-v-f66a378d] {display: flex; gap: 15px; margin-top: 20px;} @media screen and (max-width: 991px) {&[data-v-f66a378d] {flex-direction: column;}} .certification[data-v-f66a378d] {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-f66a378d] {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-f66a378d]{grid-column:span 2 / span 2}@media screen and (max-width: 991px){.hero .hero-grid .left-part[data-v-f66a378d]{grid-column:span 1 / span 1}}.hero .hero-grid .left-part .badge-container[data-v-f66a378d]{display:flex;align-items:center}.hero .hero-grid .left-part .badge-container .badge{p[data-v-f66a378d] {margin-bottom: 0; font-size: 14px; font-weight: 400;} .icon[data-v-f66a378d] {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-f66a378d]{border-radius:50px;background:rgba(50,50,50,.5);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #0000001a;-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-f66a378d] {max-width: 100%;}}.underhero[data-v-f66a378d]{font-family:Lexend,sans-serif;background-image:url(/img/b2b/b2b-background.svg);background-size:cover;background-repeat:no-repeat;background-position:center}.underhero .built-for-scale{h3[data-v-f66a378d] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-f66a378d] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .cards {&[data-v-f66a378d] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 30px;} @media screen and (max-width: 991px) {&[data-v-f66a378d] {grid-template-columns: repeat(1,minmax(0,1fr));}} .card {&[data-v-f66a378d] {border-radius: 16px; border: 2px solid #E5E7EB; background: linear-gradient(135deg,#F9FAFB 0%,#FFF 100%); padding: 24px;} .icon[data-v-f66a378d] {width: 40px; height: 40px; border-radius: 14px; background: #E2E8F0; display: flex; align-items: center; justify-content: center;} .title[data-v-f66a378d] {color: #101828; font-size: 20px; font-weight: 400; margin-bottom: 5px; margin-top: 8px;} .description[data-v-f66a378d] {color: #4A5565; font-size: 16px; font-weight: 400; text-align: left;} .disclaimer[data-v-f66a378d] {color: #6A7282; font-size: 14px; font-weight: 400; margin-bottom: 0;}}}}.underhero .built-for-scale[data-v-f66a378d]{padding:40px 0}.underhero .use-cases{h3[data-v-f66a378d] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-f66a378d] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .sections {.section {h5 {&[data-v-f66a378d] {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-f66a378d]::before,&[data-v-f66a378d]::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-f66a378d] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 20px;} @media screen and (max-width: 991px) {&[data-v-f66a378d] {grid-template-columns: repeat(1,minmax(0,1fr));}} .card {&[data-v-f66a378d] {border-radius: 16px; border: 2px solid #E5E7EB; background: #FFF; padding: 24px;} .icon[data-v-f66a378d] {width: 40px; height: 40px; border-radius: 14px; background: #E2E8F0; display: flex; align-items: center; justify-content: center;} .title[data-v-f66a378d] {color: #101828; font-size: 20px; font-weight: 400; margin-top: 10px;} .description[data-v-f66a378d] {color: #4A5565; font-size: 16px; font-weight: 400; text-align: left;} ul {&[data-v-f66a378d] {border-top: 1px solid #E5E7EB; border-bottom: 1px solid #E5E7EB; padding: 16px 14px;} li {&[data-v-f66a378d] {color: #364153; font-size: 14px; font-weight: 400;} &[data-v-f66a378d]::marker {color: #99A1AF;}}} .route[data-v-f66a378d] {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-f66a378d]{padding:40px 0}.underhero .steps{h3[data-v-f66a378d] {color: #101828; text-align: center; font-size: 30px; font-weight: 400; margin-top: 20px;} .description[data-v-f66a378d] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .steps-list {&[data-v-f66a378d] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px; margin-top: 30px;} @media screen and (max-width: 991px) {&[data-v-f66a378d] {grid-template-columns: repeat(1,minmax(0,1fr));}} .step {&[data-v-f66a378d] {display: flex; flex-direction: column; align-items: center; justify-content: center;} .number {&[data-v-f66a378d] {border-radius: 24px; background: #155DFC; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;} p[data-v-f66a378d] {color: #FFF; font-size: 16px; font-weight: 400; margin-bottom: 0;}} .title[data-v-f66a378d] {color: #101828; text-align: center; font-size: 20px; font-weight: 400; margin-top: 15px; margin-bottom: 0;} .description[data-v-f66a378d] {color: #4A5565; text-align: center; font-size: 16px; font-weight: 400; margin-top: 15px; margin-bottom: 0;}}} .cta {&[data-v-f66a378d] {display: flex; align-items: center; justify-content: center; margin-top: 30px;} a[data-v-f66a378d] {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-f66a378d]{padding:40px 0}.underhero .steps .badge-container[data-v-f66a378d]{display:flex;align-items:center;justify-content:center}.underhero .steps .badge-container .badge{p[data-v-f66a378d] {margin-bottom: 0; color: #155DFC; font-size: 14px; font-weight: 400;}}.underhero .steps .badge-container .badge[data-v-f66a378d]{border-radius:25px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;gap:10px}.underhero .contact-container[data-v-f66a378d]{padding:40px 0}.underhero .contact-container .contact[data-v-f66a378d]{background-image:url(/img/b2b/conversion-api-contact-background.svg);background-size:cover;background-repeat:no-repeat;background-position:center;padding:40px 60px;border-radius:24px;border:1px solid #E5E7EB;box-shadow:0 4px 4px #00000040;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}@media screen and (max-width: 991px){.underhero .contact-container .contact[data-v-f66a378d]{grid-template-columns:repeat(1,minmax(0,1fr));padding:40px 20px;gap:20px}}.underhero .contact-container .contact .left[data-v-f66a378d]{display:flex;flex-direction:column;justify-content:center}.underhero .contact-container .contact .left .title[data-v-f66a378d]{color:#101828;font-size:42px;font-weight:400}@media screen and (max-width: 991px){.underhero .contact-container .contact .left .title[data-v-f66a378d]{font-size:24px}}.underhero .contact-container .contact .left .description[data-v-f66a378d]{color:#4a5565;font-size:16px;font-weight:400;margin-bottom:0}.underhero .contact-container .contact .right .description[data-v-f66a378d]{color:#101828;font-size:16px;font-weight:400}.underhero .contact-container .contact .right .field{label[data-v-f66a378d] {display: flex; align-items: center; gap: 5px; color: #364153; font-size: 14px; font-weight: 400;} input[data-v-f66a378d] {border-radius: 14px; border: 2px solid #E5E7EB; background: #FFF; color: #000; font-size: 16px; font-weight: 400; padding: 10px 18px; margin-top: 3px;}}.underhero .contact-container .contact .right .field[data-v-f66a378d]{display:flex;flex-direction:column;margin-bottom:20px}.underhero .contact-container .contact .right .cta[data-v-f66a378d]{border:none;border-radius:8px;background:radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%);box-shadow:6px 6px 9.9px #00000017;color:#fafafa;font-size:16px;font-weight:400;padding:12px 30px;text-align:center}@media screen and (max-width: 991px){.underhero .contact-container .contact .right .cta[data-v-f66a378d]{width:100%}}