html,body.join-page{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y}.join-page{position:relative;background:#fff}.join-page main,.recon-journey,.journey-sticky,.recon-device-showcase,.device-stage,.join-section{max-width:100%;min-width:0}.recon-journey,.recon-device-showcase{overflow-x:clip}.join-page img{max-width:100%}
.join-header{position:absolute;inset:0 0 auto;z-index:30;border-color:rgba(255,255,255,.12);color:#fff;background:rgba(4,7,5,.28);backdrop-filter:blur(16px)}
.join-header img{filter:none}.join-header .join-button{background:#fff;color:#080b09!important}
.recon-journey{--journey-p:0;--intro-o:1;--statement-o:0;--phones-o:0;--narrative-o:0;height:510vh;position:relative;background:#030504;color:#fff}
.journey-sticky{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;background:#030504;isolation:isolate}
.journey-stars{position:absolute;inset:0;z-index:0;opacity:.65;background-image:radial-gradient(circle,rgba(255,255,255,.35) 0 1px,transparent 1.3px);background-size:43px 43px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.journey-vignette{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 22%,rgba(2,4,3,.2) 58%,rgba(2,4,3,.92) 100%)}
.globe-stage{width:760px;height:760px;position:absolute;left:50%;top:48%;z-index:3;transform:translate(-50%,-50%);will-change:left,top,width,height,opacity;pointer-events:none;background:url('earth-hero-2k.jpg') center/87% auto no-repeat}.globe-stage.texture-ready{background:none}.globe-stage:after{content:"";position:absolute;inset:5.5%;border-radius:50%;background:rgba(0,0,0,.42);pointer-events:none}
#reconGlobe{width:100%;height:100%;display:block;background:transparent;filter:drop-shadow(0 0 42px rgba(72,116,205,.18))}
.journey-intro{position:absolute;inset:72px 24px 44px;z-index:10;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;opacity:var(--intro-o);pointer-events:none}
.journey-intro>span{margin-bottom:28px;color:#fff;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-shadow:0 2px 10px #000,0 0 18px #000}.journey-intro>span:before{content:"";width:5px;height:5px;display:inline-block;margin-right:8px;border-radius:50%;background:#a8c5ff;box-shadow:0 0 12px #6c9eff}
.journey-intro>img{width:min(760px,70vw);filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.journey-promise{width:min(940px,92vw);height:56px;position:relative;margin-top:26px;overflow:hidden}.journey-promise:after{content:"";width:calc(var(--stocks-o,0) * 100%);height:1px;position:absolute;left:0;bottom:0;background:linear-gradient(90deg,transparent,#91b4f7 18%,#fff 50%,#91b4f7 82%,transparent);box-shadow:0 0 14px rgba(112,158,245,.55);opacity:var(--stocks-o,0)}
.journey-promise>p,.journey-promise>h1{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:clamp(24px,3vw,42px);font-weight:580;line-height:1.03;letter-spacing:0;text-shadow:0 2px 16px #000}
.journey-promise>p{color:#fff;opacity:calc(1 - var(--eye-exit,0));transform:translateY(calc(var(--eye-exit,0) * -18px))}
.journey-promise>h1{color:#e7ecea;opacity:var(--stocks-o,0);transform:translateY(calc((1 - var(--stocks-o,0)) * 18px))}
.journey-intro>b{margin-top:22px;color:#8eb2f5;font:650 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;opacity:var(--statement-o)}
.journey-intro>div{display:flex;gap:10px;margin-top:25px;opacity:var(--intro-actions-o,1);pointer-events:auto}.journey-intro a{height:44px;display:inline-flex;align-items:center;padding:0 17px;border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#fff;text-decoration:none;font-size:11px;font-weight:650}.journey-intro a.journey-primary{border-color:#fff;background:#fff;color:#080b09}
.journey-phones{position:absolute;inset:0;z-index:7;perspective:1600px;transform-style:preserve-3d;pointer-events:none}
.real-device{width:330px;aspect-ratio:.5;position:absolute;padding:10px;border:1px solid #e8ebeb;border-radius:55px;background:linear-gradient(112deg,#f9fafb 0 6%,#a4aaad 7% 10%,#34383a 12%,#f1f3f3 16%,#858b8e 20%,#d9dddd 77%,#54595c 96%);box-shadow:-12px 8px 0 #555a5c,-24px 28px 65px rgba(0,0,0,.72),inset -4px 0 8px rgba(255,255,255,.6),inset 5px 0 8px rgba(0,0,0,.28);opacity:var(--phones-o);transform-style:preserve-3d;will-change:transform,opacity}
.real-device:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.65);border-radius:50px;pointer-events:none}.real-device:after{content:"";width:2px;position:absolute;right:-4px;top:145px;bottom:145px;border-radius:4px;background:#aeb3b5;box-shadow:1px 0 2px #fff}
.device-button{width:4px;position:absolute;left:-16px;border-radius:3px 0 0 3px;background:linear-gradient(#e7e9e9,#777c7f);box-shadow:-2px 2px 5px rgba(0,0,0,.55)}.volume-one{height:46px;top:128px}.volume-two{height:70px;top:190px}
.real-screen{height:100%;position:relative;overflow:hidden;padding:43px 18px 18px;border:1px solid #242927;border-radius:45px;background:#080b09;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.dynamic-island{width:88px;height:23px;position:absolute;left:50%;top:13px;z-index:7;border-radius:18px;background:#000;transform:translateX(-50%);box-shadow:0 1px 1px rgba(255,255,255,.08)}
.real-status{height:18px;position:absolute;left:24px;right:24px;top:14px;display:flex;align-items:center;justify-content:space-between;color:#d9dfdc;font-size:7px;font-weight:700}.real-app-head{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202522}.real-app-head img{width:86px}.real-app-head small{color:#7e8983;font-size:6px}
.screen-reflection{position:absolute;inset:-30% 34% -30% -42%;z-index:6;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.075) 48%,transparent 63%);transform:translateX(calc(var(--chart-p,0) * 86%));pointer-events:none}
.rear-real-device{left:calc(50% - 95px);top:12%;z-index:2;transform:translate3d(calc((1 - var(--phones-o)) * -110px),calc((1 - var(--phones-o)) * 110px),-110px) rotateZ(calc(-13deg + var(--phone-turn,0) * 5deg)) rotateY(20deg) scale(.91)}
.lead-real-device{right:calc(50% - 305px);top:8%;z-index:5;transform:translate3d(calc((1 - var(--phones-o)) * 150px),calc((1 - var(--phones-o)) * 150px),80px) rotateZ(calc(14deg - var(--phone-turn,0) * 10deg)) rotateY(calc(-20deg + var(--phone-turn,0) * 15deg)) rotateX(2deg)}
.globe-slot{height:54%;margin:8px -9px 0;border-radius:8px}.globe-readout{position:absolute;left:18px;right:18px;bottom:22px;padding:14px;border:1px solid #252c28;border-radius:7px;background:rgba(9,13,10,.82);backdrop-filter:blur(10px)}.globe-readout>*{display:block}.globe-readout small{color:#86aef8;font-size:6px}.globe-readout strong{margin:6px 0;font-size:12px}.globe-readout span{color:#89938e;font-size:7px}.globe-readout span i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#6b9df8}
.balance-copy{margin-top:28px}.balance-copy>*{display:block}.balance-copy>small{color:#808a85;font-size:7px}.balance-copy h2{margin:7px 0 4px;font-size:31px;letter-spacing:0}.balance-copy em{color:#78a6f8;font-size:8px;font-style:normal}
.live-candles{height:185px;position:relative;overflow:hidden;margin:17px -3px 12px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid #26302b;background:rgba(5,8,7,.28)}.live-candles:after{content:"5M  ·  LIVE MODEL";position:absolute;left:6px;top:6px;z-index:4;color:#75817b;font:600 5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;pointer-events:none}
.portfolio-live-card{height:88px;display:grid;grid-template-columns:67px 1fr 32px;gap:11px;align-items:center;overflow:hidden;border:1px solid #252c28;border-radius:8px;background:#111512}.portfolio-live-card>img{width:67px;height:100%;object-fit:cover}.portfolio-live-card span>*{display:block}.portfolio-live-card small{color:#83908a;font-size:5px}.portfolio-live-card strong{margin:5px 0;font-size:11px}.portfolio-live-card em{color:#77a5fa;font-size:7px;font-style:normal}.portfolio-live-card>b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dce7ff;color:#3765b8;font-size:7px}.illustrative-label{margin:10px 0 0;color:#59625d;font-size:6px;text-align:center}
.journey-narrative{position:absolute;left:clamp(28px,6vw,92px);top:50%;z-index:11;width:min(480px,38vw);height:270px;transform:translateY(-50%);opacity:var(--narrative-o)}.journey-narrative article{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .5s ease}.journey-narrative article.active{opacity:1;transform:none}.journey-narrative span{color:#8eb1f3;font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.journey-narrative h2{margin:15px 0;font-size:clamp(38px,4vw,62px);line-height:.98;letter-spacing:0}
.journey-progress{width:2px;height:145px;position:absolute;right:28px;top:calc(50% - 73px);z-index:12;background:#29302c}.journey-progress i{display:block;width:100%;height:calc(var(--journey-p) * 100%);background:#7ca8fa}.journey-progress span{position:absolute;top:156px;left:-17px;color:#6e7973;font:600 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.journey-peek{height:44px;position:absolute;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.12);background:#090c0a;color:#7f8a84;font-size:9px}
@media(max-width:900px){.journey-sticky{min-height:580px}.globe-stage{width:580px;height:580px}.journey-intro{inset:60px 16px 44px}.journey-intro>span{margin-bottom:22px}.journey-intro>img{width:88vw}.journey-promise{height:76px;margin-top:22px}.journey-promise>p,.journey-promise>h1{font-size:clamp(22px,7vw,32px)}.journey-intro>div{margin-top:20px}.journey-phones{transform:translateY(38px)}.real-device{width:230px;padding:7px;border-radius:39px;box-shadow:-8px 6px 0 #555a5c,-17px 20px 46px rgba(0,0,0,.76)}.real-device:before{inset:4px;border-radius:35px}.real-device:after{top:95px;bottom:95px}.real-screen{padding:32px 12px 12px;border-radius:32px}.dynamic-island{width:62px;height:16px;top:9px}.real-status{left:17px;right:17px;top:9px;font-size:5px}.device-button{left:-11px}.volume-one{height:32px;top:88px}.volume-two{height:49px;top:130px}.real-app-head{height:32px}.real-app-head img{width:62px}.rear-real-device{left:-40px;top:21%;transform:translate3d(calc((1 - var(--phones-o)) * -70px),calc((1 - var(--phones-o)) * 80px),-80px) rotateZ(-10deg) rotateY(16deg) scale(.9)}.lead-real-device{right:-24px;top:17%;transform:translate3d(calc((1 - var(--phones-o)) * 80px),calc((1 - var(--phones-o)) * 100px),50px) rotateZ(calc(10deg - var(--phone-turn,0) * 8deg)) rotateY(-13deg)}.balance-copy{margin-top:16px}.balance-copy h2{font-size:22px}.live-candles{height:122px;margin:14px -2px 10px}.portfolio-live-card{height:62px;grid-template-columns:48px 1fr 25px;gap:7px}.portfolio-live-card>img{width:48px}.portfolio-live-card>b{width:22px;height:22px}.globe-slot{height:52%}.globe-readout{left:12px;right:12px;bottom:14px;padding:10px}.journey-narrative{width:auto;height:160px;left:18px;right:18px;top:110px;transform:none;text-align:center}.journey-narrative article{align-items:center;justify-content:flex-start}.journey-narrative h2{max-width:390px;font-size:33px}.journey-progress{right:9px}.journey-peek{justify-content:flex-start;padding-left:16px}}
@media(max-width:420px){.journey-promise>p,.journey-promise>h1{font-size:24px}.journey-intro a{height:41px;padding:0 13px;font-size:9px}.journey-narrative h2{font-size:29px}.real-device{width:218px}.rear-real-device{left:-52px}.lead-real-device{right:-36px}}
@media(prefers-reduced-motion:reduce){.journey-narrative article{transition:none}.screen-reflection{display:none}}
.globe-slot{position:relative;display:grid;place-items:center;overflow:hidden}.globe-slot:before{display:none}
@media(min-width:901px){.rear-real-device{left:calc(50% - 195px)}}
@media(max-width:900px){.recon-journey{height:290svh}}
@media(max-width:420px){.rear-real-device{left:-10px}.lead-real-device{right:8px}}
.live-candles{overflow:hidden}