/* BossLead 1.136.6: Become a reseller page. Brand teal + Manrope from app.css; the logo's gold dot is the one accent. */
.rsx {
  --rx-teal: var(--pp-primary, #0e6f68);
  --rx-deep: #0a4a45;
  --rx-mint: #e8f3f0;
  --rx-ink: var(--pp-ink, #15302d);
  --rx-muted: var(--pp-muted, #5b6f6c);
  --rx-line: var(--pp-line, #dde6e3);
  --rx-gold: #f2b01e;
  --rx-bg: #f6f8f7;
  background: var(--rx-bg);
  color: var(--rx-ink);
}
.rsx-main { overflow-x: clip; }
.rsx-wrap { max-width: 1160px; margin: 0 auto; padding: 0 28px; box-sizing: border-box; }
.rsx section { padding: 88px 0; }
.pp-root.rsx h1, .pp-root.rsx h2, .pp-root.rsx h3 { color: var(--rx-ink); }
.pp-root.rsx h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); line-height: 1.15; letter-spacing: -.025em; margin: 0 0 14px; font-weight: 800; }
.pp-root.rsx h3 { font-size: 1.0625rem; line-height: 1.3; margin: 0 0 6px; font-weight: 750; letter-spacing: -.01em; }
.rsx p { line-height: 1.6; }
.rsx-sub { color: var(--rx-muted); max-width: 60ch; margin: 0 0 36px !important; }
.rsx-fine { font-size: .8125rem; color: var(--rx-muted); margin: 14px 0 0 !important; }
.rsx-btn { min-height: 50px; padding: 0 24px; font-size: 1rem; border-radius: 12px; font-weight: 750; }
.rsx-link { color: var(--rx-teal); font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.rsx-link:hover { color: var(--rx-deep); }
.rsx a:focus-visible, .rsx button:focus-visible, .rsx summary:focus-visible { outline: 3px solid var(--rx-gold); outline-offset: 3px; border-radius: 6px; }

/* ---------- hero ---------- */
.rsx .rsx-hero { background: #fff; padding: 72px 0 96px; border-bottom: 1px solid var(--rx-line); }
.rsx-hero-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; align-items: center; }
.rsx-kicker { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: .9375rem; color: var(--rx-teal); margin: 0 0 18px !important; }
.rsx-kicker::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--rx-gold); box-shadow: 0 0 0 4px rgba(242, 176, 30, .22); }
.pp-root.rsx h1 { font-size: clamp(2.375rem, 5vw, 3.75rem); line-height: 1.02; letter-spacing: -.045em; font-weight: 800; margin: 0 0 22px; max-width: 13ch; }
.rsx-lede { font-size: 1.1875rem; color: var(--rx-muted); max-width: 46ch; margin: 0 0 32px !important; }
.rsx-cta { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.rsx-hero-art { position: relative; padding: 36px 0 0 36px; }
.rsx-hero-art::before { content: ""; position: absolute; inset: 0 40px 56px 0; background: var(--rx-deep); border-radius: 28px; }
.rsx-hero-art .rsx-browser { position: relative; transform: translate(0, 0); }
.rsx-art-cap { position: relative; font-size: .8125rem; color: var(--rx-muted); margin: 14px 0 0 !important; max-width: 46ch; }

/* ---------- browser preview ---------- */
.rsx-browser { background: #fff; border-radius: 16px; border: 1px solid var(--rx-line); box-shadow: 0 30px 60px -28px rgba(10, 74, 69, .45), 0 2px 6px rgba(10, 74, 69, .08); overflow: hidden; }
.rsx-bar { display: flex; align-items: center; gap: 14px; padding: 11px 14px; background: #f1f4f3; border-bottom: 1px solid var(--rx-line); }
.rsx-dots { display: flex; gap: 6px; }
.rsx-dots i { width: 10px; height: 10px; border-radius: 50%; background: #d5dedb; }
.rsx-url { flex: 1; display: flex; align-items: center; gap: 7px; background: #fff; border: 1px solid var(--rx-line); border-radius: 8px; padding: 6px 10px; font-size: .8125rem; font-weight: 650; color: var(--rx-ink); min-width: 0; }
.rsx-url span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rsx-url .rsx-i { width: 13px; height: 13px; color: var(--rx-teal); flex: none; }
.rsx-site { padding: 22px 24px 24px; }
.rsx-site-nav { display: flex; align-items: center; gap: 10px; margin-bottom: 26px; }
.rsx-mark { width: 34px; height: 34px; border-radius: 10px; background: var(--rx-gold); color: var(--rx-deep); display: grid; place-items: center; font-weight: 800; font-size: .875rem; letter-spacing: .02em; flex: none; }
.rsx-site-nav strong { font-size: 1rem; font-weight: 800; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.rsx-fake-links { margin-left: auto; display: flex; gap: 8px; flex: none; }
.rsx-fake-links i { width: 38px; height: 8px; border-radius: 4px; background: #e6ecea; }
.rsx-site-h { font-size: 1.375rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.15; margin: 0 0 16px !important; }
.rsx-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.rsx-tiles div { border: 1px solid var(--rx-line); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 4px; }
.rsx-tiles div:nth-child(2) { border: 2px solid var(--rx-teal); padding: 11px; }
.rsx-tiles span { font-size: .75rem; color: var(--rx-muted); font-weight: 650; }
.rsx-tiles b { font-size: 1.0625rem; font-weight: 800; letter-spacing: -.02em; }
.rsx-site-note { font-size: .75rem; color: var(--rx-muted); margin: 12px 0 0 !important; }
.rsx-browser.is-live .rsx-mark, .rsx-browser.is-live [data-rsx-name], .rsx-browser.is-live [data-rsx-host] { transition: background-color .2s; }

/* ---------- steps (a real sequence, so numbered) ---------- */
.rsx-steps-list { list-style: none; margin: 40px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; counter-reset: rsx; position: relative; }
.rsx-steps-list::before { content: ""; position: absolute; top: 21px; left: 22px; right: 22px; height: 2px; background: var(--rx-line); }
.rsx-steps-list li { counter-increment: rsx; position: relative; }
.rsx-steps-list li::before { content: counter(rsx); position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 2px solid var(--rx-teal); color: var(--rx-teal); font-weight: 800; font-size: 1.0625rem; margin-bottom: 18px; }
.rsx-steps-list li:last-child::before { background: var(--rx-teal); color: #fff; }
.rsx-steps-list p { margin: 0 !important; color: var(--rx-muted); font-size: .9375rem; }

/* ---------- what you get ---------- */
.rsx .rsx-gets { background: #fff; border-top: 1px solid var(--rx-line); border-bottom: 1px solid var(--rx-line); }
.rsx-gets-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: 64px; align-items: start; }
.rsx-gets-head { align-self: start; }
.rsx-gets-head p { color: var(--rx-muted); margin: 0 !important; max-width: 36ch; }
.rsx-gets-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
.rsx-gets-list li { display: flex; gap: 16px; padding: 24px 0; border-top: 1px solid var(--rx-line); }
.rsx-gets-list li:nth-child(-n+2) { border-top: 0; padding-top: 0; }
.rsx-gets-list p { margin: 0 !important; color: var(--rx-muted); font-size: .9375rem; }
.rsx-i { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.rsx-gets-list .rsx-i { color: var(--rx-teal); flex: none; margin-top: 1px; }

/* ---------- costs ---------- */
.rsx-costs-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.5fr); gap: 20px; align-items: stretch; }
.rsx-cost { border-radius: 20px; padding: 30px; }
.rsx-cost p { margin: 0 !important; }
.rsx-cost-plan { background: var(--rx-deep); color: #e3efec; display: flex; flex-direction: column; gap: 10px; }
.pp-root.rsx .rsx-cost-plan h3 { color: #fff; }
.rsx-price { font-size: 3rem; font-weight: 800; letter-spacing: -.045em; line-height: 1; color: #fff; display: flex; align-items: baseline; gap: 8px; margin: 14px 0 6px !important; }
.rsx-price small { font-size: 1rem; font-weight: 650; letter-spacing: 0; color: #b9d6d0; }
.rsx-cost-base { background: #fff; border: 1px solid var(--rx-line); }
.rsx-cost-base > p { color: var(--rx-muted); margin-bottom: 18px !important; }
.rsx-table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.rsx-table th, .rsx-table td { text-align: left; padding: 14px 12px 14px 0; border-top: 1px solid var(--rx-line); vertical-align: top; }
.rsx-table thead th { border-top: 0; font-size: .8125rem; color: var(--rx-muted); font-weight: 650; padding-top: 0; }
.rsx-table tbody th { font-weight: 750; }
.rsx-table small { display: block; font-size: .75rem; color: var(--rx-muted); font-weight: 500; margin-top: 2px; }
.rsx-table td { font-weight: 750; white-space: nowrap; }
.rsx-yours { color: var(--rx-teal); }

/* ---------- apply ---------- */
.rsx .rsx-apply { background: var(--rx-mint); }
.rsx-apply-in { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr); gap: 56px; align-items: start; }
.rsx-form-col .rsx-sub { margin-bottom: 24px !important; }
.rsx-form-col .rsx-sub a { color: var(--rx-teal); font-weight: 700; }
.rsx-form { background: #fff; border-radius: 20px; padding: 32px; border: 1px solid #d3e5e0; display: flex; flex-direction: column; gap: 18px; }
.rsx-form fieldset { border: 0; margin: 0; padding: 0 0 22px; border-bottom: 1px solid var(--rx-line); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rsx-form legend { font-weight: 800; font-size: 1rem; padding: 0; margin: 0 0 14px; float: left; width: 100%; }
.rsx-form legend + * { clear: both; }
.rsx-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.rsx-form label { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: .875rem; }
.rsx-form label > span:first-child { font-weight: 700; color: var(--rx-ink); }
.rsx-form label em { font-style: normal; font-weight: 500; color: var(--rx-muted); }
.rsx-form label small { font-size: .75rem; color: var(--rx-muted); }
.pp-root.rsx .rsx-form input[type=text], .pp-root.rsx .rsx-form input[type=email], .pp-root.rsx .rsx-form input[type=tel], .pp-root.rsx .rsx-form input[type=url], .pp-root.rsx .rsx-form select, .pp-root.rsx .rsx-form textarea {
  width: 100%; box-sizing: border-box; min-height: 46px; padding: 10px 13px; border: 1px solid #c9d6d2; border-radius: 10px; background: #fff; font: inherit; font-size: .9375rem; color: var(--rx-ink);
}
.pp-root.rsx .rsx-form textarea { min-height: 104px; resize: vertical; }
.pp-root.rsx .rsx-form input:focus, .pp-root.rsx .rsx-form select:focus, .pp-root.rsx .rsx-form textarea:focus { outline: none; border-color: var(--rx-teal); box-shadow: 0 0 0 3px rgba(14, 111, 104, .18); }
.rsx-form.was-checked :invalid { border-color: #c2412d !important; }
.rsx-sub-in { display: flex; align-items: stretch; }
.pp-root.rsx .rsx-sub-in input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.rsx-sub-in b { display: flex; align-items: center; padding: 0 12px; background: #f1f4f3; border: 1px solid #c9d6d2; border-left: 0; border-radius: 0 10px 10px 0; font-weight: 650; color: var(--rx-muted); white-space: nowrap; font-size: .875rem; }
.rsx-form label.rsx-agree { flex-direction: row; align-items: flex-start; gap: 10px; color: var(--rx-ink); line-height: 1.5; }
.rsx-agree input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--rx-teal); flex: none; }
.rsx-agree span { font-weight: 500 !important; }
.rsx-submit { align-self: flex-start; }
.rsx-form .rsx-fine { margin-top: -6px !important; }
.rsx-hp { position: absolute !important; left: -9999px; }
.rsx-msg { background: #fdecea; color: #8a2a1b; border-radius: 10px; padding: 12px 14px; margin: 0 0 16px !important; font-weight: 600; font-size: .9375rem; }
.rsx-aside { position: sticky; top: 96px; }
.rsx-aside-h { font-weight: 750; font-size: .9375rem; color: var(--rx-teal); margin: 0 0 12px !important; }
.rsx-aside h3 { margin-top: 30px !important; }
.rsx-next { margin: 10px 0 0; padding-left: 20px; color: var(--rx-muted); font-size: .9375rem; display: flex; flex-direction: column; gap: 8px; }
.rsx-next li::marker { color: var(--rx-teal); font-weight: 800; }
.rsx-state { grid-column: 1 / -1; background: #fff; border-radius: 20px; padding: 48px; text-align: center; max-width: 620px; margin: 0 auto; border: 1px solid #d3e5e0; }
.rsx-state p { color: var(--rx-muted); margin: 0 0 18px !important; }
.rsx-state-mark { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--rx-teal); color: #fff; margin-bottom: 18px; }
.rsx-state-mark .rsx-i { width: 28px; height: 28px; stroke-width: 2.6; }

/* ---------- FAQ ---------- */
.rsx-faq-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: 64px; }
.rsx-faq-list details { border-top: 1px solid var(--rx-line); }
.rsx-faq-list details:last-child { border-bottom: 1px solid var(--rx-line); }
.rsx-faq-list summary { cursor: pointer; list-style: none; padding: 20px 36px 20px 0; font-weight: 750; position: relative; }
.rsx-faq-list summary::-webkit-details-marker { display: none; }
.rsx-faq-list summary::after { content: ""; position: absolute; right: 6px; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--rx-teal); border-bottom: 2px solid var(--rx-teal); transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.rsx-faq-list details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.rsx-faq-list p { margin: 0 0 20px !important; color: var(--rx-muted); max-width: 64ch; }

/* ---------- responsive ---------- */
@media (max-width: 1000px) {
  .rsx-hero-in, .rsx-gets-in, .rsx-apply-in, .rsx-faq-in, .rsx-costs-grid { grid-template-columns: 1fr; gap: 40px; }
  .rsx-gets-head, .rsx-aside { position: static; }
  .rsx-steps-list { grid-template-columns: 1fr 1fr; row-gap: 36px; }
  .rsx-steps-list::before { display: none; }

  .rsx-hero-art { max-width: 560px; }
}
@media (max-width: 640px) {
  .rsx section { padding: 60px 0; }
  .rsx .rsx-hero { padding: 40px 0 60px; }
  .rsx-wrap { padding: 0 18px; }
  .rsx-hero-art { padding: 20px 0 0 20px; }
  .rsx-hero-art::before { inset: 0 24px 48px 0; border-radius: 20px; }
  .rsx-steps-list, .rsx-gets-list, .rsx-row { grid-template-columns: 1fr; }
  .rsx-gets-list li:nth-child(2) { border-top: 1px solid var(--rx-line); padding-top: 24px; }
  .rsx-form, .rsx-cost { padding: 22px; }
  .rsx-state { padding: 32px 22px; }
  .rsx-tiles { gap: 6px; }
  .rsx-tiles div { padding: 9px; }
  .rsx-tiles b { font-size: .9375rem; }
  .rsx-fake-links { display: none; }
  .rsx-table td { white-space: normal; }
  .rsx-submit { align-self: stretch; }
  .rsx-cta { gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .rsx-faq-list summary::after { transition: none; }
}

.rsx-plan-list { list-style: none; margin: auto 0 0; padding: 20px 0 0; border-top: 1px solid rgba(255, 255, 255, .16); display: flex; flex-direction: column; gap: 10px; font-size: .9375rem; color: #e3efec; }
.rsx-plan-list li { display: flex; gap: 10px; align-items: flex-start; }
.rsx-plan-list .rsx-i { width: 18px; height: 18px; color: var(--rx-gold); stroke-width: 2.6; flex: none; margin-top: 2px; }
.rsx-cost-plan > p:not(.rsx-price) { color: #b9d6d0; }
.pp-root.rsx .rsx-submit { font-family: inherit; font-weight: 750; font-size: 1rem; }

/* ---------- 1.136.7: plan choice, payment, refunds ---------- */
.rsx-plan-opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rsx-form label.rsx-plan-opt { position: relative; display: block; cursor: pointer; }
.rsx-plan-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rsx-plan-opt > span { display: flex; flex-direction: column; gap: 4px; height: 100%; box-sizing: border-box; border: 1px solid #c9d6d2; border-radius: 14px; padding: 16px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.rsx-form .rsx-plan-opt > span strong { font-weight: 750; font-size: .9375rem; display: flex; align-items: center; gap: 8px; }
.rsx-plan-opt i { font-style: normal; font-size: .75rem; font-weight: 800; color: var(--rx-deep); background: var(--rx-gold); border-radius: 999px; padding: 2px 8px; }
.rsx-plan-opt b { font-size: 1.625rem; font-weight: 800; letter-spacing: -.03em; color: var(--rx-ink); }
.rsx-plan-opt b small { font-size: .8125rem; font-weight: 600; letter-spacing: 0; color: var(--rx-muted); margin-left: 4px; }
.rsx-form .rsx-plan-opt em { font-style: normal; font-size: .8125rem; color: var(--rx-muted); font-weight: 500; line-height: 1.45; }
.rsx-plan-opt:hover > span { border-color: var(--rx-teal); }
.rsx-plan-opt input:checked + span { border: 2px solid var(--rx-teal); padding: 15px; box-shadow: 0 0 0 4px rgba(14, 111, 104, .1); background: #fbfdfc; }
.rsx-plan-opt input:focus-visible + span { outline: 3px solid var(--rx-gold); outline-offset: 2px; }
.rsx-plans .rsx-fine { margin-top: 0 !important; }
.rsx-norefund { color: var(--rx-ink) !important; }
.rsx-state-pay .rsx-paybtns { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 6px 0 4px; }
.rsx-state-pay form { margin: 0; }
.pp-root.rsx .rsx-state-pay .rsx-btn { font-family: inherit; }
.rsx-state .rsx-msg { text-align: left; }
@media (max-width: 640px) {
  .rsx-plan-opts { grid-template-columns: 1fr; }
  .rsx-state-pay .rsx-paybtns form, .rsx-state-pay .rsx-paybtns .rsx-btn { width: 100%; }
}