/* ForexBestRobots V13 premium hero — decorative institutional candlestick motion */
.hero{background:radial-gradient(circle at 77% 22%,rgba(39,126,255,.31),transparent 27%),radial-gradient(circle at 17% 78%,rgba(248,185,63,.15),transparent 29%),linear-gradient(132deg,#050c16 0,#09192c 52%,#071727 100%)}
.hero:before{z-index:0;opacity:.13;background-size:58px 58px;animation:v12GridDrift 18s linear infinite}
.hero:after{content:"DECORATIVE MARKET MOTION";position:absolute;right:3%;bottom:18px;z-index:3;pointer-events:none;color:rgba(156,186,218,.34);font-size:8px;font-weight:800;letter-spacing:.2em}
.v13-candle-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:.5;filter:saturate(.86);transform:translate3d(var(--v13-px,0),var(--v13-py,0),0);transition:transform 1.1s cubic-bezier(.2,.72,.22,1);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 24%,#000 57%,#000 100%)}
.hero-inner{position:relative;z-index:2}
.hero-inner:before{content:"";position:absolute;top:8%;right:-8%;z-index:-1;width:58%;aspect-ratio:1;border:1px solid rgba(111,177,255,.12);border-radius:50%;box-shadow:0 0 0 52px rgba(74,143,235,.035),0 0 0 108px rgba(74,143,235,.022);animation:v12Orbit 20s linear infinite}
.hero-inner:after{content:"MARKET INTELLIGENCE / VERIFIED SYSTEMS";position:absolute;top:36px;right:1%;color:rgba(164,193,225,.38);font-size:8px;font-weight:800;letter-spacing:.22em;writing-mode:vertical-rl;pointer-events:none}
.hero-copy{animation:none}
.hero-copy>*{opacity:0;animation:v12CopyReveal .78s cubic-bezier(.2,.75,.25,1) forwards}
.hero-copy>.eyebrow{animation-delay:.08s}.hero-copy>h1{animation-delay:.18s}.hero-copy>.hero-lead{animation-delay:.31s}.hero-copy>.hero-actions{animation-delay:.43s}.hero-copy>.hero-trust{animation-delay:.54s}
.hero h1 span{background:linear-gradient(105deg,#f5b93f,#ffe6a0 52%,#d99217);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 34px rgba(243,181,61,.14)}
.market-board{--v12-rx:0deg;--v12-ry:0deg;--v12-mx:50%;--v12-my:20%;overflow:hidden;transform:perspective(1200px) rotateX(var(--v12-rx)) rotateY(var(--v12-ry));transform-style:preserve-3d;transition:transform .18s ease-out,border-color .35s ease,box-shadow .35s ease;animation:v12BoardReveal .98s .22s cubic-bezier(.18,.78,.22,1) backwards;border-color:rgba(130,180,236,.25);background:radial-gradient(circle at var(--v12-mx) var(--v12-my),rgba(75,151,255,.17),transparent 34%),linear-gradient(145deg,rgba(17,42,69,.9),rgba(7,19,33,.82));box-shadow:0 42px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(39,115,208,.07);will-change:transform}
.market-board:before{content:"";position:absolute;inset:-75% -30%;z-index:3;pointer-events:none;background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.09) 48%,transparent 58%);transform:translateX(-35%) rotate(4deg);animation:v12GlassSweep 7s 1.4s ease-in-out infinite}
.market-board:after{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;z-index:4;background:linear-gradient(90deg,transparent,#61a9ff 38%,#f7c45e 66%,transparent);box-shadow:0 0 17px rgba(82,157,255,.7);animation:v12SignalScan 4.8s ease-in-out infinite}
.market-board:hover{border-color:rgba(248,193,83,.36);box-shadow:0 46px 100px rgba(0,0,0,.42),0 0 54px rgba(35,115,217,.12),inset 0 1px rgba(255,255,255,.13)}
.market-board>*{position:relative;z-index:2;transform:translateZ(16px)}
.market-board .featured-mini{opacity:0;animation:v12MiniReveal .62s cubic-bezier(.2,.78,.25,1) forwards;background:linear-gradient(110deg,rgba(2,10,18,.61),rgba(9,28,48,.56));transition:transform .3s ease,border-color .3s ease,background .3s ease}
.market-board .featured-mini:nth-of-type(1){animation-delay:.52s}.market-board .featured-mini:nth-of-type(2){animation-delay:.64s}.market-board .featured-mini:nth-of-type(3){animation-delay:.76s}
.market-board .featured-mini:hover{transform:translateX(-4px) translateZ(22px);border-color:rgba(247,190,76,.34);background:rgba(10,32,54,.82)}
.live-pill i{animation:v12LivePulse 2.2s ease-out infinite}
.brand img{filter:drop-shadow(0 7px 18px rgba(0,0,0,.22))}
@keyframes v12CopyReveal{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes v12BoardReveal{from{opacity:0;transform:perspective(1200px) translateY(34px) rotateX(5deg) rotateY(-4deg);filter:blur(7px)}to{opacity:1;transform:perspective(1200px);filter:none}}
@keyframes v12MiniReveal{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes v12GridDrift{to{background-position:58px 58px}}
@keyframes v12Orbit{to{transform:rotate(360deg)}}
@keyframes v12GlassSweep{0%,58%{transform:translateX(-42%) rotate(4deg);opacity:0}68%{opacity:1}82%,100%{transform:translateX(45%) rotate(4deg);opacity:0}}
@keyframes v12SignalScan{0%,100%{opacity:.3;transform:translateX(-22%)}50%{opacity:1;transform:translateX(22%)}}
@keyframes v12LivePulse{0%{box-shadow:0 0 0 0 rgba(46,210,149,.42)}70%,100%{box-shadow:0 0 0 9px rgba(46,210,149,0)}}
@media(max-width:1050px){.v13-candle-canvas{opacity:.36;mask-image:linear-gradient(to bottom,transparent 0,#000 36%,#000)}.hero-inner:before{top:42%;right:-20%;width:75%}.hero-inner:after{display:none}.market-board{max-width:760px}}
@media(max-width:760px){.hero:after{right:16px;bottom:10px;font-size:6px}.v13-candle-canvas{opacity:.27;mask-image:linear-gradient(to bottom,transparent 0,#000 48%,#000)}.hero-inner:before{top:55%;right:-46%;width:115%}.market-board{will-change:auto;transform:none!important}.market-board:before{animation:none;opacity:.35;transform:translateX(16%) rotate(4deg)}.market-board>*{transform:none}.market-board .featured-mini:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-inner:before,.hero-copy>*,.market-board,.market-board:before,.market-board:after,.market-board .featured-mini,.live-pill i{animation:none!important}.hero-copy>*,.market-board .featured-mini{opacity:1!important}.market-board,.v13-candle-canvas{transform:none!important}}