:root{--surface:#fff;--panel:#fff;--ambient-line:rgba(92,119,233,.10);--glow-rgb:116,140,255}
html.dark{color-scheme:dark;--ink:#edf2ff;--muted:#a1aec6;--blue:#a4b3ff;--line:#29384f;--paper:#121f32;--soft:#263353;--navy:#142440;--surface:#0d1727;--panel:#17253b;--ambient-line:rgba(122,149,255,.14);--glow-rgb:77,108,255}
body{background:var(--surface);transition:background-color .3s,color .3s}main,.site-footer{position:relative;z-index:1}.site-header{isolation:isolate}.site-theme{border:1px solid var(--line);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface);color:var(--muted);flex-shrink:0;padding:8px;transition:background .2s,color .2s,border-color .2s}.site-theme svg{width:18px;height:18px;transition:transform .3s}.site-theme:hover{color:var(--blue);border-color:#9aaafb}.site-theme:hover svg{transform:rotate(-15deg)}.header-login .login-long,.header-login .login-short{font:inherit}.login-short{display:none}
html.dark .site-header{background:#0d1727ef;border-color:var(--line)}html.dark .site-header nav a{color:#aab7cf}html.dark .site-header nav a:hover,html.dark .site-header nav a.current{color:var(--blue)}html.dark .header-login{background:#223353;border-color:#354874;color:#c3cdff}html.dark .header-login:hover{background:#2b3e65}html.dark .hero-kicker{color:#b0bed8;border-color:var(--line)}html.dark .hero-reassurance,html.dark .hero-reassurance svg{color:#8e9fbd}html.dark .text-button{color:#a3b4d5}html.dark .text-button:hover{color:#d4dcff}html.dark .primary{background:#5267ef;color:white}html.dark .primary:hover{background:#6378ff}html.dark .connection-demo{background:var(--panel);border-color:#344563;box-shadow:0 20px 75px #00000018,0 0 0 8px #111d30}html.dark .demo-map{background-image:radial-gradient(#2c3c59 .7px,transparent .7px)}html.dark .demo-top{color:#a1b2d2}html.dark .demo-caption{color:#a1aec6}html.dark .map-lines path{stroke:#7389d1}html.dark .map-lines circle{fill:#a4b3ff}html.dark .map-broker strong{background:var(--panel);box-shadow:0 0 0 4px var(--panel)}html.dark .bank{box-shadow:0 0 0 8px var(--panel)}html.dark .map-hub{background:#1a2b47;border-color:#6b7fce;box-shadow:0 0 0 8px #142138,0 5px 25px #00000014}html.dark .map-hub span{color:#acbade}html.dark .map-tools>span{background:var(--panel)}html.dark .map-tools>.focused{background:#263758;border-color:#687dc7;color:#c7d1ff}html.dark .demo-tabs button{color:#b1bdd6}html.dark .demo-tabs button[aria-selected=true]{background:#2b3b59;color:#d0d8ff}html.dark .feature-portfolio{background:#142239}html.dark .feature-icon,html.dark .mini-accounts,html.dark .rule-visual>div{background:var(--panel);border-color:var(--line)}html.dark .feature-number{color:#a4b3cf}html.dark .source-pills>span{border-color:var(--line)}html.dark .feature .feature-small,html.dark .mini-account-hint,html.dark .mini-accounts>div>span:last-child{color:#a3b1ca}html.dark .automation-band{background:#111e33}html.dark .automation-band .eyebrow,html.dark .rule-visual span:not(.rule-arrow){color:#a5b4d0}html.dark .broker-selector button{border-color:#2e405d;color:#aab8d2}html.dark .broker-selector button[aria-selected=true]{background:#233452;border-color:#7184cc;color:#e8eeff}html.dark .broker-selector button .bank{box-shadow:none}html.dark .broker-panel{background:var(--panel)}html.dark .broker-details li{color:#adbbd6}html.dark .broker-note,html.dark .diagram-note{color:#a1aec6}html.dark .protection-grid p,html.dark .protection-foot p{color:#aab8d1}html.dark .faq-section{background:#101d30;border-color:var(--line)}html.dark .faq-items details{border-color:#30405b}html.dark .faq-items details>p{color:#acbad2}html.dark .site-footer>nav{color:#b1bfd8}html.dark .site-footer>div>p,html.dark .footer-bottom{color:#9baac3}html.dark .menu-toggle>span{background:#b6c5e5}html.dark .skip{background:var(--panel)}
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.ambient-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow-rgb),.13),transparent 68%);animation:ambient-drift 27s ease-in-out infinite alternate;animation-play-state:paused}.glow-one{top:-180px;left:-470px}.glow-two{top:38%;right:-460px;animation-delay:-12s;animation-duration:33s}.ambient-ring{position:absolute;border:1px solid var(--ambient-line);border-radius:50%;animation:ambient-orbit 32s ease-in-out infinite alternate;animation-play-state:paused}.ring-one{width:210px;height:210px;left:-125px;top:29%}.ring-two{width:140px;height:140px;right:-50px;top:72%;animation-delay:-17s}.ambient-ring:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#8498ef55;left:24%;top:6%}.ambient-square{position:absolute;right:5%;top:19%;width:65px;height:65px;border:1px solid var(--ambient-line);border-radius:15px;animation:ambient-turn 29s ease-in-out infinite alternate;animation-play-state:paused}.ambient-dot{position:absolute;width:5px;height:5px;background:#8396f144;border-radius:50%;animation:ambient-bob 13s ease-in-out infinite alternate;animation-play-state:paused}.dot-one{left:6%;top:46%}.dot-two{right:10%;top:58%;animation-delay:-5s;animation-duration:19s}.dot-three{right:8%;top:86%;width:3px;height:3px;animation-delay:-9s}.ambient>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ambient-line);stroke-width:.8;stroke-dasharray:3 12;animation:background-lines 50s linear infinite;animation-play-state:paused}.motion-ok .ambient>*,.motion-ok .map-lines path{animation-play-state:running}.motion-suspended .ambient>*,.motion-suspended .map-lines path{animation-play-state:paused!important}
.map-lines path{stroke-dasharray:7 5;animation:connection-flow 26s linear infinite;animation-play-state:paused}.motion-ok .map-hub:after{content:'';position:absolute;inset:-7px;border:1px solid #9eaff24d;border-radius:21px;animation:hub-breathe 5s ease-in-out infinite;pointer-events:none}.motion-suspended .map-hub:after{animation-play-state:paused}.motion-toggle{position:fixed;right:19px;bottom:19px;z-index:9;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:0 4px 20px #17243c0c;display:flex;align-items:center;gap:5px;padding:9px 12px;color:var(--muted);font-size:9px}.motion-control-icon{display:inline-flex}.motion-control-icon svg{width:15px;height:15px}.motion-toggle:hover{color:var(--blue);border-color:#90a1e2}.motion-toggle:disabled{opacity:.6;cursor:default}
.motion-ok .hero-kicker{animation:hero-enter .65s cubic-bezier(.2,.7,.2,1) both}.motion-ok .hero h1{animation:hero-enter .85s .08s cubic-bezier(.2,.7,.2,1) both}.motion-ok .hero-description{animation:hero-enter .85s .18s cubic-bezier(.2,.7,.2,1) both}.motion-ok .hero-actions,.motion-ok .hero-reassurance{animation:hero-enter .85s .27s cubic-bezier(.2,.7,.2,1) both}.motion-ok .connection-demo{animation:hero-enter 1s .35s cubic-bezier(.2,.7,.2,1) both}.reveal{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ok .reveal:not(.is-visible){opacity:0;transform:translateY(26px)}.motion-ok .reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}html:not(.motion-ok) .reveal{opacity:1;transform:none;transition:none}.motion-ok .feature:hover{transform:translateY(-5px);border-color:#b5c3fa;transition-delay:0s}.motion-ok .map-broker .bank{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.motion-ok .map-broker:hover .bank{transform:translateY(-5px) rotate(-4deg)}.motion-ok .faq-items details[open]>p{animation:panel-enter .3s ease-out both}.faq-items summary{transition:color .2s}.faq-items summary:hover{color:var(--blue)}
.button,.header-login,.demo-tabs button,.broker-selector button,.site-theme{position:relative;isolation:isolate;overflow:hidden}.press-wave{position:absolute;left:50%;top:50%;width:170px;height:170px;border-radius:50%;background:currentColor;pointer-events:none;z-index:2;opacity:0}.motion-ok .button:active,.motion-ok .header-login:active,.motion-ok .site-theme:active{transform:translateY(1px) scale(.975)}.motion-ok .demo-tabs button:active,.motion-ok .broker-selector button:active{transform:scale(.97)}.demo-tabs button,.broker-selector button{transition:background .22s,color .22s,border-color .22s,transform .2s}.button>span,.header-login>span[aria-hidden=true]{transition:transform .25s}.motion-ok .button:hover>span,.motion-ok .header-login:hover>span[aria-hidden=true]{transform:translate(2px,-2px)}
@keyframes ambient-drift{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(90px,50px,0) scale(1.13)}}@keyframes ambient-orbit{from{transform:translate3d(0,0,0) rotate(-15deg)}to{transform:translate3d(35px,-55px,0) rotate(100deg)}}@keyframes ambient-turn{from{transform:translate3d(0,0,0) rotate(15deg)}to{transform:translate3d(-25px,45px,0) rotate(75deg)}}@keyframes ambient-bob{from{transform:translate3d(0,0,0);opacity:.4}to{transform:translate3d(12px,-35px,0);opacity:.85}}@keyframes background-lines{to{stroke-dashoffset:-240}}@keyframes connection-flow{to{stroke-dashoffset:-144}}@keyframes hub-breathe{0%,100%{opacity:.25;transform:scale(.99)}50%{opacity:.8;transform:scale(1.03)}}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.header-inner{gap:15px}.site-header nav{gap:17px}.site-theme{width:31px;height:31px;padding:7px}}
@media(max-width:760px){.header-inner{gap:10px}.site-theme{order:1;margin-left:auto;width:30px;height:30px;border-radius:9px}.header-login{margin-left:0}.login-long{display:none}.header-login .login-short{display:inline}.site-header nav{margin:0}.site-header nav.open{background:var(--surface)}.motion-toggle{right:12px;bottom:12px;padding:10px;border-radius:50%;width:35px;height:35px;justify-content:center}.motion-label{display:none}.ambient-glow{width:420px;height:420px}.glow-one{left:-340px;top:0}.glow-two{right:-330px}.ambient-square{right:-13px;width:50px;height:50px}.ambient>svg{opacity:.6}.ring-one{left:-160px}.ring-two{right:-100px}html.dark .connection-demo{box-shadow:0 10px 45px #00000018,0 0 0 5px #111d30}html.dark .bank{box-shadow:0 0 0 5px var(--panel)}html.dark .map-hub{box-shadow:0 0 0 5px #142138}.motion-ok .feature:hover{transform:none}.reveal-delay-1,.reveal-delay-2{transition-delay:0s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.ambient{display:none}.press-wave{display:none}.map-lines path{stroke-dasharray:none}.motion-ok .feature:hover,.motion-ok .map-broker:hover .bank,.motion-ok .button:active,.motion-ok .header-login:active,.motion-ok .site-theme:active,.motion-ok .demo-tabs button:active,.motion-ok .broker-selector button:active{transform:none}.motion-ok .map-hub:after{display:none}}
/* A richer atmospheric layer, kept behind content and limited to the first screen. */
html.dark .hero h1>span{background:linear-gradient(110deg,#a7b8ff 8%,#94d3ec 55%,#a7b8ff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent}.motion-ok .hero h1>span{animation:headline-light 12s ease-in-out infinite}.hero .primary{box-shadow:0 8px 30px #5267ef25}.motion-ok .hero .primary:hover{box-shadow:0 10px 40px #5267ef45}.motion-ok .map-broker .bank{animation:bank-arrive .7s cubic-bezier(.22,1,.36,1) both}.motion-ok .map-broker:nth-child(2) .bank{animation-delay:.08s}.motion-ok .map-broker:nth-child(3) .bank{animation-delay:.16s}.motion-ok .map-broker:nth-child(4) .bank{animation-delay:.24s}.motion-ok .map-broker:nth-child(5) .bank{animation-delay:.32s}.motion-ok .closing-panel:after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 43%,#ffffff07 48%,#ffffff0c 50%,transparent 57%);animation:closing-light 13s ease-in-out infinite;pointer-events:none}.closing-panel>*{position:relative;z-index:1}
@keyframes headline-light{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes bank-arrive{from{opacity:.3;translate:0 12px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes closing-light{0%,45%,100%{transform:translateX(-40%)}75%{transform:translateX(40%)}}
@media(prefers-reduced-motion:reduce){.motion-ok .hero h1>span,.motion-ok .map-broker .bank,.motion-ok .closing-panel:after{animation:none!important}}