/* ==========================================================================
   resellers.css — page-scoped template for resellers.html (resellers &
   distributors / channel partners). Its OWN layout, distinct from index /
   marketingagency / streetteams / brands / retailreps. Scoped under body.rs.
   Reuses styles.css tokens; no new fonts, no inline CSS. Signature pieces:
     · dark channel hero with a partner-scorecard card
     · a wrap-around market/region chip strip
     · a partner-readiness coverage matrix (table)
     · an indigo benefits band
   Keyframes (gdrift/blobdrift) come from styles.css.
   ========================================================================== */

/* -- Hero: dark channel -------------------------------------------------- */
.rs .hero{background:linear-gradient(140deg,#1B2A57 0%,#152244 52%,#101A38 100%);border-bottom:var(--bd);padding:80px 0 84px}
.rs-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.rs .hero .eyebrow{margin-bottom:22px}
.rs .hero h1{color:#fff;font-size:clamp(40px,5vw,60px);margin-bottom:20px;letter-spacing:-.03em}
.rs .hero p.sub{color:rgba(255,255,255,.82);font-size:18px;max-width:34em;margin-bottom:28px;font-weight:600}
.rs-hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* partner-scorecard card */
.rs-score{position:relative;background:#fff;border:var(--bd);border-radius:22px;box-shadow:var(--sh-lg);padding:22px;transform:rotate(-1deg)}
.rs-score-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.rs-score-ttl{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:-.02em}
.rs-score-ttl .pd{width:11px;height:11px;border-radius:3px;background:var(--lime);border:1.5px solid var(--ink)}
.rs-score-meta{font-size:12px;font-weight:700;color:var(--g400)}
.rs-scard{display:flex;flex-direction:column;gap:9px}
.rs-scard-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#fff;border:var(--bd);border-radius:13px;padding:10px 12px;box-shadow:var(--sh-sm)}
.rs-scard-row .p b{font-size:13px;font-weight:800;display:block;line-height:1.15}
.rs-scard-row .p small{font-size:11px;color:var(--g400);font-weight:700}
.rs-scard-row .v{display:flex;align-items:center;gap:9px}
.rs-mini{width:64px;height:8px;background:var(--paper);border:1.5px solid var(--ink);border-radius:5px;overflow:hidden}
.rs-mini i{display:block;height:100%;background:var(--lime)}
.rs-scard-row .pct{font-family:var(--disp);font-weight:800;font-size:13px;width:38px;text-align:right}
.rs-score-tag{position:absolute;bottom:-14px;right:-10px;display:inline-flex;align-items:center;gap:7px;background:var(--lime);border:var(--bd);border-radius:12px;padding:9px 13px;font-weight:800;font-size:12.5px;box-shadow:var(--sh);transform:rotate(3deg)}
.rs-score-tag svg{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* -- Market/region chip strip -------------------------------------------- */
.rs-markets{background:var(--paper2);border-bottom:var(--bd)}
.rs-markets-in{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:22px 0}
.rs-markets-in .lab{width:100%;text-align:center;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g400);margin-bottom:4px}
.rs-market{display:inline-flex;align-items:center;gap:8px;background:#fff;border:var(--bd);border-radius:30px;padding:8px 15px;font-weight:700;font-size:13.5px;box-shadow:var(--sh-sm)}
.rs-market svg{width:14px;height:14px;fill:none;stroke:var(--coral);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* -- Shared band chrome -------------------------------------------------- */
.rs-band{position:relative;overflow:hidden;border-top:var(--bd);border-bottom:var(--bd);
  background-size:180% 180%;animation:gdrift 20s ease-in-out infinite}
.rs-band::after{content:"";position:absolute;border-radius:50%;width:440px;height:440px;
  top:-150px;right:-120px;pointer-events:none;animation:blobdrift 16s ease-in-out infinite}
.rs-band.dark::after{background:rgba(255,255,255,.09)}
.rs-band.light::after{background:rgba(26,21,16,.06)}
@media(prefers-reduced-motion:reduce){.rs-band,.rs-band::after{animation:none}}

.rs-head{position:relative;text-align:center;max-width:700px;margin:0 auto 48px}
.rs-head .eyebrow{margin-bottom:16px}
.rs-head h2{font-size:clamp(28px,3.6vw,42px);margin-bottom:13px}
.rs-head p{font-size:17px;font-weight:600}
.rs-head.on-dark h2{color:#fff}
.rs-head.on-dark p{color:rgba(255,255,255,.85)}
.rs-head.on-dark .eyebrow{background:var(--lime)}
.rs-head.on-light h2{color:var(--ink)}
.rs-head.on-light p{color:var(--g700)}
.rs-head.on-light .eyebrow{background:#fff}

/* -- Consistency: copy + coverage matrix --------------------------------- */
.rs-consist{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.rs-consist .eyebrow{margin-bottom:16px}
.rs-consist h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 16px}
.rs-consist p{color:var(--g500);font-size:17px;font-weight:600;margin-bottom:14px}
.rs-consist .lead{color:var(--ink);font-weight:800}

.rs-matrix{background:#fff;border:var(--bd);border-radius:20px;box-shadow:var(--sh-lg);overflow:hidden}
.rs-mrow{display:grid;grid-template-columns:1.5fr 1.2fr auto;gap:14px;align-items:center;padding:15px 20px;border-top:var(--bd)}
.rs-mrow.head{background:var(--paper);border-top:0;font-family:var(--disp);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--g500)}
.rs-mrow .pname b{font-size:14.5px;font-weight:800;display:block;line-height:1.15}
.rs-mrow .pname small{font-size:11.5px;color:var(--g400);font-weight:700}
.rs-mv{display:flex;align-items:center;gap:10px}
.rs-mbar{width:70px;height:9px;background:var(--paper);border:1.5px solid var(--ink);border-radius:6px;overflow:hidden;flex:none}
.rs-mbar i{display:block;height:100%;background:var(--lime)}
.rs-mv .pct{font-family:var(--disp);font-weight:800;font-size:13px}
.rs-mchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:5px 9px;border-radius:20px;border:1.5px solid var(--ink);white-space:nowrap}
.rs-mchip svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.rs-mchip.ok{background:var(--lime);color:var(--ink)}
.rs-mchip.mid{background:#FFD66B;color:var(--ink)}

/* -- Benefits: indigo band ----------------------------------------------- */
.rs-ben-bg{background-image:linear-gradient(125deg,#26386E 0%,#1D2C57 55%,#152244 100%)}
.rs-ben{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rs-b{background:#fff;border:var(--bd);border-radius:20px;padding:30px;box-shadow:var(--sh-lg)}
.rs-b .ic{width:52px;height:52px;border-radius:15px;background:var(--lime);display:grid;place-items:center;border:var(--bd);box-shadow:var(--sh-sm);margin-bottom:18px}
.rs-b .ic svg{width:25px;height:25px;stroke:var(--ink);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rs-b h3{font-size:20px;margin-bottom:9px}
.rs-b p{color:var(--g500);font-size:14.5px;font-weight:600}

/* -- Proof: dark band ---------------------------------------------------- */
.rs-proof-bg{background-image:linear-gradient(125deg,#181228 0%,#12101F 55%,#0C0A15 100%)}
.rs-proof{position:relative;text-align:center;max-width:760px;margin:0 auto}
.rs-proof .eyebrow{background:var(--lime);margin-bottom:20px}
.rs-proof h2{color:#fff;font-size:clamp(26px,3.6vw,40px);margin-bottom:16px}
.rs-proof p{color:rgba(255,255,255,.8);font-size:17px;max-width:60ch;margin:0 auto;font-weight:600}

/* -- Responsive ---------------------------------------------------------- */
@media(max-width:880px){
  .rs .hero{padding:56px 0 64px}
  .rs-hero-grid,.rs-consist{grid-template-columns:1fr}
  .rs-score{transform:none;margin-top:34px}
  .rs-ben{grid-template-columns:1fr}
  .rs-mrow{grid-template-columns:1fr auto auto;gap:10px}
  .rs-mbar{display:none}
}