.platform-products{position:relative;isolation:isolate;overflow:hidden;padding:216px 0 75px;background:linear-gradient(180deg,transparent 70%,rgba(18,58,221,.25)),var(--bem-dark)}.platform-products:before{content:"";position:absolute;z-index:-1;inset:-31.64% -12.6% -12.23% -30.73%;background:url(/figma/platform/imgAssetsBackground.svg) center / 100% 100% no-repeat;opacity:.8;pointer-events:none}.platform-products:after,.platform-integrations:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px) 0 0 / 24px 24px;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000);pointer-events:none}.platform-page .platform-products .bem-label,.platform-page .platform-integrations .bem-label{color:#ffffff80}.platform-intro{text-align:center}.platform-page .platform-intro h1{font-size:clamp(38px,3.7vw,56px);line-height:72px;color:#fff;margin:0}.platform-tabs,.platform-screen-tabs{display:flex;justify-content:center;gap:12px}.platform-tabs{margin:48px 0 120px}.platform-tabs button,.platform-screen-tabs button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:12px 20px;border:1px solid rgba(255,255,255,.15);background:#ffffff05;color:#fff;font:700 16px/24px var(--bem-font);cursor:pointer;transition:background .15s,border-color .15s}.platform-tabs button{width:210px}.platform-tabs button img{object-fit:contain}.platform-tabs button[aria-selected=true]{background:#fff;color:var(--bem-dark)}.platform-tabs button[aria-selected=true] img{filter:brightness(0)}.platform-tabs button:first-child[aria-selected=true] img{filter:none;content:url(/figma/platform/imgUnion3.svg)}.platform-tabs button:last-child[aria-selected=true] img{filter:none;content:url(/figma/platform/imgUnion2.svg)}.platform-tabs button:hover:not([aria-selected=true]),.platform-screen-tabs button:hover{background:#ffffff14;border-color:#fff6}.platform-page :is(button,a,[tabindex]):focus-visible{outline:2px solid #7392ff;outline-offset:5px}.platform-panel{display:grid;grid-template-columns:minmax(0,664fr) minmax(0,568fr);gap:88px;min-height:857px}.platform-page [hidden]{display:none!important}.platform-panel__heading{padding-top:15px;margin-bottom:32px}.platform-page .platform-panel__heading h2{max-width:570px;font-size:32px;line-height:40px;color:#fff}.platform-screens{margin-inline:-11px}.platform-screens img{width:100%;height:auto;display:block}.platform-screen-tabs{margin-top:16px}.platform-screen-tabs button{width:250px;padding:12px;gap:12px;font-size:14px;font-weight:500}.platform-screen-tabs button[aria-selected=true]{border-color:var(--bem-blue);background:#123add05}.platform-panel__copy{padding-top:205px}.platform-page .platform-panel__description{max-width:475px;font-size:24px;line-height:32px;font-weight:500;color:#fff;margin-bottom:32px}.platform-features{display:grid;gap:16px;list-style:none;padding:0;margin:0}.platform-features li{display:flex;align-items:center;gap:16px;padding:16px;min-height:80px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}.platform-features li>img{flex-shrink:0;object-fit:contain}.platform-features h3{font-size:16px;line-height:20px;font-weight:700;color:#fff;margin-bottom:6px}.platform-features p{font-size:14px;line-height:20px;color:#fffc}.platform-phone{display:block;width:auto;max-width:100%;height:650px;object-fit:contain;margin:24px auto 0}.platform-panel--hardware{grid-template-columns:minmax(0,744fr) minmax(0,463fr);gap:113px}.platform-panel--hardware .platform-panel__copy{padding-top:154px}.platform-panel--hardware .platform-panel__visual{position:relative}.platform-panel--hardware .platform-panel__heading{position:relative;z-index:1;max-width:555px}.platform-device{display:block;width:100%;height:auto;margin-top:-180px}.platform-integrations{position:relative;isolation:isolate;overflow:hidden;background:var(--bem-blue)}.platform-integrations:before{content:"";position:absolute;z-index:-1;width:220px;height:1200px;top:15%;left:-10%;transform:rotate(-44deg);background:url(/figma/platform/imgLogoBem.svg) center / 100% 100% no-repeat}.platform-integrations .bem-section-heading{margin-bottom:56px}.platform-integrations .bem-section-heading__row{display:grid;grid-template-columns:minmax(0,715fr) minmax(0,531fr);gap:74px;align-items:center}.platform-page .platform-integrations h2{color:#fff}.platform-integrations .bem-section-heading__description{margin:0;font-size:24px;line-height:32px;color:#ffffffb3}.platform-integrations .bem-section-heading__description p{line-height:32px}.platform-integrations__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.platform-integration{position:relative;grid-column:span 2;padding:32px;min-height:280px;border:1px solid rgba(255,255,255,.25);background:#ffffff08}.platform-integration:nth-child(4){grid-column:2 / span 2}.platform-integration__status{position:absolute;top:20px;right:20px;border-radius:200px;background:#fff;color:var(--bem-blue);padding:4px 14px;font-size:14px;line-height:32px;font-weight:700;text-transform:uppercase}.platform-integration__status--soon{background:#ffffff0d;color:#ffffffa6}.platform-integration__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;margin-bottom:24px}.platform-integration h3{font-size:24px;line-height:32px;font-weight:500;margin-bottom:12px;color:#fff}.platform-integration p{font-size:20px;line-height:30px;color:#ffffffb3}@media (max-width: 1150px){.platform-panel{gap:40px;min-height:750px}.platform-panel__copy{padding-top:190px}.platform-page .platform-panel__description{font-size:21px;line-height:30px}.platform-page .platform-panel__heading h2{font-size:28px;line-height:36px}.platform-screen-tabs button{font-size:12px;gap:8px}.platform-panel--hardware .platform-panel__heading{max-width:80%}.platform-device{margin-top:-130px}.platform-integration{padding:24px}.platform-integration__status{right:16px;padding:2px 10px;font-size:12px}.platform-integrations .bem-section-heading__row{gap:40px}}@media (max-width: 800px){.platform-products{padding:176px 0 80px}.platform-page .platform-intro h1{line-height:1.25}.platform-tabs{margin-bottom:72px}.platform-panel,.platform-panel--hardware{grid-template-columns:1fr;min-height:0;gap:40px}.platform-panel__copy,.platform-panel--hardware .platform-panel__copy,.platform-panel__heading{padding-top:0}.platform-page .platform-panel__heading h2,.platform-page .platform-panel__description{max-width:none}.platform-screens{max-width:686px;margin-inline:auto}.platform-panel--hardware .platform-panel__heading{max-width:none}.platform-device{width:600px;max-width:100%;margin:-64px auto 0}.platform-phone{height:560px}.platform-integrations .bem-section-heading__row{grid-template-columns:1fr;gap:24px}.platform-integrations .bem-section-heading__description{max-width:none;font-size:20px}.platform-integrations__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-integration,.platform-integration:nth-child(4){grid-column:auto}.platform-integration:last-child{grid-column:1 / -1;width:calc(50% - 12px);justify-self:center}}@media (max-width: 560px){.platform-products{padding:152px 0 64px}.platform-page .platform-intro h1{font-size:36px;line-height:1.2}.platform-tabs{gap:8px;margin-top:32px;margin-bottom:56px}.platform-tabs button{flex:1;width:auto;padding:12px 6px;gap:8px;flex-direction:column;font-size:13px;line-height:20px}.platform-tabs button img{width:24px!important;height:24px!important}.platform-page .platform-panel__heading h2{font-size:28px;line-height:36px}.platform-screen-tabs{gap:8px}.platform-screen-tabs button{width:auto;flex:1;padding:10px 8px;font-size:12px;line-height:18px;text-align:left}.platform-screen-tabs button img{flex-shrink:0}.platform-features li{padding:16px 12px}.platform-phone{height:auto;width:300px}.platform-device{margin-top:-24px}.platform-integrations__grid{grid-template-columns:1fr}.platform-integration,.platform-integration:last-child{grid-column:auto;width:100%;min-height:0;padding:32px}.platform-integration p{font-size:18px;line-height:27px}}@media (prefers-reduced-motion: reduce){.platform-tabs button,.platform-screen-tabs button{transition:none}}