/* FXINO motion: small, purposeful movements using the shared brand easing. */
:root{--fx-motion-fast:150ms;--fx-motion-standard:200ms;--fx-motion-reveal:560ms;--fx-motion-stagger:80ms;--fx-motion-scene:1600ms;--fx-motion-earth:90s;--fx-motion-candle:10s;--fx-motion-candle-scroll:700ms;--fx-ease:cubic-bezier(.2,.8,.2,1)}
.fx-reveal[data-motion-state="pending"]{opacity:0;transform:translateY(16px) rotate(var(--fx-rest-angle,0deg))}
.fx-reveal[data-motion-state="visible"]{animation:fx-reveal var(--fx-motion-reveal) var(--fx-ease) var(--fx-reveal-delay,0ms) backwards}
.fx-reveal:focus-within{opacity:1!important}
@keyframes fx-reveal{from{opacity:0;transform:translateY(16px) rotate(var(--fx-rest-angle,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--fx-rest-angle,0deg))}}
.acct,.account-panel,.fund>div,.motion-demo-card{position:relative;transition:transform var(--fx-motion-standard) var(--fx-ease),box-shadow var(--fx-motion-standard) var(--fx-ease),border-color var(--fx-motion-standard) var(--fx-ease)}
.acct::before,.account-panel::before{content:"";position:absolute;inset-inline:24px;inset-block-start:0;block-size:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#F25C3D,transparent);opacity:0;transition:opacity var(--fx-motion-standard)}
.fund{padding-block:10px;perspective:1000px}
.fund>div{background:linear-gradient(150deg,#FFFFFF,#F3F6FA);transform:rotate(var(--fx-rest-angle,0deg));box-shadow:0 6px 20px #06152505}
.fund>div>svg{transition:transform var(--fx-motion-standard) var(--fx-ease),color var(--fx-motion-standard),border-color var(--fx-motion-standard);color:#C8411F}
@media(min-width:981px){.fund>div:nth-child(1){--fx-rest-angle:-1.2deg}.fund>div:nth-child(2){--fx-rest-angle:.6deg}.fund>div:nth-child(3){--fx-rest-angle:-.6deg}.fund>div:nth-child(4){--fx-rest-angle:1.2deg}}
@media(hover:hover) and (pointer:fine){
 .acct:hover,.account-panel:hover,.motion-demo-card:hover{transform:translateY(-6px);border-color:#F25C3D80;box-shadow:0 16px 34px #06152512}
 .acct:hover::before,.account-panel:hover::before{opacity:1}
 .acct.feat:hover,.account-featured:hover{box-shadow:0 18px 38px #06152524}
 .fund>div:hover{transform:translateY(-6px) rotate(0);border-color:#F25C3D70;box-shadow:0 14px 28px #06152510}
 .fund>div:hover>svg{transform:translateY(-2px) rotate(-4deg);border-color:#F25C3D50}
}
.acct:focus-within,.account-panel:focus-within{border-color:#F25C3D80;box-shadow:0 12px 28px #06152512}
.acct:focus-within::before,.account-panel:focus-within::before{opacity:1}
/* The land itself rotates on a shaded sphere. No orbital decoration. */
.fx-globe{position:relative;display:grid;place-items:center;inline-size:min(100%,390px);aspect-ratio:1.18;isolation:isolate;pointer-events:none;flex:none}
.fx-globe-core,.fx-globe-fallback{grid-area:1/1;position:relative;display:block;inline-size:94%;block-size:auto;aspect-ratio:1;object-fit:contain}
/* Soft contact shadow grounds the sphere on light sections; it disappears on navy. */
.fx-globe::before{content:"";grid-area:1/1;align-self:end;inline-size:52%;block-size:9%;margin-block-end:1%;border-radius:50%;background:radial-gradient(closest-side,#06152530,#06152500);z-index:-1}
.fx-globe-core{visibility:hidden}.fx-globe[data-globe-ready="true"] .fx-globe-core{visibility:visible}
.fx-globe[data-globe-ready="true"] .fx-globe-fallback{visibility:hidden}
.funding-head.head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:32px;align-items:center;margin-block-end:20px}
.funding-head.head>div{max-inline-size:680px}.funding-head.head>.fx-globe{justify-self:end;max-inline-size:390px}
.funding-head.head p{max-inline-size:650px}
.page-hero-body.globe-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:36px;align-items:center}
.globe-hero>.fx-globe{justify-self:end}
@media(max-width:760px){
 .funding-head.head,.page-hero-body.globe-hero{grid-template-columns:minmax(0,1fr);gap:10px}
 .funding-head.head>.fx-globe,.globe-hero>.fx-globe{inline-size:250px;justify-self:center}
 .funding-head.head{margin-block-end:24px}.funding-head.head>div{min-inline-size:0}
 .globe-hero>.fx-globe{inline-size:220px;margin-block-start:4px}
}
/* The motion-guide specimens share exactly the production durations and artwork. */
.motion-guide-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:32px;border-radius:20px;background:#061525;color:#FFFFFF}
.motion-guide-scene .fx-globe{justify-self:center}.motion-guide-scene p{color:#AEBACB}
.motion-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px}
.motion-demo-card{padding:24px;border:1px solid #DAE2EC;border-radius:12px;background:#FFFFFF}
.motion-demo-card b{display:block;color:#0D1A2B}.motion-demo-card p{color:#58677B;margin-block:8px 0}
.motion-replay{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:10px 18px;border:1px solid #C8411F;border-radius:6px;background:#C8411F;color:white;font:inherit;font-weight:700;font-size:14px;line-height:1.4;cursor:pointer}
.motion-replay:focus-visible{outline:2px solid #C8411F;outline-offset:3px}
@media(max-width:760px){.motion-guide-scene,.motion-demo-grid{grid-template-columns:1fr}.motion-guide-scene{padding:24px}}
@media(prefers-reduced-motion:reduce){
 :root{--fx-motion-fast:0ms;--fx-motion-standard:0ms;--fx-motion-reveal:0ms;--fx-motion-stagger:0ms;--fx-motion-scene:0ms}
 .fx-reveal[data-motion-state]{opacity:1;animation:none;transform:none}
 .acct,.account-panel,.fund>div,.motion-demo-card,.fund>div>svg{transition:none;transform:none!important}
}

.hero .hero-scene{display:block;width:100%;height:100%;overflow:hidden}
.hero-candles-far{opacity:.8}
.hero-candle{opacity:var(--fx-candle-opacity,1)}
/* Current-price marker of the forming candle; the halo breathes like a live quote. */
.hero-live-halo{transform-box:fill-box;transform-origin:center;animation:fx-live-pulse 1.8s var(--fx-ease) infinite;animation-play-state:paused}
@keyframes fx-live-pulse{0%{transform:scale(.45);opacity:.4}70%,100%{transform:scale(1.35);opacity:0}}
body[data-ambient-paused="false"][data-motion-page-visible="true"] .hero-art[data-ambient-visible="true"] .hero-live-halo{animation-play-state:running}
@media(prefers-reduced-motion:reduce){
 .hero-candle{opacity:1!important}
 .hero-live{display:none}
}

/* Homepage scroll story: every rule depends on html[data-fx-story="on"], which
   motion.js sets only on homepages and never for reduced motion. */
[data-fx-story="on"] .hdr{transition:background-color .35s var(--fx-ease),border-color .35s var(--fx-ease)}
[data-fx-story="on"] .hdr[data-fx-scrolled]{background:rgba(6,17,31,.74);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
[data-fx-story="on"] .hdr::after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:2px;background:linear-gradient(90deg,#F25C3D,#FF9A7E);transform:scaleX(var(--fx-scroll,0));transform-origin:0 50%;pointer-events:none}
[dir="rtl"][data-fx-story="on"] .hdr::after{transform-origin:100% 50%;background:linear-gradient(270deg,#F25C3D,#FF9A7E)}
/* Hero exit: copy lifts and fades a little faster than the chart behind it. */
[data-fx-story="on"] .hero .wrap{transform:translate3d(0,calc(var(--fx-exit,0) * -64px),0);opacity:calc(1 - var(--fx-exit,0) * .75)}
[data-fx-story="on"] .hero-art{transform:translate3d(0,calc(var(--fx-exit,0) * 96px),0)}
/* Navy sections arrive as panels with softened corners, then square off. */
[data-fx-story="on"] .sec-dark{clip-path:inset(0 calc((1 - var(--fx-rise,1)) * 3.5%) 0 round calc((1 - var(--fx-rise,1)) * 44px) calc((1 - var(--fx-rise,1)) * 44px) 0 0)}
/* Headlines rise from a clean baseline mask. */
[data-fx-story="on"] .fx-word{display:inline-block;vertical-align:top;padding-block:.16em;margin-block:-.16em;clip-path:inset(0 -.5em)}
[data-fx-story="on"] .fx-word>span{display:inline-block;transform:translateY(118%);transition:transform .82s var(--fx-ease) calc(var(--fx-word,0) * 45ms)}
[data-fx-story="on"] .fx-line,[data-fx-story="on"] .fx-line>span{display:block}
[data-fx-story="on"] [data-fx-words="visible"] .fx-word>span{transform:none}
/* MT5 scene: devices tilt up and settle, the section holds, features take turns. */
/* overflow:hidden would make the section its own scroller and stop the pin; clip still clips. */
[data-fx-story="on"] #platform[data-fx-pinned]{overflow:visible;overflow:clip}
[data-fx-story="on"] #platform[data-fx-pinned] .plat{position:sticky;top:var(--fx-pin-top,96px)}
.fx-pin-runway{block-size:120vh}
[data-fx-story="on"] #platform .platform-devices{perspective:1500px;isolation:isolate}
[data-fx-story="on"] #platform .platform-devices::before{content:"";position:absolute;inset:14% 10% 4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#F25C3D40,#F25C3D00);filter:blur(30px);opacity:calc(var(--fx-settle,1) * .55 + var(--fx-pin,0) * .45);transform:scale(calc(.7 + var(--fx-settle,1) * .3))}
[data-fx-story="on"] #platform .platform-devices>img{transform-origin:50% 90%;transform:translate3d(0,calc((1 - var(--fx-settle,1)) * 80px),0) rotateX(calc((1 - var(--fx-settle,1)) * 26deg)) scale(calc(.84 + var(--fx-settle,1) * .16 + var(--fx-pin,0) * .04));opacity:calc(.3 + var(--fx-settle,1) * .7);will-change:transform}
[data-fx-story="on"] #platform[data-fx-pinned] .plat ul{position:relative}
[data-fx-story="on"] #platform[data-fx-pinned] .plat ul::before,[data-fx-story="on"] #platform[data-fx-pinned] .plat ul::after{content:"";position:absolute;inset-block:4px;inset-inline-start:-22px;inline-size:2px;border-radius:2px;background:#FFFFFF14}
[data-fx-story="on"] #platform[data-fx-pinned] .plat ul::after{background:linear-gradient(#F25C3D,#FF9A7E);transform:scaleY(var(--fx-pin,0));transform-origin:50% 0}
[data-fx-story="on"] #platform[data-fx-pinned] .plat li{opacity:.36;transition:opacity .5s var(--fx-ease),transform .5s var(--fx-ease)}
[data-fx-story="on"] #platform[data-fx-pinned] .plat li[data-fx-active]{opacity:1;transform:translateX(6px)}
[dir="rtl"][data-fx-story="on"] #platform[data-fx-pinned] .plat li[data-fx-active]{transform:translateX(-6px)}
[data-fx-story="on"] #platform[data-fx-pinned] .plat li svg{transition:color .5s var(--fx-ease)}
[data-fx-story="on"] #platform[data-fx-pinned] .plat li[data-fx-active] svg{color:#F25C3D}
/* Fine print: the headline starts as small grey print and grows to full size. */
[data-fx-story="on"] .fx-fine h2{transform-origin:0 0;transform:scale(calc(.34 + var(--fx-fine,1) * .66));color:color-mix(in srgb,var(--ink) calc(var(--fx-fine,1) * 100%),#98A4B4);filter:blur(calc((1 - var(--fx-fine,1)) * 1.1px));will-change:transform}
[dir="rtl"][data-fx-story="on"] .fx-fine h2{transform-origin:100% 0}