/* The first impression: a living financial nexus, built with native elements. */
.header {
  position:fixed; z-index:30; top:0; left:50%; transform:translateX(-50%);
  width:100%; height:100px; padding:0 5%; color:#fff; border:1px solid transparent;
  transition:top .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),padding .5s,border-radius .5s,background .5s,box-shadow .5s;
}
.header .brand{flex-shrink:0;white-space:nowrap}
.header .brand b{color:#9db5ff;transition:color .4s}
.header nav{gap:30px}
.header nav a{color:#cbd5f1;white-space:nowrap;font-size:14px;transition:color .25s,background .25s}
.header nav a:hover{color:white}
.header nav .nav-cta{background:#fff;color:#142343;padding:16px 24px}
.header.is-scrolled{top:14px;width:calc(100% - 48px);max-width:1440px;height:72px;padding:0 28px;border:1px solid #ffffffb0;border-radius:19px;background:#ffffffed;color:var(--ink);backdrop-filter:blur(22px);box-shadow:0 10px 40px #14275014}
.header.is-scrolled .brand b{color:var(--blue)}
.header.is-scrolled nav a{color:#5d687c}
.header.is-scrolled nav a:hover{color:var(--blue)}
.header.is-scrolled nav .nav-cta{background:var(--blue);color:#fff;padding:12px 20px}
.nav-progress{position:absolute;bottom:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#47c9bb,#3150f4);transform:scaleX(var(--page-progress,0));transform-origin:left;opacity:0;transition:opacity .4s}
.is-scrolled .nav-progress{opacity:1}
.nexus-hero {
  min-height:100svh; padding:160px 6% 125px; gap:0; grid-template-columns:1fr 1fr;
  background:#080f29; color:#f8faff; isolation:isolate; overflow:hidden;
}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.atmosphere-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 48%,#1f3a9f85,transparent 40%),radial-gradient(ellipse at 65% 80%,#25565e40,transparent 30%),radial-gradient(ellipse at 20% 0%,#29326c50,transparent 35%);animation:atmosphere-breathe 14s ease-in-out infinite alternate}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#7d98ff0a 1px,transparent 1px),linear-gradient(90deg,#7d98ff0a 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at 75% 50%,black,transparent 70%)}
.nexus-hero .hero-copy{position:relative;z-index:2;padding-right:3%}
.hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:10px;color:#bac8ed}
.hero-eyebrow>span{width:6px;height:6px;background:#70ded0;box-shadow:0 0 17px #70ded0;border-radius:50%}
.nexus-hero h1{font-size:clamp(65px,6.2vw,110px);line-height:1.015;font-weight:500;letter-spacing:-.065em;margin:30px 0}
.nexus-hero h1 em{color:#89b5ff;background:linear-gradient(100deg,#88aaff 5%,#a4c7ff 55%,#77e7d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nexus-hero .hero-copy>p{font-size:18px;line-height:1.65;max-width:460px;color:#a9b8db}
.hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}
.nexus-hero .hero-primary{margin:0;padding:18px 24px;gap:35px;background:#fff;color:#14214c;font-size:13px;box-shadow:0 8px 32px #385cf02b}
.nexus-hero .hero-primary:hover{background:#e8eeff;transform:translateY(-3px)}
.hero-secondary{font-size:12px;color:#c7d5fa;text-decoration:none;display:flex;align-items:center;gap:10px}
.hero-secondary:hover{color:#83e0d2}
.hero-principles{display:flex;flex-wrap:wrap;gap:20px;margin-top:36px;color:#8295bf;font-size:10px}
.hero-principles span{display:flex;align-items:center;gap:6px}
.hero-principles i{font-style:normal;color:#75cbbd}
.nexus-stage{position:relative;aspect-ratio:720/620;width:112%;margin-left:-5%;min-width:0;align-self:center}
.stage-world{position:absolute;inset:0;transform:perspective(1200px) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));transition:transform .75s cubic-bezier(.16,1,.3,1)}
.stage-halo{position:absolute;inset:10% 8%;border-radius:50%;background:radial-gradient(ellipse,#345cf53d,transparent 65%);filter:blur(20px)}
.stage-orbit{position:absolute;border-radius:50%;border:1px solid #6e8bff20;pointer-events:none}
.orbit-outer{width:77%;aspect-ratio:1;top:4%;left:12%;transform:rotateX(25deg) rotate(-24deg)}
.orbit-outer:before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#6b91f977;border-left-color:#6b91f920;animation:orbit-spin 27s linear infinite}
.orbit-inner{width:63%;aspect-ratio:1;top:14%;left:19%;border-style:dashed;opacity:.65}
.stage-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wire-traces path{stroke:#6c8bea3d;stroke-width:1}
.wire-signals path{stroke:url(#wire-in);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:35 510;stroke-dashoffset:545;animation:signal-flow 6s linear infinite;filter:drop-shadow(0 0 5px #728fff)}
.wire-signals .signal-two{animation-delay:-1.5s}
.wire-signals .signal-three{stroke:url(#wire-out);animation-delay:-3s}
.wire-signals .signal-four{stroke:url(#wire-out);animation-delay:-4.5s}
.wire-points circle{fill:#8ba5ff;filter:drop-shadow(0 0 5px #6a88ff)}
.stage-node{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 17px;border:1px solid #a8bdff30;border-radius:14px;background:linear-gradient(135deg,#243866c9,#14234ac9);backdrop-filter:blur(14px);box-shadow:0 16px 40px #0003;min-width:146px}
.stage-node b{font-size:12px;font-weight:500;display:block;color:#e7edff}
.stage-node small{display:block;font-size:8px;letter-spacing:.02em;color:#8297c4;margin-top:4px;white-space:nowrap}
.node-glyph{width:28px;height:28px;border-radius:9px;background:#78dbce12;color:#83dbcf;display:grid;place-items:center;font-size:19px}
.node-bank-in{left:4%;top:13%;animation:node-drift 9s ease-in-out infinite}
.node-crypto-in{right:3%;top:8%;animation:node-drift 9s ease-in-out -2s infinite}
.node-crypto-out{right:0;bottom:13%;animation:node-drift 9s ease-in-out -4s infinite}
.node-bank-out{left:4%;bottom:13%;animation:node-drift 9s ease-in-out -6s infinite}
.node-crypto-out .node-glyph,.node-bank-out .node-glyph{color:#b2a2fb;background:#a38afa13}
.wallet-prism{position:absolute;left:29%;top:31%;width:46%;padding:24px;border-radius:23px;color:#fff;overflow:hidden;transform:rotate(-9deg);background:linear-gradient(125deg,#5778f1 0%,#3455d4 26%,#152d8c 70%,#142661 100%);border:1px solid #b1c9ff80;box-shadow:3px 5px 0 #1c3277,5px 9px 0 #122557,0 45px 75px #0006,inset 0 1px 0 #cbdfff66;animation:prism-drift 9s ease-in-out infinite}
.prism-sheen{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#bdd4ff22 42%,transparent 64%);transform:translateX(-100%);animation:prism-light 10s ease-in-out infinite}
.prism-top{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:.08em;position:relative}
.prism-monogram{border:1px solid #b4c8ff7a;border-radius:5px;padding:5px;font-size:10px;letter-spacing:-1px}
.prism-mark{margin-left:auto;font-size:22px;color:#b8d8ff}
.prism-label{font-size:7px;letter-spacing:.15em;color:#becfff;margin-top:28px;position:relative}
.wallet-prism strong{position:relative;display:block;font:500 clamp(23px,2.5vw,39px)/1.15 Manrope;letter-spacing:-.055em;margin:9px 0 25px}
.prism-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:15px;position:relative}
.prism-assets{display:flex;align-items:center}
.prism-assets i{font-style:normal;background:#d0e2ff17;border:1px solid #cadbff2b;display:grid;place-items:center;border-radius:50%;width:26px;height:26px;font-size:13px;margin-left:-4px}
.prism-assets i:first-child{margin-left:0}
.prism-assets>span{font-size:7px;color:#c4d2f5;margin-left:9px}
.prism-key{font-size:28px;color:#b4d5ff}
.stage-foundation{position:absolute;bottom:2%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:8px;letter-spacing:.16em;color:#647ca9}
.stage-foundation>span{width:4px;height:4px;border-radius:50%;background:#75c4b8}
.nexus-hero .hero-bottom{left:6%;right:6%;bottom:30px;position:absolute;display:flex;justify-content:space-between;align-items:center;color:#65799f;letter-spacing:.14em;font-size:9px}
.hero-bottom>a{color:#a8b9db;text-decoration:none;display:flex;align-items:center;gap:20px}
.hero-bottom>a>span{font-size:17px}
.motion-control{border:1px solid #708bc72e;color:#8da3cc;background:#ffffff04;border-radius:30px;font-size:10px;letter-spacing:0;display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}
.motion-control:hover{background:#ffffff10;color:#fff}
.motion-control{min-height:34px}.motion-control:disabled{cursor:default;opacity:.7}
/* A useful animated rail navigator instead of a decorative strip. */
.rail-experience{max-width:1440px;margin:85px auto 45px;width:94%;text-align:left;padding:28px 36px 34px;background:radial-gradient(ellipse at 85% 0%,#305cf2,transparent 60%),linear-gradient(120deg,#1736bd,#182e96);color:#fff;border:1px solid #a5b8ff44;border-radius:26px;box-shadow:0 25px 60px #193cb327;overflow:hidden}
.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 23px;border-bottom:1px solid #ffffff20}
.rail-heading>span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:500;letter-spacing:.15em;color:#a3bbff}
.rail-heading i{width:5px;height:5px;background:#9ae5dd;border-radius:50%;box-shadow:0 0 14px #76eddf}
.rail-play{padding:7px 10px;display:flex;align-items:center;gap:8px;background:none;border:1px solid #b3c7ff3b;border-radius:30px;color:#c0d0ff;white-space:nowrap;font-size:9px;cursor:pointer}
.rail-play:hover{background:#ffffff12}
.rail-play{min-height:32px}.rail-play:disabled{cursor:default;opacity:.7}
.rail-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:23px 0}
.rail-selector>button{display:flex;flex-direction:column;align-items:flex-start;position:relative;color:#a7bcf6;border:1px solid transparent;padding:16px 18px 22px;border-radius:13px;background:none;text-align:left;cursor:pointer;transition:background .4s,color .4s,border-color .4s;overflow:hidden}
.rail-selector>button:hover{background:#ffffff08;color:#fff}
.rail-selector>button[aria-selected=true]{background:#ffffff10;border-color:#95adff49;color:#fff}
.rail-num{color:#93abeb;font-size:9px;font-weight:500;letter-spacing:.08em}
.rail-choice{display:flex;align-items:center;gap:10px;margin:15px 0 12px;width:100%}
.rail-choice i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a2b9ff3d;border-radius:50%;font-size:22px;font-style:normal;transition:background .4s,color .4s}
.rail-choice b{font:500 clamp(19px,2vw,30px) Manrope;letter-spacing:-.05em;white-space:nowrap}
[aria-selected=true]>.rail-choice i{background:#d5e3ff;color:#1a3fce;border-color:#d5e3ff}
.rail-sub{font-size:10px;line-height:1.5;color:#98b0ed}
.rail-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#88ebda;transform:scaleX(0);transform-origin:left}
[aria-selected=true]>.rail-timer{transform:scaleX(1)}
.rail-experience.is-playing [aria-selected=true]>.rail-timer{animation:rail-progress 6.5s linear both}
.rail-detail{border-top:1px solid #ffffff20;padding-top:26px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.rail-detail-label{font-size:8px;letter-spacing:.13em;color:#8db9ff}
.manifesto .rail-description p{font:400 19px/1.4 Manrope;color:#eff3ff;margin:10px 0 15px;max-width:400px;letter-spacing:-.02em}
.rail-detail-link{font-size:10px;color:#a8c4ff;text-decoration:none;display:inline-flex;gap:25px;align-items:center}
.rail-detail-link:hover{color:#fff}
.rail-route{display:flex;align-items:center;justify-content:flex-end;gap:13px}
.rail-route>span{border:1px solid #90abff36;border-radius:10px;background:#071a6c25;padding:15px 13px;font-size:10px;white-space:nowrap;color:#c3d4ff}
.rail-route>i{font-style:normal;color:#8cabf3;font-size:20px}
.rail-route .route-destination{background:#cbdcff;color:#213d9c;border-color:#cbdcff}
.route-destination>b{font-size:12px;margin-left:10px}
.rail-detail.is-changing{animation:rail-detail-in .45s ease both}
.motion-paused .atmosphere-glow,.motion-paused .orbit-outer:before,.motion-paused .wire-signals path,.motion-paused .stage-node,.motion-paused .wallet-prism,.motion-paused .prism-sheen,.motion-paused .asset{animation-play-state:paused!important}
.nexus-hero.is-offscreen .atmosphere-glow,.nexus-hero.is-offscreen .orbit-outer:before,.nexus-hero.is-offscreen .wire-signals path,.nexus-hero.is-offscreen .stage-node,.nexus-hero.is-offscreen .wallet-prism,.nexus-hero.is-offscreen .prism-sheen{animation-play-state:paused}
@keyframes atmosphere-breathe{to{transform:scale(1.12) translate(-2%,3%)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes signal-flow{to{stroke-dashoffset:0}}
@keyframes node-drift{50%{translate:0 -7px}}
@keyframes prism-drift{50%{translate:0 -10px;rotate:2deg}}
@keyframes prism-light{0%,35%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@keyframes rail-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rail-detail-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.nexus-stage{max-width:830px;justify-self:center}.hero-actions{gap:32px}.nexus-hero .hero-copy>p{font-size:20px;max-width:510px}.hero-principles{font-size:12px}.hero-secondary{font-size:14px}.nexus-hero .hero-primary{font-size:14px}.stage-node b{font-size:14px}.stage-node small{font-size:10px}.stage-node{padding:17px 21px}.prism-label{font-size:9px}.prism-top{font-size:10px}.stage-foundation{font-size:10px}}
@media(min-width:901px) and (max-width:1200px){.header nav{gap:18px}.header nav a{font-size:12px}.header .brand{font-size:22px}.header nav .nav-cta{padding:14px 18px}.header.is-scrolled{padding:0 20px}.nexus-hero{padding-inline:5%}.nexus-hero h1{font-size:67px}.hero-actions{gap:16px}.hero-secondary{font-size:11px}.stage-node{min-width:125px;padding:11px 12px}.stage-node b{font-size:10px}.stage-node small{font-size:7px}.wallet-prism{padding:18px}.prism-label{margin-top:18px}.wallet-prism strong{font-size:25px;margin-bottom:15px}.prism-bottom{padding-top:10px}}
@media(max-width:1100px){.rail-experience{padding:24px}.rail-route{gap:8px}.rail-route>span{padding:13px 9px;font-size:9px}.rail-detail{gap:22px}.rail-selector>button{padding-inline:12px}.rail-sub{font-size:9px}.rail-choice{gap:8px}}
@media(max-width:900px){.header{height:80px;padding:0 5%}.header .menu{display:block;cursor:pointer}.header .menu i{border-color:#d9e3ff;transition:transform .3s,border-color .3s}.header .menu[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.header .menu[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{top:80px;left:0;right:0;padding:24px;background:#101b3f;gap:22px;border-radius:0 0 18px 18px;box-shadow:0 20px 25px #0002}.header nav a{color:#b9c8ed;font-size:15px}.header.is-scrolled{top:10px;width:calc(100% - 28px);height:64px;padding:0 17px;border-radius:17px}.header.is-scrolled .menu i{border-color:#172431}.header.is-scrolled nav{top:68px;background:#fffffff5;border:1px solid #e7ebf5;border-radius:17px}.nexus-hero{grid-template-columns:1fr;padding:140px 7% 105px;min-height:0;gap:25px}.nexus-hero h1{font-size:clamp(65px,10.5vw,91px)}.nexus-hero .hero-copy{padding-right:0}.nexus-hero .hero-copy>p{max-width:480px}.nexus-stage{width:100%;max-width:670px;justify-self:center;margin:0;aspect-ratio:720/620}.nexus-hero .hero-bottom{left:7%;right:7%;bottom:23px}.wallet-prism strong{font-size:clamp(25px,4vw,34px)}.hero-principles{margin-top:25px}.rail-detail{grid-template-columns:1fr}.rail-route{justify-content:flex-start;gap:16px}.rail-route>span{padding:14px 20px;font-size:11px}.rail-choice b{font-size:22px}.rail-sub{max-width:120px}.rail-choice{display:block}.rail-choice i{margin-bottom:10px}.rail-description{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.rail-detail-label{width:100%}.manifesto .rail-description p{margin:0}.rail-detail-link{margin-left:auto}}
@media(max-width:560px){.nexus-hero{padding:125px 6% 100px;gap:27px}.nexus-hero h1{font-size:65px;margin:25px 0}.nexus-hero .hero-copy>p{font-size:16px;line-height:1.6}.hero-eyebrow{font-size:9px}.hero-actions{gap:20px;margin-top:25px}.nexus-hero .hero-primary{padding:16px 20px;gap:30px;font-size:12px}.hero-secondary{font-size:11px}.hero-principles{gap:12px;font-size:8px}.nexus-stage{width:110%;margin-left:0;margin-right:0}.stage-node{padding:9px;gap:6px;min-width:0;border-radius:10px}.stage-node b{font-size:9px}.stage-node small{font-size:6px;margin-top:3px}.node-glyph{width:21px;height:21px;font-size:14px;border-radius:6px}.node-bank-in{left:3%;top:12%}.node-crypto-in{right:3%}.node-crypto-out{right:3%}.wallet-prism{padding:14px;border-radius:15px;top:29%;width:46%}.prism-top{font-size:6px;gap:5px}.prism-monogram{padding:3px;font-size:8px}.prism-mark{font-size:17px}.prism-label{font-size:5px;margin-top:17px}.wallet-prism strong{font-size:22px;margin:8px 0 13px}.prism-bottom{padding-top:9px}.prism-assets i{width:20px;height:20px;font-size:10px}.prism-assets>span{font-size:6px;margin-left:5px}.prism-key{font-size:20px}.stage-foundation{font-size:6px;bottom:0}.nexus-hero .hero-bottom>span:first-child{display:none}.nexus-hero .hero-bottom{left:6%;right:6%;font-size:8px}.motion-control{font-size:9px}.hero-bottom>a{gap:10px}.rail-experience{width:90%;margin:60px auto 30px;padding:20px 16px;border-radius:20px}.rail-heading{gap:10px;padding-bottom:18px}.rail-heading>span{font-size:6px;letter-spacing:.08em;line-height:1.5;max-width:170px}.rail-play{font-size:8px;padding:7px 8px;gap:4px}.rail-selector{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0;gap:7px}.rail-selector>button{padding:12px}.rail-choice{display:flex;gap:9px;margin:12px 0 8px}.rail-choice i{width:27px;height:27px;font-size:18px;margin:0}.rail-choice b{font-size:21px}.rail-sub{font-size:8px;max-width:none}.rail-num{font-size:8px}.rail-detail{gap:20px;padding-top:20px}.rail-detail-label{font-size:7px}.manifesto .rail-description p{font-size:17px}.rail-detail-link{margin-left:0;font-size:9px;margin-top:5px}.rail-route{gap:7px;justify-content:space-between}.rail-route>span{padding:13px 7px;font-size:8px;white-space:normal;text-align:center;flex:1;min-width:0}.rail-route>i{font-size:16px}.route-destination>b{display:none}}
@media(prefers-reduced-motion:reduce){.stage-world{transform:none}.header,.header *{transition:none!important}.rail-timer{animation:none!important}.wire-signals{opacity:.45}}
@media(max-width:560px){.nexus-hero h1{font-size:clamp(51px,16.6vw,65px)}}
@media(max-width:380px){.rail-choice{display:block}.rail-choice i{margin-bottom:8px}.rail-choice b{font-size:20px}.rail-heading>span{max-width:125px}.hero-principles{font-size:7px}}