.be-focused{--focus-bg:#070a11;--focus-panel:#0d1421;--focus-line:rgba(139,166,235,.18);--focus-blue:#86a2ff;--focus-mint:#76e1bf;position:relative;color:#f4f7ff;background:var(--focus-bg)}
.be-focused>.be-entry,.be-focused .be-rail,.be-focused .be-solution-os,.be-focused .be-automation,.be-focused .be-reality,.be-focused .be-proof{display:none!important}.be-focused .be-pack-shell,.be-focused .be-final{display:none!important}.be-focused .be-workbench{background:var(--focus-bg)}
.be-focused .be-config{padding:clamp(105px,11vw,155px) 0 110px;color:#f5f7ff;background:radial-gradient(circle at 50% 8%,rgba(99,131,235,.18),transparent 32%),#080b12}.be-focused .be-config:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(134,160,231,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(134,160,231,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.be-focused .be-config>.container{position:relative;z-index:1}.be-focused .be-config .be-module-head{max-width:850px;margin:0 auto 66px;text-align:center}.be-focused .be-config .be-module-head>span{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--focus-mint);font:800 .56rem/1 Manrope,sans-serif;letter-spacing:.16em}.be-focused .be-config .be-module-head>span:before{width:7px;height:7px;content:"";border-radius:50%;background:currentColor;box-shadow:0 0 17px currentColor}.be-focused .be-config .be-module-head h2{margin:24px 0 0;font-size:clamp(3.8rem,7vw,7.6rem);line-height:.86;letter-spacing:-.07em}.be-focused .be-config .be-module-head>p{max-width:680px;margin:25px auto 0;color:#9ba6ba;font-size:1.04rem;line-height:1.75}
.be-focused .be-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:0}.be-focused .be-industry-grid button{position:relative;min-height:145px;padding:21px;border:1px solid var(--focus-line);border-radius:20px;color:#b7c1d4;background:rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(255,255,255,.025);transform:none}.be-focused .be-industry-grid button:last-child{border:1px solid var(--focus-line)}.be-focused .be-industry-grid button:hover{border-color:rgba(134,162,255,.5);color:#fff;background:rgba(116,145,236,.08);transform:translateY(-3px)}.be-focused .be-industry-grid button.is-active{border-color:rgba(118,225,191,.58);color:#fff;background:linear-gradient(145deg,rgba(98,132,236,.18),rgba(62,168,135,.09));box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);transform:none}.be-focused .be-industry-grid button.is-active:after{position:absolute;top:17px;left:17px;width:8px;height:8px;content:"";border-radius:50%;background:var(--focus-mint);box-shadow:0 0 15px var(--focus-mint)}.be-focused .be-industry-grid i{color:#7d9bf2}.be-focused .be-industry-grid strong{font-size:1.15rem}.be-focused .be-industry-grid small{color:#68758d}
.be-focused .be-form-shell{position:relative;margin-top:18px;padding:clamp(28px,4vw,50px);border:1px solid var(--focus-line);border-radius:28px;background:linear-gradient(145deg,rgba(17,27,46,.94),rgba(9,15,27,.96));box-shadow:0 38px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}.be-focused .be-form-shell:before{position:absolute;top:-1px;right:10%;left:10%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--focus-blue),var(--focus-mint),transparent)}.be-focused .be-form-grid{grid-template-columns:repeat(3,1fr);gap:15px}.be-focused .be-form-grid label{gap:9px;padding:16px 18px;border:1px solid rgba(135,160,229,.13);border-radius:17px;background:rgba(255,255,255,.02)}.be-focused .be-form-grid label>span,.be-focused .be-style-picker legend{color:#9aa7be;font-size:.72rem}.be-focused .be-form-grid input{height:42px;padding:0;border-color:rgba(140,165,232,.19);color:#f3f6ff;background:transparent;font-size:.94rem}.be-focused .be-form-grid input::placeholder{color:#5d687b}.be-focused .be-form-grid input:focus{border-color:var(--focus-mint);box-shadow:0 2px 0 var(--focus-mint)}.be-focused .be-style-picker{align-items:center;justify-content:center;flex-wrap:wrap;margin:32px 0 0}.be-focused .be-style-picker legend{text-align:center}.be-focused .be-style-picker button{min-height:43px;padding:10px 17px;border-color:rgba(139,164,231,.18);color:#8490a5;background:rgba(255,255,255,.02)}.be-focused .be-style-picker button:hover{color:#fff;border-color:rgba(139,164,231,.42)}.be-focused .be-style-picker button.is-active{color:#06101a;border-color:transparent;background:#edf2ff;box-shadow:0 10px 35px rgba(75,105,203,.2)}
.be-focused .be-generate{position:relative;display:flex;overflow:hidden;width:min(460px,100%);min-height:70px;margin:36px auto 0;padding:0 22px;align-items:center;justify-content:space-between;border:0;border-radius:19px;color:#07101b;background:linear-gradient(125deg,#f1f4ff 0%,#9db2ff 58%,#76e1bf 100%);box-shadow:0 20px 55px rgba(74,106,212,.28);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.be-focused .be-generate:before{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.58) 48%,transparent 70%);transform:translateX(-130%)}.be-focused .be-generate:hover{transform:translateY(-3px);box-shadow:0 26px 68px rgba(74,106,212,.36)}.be-focused .be-generate:hover:before{animation:focusSweep .85s ease}.be-focused .be-generate small{color:#43547e}.be-focused .be-form-error{text-align:center;color:#ff9bab}
.be-focused .be-sketch{padding:clamp(105px,11vw,155px) 0;background:linear-gradient(180deg,#070a11,#0a0f1a)}.be-focused .be-sketch .be-module-head{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:55px;align-items:end;margin-bottom:55px}.be-focused .be-sketch .be-module-head>div>span{color:var(--focus-mint)}.be-focused .be-sketch .be-module-head h2{font-size:clamp(3.6rem,6.4vw,7rem)}.be-focused .be-sketch .be-module-head>p{margin:0;color:#8e9aaf}.be-focused .be-sketch-stage{border-color:rgba(139,166,235,.24);border-radius:28px;box-shadow:0 55px 150px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025)}.be-focused .be-sketch-toolbar{background:#0b111d}.be-focused .be-device-stage{min-height:680px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--preview-a) 22%,transparent),transparent 34%),linear-gradient(145deg,#070a10,#10192a)}.be-focused .be-device{box-shadow:0 42px 100px rgba(0,0,0,.58),0 0 55px color-mix(in srgb,var(--preview-a) 12%,transparent)}.be-focused.has-direction .be-device{animation:focusReveal .9s cubic-bezier(.16,1,.3,1)}.be-focused .be-direction-readout>div{background:rgba(255,255,255,.012)}
.be-focused .be-pack{display:block!important;padding:110px 0 clamp(105px,11vw,160px);background:radial-gradient(circle at 80% 22%,rgba(94,128,231,.13),transparent 27%),#080b12}.be-focused .be-demo-studio{width:100%;max-width:1180px;margin:0 auto;padding:clamp(36px,5vw,68px);border-radius:30px;background:radial-gradient(circle at 14% 14%,rgba(105,137,255,.2),transparent 32%),linear-gradient(145deg,#0f192c,#070b13)}.be-focused .be-demo-story h2{font-size:clamp(3.5rem,5.7vw,6.4rem)}.be-focused .be-demo-console{border-color:rgba(137,165,242,.28);box-shadow:0 35px 95px rgba(0,0,0,.4)}.be-focused .be-demo-modes button{cursor:pointer}.be-focused .be-demo-modes button.is-active{border-color:rgba(118,225,191,.55);box-shadow:inset 3px 0 var(--focus-mint)}html[dir=rtl] .be-focused .be-demo-modes button.is-active{box-shadow:inset -3px 0 var(--focus-mint)}.be-focused .be-demo-create{background:linear-gradient(125deg,#eef3ff,#9cb2ff 60%,#76e0bd);box-shadow:0 18px 55px rgba(77,109,214,.24);transition:transform .25s ease,box-shadow .25s ease}.be-focused .be-demo-create:hover{transform:translateY(-3px);box-shadow:0 24px 70px rgba(77,109,214,.34)}
.be-focused :focus-visible{outline:3px solid var(--focus-mint);outline-offset:4px}.be-focused [hidden]{display:none!important}
@keyframes focusSweep{to{transform:translateX(130%)}}@keyframes focusReveal{0%{opacity:.25;transform:translateY(24px) scale(.96);filter:blur(7px)}100%{opacity:1;transform:none;filter:none}}
@media(max-width:900px){.be-focused .be-form-grid{grid-template-columns:1fr}.be-focused .be-sketch .be-module-head{grid-template-columns:1fr}.be-focused .be-device-stage{min-height:600px}.be-focused .be-demo-studio{grid-template-columns:1fr}}
@media(max-width:680px){.be-focused .be-config{padding-top:90px}.be-focused .be-config .be-module-head{margin-bottom:42px}.be-focused .be-config .be-module-head h2{font-size:clamp(3.35rem,15.5vw,5.2rem)}.be-focused .be-config .be-module-head>p{font-size:.94rem}.be-focused .be-industry-grid{grid-template-columns:1fr 1fr}.be-focused .be-industry-grid button{min-height:128px;padding:17px}.be-focused .be-industry-grid strong{font-size:1rem}.be-focused .be-form-shell{padding:18px 14px;border-radius:22px}.be-focused .be-style-picker{justify-content:flex-start}.be-focused .be-style-picker legend{text-align:start}.be-focused .be-style-picker button{flex:1;justify-content:center;min-width:42%}.be-focused .be-generate{min-height:64px}.be-focused .be-sketch .be-module-head h2{font-size:clamp(3.25rem,14.5vw,4.8rem)}.be-focused .be-sketch-stage{border-radius:21px}.be-focused .be-sketch-toolbar{padding:0 13px}.be-focused .be-sketch-toolbar>small{display:none}.be-focused .os-xray-tabs button>i{display:none}.be-focused .be-device-stage{min-height:480px;padding:38px 14px}.be-focused .be-direction-readout{grid-template-columns:1fr}.be-focused .be-direction-readout>div{min-height:90px;border-left:0;border-bottom:1px solid var(--focus-line)}.be-focused .be-demo-studio{padding:24px 14px}.be-focused .be-demo-story h2{font-size:clamp(3.2rem,15vw,4.8rem)}}
.be-focused .be-demo-error.is-success{color:var(--focus-mint)}
@media(prefers-reduced-motion:reduce){.be-focused .be-generate:hover:before,.be-focused.has-direction .be-device{animation:none!important}.be-focused .be-generate,.be-focused .be-demo-create{transition:none}}
