/* Reseller program; shared colors, navigation, buttons and the FAQ come from the home layout.
   The hero's "who pays whom" keeps the homepage's encoding: gold is money. */
.resellers-page h1, .resellers-page h2 { font-weight:500; letter-spacing:-.045em; line-height:1.08; }
.resellers-page h1 { font-size:clamp(44px,5.4vw,76px); margin:0 0 28px; text-wrap:balance; }
.resellers-page h2 { font-size:clamp(34px,4vw,52px); margin:0 0 36px; }
.resellers-page h1 span, .resellers-page h2 span { color:var(--bitcoin-orange); }
.resellers-page h3 { font-size:20px; font-weight:500; letter-spacing:-.02em; }
.resellers-page p, .resellers-page li, .resellers-page dd { line-height:1.75; }
.resellers-page p a, .resellers-page dd a { text-decoration:underline; text-underline-offset:4px; }

/* Hero */
.rs-hero { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:72px; padding-block:76px; }
.rs-lead { color:#babbb4; font-size:19px; max-width:610px; margin-bottom:30px; }
.rs-link-button { background:none; border:0; padding:0; color:inherit; font-family:inherit; cursor:pointer; }
.rs-hero .rail-fine a { color:#c5c7bb; }
.rs-hero .rail-fine a:hover, .rs-final p a:hover { color:var(--bitcoin-orange); }

/* Who pays whom: three lanes, one per payment, the reseller's last. */
.rs-flow { margin:0; min-width:0; }
.rs-flow-card { max-width:420px; margin:auto; padding:26px 26px 10px; border:1px solid #454237; border-radius:22px; background:var(--surface); box-shadow:0 24px 80px rgba(232,181,60,.07); }
.rs-flow-top { display:flex; justify-content:space-between; align-items:center; margin:0 0 6px; font:11px var(--font-mono); letter-spacing:.12em; color:#babbb4; }
.rs-flow-top i { color:var(--bitcoin-orange); }
.rs-lanes { list-style:none; margin:0; padding:0; }
.rs-lanes li { padding:16px 0 18px; border-top:1px solid #303229; }
.rs-lanes li:first-child { border-top:0; }
.resellers-page .rs-lane-label { margin:0 0 10px; font:10px/1.6 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; color:#8f9185; }
.rs-lane-row { display:flex; align-items:center; gap:10px; }
.rs-node { display:inline-flex; align-items:center; gap:7px; flex-shrink:0; padding:7px 11px; border:1px solid #3b3b34; border-radius:var(--radius-pill); background:var(--ink); font-size:13px; line-height:1.2; white-space:nowrap; }
.rs-node i { color:#babbb4; }
.rs-node img { width:16px; height:16px; border-radius:3px; }
.rs-wire { position:relative; flex:1; min-width:24px; height:2px; border-radius:2px; background:linear-gradient(90deg,rgba(232,181,60,.25),var(--bitcoin-orange)); }
.rs-wire::after { content:""; position:absolute; right:-1px; top:50%; width:7px; height:7px; border-top:2px solid var(--bitcoin-orange); border-right:2px solid var(--bitcoin-orange); transform:translateY(-50%) rotate(45deg); }
.resellers-page .rs-lane-note { margin:9px 0 0; font-size:13px; line-height:1.6; color:#a8aa9f; }
.rs-lanes .rs-lane-you .rs-lane-label { color:var(--bitcoin-orange); }
.rs-node-you { color:var(--bitcoin-orange); background:rgba(232,181,60,.1); border-color:var(--bitcoin-orange-dark); box-shadow:0 0 22px rgba(232,181,60,.18); }
.rs-node-you i { color:var(--bitcoin-orange); }
.rs-flow figcaption { text-align:center; color:#aaa99f; font-size:12px; line-height:1.7; margin-top:18px; }

.rs-strip { border-block:1px solid #303229; }
.rs-strip .rail-container { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; padding-block:24px; }
.rs-strip span { display:flex; align-items:baseline; gap:9px; font-size:14px; color:#babbb4; }
.rs-strip i { color:var(--bitcoin-orange); }

.rs-section { padding-block:80px; scroll-margin-top:80px; }
.rs-band { background:var(--surface); border-block:1px solid #303229; }

/* Who it's for, what you get, for your merchants */
.rs-who { display:grid; grid-template-columns:repeat(4,1fr); gap:36px; }
.rs-who i, .rs-merchant i { display:block; font-size:26px; color:var(--bitcoin-orange); margin-bottom:18px; }
.rs-who p, .rs-merchant p, .rs-get p { color:#babbb4; font-size:15px; margin:0; }
.rs-get { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.rs-get article { padding:28px; border:1px solid #303229; border-radius:10px; }
.rs-get i { display:block; font-size:24px; color:var(--bitcoin-orange); margin-bottom:16px; }
.rs-note { display:flex; align-items:flex-start; gap:12px; margin:28px 0 0; color:#babbb4; font-size:15px; }
.rs-note i { color:var(--bitcoin-orange); font-size:18px; line-height:1.5; }
.rs-merchant { display:grid; grid-template-columns:repeat(3,1fr); gap:44px; }

/* How it works */
.rs-steps { display:grid; grid-template-columns:repeat(5,1fr); list-style:none; padding:0; margin:0; gap:32px; }
.rs-number { display:block; color:var(--bitcoin-orange); font:13px var(--font-mono); margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid #3b3b34; }
.rs-steps h3 { margin-bottom:10px; }
.rs-steps p { color:#babbb4; font-size:15px; margin:0; }
.rs-money { display:flex; align-items:center; gap:20px; padding-top:30px; border-top:1px solid #303229; margin-top:44px; }
.rs-money>i { color:var(--bitcoin-orange); font-size:30px; }
.rs-money p { margin:4px 0 0; color:#babbb4; font-size:14px; }

.rs-commercial { border:1px solid #454237; border-radius:8px; padding:28px; margin-top:48px; display:flex; align-items:center; gap:32px; justify-content:space-between; }
.rs-commercial h3 { font-size:19px; margin:0 0 6px; }
.rs-commercial p { color:#babbb4; font-size:14px; margin:0; max-width:750px; }
.rs-commercial a { flex-shrink:0; }

/* How you're paid */
.rs-paid { display:grid; grid-template-columns:1fr 1.5fr; gap:70px; align-items:start; }
.rs-paid-lead { color:#babbb4; font-size:17px; max-width:380px; margin:0; }
.rs-terms { margin:0; border-top:1px solid #303229; }
.rs-terms div { display:grid; grid-template-columns:170px 1fr; gap:24px; padding:20px 0; border-bottom:1px solid #303229; }
.rs-terms dt { font:11px/1.6 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--bitcoin-orange); font-weight:400; padding-top:4px; }
.rs-terms dd { margin:0; color:#cfd0c8; font-size:16px; }

.rs-faq { display:grid; grid-template-columns:1fr 1.5fr; gap:70px; border-top:1px solid #303229; }

.rs-final { padding-block:80px; scroll-margin-top:60px; background:radial-gradient(ellipse at 25% 100%,rgba(232,181,60,.08),transparent 65%); border-top:1px solid #303229; }
.rs-final p:not(.rail-eyebrow) { color:#babbb4; max-width:640px; margin-bottom:30px; }
.rs-final p a { color:#d0cbb3; }
.rs-trust { list-style:none; display:flex; flex-wrap:wrap; gap:10px 28px; padding:26px 0 0; margin:30px 0 0; border-top:1px solid #303229; font-size:13px; color:#a8aa9f; }
.rs-trust i { color:var(--bitcoin-orange); margin-right:6px; }
.rs-trust a { text-decoration:underline; text-underline-offset:4px; }

@media(max-width:1199px) {
  .rs-steps { grid-template-columns:repeat(3,1fr); row-gap:40px; }
}
@media(max-width:991px) {
  .rs-hero { gap:36px; grid-template-columns:1fr; padding-block:48px; }
  .rs-flow-card { max-width:480px; margin:0; }
  .rs-flow figcaption { text-align:left; max-width:480px; }
  .rs-lead { font-size:17px; }
  .rs-who { grid-template-columns:1fr 1fr; }
  .rs-get { grid-template-columns:1fr 1fr; }
  .rs-merchant { gap:32px; }
  .rs-paid, .rs-faq { gap:36px; }
  .rs-commercial { flex-direction:column; align-items:flex-start; gap:16px; }
}
@media(max-width:767px) {
  .rs-who, .rs-get, .rs-merchant, .rs-steps, .rs-paid, .rs-faq { grid-template-columns:1fr; }
  .rs-who, .rs-merchant { gap:30px; }
  .rs-steps { gap:26px; }
  .rs-steps li { display:grid; grid-template-columns:28px 1fr; column-gap:14px; align-items:baseline; }
  .rs-number { grid-row:span 2; margin:0; padding:0; border:0; }
  .rs-steps h3 { margin-bottom:6px; }
  .rs-get article { padding:22px; }
  .rs-section, .rs-final { padding-block:52px; }
  .rs-strip .rail-container { flex-direction:column; gap:14px; }
  .rs-terms div { grid-template-columns:1fr; gap:4px; padding:16px 0; }
  .rs-faq h2 { margin-bottom:0; }
  .rs-money { align-items:flex-start; margin-top:32px; }
  /* Icon beside its title, so a stack of six cards stays a quick read. */
  .rs-who article, .rs-get article, .rs-merchant article { display:grid; grid-template-columns:28px 1fr; column-gap:14px; align-items:baseline; }
  .rs-who i, .rs-get i, .rs-merchant i { grid-row:span 2; margin:0; font-size:21px; line-height:1.2; }
  .rs-who h3, .rs-get h3, .rs-merchant h3 { margin-bottom:6px; }
  .rs-terms dd { font-size:15px; }
}
@media(max-width:400px) {
  .rs-flow-card { padding:20px 18px 6px; }
  .rs-node { padding:6px 9px; font-size:12px; gap:6px; }
  .rs-lane-row { gap:8px; }
}