
.bo-platform-scene{position:relative;height:610px;min-width:0;direction:ltr;color:#f1f5f8;--mx:0;--my:0;--gold:#e7c270;--navy:#071321}
.bo-platform-scene *{box-sizing:border-box}
.bo-platform-scene .scene{position:relative;height:610px;perspective:1300px;min-width:0;touch-action:pan-y}.bo-platform-scene .scene-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--my)*-3deg)) rotateY(calc(var(--mx)*5deg));transition:transform .12s linear}.bo-platform-scene .glass-screen{position:absolute;top:170px;left:-20px;width:470px;height:314px;border:1px solid #97b8d83d;border-radius:14px;background:linear-gradient(130deg,#1c344be8,#0b1d2adb);box-shadow:10px 20px 60px #0005,inset 0 1px #ccdfef26;transform:rotateY(23deg) rotateX(8deg) rotateZ(-7deg) translateZ(-85px);overflow:hidden;backdrop-filter:blur(12px)}.bo-platform-scene .glass-top{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #8aabc51c;font-size:8px;letter-spacing:.12em;color:#7694ac}.bo-platform-scene .window-dots{color:#7895a0;letter-spacing:3px}.bo-platform-scene .glass-heading{padding:23px 22px 10px;display:flex;justify-content:space-between;align-items:center}.bo-platform-scene .glass-heading small{font-size:8px;letter-spacing:.17em;color:#7694ac;display:block;margin-bottom:8px}.bo-platform-scene .glass-heading strong{font-size:18px;font-weight:400}.bo-platform-scene .status-dot{height:5px;width:5px;border-radius:50%;background:#6db9b5;box-shadow:0 0 15px #6db9b5}.bo-platform-scene .glass-chart{height:155px;margin:0 20px}.bo-platform-scene .glass-chart svg{width:100%;height:100%;overflow:visible}.bo-platform-scene .grid{stroke:#7db2cd12;stroke-width:1;fill:none}.bo-platform-scene .market-line{stroke:#80cdd4;stroke-width:2;fill:none;stroke-dasharray:700;stroke-dashoffset:700;animation:draw 2.5s .3s ease forwards}.bo-platform-scene .glass-foot{display:flex;gap:28px;border-top:1px solid #8094a51c;margin:8px 20px;padding-top:10px;font-size:9px;color:#8b9dab}.bo-platform-scene .phone-float{position:absolute;width:260px;height:520px;right:23px;top:36px;transform-style:preserve-3d;animation:phone-float 7s ease-in-out infinite}.bo-platform-scene .phone{width:100%;height:100%;position:relative;border-radius:43px;transform:rotateY(-24deg) rotateX(8deg) rotateZ(9deg);transform-style:preserve-3d;background:linear-gradient(120deg,#f7e4af,#bb9560 15%,#776343 44%,#e5c888 64%,#49381e);padding:5px;box-shadow:1px 0 #fff7,2px 1px #d5b878,4px 2px #8e6c37,6px 3px #715329,9px 5px #bd9555,12px 7px #372b1c,18px 23px 42px #0008,0 0 45px #dbad5410}.bo-platform-scene .phone-edge{position:absolute;inset:0;border-radius:43px;border:1px solid #fff8;pointer-events:none}.bo-platform-scene .phone-key{position:absolute;left:-4px;width:4px;background:linear-gradient(#e0c491,#665434);border-radius:3px;box-shadow:-1px 0 #fff5}.bo-platform-scene .key-one{height:30px;top:80px}.bo-platform-scene .key-two{height:58px;top:135px}.bo-platform-scene .phone-face{position:relative;background:linear-gradient(145deg,#102435,#06101b 85%);height:100%;border:5px solid #050a10;border-radius:38px;padding:0 13px;overflow:hidden}.bo-platform-scene .phone-island{width:78px;height:21px;position:absolute;top:7px;left:50%;transform:translateX(-50%);border-radius:20px;background:#020609;z-index:2}.bo-platform-scene .phone-island:after{content:'';position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#305168,#04090c)}.bo-platform-scene .phone-status{display:flex;justify-content:space-between;padding:17px 0 18px;font-size:6px;letter-spacing:.05em;color:#d2dde3}.bo-platform-scene .app-brand{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;line-height:1.4}.bo-platform-scene .app-brand img{width:34px;height:38px;object-fit:contain}.bo-platform-scene .app-brand small{display:block;font-size:6px;letter-spacing:.16em;color:#bfab7a}.bo-platform-scene .app-menu{margin-left:auto;color:#b2c3cf}.bo-platform-scene .app-tabs{display:flex;justify-content:space-around;margin:17px -13px 0;border-bottom:1px solid #bcd3e016;color:#6d879c;font-size:9px}.bo-platform-scene .app-tabs span{padding:9px 5px}.bo-platform-scene .app-tabs .selected{color:#e6ca8b;border-bottom:1px solid #d4b579}.bo-platform-scene .instrument{margin-top:20px}.bo-platform-scene .instrument>span{font-size:23px;letter-spacing:-.02em;font-weight:500}.bo-platform-scene .slash{color:#486479;margin:0 3px}.bo-platform-scene .instrument small{display:block;color:#8598a7;font-size:8px;margin-top:4px}.bo-platform-scene .timeframes{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:8px;color:#70899d}.bo-platform-scene .timeframes b{font-weight:400;background:#ceac6130;color:#e5c887;padding:4px 8px;border-radius:4px}.bo-platform-scene .candles{height:168px;position:relative;margin:6px -8px 0}.bo-platform-scene .candles svg{width:100%;height:100%;overflow:visible}.bo-platform-scene .candle-grid{fill:none;stroke:#b2d9ea0b;stroke-width:1}.bo-platform-scene .average{fill:none;stroke:#d6b46a;stroke-width:1;opacity:.65}.bo-platform-scene .price-guide{position:absolute;top:28%;left:0;right:0;border-top:1px dashed #6db8ad44}.bo-platform-scene .app-tools{display:flex;justify-content:space-around;color:#6e899b;font-size:14px;padding:9px;border-top:1px solid #9aafbe18}.bo-platform-scene .app-bottom{display:flex;justify-content:space-around;border-top:1px solid #9aafbe18;padding-top:9px;color:#78909f}.bo-platform-scene .app-bottom>div{display:flex;align-items:center;flex-direction:column;gap:4px;height:32px}.bo-platform-scene .app-bottom small{font-size:6px}.bo-platform-scene .bottom-dot{height:13px;width:13px;border:1px solid #d4b57b;border-radius:50%}.bo-platform-scene .home-indicator{height:3px;background:#b9c7ce88;width:75px;border-radius:5px;position:absolute;bottom:7px;left:50%;transform:translateX(-50%)}.bo-platform-scene .screen-reflection{position:absolute;inset:5px;border-radius:38px;background:linear-gradient(113deg,transparent 25%,#d4e3f00a 35%,#d4e3f012 41%,transparent 47%,transparent 75%,#fff1);pointer-events:none}.bo-platform-scene .coin-float{position:absolute;width:105px;height:105px;top:34px;left:38px;animation:coin-float 9s ease-in-out infinite;transform-style:preserve-3d}.bo-platform-scene .coin{height:100%;border-radius:50%;padding:5px;background:linear-gradient(125deg,#fff2be,#8b632c 39%,#e4c97e 68%,#7c582c);transform:rotateY(-24deg) rotateX(12deg) rotateZ(-12deg);box-shadow:1px 1px #d5b77a,3px 3px #715326,5px 5px #c09b56,7px 7px #4c3823,13px 18px 35px #0007;position:relative}.bo-platform-scene .coin-face{height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse at 35% 22%,#223445,#091520 70%);border:1px solid #f3d8899c;box-shadow:inset 0 0 0 3px #be9e5738}.bo-platform-scene .coin-face img{width:67px;height:72px;object-fit:contain}.bo-platform-scene .platform-badge{position:absolute;left:44px;bottom:54px;display:flex;align-items:center;gap:15px;padding:17px 22px;border:1px solid #cbddeb25;background:linear-gradient(120deg,#223848a6,#0b1b28ed);backdrop-filter:blur(15px);border-radius:12px;box-shadow:0 15px 40px #0003;transform:rotateZ(-4deg) translateZ(70px);animation:badge-float 8s -2s ease-in-out infinite}.bo-platform-scene .badge-icon{font-size:36px;font-family:Georgia,serif;color:#ead190;line-height:1;border-right:1px solid #d7cc9b36;padding-right:16px}.bo-platform-scene .platform-badge small{display:block;font-size:9px;color:#8ea6b7;margin-bottom:6px}.bo-platform-scene .platform-badge strong{font-size:15px;font-weight:400;letter-spacing:.01em}.bo-platform-scene .floor-shadow{position:absolute;bottom:3px;right:0;width:350px;height:45px;filter:blur(19px);background:#01060dc4;border-radius:50%;transform:rotate(-10deg);z-index:-1}.bo-platform-scene .orbit{position:absolute;left:30px;top:20px;width:530px;height:530px;border:1px solid #b9d6dd0e;border-radius:50%;transform:rotateX(69deg) rotateY(-10deg) rotateZ(-20deg)}.bo-platform-scene .orbit-two{top:64px;left:64px;width:420px;height:420px;border-color:#d6b46a14}.bo-platform-scene .scene-note{position:absolute;bottom:-12px;right:16px;font-size:9px;letter-spacing:.08em;color:#657e94}@keyframes phone-float{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-17px) rotateZ(-2deg)}}@keyframes coin-float{0%,100%{transform:translateY(0) rotateY(-6deg)}50%{transform:translateY(-16px) rotateY(12deg)}}@keyframes badge-float{0%,100%{transform:translateY(0) rotateZ(-4deg) translateZ(70px)}50%{transform:translateY(10px) rotateZ(-2deg) translateZ(70px)}}@keyframes breathe{to{transform:translateX(-30px) scale(1.15);opacity:.6}}@keyframes draw{to{stroke-dashoffset:0}}
.bo-platform-scene .scene{width:550px;left:50%;margin-left:-275px;transform-origin:top center}
.bo-platform-scene .scene-note{font-size:12px;line-height:1.5;text-align:center;left:0;right:0;bottom:0;color:#a4b8ca;padding-inline:25px}
.bo-platform-scene .phone-float{display:block!important}
body[data-bo-depth="index"] .bo-market-section .market-card{transform:none;animation:none;max-width:1040px;margin-inline:auto;box-shadow:none}
@media(max-width:1200px) and (min-width:851px){.bo-platform-scene{height:530px}.bo-platform-scene .scene{transform:scale(.84)}}
@media(max-width:850px){.bo-platform-scene{height:440px}.bo-platform-scene .scene{transform:scale(.7)}.bo-platform-scene .scene-note{font-size:15px}}
@media(max-width:460px){.bo-platform-scene{height:375px}.bo-platform-scene .scene{transform:scale(.59)}.bo-platform-scene .scene-note{font-size:17px}}
@media(max-width:350px){.bo-platform-scene{height:335px}.bo-platform-scene .scene{transform:scale(.52)}}
@media(prefers-reduced-motion:reduce){.bo-platform-scene *{animation:none!important;transition:none!important}.bo-platform-scene .market-line{stroke-dashoffset:0}}
