/* Launchpad product: plans, sign up, onboarding (v3/selfserve.js). Theme tokens only. */
.ss-band { border-left: 4px solid var(--gold); padding: 8px 12px; margin: 0 0 12px; font-size: 13px; background: var(--panel); }
.ss-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.ss-plan { border: 1px solid var(--line); border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ss-ph { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ss-price { font-size: 20px; }
.ss-inc { margin: 0; padding-left: 18px; }
.ss-form { display: grid; gap: 12px; max-width: 480px; }
.ss-f { display: grid; gap: 4px; }
.ss-f .inp { width: 100%; max-width: 100%; box-sizing: border-box; }
.ss-created { margin-top: 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; overflow-wrap: anywhere; }
.ss-steps { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.ss-steps li.on .chip { outline: 2px solid var(--gold); }
.ss-steps li.done .chip { opacity: .85; }
.ss-pane { max-width: 560px; margin-bottom: 12px; }
.ss-nav { display: flex; gap: 8px; }
.ss-src { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.ss-src li { border-top: 1px solid var(--line); padding-top: 8px; }
.ss-plan .btn[disabled] { opacity: .45; cursor: not-allowed; }