/* Salesman tour — coach marks over the real chrome. */
.spt{position:fixed;inset:0;z-index:100000;font-family:inherit}
.spt--bridge::before{content:'';position:fixed;inset:0;background:rgba(15,23,42,.55)}
.spt__spot{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(15,23,42,.55),0 0 0 3px var(--color-brand-primary,#2A445A);transition:left .25s,top .25s,width .25s,height .25s;pointer-events:none}
.spt__spot[hidden]{display:none}
.spt__card{position:fixed;width:360px;max-width:calc(100vw - 32px);background:var(--surface-primary,#fff);color:var(--color-label-primary,#1C1C1C);border-radius:14px;padding:16px 18px 14px;box-shadow:0 24px 60px rgba(0,0,0,.35);transition:left .25s,top .25s}
.spt__step{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-label-secondary,#555)}
.spt__title{margin:0 0 8px;font-size:17px;line-height:1.2}
.spt__text{margin:0 0 14px;font-size:14px;line-height:1.5}
.spt__actions{display:flex;align-items:center;gap:8px}
.spt__spacer{flex:1}
.spt__btn{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--separator-strong,rgba(28,28,28,.16));background:var(--surface-primary,#fff);color:inherit;cursor:pointer}
.spt__btn:hover{background:var(--color-brand-subtle,rgba(42,68,90,.08))}
.spt__btn--primary{background:var(--color-brand-primary,#2A445A);border-color:transparent;color:#fff}
.spt__btn--primary:hover{background:var(--color-brand-primary-hover,#233949)}
.spt__btn--ghost{border-color:transparent;color:var(--color-label-secondary,#555)}
.spt-help{font:inherit;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:inherit;cursor:pointer;margin-right:10px;white-space:nowrap}
.spt-help:hover{background:rgba(255,255,255,.22)}
@media (max-width:600px){.spt-help{display:none}}