.product-visual[data-v-282dd5a7]{position:relative;min-height:440px;overflow:hidden;border:1px solid color-mix(in oklch,var(--primary) 18%,white);border-radius:28px;background:oklch(96.5% .025 252);box-shadow:0 34px 90px #1b438426}.visual-grid[data-v-282dd5a7]{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgb(70 108 177 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(70 108 177 / 9%) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 78%);mask-image:linear-gradient(to bottom right,black,transparent 78%)}.visual-phone[data-v-282dd5a7]{position:absolute;width:174px;height:318px;padding:9px;border:2px solid #183766;border-radius:28px;background:#102c55;box-shadow:0 22px 44px #122e5c38}.visual-phone-main[data-v-282dd5a7]{left:10%;bottom:-22px;transform:rotate(-4deg)}.visual-phone-side[data-v-282dd5a7]{right:9%;top:50px;width:142px;height:264px;opacity:.82;transform:rotate(7deg)}.phone-speaker[data-v-282dd5a7]{position:absolute;z-index:2;top:9px;left:50%;width:38px;height:4px;border-radius:6px;background:#496487;transform:translate(-50%)}.phone-screen[data-v-282dd5a7]{height:100%;overflow:hidden;border-radius:19px;background:linear-gradient(155deg,#f9fbff,#deebff)}.phone-screen.side[data-v-282dd5a7]{background:linear-gradient(155deg,#587fe5,#7bc9d1)}.screen-top[data-v-282dd5a7]{display:flex;gap:5px;padding:18px 14px 12px}.screen-top span[data-v-282dd5a7]{width:7px;height:7px;border-radius:50%;background:#8fa7c9}.screen-orbit[data-v-282dd5a7]{position:relative;width:104px;height:104px;margin:25px auto;border:1px solid #b6cae8;border-radius:50%}.screen-orbit[data-v-282dd5a7]:before{content:"";position:absolute;inset:20px;border-radius:18px;background:#4d78e8;box-shadow:0 10px 20px #3965cd40}.screen-orbit i[data-v-282dd5a7]{position:absolute;width:11px;height:11px;border:3px solid white;border-radius:50%;background:#5dcab6;box-shadow:0 0 0 1px #75a1de}.screen-orbit i[data-v-282dd5a7]:nth-child(1){top:6px;left:10px}.screen-orbit i[data-v-282dd5a7]:nth-child(2){right:-2px;top:46px}.screen-orbit i[data-v-282dd5a7]:nth-child(3){bottom:2px;left:20px}.screen-lines[data-v-282dd5a7]{display:grid;gap:10px;padding:0 18px}.screen-lines span[data-v-282dd5a7]{height:7px;border-radius:6px;background:#c2d2e9}.screen-lines span[data-v-282dd5a7]:nth-child(2){width:72%}.screen-lines span[data-v-282dd5a7]:nth-child(3){width:86%}.visual-panel[data-v-282dd5a7]{position:absolute;z-index:3;top:72px;left:32%;width:250px;padding:12px;border:1px solid #d5e2f4;border-radius:14px;background:#fff;box-shadow:0 20px 55px #1b407a2b}.panel-header[data-v-282dd5a7]{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:1px 2px 10px;border-bottom:1px solid #e4ebf6;font-size:11px;color:#55708f}.panel-header i[data-v-282dd5a7]{width:18px;height:18px;border-radius:6px;background:#4d78e8}.panel-header b[data-v-282dd5a7]{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#58c89d}.panel-row[data-v-282dd5a7]{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px;border-radius:9px;color:#243d61;font-size:11px}.panel-row+.panel-row[data-v-282dd5a7]{border-top:1px solid #edf1f7}.panel-row i[data-v-282dd5a7]{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#5fc99e}.row-icon[data-v-282dd5a7]{width:27px;height:27px;border-radius:8px;background:#e8f0ff}.tone-1[data-v-282dd5a7]{background:#e5f7f2}.tone-2[data-v-282dd5a7]{background:#f0edff}.visual-signal[data-v-282dd5a7]{position:absolute;right:24px;bottom:28px;display:flex;align-items:flex-end;gap:4px;height:26px}.visual-signal span[data-v-282dd5a7]{width:5px;border-radius:4px;background:#4f79e7}.visual-signal span[data-v-282dd5a7]:nth-child(1){height:7px}.visual-signal span[data-v-282dd5a7]:nth-child(2){height:12px}.visual-signal span[data-v-282dd5a7]:nth-child(3){height:18px}.visual-signal span[data-v-282dd5a7]:nth-child(4){height:25px}.visual-proxy .phone-screen[data-v-282dd5a7],.visual-ads .phone-screen[data-v-282dd5a7]{background:linear-gradient(155deg,#f4fbff,#d9f0ed)}.visual-team .phone-screen[data-v-282dd5a7]{background:linear-gradient(155deg,#fbfaff,#e8e3ff)}.visual-drive .phone-screen[data-v-282dd5a7],.visual-apps .phone-screen[data-v-282dd5a7]{background:linear-gradient(155deg,#fafffd,#def3e9)}.visual-adb .phone-screen[data-v-282dd5a7]{background:linear-gradient(155deg,#152640,#23476d)}.compact[data-v-282dd5a7]{min-height:360px;border-radius:22px}.compact .visual-phone[data-v-282dd5a7]{transform:scale(.82) rotate(-4deg);transform-origin:bottom left}.compact .visual-phone-side[data-v-282dd5a7]{transform:scale(.8) rotate(7deg);transform-origin:top right}.compact .visual-panel[data-v-282dd5a7]{top:58px;left:28%;transform:scale(.9)}@media(max-width:700px){.product-visual[data-v-282dd5a7]{min-height:360px}.visual-panel[data-v-282dd5a7]{left:27%;width:210px}.visual-phone-main[data-v-282dd5a7]{left:2%}.visual-phone-side[data-v-282dd5a7]{right:0;opacity:.55}}