.hero{h1[data-v-92850def] {color: #FAFAFA; text-align: center; font-size: 36px; font-weight: 400; margin-top: 30px;} .description[data-v-92850def] {color: #FAFAFA; text-align: center; font-size: 16px; font-weight: 400; max-width: 800px; margin: 20px auto 0;} .features {&[data-v-92850def] {display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 30px;} @media screen and (max-width: 991px) {&[data-v-92850def] {flex-direction: column;}} .feature {&[data-v-92850def] {display: flex; align-items: center; gap: 10px; border-radius: 14px; border: 1px solid #E5E7EB; background: #FFF; padding: 10px 18px;} @media screen and (max-width: 991px) {&[data-v-92850def] {width: 100%; justify-content: center;}} img[data-v-92850def] {max-height: 20px;} p[data-v-92850def] {margin-bottom: 0; color: #101828; text-align: center; font-size: 14px; font-weight: 400;}}}}.hero[data-v-92850def]{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 .badge-container[data-v-92850def]{display:flex;align-items:center;justify-content:center}.hero .badge-container .badge{p[data-v-92850def] {margin-bottom: 0; font-size: 14px; font-weight: 400;} .icon[data-v-92850def] {padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: linear-gradient(149deg,#898989 9.82%,#5D5D5D 36.09%);}}.hero .badge-container .badge[data-v-92850def]{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}.underhero[data-v-92850def]{background:#EDEEF2;font-family:Lexend,sans-serif}.underhero .stats[data-v-92850def]{padding:60px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}@media screen and (max-width: 991px){.underhero .stats[data-v-92850def]{grid-template-columns:repeat(1,minmax(0,1fr))}}.underhero .stats .stat[data-v-92850def]{border-radius:16px;border:2px solid #E5E7EB;background:#FFF;padding:20px 40px}.underhero .stats .stat .number[data-v-92850def]{color:#101828;text-align:center;font-size:36px;font-weight:400;margin-bottom:0}.underhero .stats .stat .title[data-v-92850def]{color:#4a5565;text-align:center;font-size:14px;font-weight:400;max-width:280px;margin:0 auto}.underhero .seamless-team-collaboration{h3[data-v-92850def] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-92850def] {color: #4A5565; text-align: center; font-size: 18px; font-weight: 400;} .cards {&[data-v-92850def] {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-top: 30px;} @media screen and (max-width: 991px) {&[data-v-92850def] {grid-template-columns: repeat(1,minmax(0,1fr));}} .card {&[data-v-92850def] {border-radius: 16px; border: 2px solid #E5E7EB; background: linear-gradient(94deg,rgba(13,84,255,.08) 7.75%,rgba(1,20,66,.08) 87.7%); padding: 24px;} .top {&[data-v-92850def] {display: flex; align-items: center; gap: 15px;} .icon[data-v-92850def] {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 14px; background: #101828;} .title[data-v-92850def] {color: #101828; font-size: 24px; font-weight: 400; margin-bottom: 0;}} .description[data-v-92850def] {color: #4A5565; font-size: 16px; font-weight: 400; text-align: left; margin-top: 20px;}}}}.underhero .granular-permission-levels{h3[data-v-92850def] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-92850def] {color: #4A5565; text-align: center; font-size: 16px; font-weight: 400;} .roles {&[data-v-92850def] {border-radius: 16px; border: 2px solid #E5E7EB; background: #FFF; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 40px; gap: 20px;} @media screen and (max-width: 991px) {&[data-v-92850def] {grid-template-columns: repeat(1,minmax(0,1fr));}} .role {&[data-v-92850def] {display: flex; flex-direction: column; align-items: center;} &[data-v-92850def]:nth-child(2) {border-left: 1px solid #E5E7EB; border-right: 1px solid #E5E7EB; padding: 0 40px; @media screen and (max-width: 991px) {border-left: none; border-right: none;}} .top {&[data-v-92850def] {display: flex; align-items: center; gap: 10px;} .icon[data-v-92850def] {width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 10px;} p[data-v-92850def] {color: #101828; font-size: 18px; font-weight: 400; margin-bottom: 0;}} .features {&[data-v-92850def] {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;} .feature {&[data-v-92850def] {display: flex; align-items: center; gap: 10px; margin-bottom: 0;} &.excluded[data-v-92850def] {opacity: .6;}}}}}}.underhero .granular-permission-levels[data-v-92850def]{padding:60px 0}.underhero .sso[data-v-92850def]{padding:60px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}@media screen and (max-width: 991px){.underhero .sso[data-v-92850def]{grid-template-columns:repeat(1,minmax(0,1fr))}}.underhero .sso .left-part{h3[data-v-92850def] {color: #101828; font-size: 30px; font-weight: 400; margin-top: 20px; margin-bottom: 30px;} .description[data-v-92850def] {color: #4A5565; font-size: 18px; font-weight: 400;} .points {&[data-v-92850def] {display: flex; flex-direction: column; gap: 20px; margin-top: 30px;} .point {&[data-v-92850def] {display: flex; gap: 10px;} .icon {&[data-v-92850def] {width: 30px; height: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-shrink: 0;} img[data-v-92850def] {width: 16px; height: 16px;}} .title[data-v-92850def] {color: #101828; font-size: 18px; font-weight: 400; margin-bottom: 0;} .description[data-v-92850def] {color: #4A5565; font-size: 16px; font-weight: 400; margin-bottom: 0;}}} a[data-v-92850def] {display: inline-block; border-radius: 12px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%),#101828; box-shadow: 6px 6px 9.9px 0 rgba(0,0,0,.09); color: #FAFAFA; font-size: 18px; font-weight: 400; padding: 12px 20px; margin-top: 30px;}}.underhero .sso .left-part .badge-container[data-v-92850def]{display:flex}.underhero .sso .left-part .badge-container .badge{p[data-v-92850def] {color: #101828; font-size: 14px; font-weight: 400; margin-bottom: 0;}}.underhero .sso .left-part .badge-container .badge[data-v-92850def]{border-radius:25px;border:1px solid #E5E7EB;background:#FFF;display:flex;align-items:center;gap:10px;padding:8px 15px}.underhero .sso .right-part .sso-providers{h4[data-v-92850def] {color: #101828; font-size: 20px; font-weight: 400;} .sections {&[data-v-92850def] {display: flex; flex-direction: column; gap: 20px; margin-top: 30px;} .section {.title[data-v-92850def] {color: #364153; font-size: 14px; font-weight: 500; margin-bottom: 10px;} .description[data-v-92850def] {color: #4A5565; font-size: 16px; font-weight: 400; margin-bottom: 10px;}}} .disclaimer {&[data-v-92850def] {border-radius: 14px; border: 1px solid #BEDBFF; background: #EFF6FF; display: flex; align-items: start; gap: 10px; padding: 16px; margin-top: 20px;} .title[data-v-92850def] {color: #1C398E; font-size: 14px; font-weight: 500; margin-bottom: 10px;} .description[data-v-92850def] {color: #1C398E; font-size: 14px; font-weight: 400; margin-bottom: 0;}}}.underhero .sso .right-part .sso-providers[data-v-92850def]{border-radius:16px;border:2px solid #E5E7EB;background:#FFF;padding:20px}.underhero .sso .right-part .cards[data-v-92850def]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}@media screen and (max-width: 991px){.underhero .sso .right-part .cards[data-v-92850def]{grid-template-columns:repeat(1,minmax(0,1fr))}}.underhero .sso .right-part .cards .card[data-v-92850def]{border-radius:14px;border:2px solid #E5E7EB;background:linear-gradient(135deg,#F5F9FF 0%,#F2F6FD 100%);padding:20px}.underhero .sso .right-part .cards .card .title[data-v-92850def]{color:#101828;font-size:24px;font-weight:400}.underhero .sso .right-part .cards .card .description[data-v-92850def]{color:#4a5565;font-size:14px;font-weight:400;margin-bottom:0}