.journey-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.journey-list{display:grid;gap:8px}.journey-step-btn{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);text-align:left;font-size:15px;font-weight:600;color:var(--color-ink);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,transform .3s ease}.journey-step-btn:hover{border-color:color-mix(in srgb,var(--gold-500) 50%,var(--color-border))}.journey-step-btn:focus-visible{outline:2px solid var(--champagne);outline-offset:2px}.journey-step-btn.is-active{border-color:var(--gold-500);box-shadow:0 0 0 1px var(--gold-500),var(--shadow-sm);background:color-mix(in srgb,var(--champagne) 8%,var(--color-surface));transform:translate(4px)}.journey-step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-bg-alt);font-size:13px;font-weight:700;flex-shrink:0;transition:background-color .3s ease,color .3s ease}.journey-step-btn.is-active .journey-step-num{background:var(--gold-500);color:var(--navy-900)}.journey-detail{background:linear-gradient(160deg,var(--navy-900),var(--navy-800));color:var(--white);border-radius:var(--radius-xl);padding:44px;display:flex;flex-direction:column;justify-content:center;min-height:320px}.journey-detail-body.is-entering{animation:journey-detail-in .3s ease both}@keyframes journey-detail-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.journey-detail-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--gold-300);text-transform:uppercase}.journey-detail h3{margin-top:14px;font-size:30px}.journey-detail p{margin-top:14px;font-size:15px;line-height:1.7;color:#f7f4efc7;max-width:46ch}.journey-progress{margin-top:28px;height:4px;border-radius:var(--radius-pill);background:#f7f4ef24;overflow:hidden}.journey-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold-500),var(--success-bright));transition:width .45s cubic-bezier(.22,1,.36,1)}@media (max-width: 1023px){.journey-layout{grid-template-columns:1fr}}
