.be-solution-os{overflow:hidden;color:#edf4ff;background:radial-gradient(circle at 18% 18%,rgba(91,126,255,.18),transparent 26%),radial-gradient(circle at 84% 72%,rgba(86,229,191,.1),transparent 24%),#060a12}.be-solution-os:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(124,154,224,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(124,154,224,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.be-solution-os .be-module-head{position:relative;z-index:2}.be-solution-os .be-module-head h2 em{color:#8dabff;font-style:normal}.be-solution-os .be-module-head>p{color:#91a0b8}
.os-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(460px,1.35fr) minmax(330px,.93fr);gap:12px;align-items:stretch}.os-diagnostic,.os-twin,.os-reactor{position:relative;overflow:hidden;border:1px solid rgba(133,165,239,.18);border-radius:28px;background:linear-gradient(150deg,rgba(15,25,43,.95),rgba(7,12,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.os-diagnostic>header,.os-twin>header,.os-reactor>header{display:flex;align-items:center;justify-content:space-between;min-height:59px;padding:0 18px;border-bottom:1px solid rgba(133,165,239,.13);color:#7c89a0;font:700 .46rem/1 Manrope,sans-serif;letter-spacing:.12em}.os-diagnostic>header span,.os-twin>header span,.os-reactor>header span{display:flex;align-items:center;gap:8px}.os-diagnostic>header i,.os-twin>header i,.os-reactor>header i{width:6px;height:6px;border-radius:50%;background:#77e4c4;box-shadow:0 0 13px #77e4c4}.os-diagnostic>header>b,.os-twin>header>b,.os-reactor>header>b{color:#91a7d6;font-size:.42rem}
.os-diagnostic-body{display:grid;align-content:space-between;min-height:590px;padding:28px}.os-diagnostic-body>small,.os-reactor-body>small{color:#7193ed;font:800 .48rem/1 Manrope,sans-serif;letter-spacing:.13em}.os-diagnostic h3{margin:17px 0 32px;font-size:clamp(2.1rem,3.1vw,3.5rem);line-height:.92;letter-spacing:-.05em}.os-diagnostic dl{display:grid;gap:12px;margin:0}.os-diagnostic dl>div{min-height:120px;padding:18px;border:1px solid rgba(123,152,220,.12);border-radius:17px;background:rgba(255,255,255,.025)}.os-diagnostic dt{margin-bottom:12px;color:#71809a;font:700 .44rem/1 Manrope,sans-serif;letter-spacing:.12em}.os-diagnostic dd{margin:0;color:#d7e1f3;font-size:.86rem;line-height:1.55}.os-confidence{align-self:end;display:grid;gap:12px;margin-top:36px}.os-confidence>span{height:4px;overflow:hidden;border-radius:99px;background:#172138}.os-confidence i{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7698ff,#75e6c6);box-shadow:0 0 14px rgba(117,230,198,.45);transition:width .9s cubic-bezier(.2,.8,.2,1)}.os-confidence b{color:#7d8aa1;font-size:.67rem;font-weight:500}
.os-twin{min-height:650px}.os-twin-stage{position:relative;min-height:590px;isolation:isolate}.os-twin-stage:before{position:absolute;inset:8% 8%;z-index:-2;content:"";border-radius:50%;background:radial-gradient(circle,rgba(91,130,245,.16),transparent 58%)}.os-orbit{position:absolute;inset:50% auto auto 50%;width:min(390px,70%);aspect-ratio:1;border:1px solid rgba(117,151,234,.19);border-radius:50%;transform:translate(-50%,-50%);animation:osSpin 28s linear infinite}.os-orbit:before,.os-orbit:after{position:absolute;inset:12%;content:"";border:1px dashed rgba(117,230,198,.13);border-radius:50%}.os-orbit:after{inset:28%;border-style:solid;border-color:rgba(134,164,235,.14)}.os-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#7da0ff;box-shadow:0 0 20px #7da0ff}.os-orbit i:first-child{top:10%;left:22%}.os-orbit i:nth-child(2){right:-4px;top:50%;background:#77e4c4}.os-orbit i:nth-child(3){bottom:8%;left:27%}.os-twin-core{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:142px;aspect-ratio:1;place-content:center;text-align:center;border:1px solid rgba(145,177,246,.32);border-radius:50%;background:radial-gradient(circle at 38% 28%,#21345e,#0b1324 68%);box-shadow:0 0 80px rgba(86,126,239,.3),inset 0 1px rgba(255,255,255,.12);transform:translate(-50%,-50%)}.os-twin-core small,.os-twin-core span{color:#8091b0;font:700 .4rem/1 Manrope,sans-serif;letter-spacing:.12em}.os-twin-core strong{margin:8px 0;color:#f1f5ff;font:800 2.4rem/1 Manrope,sans-serif}.os-twin-stage ol{position:absolute;inset:0;margin:0;padding:0;list-style:none}.os-twin-stage li{position:absolute;z-index:3;display:grid;grid-template-columns:8px auto;gap:5px 10px;align-items:center;min-width:92px;padding:11px 13px;border:1px solid rgba(126,156,225,.18);border-radius:14px;background:rgba(7,13,24,.86);box-shadow:0 16px 35px rgba(0,0,0,.28);backdrop-filter:blur(12px);transition:.35s}.os-twin-stage li:after{position:absolute;z-index:-1;width:85px;height:1px;content:"";background:linear-gradient(90deg,rgba(116,150,236,.55),transparent);transform-origin:0 50%}.os-twin-stage li>i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#77e4c4;box-shadow:0 0 12px #77e4c4}.os-twin-stage li>span{color:#657795;font:700 .4rem/1 Manrope,sans-serif}.os-twin-stage li>b{font-size:.7rem}.os-twin-stage li:nth-child(1){top:10%;left:8%}.os-twin-stage li:nth-child(1):after{left:100%;top:70%;transform:rotate(23deg)}.os-twin-stage li:nth-child(2){top:9%;right:8%}.os-twin-stage li:nth-child(2):after{right:100%;top:70%;transform:rotate(157deg)}.os-twin-stage li:nth-child(3){top:47%;right:2%}.os-twin-stage li:nth-child(3):after{right:100%;top:50%;transform:rotate(180deg)}.os-twin-stage li:nth-child(4){bottom:8%;right:15%}.os-twin-stage li:nth-child(4):after{right:100%;top:20%;transform:rotate(215deg)}.os-twin-stage li:nth-child(5){bottom:8%;left:15%}.os-twin-stage li:nth-child(5):after{left:100%;top:20%;transform:rotate(-35deg)}.os-twin-stage li.is-pulsing{border-color:rgba(117,230,198,.48);background:rgba(29,79,71,.45);transform:translateY(-3px)}.os-twin>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:61px;padding:0 18px;border-top:1px solid rgba(133,165,239,.13);color:#6d7990;font-size:.55rem}.os-twin>footer span{display:flex;align-items:center;gap:8px}.os-twin>footer i{width:6px;height:6px;border-radius:50%;background:#77e4c4}.os-twin>footer em{overflow:hidden;max-width:55%;color:#7d91bc;font:700 .43rem/1 Manrope,sans-serif;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.os-reactor-body{display:flex;flex-direction:column;min-height:590px;padding:28px}.os-reactor h3{margin:17px 0 26px;font-size:1.55rem;line-height:1.15;letter-spacing:-.035em}.os-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.os-module-grid button{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;min-height:65px;padding:11px;border:1px solid rgba(127,156,222,.13);border-radius:13px;color:#71809a;background:rgba(255,255,255,.018);text-align:start;cursor:pointer;transition:.25s}.os-module-grid button:hover{border-color:rgba(132,163,235,.34);transform:translateY(-2px)}.os-module-grid button.is-active{border-color:rgba(117,230,198,.34);color:#edf4ff;background:linear-gradient(135deg,rgba(83,126,229,.13),rgba(68,201,160,.08));box-shadow:inset 0 1px rgba(255,255,255,.04)}.os-module-grid button>i{color:#6683c7;font:700 .4rem/1 Manrope,sans-serif}.os-module-grid button>span{display:grid;gap:5px}.os-module-grid button b{font-size:.68rem}.os-module-grid button small{color:#596b89;font:700 .34rem/1 Manrope,sans-serif;letter-spacing:.08em}.os-module-grid button>em{font:300 1rem/1 Manrope,sans-serif;transition:.25s}.os-module-grid button.is-active>em{color:#78e4c4;transform:rotate(45deg)}.os-reactor-output{display:flex;align-items:center;gap:16px;margin-top:24px;padding:15px;border:1px solid rgba(127,156,222,.12);border-radius:17px;background:#080e1a}.os-reactor-core{position:relative;display:grid;width:60px;aspect-ratio:1;flex:0 0 auto;place-items:center;border:1px solid rgba(122,153,231,.3);border-radius:50%;background:#111d35}.os-reactor-core:before,.os-reactor-core:after{position:absolute;inset:-7px;content:"";border:1px solid rgba(115,151,238,.17);border-radius:50%;animation:osSpin 9s linear infinite}.os-reactor-core:after{inset:-13px;border-style:dashed;animation-direction:reverse}.os-reactor-core strong{font:800 .9rem/1 Manrope,sans-serif}.os-reactor-output p{display:grid;gap:7px;min-width:0;margin:0}.os-reactor-output small{color:#63718b;font:700 .4rem/1 Manrope,sans-serif;letter-spacing:.11em}.os-reactor-output b{overflow:hidden;color:#9eb5e7;font:700 .48rem/1.4 Manrope,sans-serif;text-overflow:ellipsis}.os-open-prototype{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:66px;margin-top:auto;padding:13px 16px;border:1px solid rgba(130,164,243,.35);border-radius:16px;color:#07111e;background:linear-gradient(135deg,#f1f5ff,#acc0ff);text-align:start;cursor:pointer;transition:.25s}.os-open-prototype:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(76,113,216,.23)}.os-open-prototype>span{display:grid;gap:5px}.os-open-prototype small{font:800 .4rem/1 Manrope,sans-serif;letter-spacing:.12em}.os-open-prototype b{font-size:.76rem}
.os-xray-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(131,163,235,.14);background:#0a111e}.os-xray-tabs button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:55px;border:0;border-inline-start:1px solid rgba(131,163,235,.11);color:#66738a;background:transparent;cursor:pointer;transition:.25s}.os-xray-tabs button:first-child{border-inline-start:0}.os-xray-tabs button>i{font:700 .4rem/1 Manrope,sans-serif}.os-xray-tabs button>span{font-size:.68rem;font-weight:700}.os-xray-tabs button.is-active{color:#edf4ff;background:linear-gradient(135deg,rgba(110,146,243,.14),rgba(83,218,176,.06));box-shadow:inset 0 -2px #7fa1ff}.be-device-stage{position:relative}.os-xray-overlay{position:absolute;z-index:8;inset:50% 5% auto 5%;overflow:hidden;border:1px solid rgba(131,166,246,.38);border-radius:22px;color:#eaf1ff;background:rgba(5,11,22,.9);box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 70px rgba(75,119,235,.16);backdrop-filter:blur(18px);transform:translateY(-50%)}.os-xray-overlay[hidden]{display:none}.os-xray-overlay>header,.os-xray-overlay>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:58px;padding:0 18px;border-bottom:1px solid rgba(132,163,233,.14);color:#8190aa;font:700 .46rem/1 Manrope,sans-serif;letter-spacing:.1em}.os-xray-overlay>header span{display:flex;align-items:center;gap:8px}.os-xray-overlay>header i{width:6px;height:6px;border-radius:50%;background:#77e4c4;box-shadow:0 0 12px #77e4c4}.os-xray-overlay>header b{color:#91adf0}.os-xray-overlay>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.os-xray-card{position:relative;min-height:150px;padding:18px;border:1px solid rgba(129,158,222,.14);border-radius:16px;background:rgba(255,255,255,.026)}.os-xray-card:before{position:absolute;top:0;right:18px;width:34px;height:1px;content:"";background:#77e4c4;box-shadow:0 0 12px #77e4c4}.os-xray-card small{color:#6f84b3;font:700 .4rem/1 Manrope,sans-serif;letter-spacing:.1em}.os-xray-card b{display:block;margin:18px 0 8px;font-size:.84rem}.os-xray-card p{margin:0;color:#8996ab;font-size:.68rem;line-height:1.55}.os-xray-overlay>footer{border-top:1px solid rgba(132,163,233,.14);border-bottom:0}.os-xray-overlay>footer span{font-family:Heebo,sans-serif;font-weight:400;letter-spacing:0}.os-xray-overlay>footer b{color:#77e4c4;font-size:.4rem}
.be-engine.has-direction .os-shell{animation:osActivate .85s cubic-bezier(.2,.75,.2,1)}
@keyframes osSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes osActivate{0%{filter:brightness(.5);transform:scale(.985)}45%{filter:brightness(1.35)}100%{filter:none;transform:none}}
@media(max-width:1180px){.os-shell{grid-template-columns:1fr 1.3fr}.os-reactor{grid-column:1/-1}.os-reactor-body{min-height:0}.os-module-grid{grid-template-columns:repeat(3,1fr)}.os-open-prototype{margin-top:26px}.os-diagnostic-body{min-height:590px}}
@media(max-width:780px){.os-shell{grid-template-columns:1fr}.os-diagnostic,.os-twin,.os-reactor{border-radius:22px}.os-diagnostic-body{min-height:0}.os-diagnostic dl{grid-template-columns:1fr 1fr}.os-diagnostic dl>div{min-height:108px}.os-twin{min-height:610px}.os-twin-stage{min-height:490px}.os-twin-core{width:116px}.os-twin-stage li{min-width:80px;padding:9px}.os-twin-stage li:after{width:50px}.os-module-grid{grid-template-columns:1fr 1fr}.os-xray-tabs button{min-height:50px}.os-xray-overlay{inset:50% 13px auto 13px}.os-xray-overlay>div{grid-template-columns:1fr}.os-xray-card{min-height:100px}.os-xray-overlay>footer span{display:none}}
@media(max-width:430px){.os-diagnostic-body,.os-reactor-body{padding:20px}.os-diagnostic h3{font-size:2.3rem}.os-diagnostic dl{grid-template-columns:1fr}.os-twin{min-height:560px}.os-twin-stage{min-height:440px}.os-twin-stage li{min-width:72px;padding:8px}.os-twin-stage li>b{font-size:.58rem}.os-twin-stage li:nth-child(1){left:3%}.os-twin-stage li:nth-child(2){right:3%}.os-twin-stage li:nth-child(3){right:0}.os-twin-stage li:nth-child(4){right:8%}.os-twin-stage li:nth-child(5){left:8%}.os-twin>footer em{display:none}.os-module-grid button{min-height:62px}.os-xray-tabs button{gap:5px}.os-xray-tabs button>span{font-size:.58rem}.os-xray-overlay>header,.os-xray-overlay>footer{padding:0 12px}.os-xray-overlay>div{padding:12px}.os-xray-card{padding:14px}.os-xray-card:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.os-orbit,.os-reactor-core:before,.os-reactor-core:after{animation:none!important}}
.os-reactor-core:before,.os-reactor-core:after{animation-name:osRingSpin}
@keyframes osRingSpin{to{transform:rotate(360deg)}}
.be-device{position:relative}
@media(max-width:780px){.be-rail{position:sticky;z-index:89;top:68px;right:auto;display:flex;width:100%;max-width:100vw;flex-direction:row;gap:4px;margin:0;padding:7px 10px;border-width:1px 0;border-radius:0;overflow-x:auto;background:rgba(7,12,21,.92);transform:none;opacity:1;pointer-events:auto;scrollbar-width:none}.be-rail::-webkit-scrollbar{display:none}.be-rail-line{display:none}.be-rail button{display:flex;grid-template-columns:none;gap:7px;min-width:max-content;min-height:44px;padding:0 12px}.be-rail button span{overflow:visible;opacity:1}.be-rail button:hover,.be-rail button.is-active{display:flex;grid-template-columns:none;gap:7px}.be-rail button:hover span,.be-rail button.is-active span{opacity:1}}