.phone-mockup{width:300px;height:600px;background:#1a1f26;border-radius:42px;padding:11px;position:relative;flex-shrink:0;box-shadow:0 0 0 1px rgba(1,5,10,.12),0 18px 50px rgba(1,5,10,.22),inset 0 0 0 1px rgba(255,255,255,.06)}.phone-mockup__bezel{width:100%;height:100%;background:#0a0a0a;border-radius:32px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-mockup__notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:100px;height:28px;background:#000;border-radius:14px;z-index:10}.phone-mockup__status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0;font-family:var(--font-body);font-size:.7rem;font-weight:600;color:#fff;flex-shrink:0;height:48px;z-index:5;background:#0a0a0a}.phone-mockup__status-icons{display:flex;align-items:center;gap:4px}.phone-mockup__status-icons svg{width:14px;height:14px;fill:#fff}.phone-mockup__content{flex:1;overflow:hidden;position:relative;background:var(--color-chalk-10)}.phone-mockup__home-indicator{display:flex;justify-content:center;padding:8px 0 6px;flex-shrink:0;background:#0a0a0a}.phone-mockup__home-indicator-bar{width:120px;height:4px;background:rgba(255,255,255,.25);border-radius:2px}.seq-diagram{width:100%;height:100%;font-family:var(--font-mono)}.seq-entity-box{transition:filter .5s ease}.seq-entity-box--active{filter:drop-shadow(0 0 6px rgba(46,55,246,.3))}.seq-step{transition:opacity .4s ease}.seq-arrow-line--active{filter:drop-shadow(0 0 4px rgba(46,55,246,.45))}.seq-label{font-size:9px;fill:var(--color-dark-slate-70);font-family:var(--font-mono)}.seq-label--active{font-weight:600}.seq-sublabel{font-size:8px;fill:var(--color-dark-slate-40);font-family:var(--font-mono)}.seq-entity-label{font-size:10px;fill:var(--color-dark-slate-100);font-family:var(--font-mono);font-weight:500}