.journey-strip { padding-top: 30px; padding-bottom: 34px; }
.journey-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 20px; }
.journey-intro h2 { max-width: 560px; margin: 7px 0 0; color: var(--text); font-size: clamp(1.45rem, 2vw, 2rem); }
.journey-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.journey-step { position: relative; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 14px; min-height: 112px; padding: 18px; overflow: hidden; border: 1px solid rgba(170, 141, 255, .2); border-radius: 8px; background: linear-gradient(135deg, rgba(28,17,66,.82), rgba(11,11,31,.82)); animation: journey-rise 600ms both; }
.journey-step::after { content:""; position:absolute; width:80px; height:80px; inset-inline-end:-28px; top:-35px; border:1px solid rgba(62,221,255,.22); border-radius:50%; }.journey-step:nth-child(2){animation-delay:110ms}.journey-step:nth-child(3){animation-delay:220ms}
.journey-number { align-self:start; color:var(--cyan); font-family:"Space Grotesk",sans-serif; font-size:.7rem; font-weight:800; }.journey-icon { position:relative; width:35px; height:35px; border:1px solid rgba(255,255,255,.4); border-radius:8px; background:rgba(174,65,255,.14); }.journey-icon::before,.journey-icon::after { content:""; position:absolute; background:linear-gradient(135deg,var(--cyan),var(--magenta)); }
.journey-icon--account::before{width:10px;height:10px;inset:7px auto auto 11px;border-radius:50%}.journey-icon--account::after{width:18px;height:9px;inset:auto auto 6px 7px;border-radius:9px 9px 5px 5px}.journey-icon--deposit::before{width:17px;height:3px;inset:16px auto auto 9px;border-radius:4px}.journey-icon--deposit::after{width:10px;height:10px;inset:8px auto auto 12px;clip-path:polygon(50% 100%,0 45%,30% 45%,30% 0,70% 0,70% 45%,100% 45%)}.journey-icon--return::before{width:18px;height:12px;inset:11px auto auto 8px;border:2px solid var(--cyan);border-left:0;background:transparent;border-radius:0 8px 8px 0}.journey-icon--return::after{width:9px;height:9px;inset:13px auto auto 7px;clip-path:polygon(0 50%,100% 0,100% 100%)}
.journey-step h3 { margin:0 0 5px;color:#fff;font-size:1rem }.journey-step p { margin:0;color:var(--muted);font-size:.82rem;line-height:1.55 }.community-gallery--priority,.calculator-box,.tracking-dashboard { animation:journey-rise 650ms both }main > .community-gallery:not(.community-gallery--priority){display:none}
html[data-theme="light"] .journey-step { border-color:rgba(43,39,83,.14);background:linear-gradient(135deg,#fff,#f3f3ff);box-shadow:0 10px 26px rgba(49,36,105,.08) }html[data-theme="light"] .journey-step h3{color:#211945}@keyframes journey-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){.journey-intro{display:block}.journey-steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.journey-step,.community-gallery--priority,.calculator-box,.tracking-dashboard{animation:none}}