body[data-bo-depth] .hero,body[data-bo-depth] .atlas{--bo-light-x:65%;--bo-light-y:40%;--mx:0;--my:0}
.bo-platform-scene{--mx:inherit;--my:inherit}
body[data-bo-depth] .hero h1{hyphens:manual}
html[lang^="de"] body[data-bo-depth] .hero h1{hyphens:auto}
body[data-bo-depth] .hero::after,body[data-bo-depth] .atlas::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(500px circle at var(--bo-light-x) var(--bo-light-y),#30b8cb1c,transparent 72%);transition:opacity .3s}
.bo-tech-grid{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;opacity:.4}
.bo-tech-grid::before{content:"";position:absolute;inset:25% -20% -35%;background-image:linear-gradient(#64b9df30 1px,transparent 1px),linear-gradient(90deg,#64b9df30 1px,transparent 1px);background-size:65px 65px;transform:perspective(700px) rotateX(64deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,#0008 70%);animation:bo-grid-drift 22s linear infinite}
.bo-tech-orbit{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #53cdd638;inset-inline-end:10%;top:15%;transform:rotateX(50deg) rotateY(-20deg);box-shadow:0 0 0 34px #368cad0c,0 0 0 68px #368cad08}
.bo-tech-orbit::after{content:"";position:absolute;inset:8px;border:1px dashed #8fdddf44;border-radius:50%;animation:bo-radar-orbit 40s linear infinite}
.bo-tech-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#66d6d4;top:20%;left:10%;box-shadow:0 0 16px #66d6d4;animation:bo-node-pulse 5s ease-in-out infinite}
body[data-bo-depth="markets"] .hero{min-height:650px}
body[data-bo-depth="markets"] .hero-sub{position:relative;transform-style:preserve-3d;margin-top:32px;max-width:1100px;margin-inline:auto}
body[data-bo-depth="markets"] .hero-sub a{min-height:138px;padding:28px;font-size:22px;text-align:start;box-shadow:10px 14px 0 #203e5977,0 24px 35px #0007}
body[data-bo-depth="markets"] .hero-sub small{font-size:14px;margin-top:18px;color:#b6c9dc}
body[data-bo-depth="markets"] .hero-sub a:nth-child(2){translate:0 18px;border-top-color:#62c9cf}
body[data-bo-depth="markets"] .hero-sub a:nth-child(3){translate:0 -14px;border-top-color:#819de8}
body[data-bo-depth="markets"] .hero-sub a:nth-child(4){translate:0 10px;border-top-color:#c0bb85}
body[data-bo-depth="forex"] .fx-lattice{position:relative;isolation:isolate;background:radial-gradient(ellipse at 45% 45%,#24637166,#0a1b33)}
body[data-bo-depth="forex"] .pair{transition:background .25s,box-shadow .25s,translate .25s}
body[data-bo-depth="forex"] .pair b{color:#f0f5fb}
body[data-bo-depth="forex"] .pair small{color:#a9c7dc}
body[data-bo-depth="forex"] .pair:last-child b{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
body[data-bo-depth="forex"] .pair:hover{background:#285b70;box-shadow:0 0 26px #50bdcc44;translate:0 -5px}
body[data-bo-depth="metals"] .hero{background:radial-gradient(ellipse at 78% 45%,#8a682647,transparent 52%),linear-gradient(120deg,#061421,#162c43)}
body[data-bo-depth="metals"] .bo-tech-grid::before{background-image:linear-gradient(#d6b45b30 1px,transparent 1px),linear-gradient(90deg,#d6b45b30 1px,transparent 1px)}
body[data-bo-depth="metals"] .bar{border-top:1px solid #fff9}
body[data-bo-depth="insights-v2"] .atlas{isolation:isolate;perspective:1300px;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#1b4961,transparent 60%),linear-gradient(120deg,#07131f,#0c233c)}
body[data-bo-depth="insights-v2"] .atlas .bo-motion-tools{position:absolute;top:110px;inset-inline-end:4%;width:auto;z-index:10}
body[data-bo-depth="insights-v2"] .atlas-lines{transform:rotateX(14deg) rotateY(-9deg);filter:drop-shadow(0 0 8px #59bfd633);animation:bo-map-float 12s ease-in-out infinite}
body[data-bo-depth="insights-v2"] .atlas-lines{z-index:0;opacity:.9;pointer-events:none}
body[data-bo-depth="insights-v2"] .atlas-title,body[data-bo-depth="insights-v2"] .market-note,body[data-bo-depth="insights-v2"] .atlas .node{z-index:2}
body[data-bo-depth="insights-v2"] .atlas .node{border:1px solid #67b7c744;border-inline-start:2px solid #65d4d2;border-radius:12px;box-shadow:8px 12px 0 #11263b88,0 15px 28px #0005;background:linear-gradient(140deg,#25455dd9,#0b2034e8);transform:perspective(800px) rotateY(-9deg)}
body[data-bo-depth="economic-calendar"] .hero{padding-top:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;align-items:center}
body[data-bo-depth="economic-calendar"] .bo-motion-tools{grid-column:1/-1;width:92%;margin-top:105px}
body[data-bo-depth="economic-calendar"] .clock-stage{perspective:1000px;background:transparent;min-width:0}
body[data-bo-depth="economic-calendar"] .clock-face{transform:rotateX(18deg) rotateY(-12deg);border:1px solid #83c9d45c;border-radius:50%;box-shadow:0 0 0 20px #4891a20c,0 0 0 42px #4891a20a,0 22px 50px #0005;animation:bo-map-float 10s ease-in-out infinite}
body[data-bo-depth="economic-calendar"] .clock-center{border:1px solid #d9bd7766;box-shadow:0 0 40px #d3af5522}
body[data-bo-depth="economic-calendar"] .hand{opacity:.6}
body.bo-motion-paused[data-bo-depth] .atlas *{animation-play-state:paused!important}
body.bo-motion-paused[data-bo-depth] :is(.hero,.atlas) *::before,body.bo-motion-paused[data-bo-depth] :is(.hero,.atlas) *::after{animation-play-state:paused!important}
@keyframes bo-grid-drift{from{background-position:0 0}to{background-position:0 65px}}
@keyframes bo-radar-orbit{to{rotate:360deg}}
@keyframes bo-node-pulse{50%{opacity:.35;box-shadow:0 0 24px #66d6d4}}
@keyframes bo-map-float{50%{translate:0 -12px}}
@media(max-width:850px){.bo-tech-grid{opacity:.25}.bo-tech-grid::before{animation:none}.bo-tech-orbit{width:300px;height:300px;top:35%}body[data-bo-depth="markets"] .hero-sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body[data-bo-depth="markets"] .hero-sub a{padding:20px;min-height:130px;font-size:18px;translate:0 0!important}body[data-bo-depth="markets"] .hero-sub small{font-size:12px}body[data-bo-depth="economic-calendar"] .hero{grid-template-columns:minmax(0,1fr)}body[data-bo-depth="economic-calendar"] .clock-stage{min-height:400px;overflow:hidden}body[data-bo-depth="economic-calendar"] .clock-face{transform:scale(.75);transform-origin:center center;animation:none}body[data-bo-depth="insights-v2"] .atlas-lines{animation:none}body[data-bo-depth="insights-v2"] .atlas .node{transform:none}}
@media(prefers-reduced-motion:reduce){.bo-tech-grid *,.bo-tech-grid::before,body[data-bo-depth] .atlas *,body[data-bo-depth] .clock-face{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){body[data-bo-depth] :is(.hero,.atlas) *::before,body[data-bo-depth] :is(.hero,.atlas) *::after{animation:none!important;transition:none!important}}