[data-reveal]{--reveal-delay:0s;transition-property:opacity,transform,clip-path;transition-duration:var(--duration-cinematic);transition-timing-function:var(--ease-out);transition-delay:var(--reveal-delay)}html[data-js] [data-reveal=fade]:not([data-inview]){opacity:0}html[data-js] [data-reveal=rise]:not([data-inview]){opacity:0;transform:translateY(28px)}html[data-js] [data-reveal=scale]:not([data-inview]){opacity:0;transform:scale(.94)}html[data-js] [data-reveal=left]:not([data-inview]){opacity:0;transform:translate(-32px)}html[data-js] [data-reveal=right]:not([data-inview]){opacity:0;transform:translate(32px)}[data-reveal=clip]{clip-path:inset(-.1em 0 -.15em)}html[data-js] [data-reveal=clip]:not([data-inview]){clip-path:inset(-.1em 0 100%);transform:translateY(.35em)}[data-reveal=wipe]{clip-path:inset(0)}html[data-js] [data-reveal=wipe]:not([data-inview]){clip-path:inset(0 100% 0 0)}[data-draw]{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s var(--ease-in-out) var(--reveal-delay,0s)}[data-inview] [data-draw],[data-draw][data-inview]{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){[data-reveal],html[data-js] [data-reveal]:not([data-inview]){opacity:1;clip-path:none;transition:none;transform:none}[data-draw]{stroke-dashoffset:0;transition:none}}
.fx{pointer-events:none;opacity:0;position:absolute;inset:0}.fx-hud{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fx-arc{fill:none;transform-box:fill-box;transform-origin:50%}.fx-arc-1{stroke:#00d6bf8c;stroke-width:1px;stroke-dasharray:2 6;animation:48s linear infinite fx-spin}.fx-arc-2{stroke:#f5f7fa38;stroke-width:1px;stroke-dasharray:.5 4 12 4;animation:70s linear infinite reverse fx-spin}.fx-arc-3{stroke:#c7ab7259;stroke-width:1px;stroke-dasharray:30 160;animation:90s linear infinite fx-spin}@keyframes fx-spin{to{transform:rotate(360deg)}}.fx-chart{opacity:.85;width:100%;height:42%;position:absolute;inset:auto 0 0}.fx-grid{stroke:#ffffff0d;stroke-width:1px}.fx-line{fill:none;stroke:#00d6bf;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #00d6bf99);animation:9s linear infinite fx-draw}.fx-area{opacity:0;animation:9s linear infinite fx-area}.fx-head{fill:#f5f7fa;filter:drop-shadow(0 0 5px #00d6bfe6);animation:9s linear infinite fx-head}@keyframes fx-draw{0%{stroke-dashoffset:1px;opacity:1}62%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes fx-area{0%{opacity:0}40%{opacity:0}62%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes fx-head{0%{opacity:1}62%{opacity:1}70%{opacity:0}to{opacity:0}}.fx-candles{opacity:.5;align-items:flex-end;gap:2.2%;height:22%;display:flex;position:absolute;bottom:0;left:4%;right:56%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.fx-candle{transform-origin:bottom;animation:fx-candle 6s var(--ease-out) infinite;border-radius:1px;flex:1}.fx-candle.is-up{background:linear-gradient(#00d6bfe6,#00d6bf40)}.fx-candle.is-down{background:linear-gradient(#c7ab72cc,#c7ab7233)}@keyframes fx-candle{0%{opacity:0;transform:scaleY(0)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1;transform:scaleY(1)}92%{opacity:0;transform:scaleY(.15)}to{opacity:0;transform:scaleY(0)}}.fx-scan{animation:fx-scan 11s var(--ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}.fx-scan>span{background:linear-gradient(#0000,#00d6bfb3 40% 60%,#0000);width:2px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 24px 4px #00d6bf40}@keyframes fx-scan{0%{opacity:0;transform:translate(-100%)}5%{opacity:1}38%{opacity:1;transform:translate(0)}42%{opacity:0}to{opacity:0;transform:translate(0)}}@media (max-width:63.99rem){.fx-candles{display:none}.fx-chart{height:34%}}@media (prefers-reduced-motion:reduce){.fx,.fx-hud{opacity:1}.fx-arc,.fx-candle,.fx-scan,.fx-head{animation:none}.fx-line{stroke-dashoffset:0;animation:none}.fx-area{opacity:1;animation:none}.fx-scan{display:none}}
.hero-stage{--mx:0;--my:0;--scroll:0}.hero-scroll-bg{transform:scale(calc(1 + var(--scroll) * .05));transform-origin:50% 40%;will-change:transform}@media (min-width:64rem){.hero-scroll-mid{transform:translate3d(0, calc(var(--scroll) * 40px), 0);opacity:calc(1 - var(--scroll) * .6);will-change:transform, opacity}.hero-scroll-fg{transform:translate3d(0, calc(var(--scroll) * 90px), 0) scale(calc(1 - var(--scroll) * .1));opacity:calc(1 - var(--scroll) * .9);will-change:transform, opacity}.hero-scroll-content{transform:translate3d(0, calc(var(--scroll) * -36px), 0);opacity:calc(1 - var(--scroll) * 1.6);will-change:transform, opacity}}.hero-pointer-bg,.hero-pointer-mid,.hero-pointer-fg{transition:transform .9s var(--ease-out);will-change:transform}.hero-pointer-bg{transform:translate3d(calc(var(--mx) * -2px), calc(var(--my) * -2px), 0)}.hero-pointer-mid{transform:translate3d(calc(var(--mx) * 4px), calc(var(--my) * 4px), 0)}.hero-pointer-fg{transform:translate3d(calc(var(--mx) * 8px), calc(var(--my) * 8px), 0)}.hero-atmosphere{background:radial-gradient(70% 55% at 72% 18%,#00d6bf21 0%,#00d6bf0a 40%,#0000 70%),radial-gradient(55% 40% at 18% 85%,#064e3b59 0%,#0000 65%),linear-gradient(#080d12 0%,#060a0f 55%,#03070a 100%)}.hero-vignette{background:linear-gradient(90deg,#080d12bf 0%,#080d1259 38%,#0000 60%),linear-gradient(#080d1299 0%,#0000 25% 70%,#080d12e6 100%)}.hero-grid{transform-origin:50% 0;-webkit-mask-composite:source-in;background-image:linear-gradient(#00d6bf17 1px,#0000 1px),linear-gradient(90deg,#00d6bf17 1px,#0000 1px);background-position:top;background-size:72px 72px;transform:perspective(900px)rotateX(64deg)translateY(-6%);-webkit-mask-image:linear-gradient(#0000 0%,#000 35% 70%,#0000 100%),radial-gradient(60% 100%,#000 40%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 35% 70%,#0000 100%),radial-gradient(60% 100%,#000 40%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-horizon{background:linear-gradient(90deg,#0000 10%,#00d6bf59 50%,#0000 90%);box-shadow:0 0 48px 8px #00d6bf1f}.hero-visual-mask{-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 74%);mask-image:radial-gradient(circle,#000 50%,#0000 74%)}.hero-image-mask{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0009 45%,#000 70%),linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0009 45%,#000 70%),linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
