.b-head{flex-direction:column;gap:10px;display:flex}.b-head h2{font-size:clamp(28px,7.2vw,46px);line-height:1.02}.b-head p{max-width:52ch}.journey{view-transition-name:b-journey;grid-template-columns:repeat(5,1fr);gap:0;margin:0 -4px;display:grid}.j-step{color:var(--dim);font:600 10.5px/1.1 var(--font);letter-spacing:.01em;flex-direction:column;align-items:center;gap:7px;min-height:44px;padding:4px 0 2px;text-decoration:none;display:flex;position:relative}.j-step i{z-index:1;width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .5s var(--spring), background .3s;background:#ffffff0d;border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid;position:relative}.j-step i:before{content:attr(data-n)}.j-step:before{content:"";background:var(--line-2);width:100%;height:1.5px;position:absolute;top:15px;left:-50%}.j-step:first-child:before{display:none}.j-step.done:before,.j-step.now:before{background:linear-gradient(90deg, var(--a-1), var(--n-1));opacity:.7}.j-step.done{color:var(--fg-2)}.j-step.done i{background:var(--chrome-grad);color:#0a0910;box-shadow:none}.j-step.done i:before{content:"✓"}.j-step.now{color:var(--fg)}.j-step.now i{background:var(--an-grad);color:#0a0910;transform:scale(1.22);box-shadow:0 0 0 4px #ffffff0f,0 0 22px -4px #ffb478b3}.j-step:hover i{transform:translateY(-2px)scale(1.1)}.j-step i:before{font-weight:800}.person{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:background .4s,box-shadow .4s;display:flex;position:relative}.person>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.person b{font-size:15px;font-weight:650}.person span:not(.avatar){color:var(--dim);font-size:13px}.person .avatar{background:var(--side-grad,var(--chrome-grad))}.person .live{background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px}.person .live.on{background:var(--ok);animation:pulse-dot 2s var(--ease-out) infinite;box-shadow:0 0 #4fe3a199}@keyframes pulse-dot{70%,to{box-shadow:0 0 0 9px #4fe3a100}}.person .tick{width:24px;height:24px;transition:background .35s, box-shadow .35s, transform .5s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff2e}.person .tick:after{content:"";width:10px;height:6px;transition:scale .4s var(--spring);border-bottom:2.5px solid #0a0910;border-left:2.5px solid #0a0910;translate:0 -1px;rotate:-45deg;scale:0}.person.done{background:#4fe3a112;box-shadow:inset 0 0 0 1px #4fe3a159}.person.done span:not(.avatar){color:var(--ok)}.person.done .tick{background:var(--ok);box-shadow:none;transform:scale(1.08)}.person.done .tick:after{scale:1}.person.wait span:not(.avatar):after{content:"…";vertical-align:bottom;width:1em;animation:1.6s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}to{width:1em}}.cta-bar{bottom:calc(var(--dock-h) + var(--safe-b) + 10px);z-index:20;flex-direction:column;gap:8px;padding-top:6px;display:flex;position:sticky}.cta-bar .btn{box-shadow:0 18px 40px -12px #000c,inset 0 1px #fff9}.lock-note{border-radius:var(--r-md);color:var(--fg-2);background:#ffd16612;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.45;display:flex;box-shadow:inset 0 0 0 1px #ffd1664d}.lock-note:before{content:"⏳";font-size:18px;line-height:1.2}.lock-note b{color:var(--fg)}.hint-line{color:var(--dim);font-size:13px;line-height:1.45}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-row>.btn{flex:140px}.tt-over{color:var(--danger)}@media (min-width:720px){.j-step{font-size:12px}.cta-bar{position:static}}.cta-bar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#06060ab3 55%);position:absolute;inset:-24px -20px -14px}@media (min-width:720px){.cta-bar:before{display:none}}