.sjbyob-mount{display:block;font-family:'Inter',system-ui,-apple-system,sans-serif;color:#f4f4f5;background:#09090b;padding:1.5rem;border-radius:.75rem;border:1px solid #27272a}
.sjbyob-mount *{box-sizing:border-box}
.sjbyob-mount .sjbyob-header{margin-bottom:1.25rem}
.sjbyob-mount .sjbyob-header h2{margin:0 0 .25rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em}
.sjbyob-mount .sjbyob-header p{margin:0;color:#a1a1aa;font-size:.95rem}
.sjbyob-mount .sjbyob-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}
.sjbyob-mount .sjbyob-preset{padding:.5rem .875rem;border-radius:.5rem;border:1px solid #27272a;background:rgba(24,24,27,.5);color:#e4e4e7;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .12s}
.sjbyob-mount .sjbyob-preset:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.4)}
.sjbyob-mount .sjbyob-layout{display:grid;grid-template-columns:1fr 18rem;gap:1.5rem}
@media (max-width:880px){.sjbyob-mount .sjbyob-layout{grid-template-columns:1fr}}
.sjbyob-mount .sjbyob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}
.sjbyob-mount .sjbyob-card{background:rgba(24,24,27,.3);border:1px solid #27272a;border-radius:.625rem;padding:.875rem;transition:border-color .12s}
.sjbyob-mount .sjbyob-card[data-selected="paid"]{border-color:rgba(59,130,246,.6)}
.sjbyob-mount .sjbyob-card[data-selected="free"]{border-color:rgba(52,211,153,.5)}
.sjbyob-mount .sjbyob-card{border-left:3px solid var(--sjbyob-accent,#272a30)}
.sjbyob-mount .sjbyob-card[data-selected]{border-left-color:var(--sjbyob-accent,#272a30)}
.sjbyob-mount .sjbyob-card .sjbyob-card-meta{color:var(--sjbyob-accent,#71717a)}
.sjbyob-mount .sjbyob-card[data-selected="paid"]{box-shadow:0 0 0 1px var(--sjbyob-accent,rgba(59,130,246,.5)),0 0 18px -6px var(--sjbyob-accent,rgba(59,130,246,.5))}
.sjbyob-mount .sjbyob-card-name{font-weight:600;font-size:.9375rem;margin-bottom:.125rem}
.sjbyob-mount .sjbyob-card-meta{font-size:.75rem;color:#71717a;margin-bottom:.625rem;font-family:'JetBrains Mono',monospace}
.sjbyob-mount .sjbyob-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}
.sjbyob-mount .sjbyob-tier{padding:.375rem .5rem;border-radius:.375rem;border:1px solid #27272a;background:transparent;color:#a1a1aa;font-size:.75rem;font-weight:500;cursor:pointer;text-align:center;font-family:inherit}
.sjbyob-mount .sjbyob-tier:hover:not(:disabled){border-color:#3f3f46;color:#e4e4e7}
.sjbyob-mount .sjbyob-tier[data-active="1"]{background:#2563eb;border-color:#2563eb;color:#fff}
.sjbyob-mount .sjbyob-tier[data-active="1"][data-tier="free"]{background:#34d399;border-color:#34d399;color:#0f172a}
.sjbyob-mount .sjbyob-tier:disabled{opacity:.4;cursor:not-allowed}
.sjbyob-mount .sjbyob-summary{position:sticky;top:1rem;align-self:start;background:rgba(24,24,27,.5);border:1px solid #27272a;border-radius:.625rem;padding:1rem}
.sjbyob-mount .sjbyob-summary h3{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#e4e4e7;text-transform:uppercase;letter-spacing:.04em}
.sjbyob-mount .sjbyob-summary-list{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #27272a;min-height:1.25rem}
.sjbyob-mount .sjbyob-summary-row{display:flex;justify-content:space-between;font-size:.8125rem;font-family:'JetBrains Mono',monospace}
.sjbyob-mount .sjbyob-summary-row .name{color:#d4d4d8}
.sjbyob-mount .sjbyob-summary-row .price{color:#a1a1aa}
.sjbyob-mount .sjbyob-summary-row.free .price{color:#34d399}
.sjbyob-mount .sjbyob-totals{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;font-family:'JetBrains Mono',monospace;margin-bottom:1rem}
.sjbyob-mount .sjbyob-totals .row{display:flex;justify-content:space-between;color:#a1a1aa}
.sjbyob-mount .sjbyob-totals .row.discount{color:#34d399}
.sjbyob-mount .sjbyob-totals .row.total{color:#f4f4f5;font-size:1rem;font-weight:600;padding-top:.375rem;border-top:1px solid #27272a;margin-top:.25rem}
.sjbyob-mount .sjbyob-tax-note{font-size:.7rem;color:#71717a;text-align:center;margin-top:.375rem;font-style:italic;line-height:1.4}
.sjbyob-mount .sjbyob-cta{display:block;width:100%;padding:.75rem;border-radius:.5rem;border:none;background:#2563eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}
.sjbyob-mount .sjbyob-cta:hover:not(:disabled){background:#3b82f6}
.sjbyob-mount .sjbyob-cta:disabled{background:#3f3f46;color:#71717a;cursor:not-allowed}
.sjbyob-mount .sjbyob-hint{font-size:.75rem;color:#71717a;margin-top:.5rem;text-align:center}
.sjbyob-mount .sjbyob-clear{display:block;text-align:center;font-size:.75rem;color:#71717a;background:none;border:none;cursor:pointer;margin-top:.5rem;font-family:inherit;text-decoration:underline;padding:.25rem;width:100%}
.sjbyob-mount .sjbyob-clear:hover{color:#a1a1aa}
.sjbyob-mount .sjbyob-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.625rem;border-radius:.375rem;font-size:.8125rem;margin-top:.5rem}
.sjbyob-mount .sjbyob-toast{position:absolute;left:50%;transform:translateX(-50%);bottom:1rem;background:#18181b;border:1px solid #27272a;color:#e4e4e7;padding:.5rem .875rem;border-radius:.5rem;font-size:.8125rem;box-shadow:0 4px 12px rgba(0,0,0,.4);pointer-events:none;opacity:0;transition:opacity .15s}
.sjbyob-mount .sjbyob-toast[data-visible="1"]{opacity:1}
.sjbyob-lead-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:99998;display:none}
.sjbyob-lead-backdrop[data-open="1"]{display:block}
.sjbyob-lead-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#18181b;border:1px solid #27272a;border-radius:.75rem;padding:1.5rem;width:min(28rem,calc(100vw - 2rem));z-index:99999;color:#f4f4f5;font-family:'Inter',system-ui,-apple-system,sans-serif;display:none;box-shadow:0 10px 40px rgba(0,0,0,.5);max-height:calc(100vh - 2rem);overflow-y:auto;box-sizing:border-box}
.sjbyob-lead-modal *{box-sizing:border-box}
.sjbyob-lead-modal[data-open="1"]{display:block}
.sjbyob-lead-modal h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}
.sjbyob-lead-modal .sub{margin:0 0 1rem;color:#a1a1aa;font-size:.8125rem}
.sjbyob-lead-modal .summary{background:rgba(9,9,11,.6);border:1px solid #27272a;border-radius:.5rem;padding:.625rem .75rem;margin-bottom:1rem;font-size:.75rem;font-family:'JetBrains Mono',monospace;color:#a1a1aa}
.sjbyob-lead-modal .summary .row{display:flex;justify-content:space-between;padding:.125rem 0}
.sjbyob-lead-modal .summary .row.total{color:#f4f4f5;font-weight:600;border-top:1px solid #27272a;margin-top:.25rem;padding-top:.375rem;font-size:.8125rem}
.sjbyob-lead-modal .summary .tax-note{font-size:.7rem;color:#71717a;text-align:center;margin-top:.375rem;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.4}
.sjbyob-lead-modal .summary .row.discount{color:#34d399}
.sjbyob-lead-modal .row2{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}
.sjbyob-lead-modal .field{margin-bottom:.75rem}
.sjbyob-lead-modal label{display:block;font-size:.75rem;color:#d4d4d8;margin-bottom:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.sjbyob-lead-modal label .req{color:#f87171;margin-left:.125rem}
.sjbyob-lead-modal input{width:100%;padding:.5rem .625rem;background:#09090b;border:1px solid #27272a;border-radius:.375rem;color:#f4f4f5;font-size:.875rem;font-family:inherit}
.sjbyob-lead-modal input:focus{outline:none;border-color:#3b82f6}
.sjbyob-lead-modal input[aria-invalid="true"]{border-color:#f87171}
.sjbyob-lead-modal .field-err{color:#fca5a5;font-size:.75rem;margin-top:.25rem;min-height:1em}
.sjbyob-lead-modal .actions{display:flex;gap:.5rem;margin-top:1rem}
.sjbyob-lead-modal button{flex:1;padding:.625rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;border:none;transition:background .12s}
.sjbyob-lead-modal button[type="submit"]{background:#2563eb;color:#fff}
.sjbyob-lead-modal button[type="submit"]:hover:not(:disabled){background:#3b82f6}
.sjbyob-lead-modal button[type="submit"]:disabled{background:#3f3f46;color:#71717a;cursor:not-allowed}
.sjbyob-lead-modal button.cancel{background:transparent;border:1px solid #3f3f46;color:#d4d4d8}
.sjbyob-lead-modal button.cancel:hover{background:rgba(63,63,70,.3)}
.sjbyob-lead-modal .top-err{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.5rem .625rem;border-radius:.375rem;font-size:.8125rem;margin-bottom:.75rem;display:none}
.sjbyob-lead-modal .top-err[data-visible="1"]{display:block}
/* Existing-customer panel (v2.0.0) — lives inside the lead modal, replaces the form once StackJack recognises the buyer as somebody who already pays. Its heading is the modal's own h3, retitled. */
.sjbyob-lead-modal .manage .sub{margin:0 0 .75rem}
.sjbyob-lead-modal .manage-primary{display:block;background:#2563eb;color:#fff;border-radius:.375rem;padding:.5rem .75rem;text-align:center;font-size:.8125rem;font-weight:600;text-decoration:none}
.sjbyob-lead-modal .manage-primary:hover{background:#3b82f6}
.sjbyob-lead-modal .manage-support{display:block;text-align:center;font-size:.8125rem;color:#93c5fd;margin:.625rem 0 .25rem;text-decoration:none}
.sjbyob-lead-modal .manage-support:hover{text-decoration:underline}