.onboarding{background:#050d19;color:white;padding:115px 0;overflow:hidden;position:relative}.onboarding:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(120,184,221,.22) 1px,transparent 1px);background-size:52px 52px;opacity:.14;mask-image:linear-gradient(90deg,black,transparent)}.onboarding:after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;right:-180px;top:15%;background:#163c61;filter:blur(170px);opacity:.28}.onboarding-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;position:relative;z-index:2}.onboarding-copy h2{font-size:clamp(48px,6vw,72px);line-height:.98;letter-spacing:-.065em;margin:18px 0 54px;max-width:650px}.onboarding-copy h2 span{color:#e7bd69}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:18px 0}.step-number{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#e7bd69,#bd8730);color:#071426;display:grid;place-items:center;font-size:14px;font-weight:950;box-shadow:0 12px 30px rgba(231,189,105,.13)}.step h3{font-size:20px;margin:0 0 5px;letter-spacing:-.02em}.step p{margin:0;color:#91a3b6;font-size:13px;max-width:580px}.onboarding-copy>.btn{margin:27px 0 0 74px;min-width:210px}.phone-stage{height:680px;position:relative;perspective:1200px}.phone-orbit{position:absolute;inset:10% 2% 5%;border:1px solid rgba(120,184,221,.12);border-radius:50%;transform:rotate(-12deg)}.phone-orbit:after{content:"";position:absolute;inset:14%;border:1px dashed rgba(231,189,105,.11);border-radius:50%}.phone{position:absolute;width:235px;height:480px;padding:9px;border-radius:38px;background:linear-gradient(145deg,#4f5b66,#111a23 30%,#66717b 55%,#0a1118);box-shadow:0 45px 80px rgba(0,0,0,.48);transform-style:preserve-3d;will-change:transform}.phone-one{left:7%;top:8%;animation:phoneSpinOne 9s ease-in-out infinite}.phone-two{right:3%;bottom:2%;animation:phoneSpinTwo 10s ease-in-out infinite}.phone:before{content:"";position:absolute;left:50%;top:15px;transform:translateX(-50%);width:66px;height:18px;border-radius:999px;background:#03070b;z-index:3}.phone-screen{height:100%;border-radius:31px;overflow:hidden;background:linear-gradient(180deg,#0c1d32,#07111f);padding:49px 17px 19px;position:relative}.mobile-brand{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8799ad}.mobile-brand b{color:#f0ca7b;letter-spacing:.08em}.mobile-balance{margin:28px 0 18px}.mobile-balance span{font-size:8px;color:#7e91a5;text-transform:uppercase;letter-spacing:.12em}.mobile-balance strong{display:block;font-size:25px;margin-top:3px}.phone-chart{height:115px;border-radius:13px;background:linear-gradient(180deg,rgba(231,189,105,.1),transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='110' viewBox='0 0 220 110'%3E%3Cpath d='M0 90 C20 92 29 61 48 72 S81 45 100 58 S135 25 153 41 S190 30 220 12' fill='none' stroke='%23e7bd69' stroke-width='3'/%3E%3C/svg%3E") center/cover;border:1px solid rgba(255,255,255,.06)}.mobile-quotes{display:grid;gap:8px;margin-top:14px}.mobile-quote{display:flex;justify-content:space-between;background:rgba(255,255,255,.06);border-radius:9px;padding:9px;font-size:8px;color:#9eafc0}.mobile-quote b{color:white}.mobile-quote em{font-style:normal;color:#f0ca7b}.mobile-action{position:absolute;left:17px;right:17px;bottom:19px;background:#e7bd69;color:#071426;text-align:center;border-radius:11px;padding:11px;font-size:9px;font-weight:900}.phone-two .phone-screen{background:linear-gradient(180deg,#102947,#07111f)}.phone-two .mobile-card{margin-top:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px}.phone-two .mobile-card span{font-size:8px;color:#8fa1b4}.phone-two .mobile-card b{display:block;font-size:13px;margin-top:5px}.secure-line{display:flex;align-items:center;gap:8px;color:#9db0c3;font-size:8px;margin:18px 3px}.secure-line i{width:22px;height:22px;border:1px solid rgba(231,189,105,.4);color:#e7bd69;border-radius:50%;display:grid;place-items:center;font-style:normal}.stage-label{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:rgba(7,20,38,.85);border:1px solid rgba(231,189,105,.2);backdrop-filter:blur(12px);display:grid;place-items:center;text-align:center;color:#e7bd69;font-size:10px;font-weight:900;letter-spacing:.12em;z-index:4;box-shadow:0 20px 50px rgba(0,0,0,.3)}@keyframes phoneSpinOne{0%,100%{transform:rotateY(-23deg) rotateZ(-8deg) translateY(0)}50%{transform:rotateY(19deg) rotateZ(-2deg) translateY(-24px)}}@keyframes phoneSpinTwo{0%,100%{transform:rotateY(22deg) rotateZ(8deg) translateY(0)}50%{transform:rotateY(-18deg) rotateZ(2deg) translateY(22px)}}@media(max-width:950px){.onboarding-grid{grid-template-columns:1fr}.phone-stage{height:590px;max-width:620px;width:100%;margin:auto}.onboarding-copy h2{max-width:none}}@media(max-width:600px){.onboarding{padding:80px 0}.onboarding-copy h2{font-size:48px;margin-bottom:35px}.step{grid-template-columns:43px 1fr;gap:14px}.step-number{width:42px;height:42px;border-radius:13px}.onboarding-copy>.btn{margin-left:57px}.phone-stage{height:470px}.phone{width:180px;height:380px;border-radius:30px}.phone-screen{border-radius:23px;padding:42px 12px 14px}.phone-one{left:-4%}.phone-two{right:-4%}.phone-chart{height:80px}.mobile-action{left:12px;right:12px;bottom:14px}.stage-label{width:82px;height:82px;font-size:8px}}@media(prefers-reduced-motion:reduce){.phone-one,.phone-two{animation:none}}