/* ─── S71 WHYRC2 — sticky scrollytelling (v2 only) ─── */
.whyrc2{
  --aurora:#3A43D1; --aurora-hi:#4A53E0; --mint:#5BE6C9; --ink:#0F1235;
  display:grid; grid-template-columns:0.92fr 1.08fr; gap:56px; align-items:stretch; margin-top:10px;
}
.whyrc2__rail{ display:flex; flex-direction:column; }
.whyrc2__item{
  min-height:52vh; display:flex; flex-direction:column; justify-content:center;
  padding:24px 0 24px 28px; border-left:2px solid rgba(255,255,255,0.08);
  opacity:0.34; transition:opacity .45s ease, border-color .45s ease;
}
.whyrc2__item.is-active{ opacity:1; border-left-color:var(--mint); }
.whyrc2__num{ font-size:18px; font-weight:800; letter-spacing:.14em; color:var(--mint); opacity:0; transition:opacity .45s ease; margin-bottom:14px; }
.whyrc2__item.is-active .whyrc2__num{ opacity:1; }
body.business-home .whyrc2 .whyrc2__text{ color:rgba(255,255,255,0.88) !important; font-size:16px; line-height:1.6; margin:0; max-width:32em; }
.whyrc2__title{ color:#fff; font-size:30px; font-weight:800; letter-spacing:-0.02em; line-height:1.15; margin:0 0 16px; }

.whyrc2__stage{ position:relative; height:100%; }
.whyrc2__sticky{ position:sticky; top:104px; height:74vh; min-height:480px; }
.whyrc2__screen{
  position:absolute; inset:0; border-radius:18px; background:transparent;
  opacity:0; transform:translateY(14px) scale(.985);
  transition:opacity .55s ease, transform .55s ease; pointer-events:none;
}
.whyrc2__screen.is-active{ opacity:1; transform:none; }

@media (max-width:991px){
  .whyrc2{ grid-template-columns:1fr; gap:0; }
  .whyrc2__item{ min-height:auto; opacity:1; border-left-color:rgba(255,255,255,0.12); }
  .whyrc2__item .whyrc2__num{ opacity:1; }
  .whyrc2__stage{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .whyrc2__item, .whyrc2__num, .whyrc2__screen{ transition:none !important; }
}

/* sticky fix: un-clip ONLY when v2 build is present */
.business-home .why-rc-section:has(.whyrc2){ overflow:visible; }
.whyrc2-stars{ height:13px; width:auto; }

/* ─── image-1 copy pills + chrome-free floating panels ─── */
.whyrc2__pill{ display:inline-flex; align-items:center; gap:8px; margin-top:18px; width:fit-content; font-size:12.5px; font-weight:700; color:#5BE6C9; background:rgba(91,230,201,0.10); border:1px solid rgba(91,230,201,0.24); padding:8px 14px; border-radius:999px; opacity:0; transition:opacity .45s ease; }
.whyrc2__item.is-active .whyrc2__pill{ opacity:1; }
.whyrc2__pill i{ font-size:11px; }
.whyrc2-stack{ position:relative; width:100%; height:100%; }
.whyrc2-pane{ position:absolute; background:#fff; border-radius:16px; box-shadow:0 26px 64px -26px rgba(8,13,63,0.55); }
.whyrc2-pane--main{ top:6%; left:0; right:18%; bottom:18%; display:flex; align-items:center; justify-content:center; }
.whyrc2-pane--float{ right:0; bottom:0; width:48%; height:38%; box-shadow:0 22px 50px -16px rgba(8,13,63,0.62); }

/* ─── screen 01 · floating verified review ─── */
.whyrc2-vr{ flex-direction:column; align-items:stretch; justify-content:center; padding:34px 34px; gap:0; }
.whyrc2-vr__top{ display:flex; align-items:center; gap:13px; }
.whyrc2-vr__av{ width:44px; height:44px; flex:0 0 auto; border-radius:50%; background:#3A43D1; color:#fff; font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.whyrc2-vr__name{ font-size:16px; font-weight:700; color:#0F1235; }
.whyrc2-vr__meta{ font-size:12px; color:#9aa0bf; margin-top:1px; }
.whyrc2-vr__top .whyrc2-stars{ height:18px; width:auto; margin-left:auto; }
.whyrc2-vr__body{ font-size:17px; line-height:1.6; color:#2a3050; font-weight:500; margin:20px 0 22px; }
.whyrc2-vr__verify{ display:inline-flex; align-items:center; gap:7px; width:fit-content; font-size:12.5px; font-weight:700; color:#0E8F73; background:#e7faf4; padding:8px 13px; border-radius:9px; }
.whyrc2-vr__verify i{ font-size:12px; }
.whyrc2-rej{ display:flex; flex-direction:column; justify-content:center; gap:12px; padding:18px 20px; background:#fff; border:1px solid #f0d9d9; }
.whyrc2-rej__top{ display:flex; align-items:center; gap:10px; }
.whyrc2-rej__av{ width:34px; height:34px; flex:0 0 auto; border-radius:50%; background:#eceef4; color:#aab; display:flex; align-items:center; justify-content:center; font-size:13px; }
.whyrc2-rej__name{ font-size:13.5px; font-weight:700; color:#9097b0; text-decoration:line-through; text-decoration-color:rgba(140,140,160,.6); }
.whyrc2-rej .whyrc2-stars{ height:12px; width:auto; margin-top:3px; filter:grayscale(.4); }
.whyrc2-rej__tag{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; color:#dc2626; background:#fdeaea; padding:6px 10px; border-radius:8px; }
.whyrc2-rej__tag i{ font-size:10px; }

/* screen 01 · business header + verified tick */
.whyrc2-vr__biz{ display:flex; align-items:center; gap:9px; padding-bottom:15px; margin-bottom:16px; border-bottom:1px solid #eef0f6; }
.whyrc2-vr__logo{ width:42px; height:42px; flex:0 0 auto; border-radius:10px; object-fit:cover; background:#f1f2f8; box-shadow:0 0 0 1px #eef0f6; }
.whyrc2-vr__biz-name{ font-size:15px; font-weight:800; color:#0F1235; }
.whyrc2-vr__biz-loc{ font-size:13px; color:#9aa0bf; }
.whyrc2-vr__tick{ display:inline-flex; align-items:center; color:#3A43D1; margin-left:6px; font-size:16px; }
.whyrc2-vr__tick .rc-verified-badge-svg{ width:1em; height:1em; vertical-align:middle; }

/* ─── screen 02 · naira pricing + local category ─── */
.whyrc2-ng2{ flex-direction:column; align-items:stretch; justify-content:center; padding:34px; gap:0; }
.whyrc2-ng2__head{ display:flex; align-items:center; gap:10px; }
.whyrc2-ng2__plan{ font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#3A43D1; }
.whyrc2-ng2__pop{ font-size:11px; font-weight:700; color:#0E8F73; background:#e7faf4; padding:4px 10px; border-radius:999px; }
.whyrc2-ng2__price{ font-size:38px; font-weight:800; color:#0F1235; letter-spacing:-0.02em; margin:10px 0 18px; }
.whyrc2-ng2__price span{ font-size:15px; font-weight:600; color:#9aa0bf; margin-left:3px; }
.whyrc2-ng2__list{ list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:11px; }
.whyrc2-ng2__list li{ display:flex; align-items:center; gap:10px; font-size:14px; color:#2a3050; font-weight:500; }
.whyrc2-tick{ width:20px; height:20px; flex:0 0 auto; border-radius:6px; background:#e7faf4; color:#0E8F73; display:inline-flex; align-items:center; justify-content:center; }
.whyrc2-tick svg{ width:12px; height:12px; }
.whyrc2-ng2__pay{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:16px; border-top:1px solid #eef0f6; }
.whyrc2-ng2__pay-lbl{ font-size:12px; font-weight:600; color:#9aa0bf; margin-right:2px; }
.whyrc2-ng2__rail{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:#0F1235; background:#f7f8fd; border:1px solid #e6e8f0; padding:7px 11px; border-radius:8px; }
.whyrc2-ng2__rail i{ font-size:11px; color:#3A43D1; }

/* screen 02 float · two category cards */
.whyrc2-cat{ position:absolute; right:5%; top:9%; width:50%; background:transparent; box-shadow:none; display:flex; flex-direction:column; gap:14px; }

/* ─── screen 02 · real two-column layout (no overlap) ─── */
.whyrc2-cat__card{ display:flex; align-items:center; gap:12px; background:#fff; border-radius:13px; box-shadow:0 16px 40px -14px rgba(8,13,63,0.5); padding:15px 16px; }
.whyrc2-cat__card--on{ box-shadow:0 16px 42px -14px rgba(58,67,209,0.42); outline:1.6px solid #3A43D1; }
.whyrc2-cat__ic{ width:36px; height:36px; flex:0 0 auto; border-radius:10px; background:#eef0fe; color:#3A43D1; display:flex; align-items:center; justify-content:center; font-size:15px; }
.whyrc2-cat__name{ font-size:14px; font-weight:700; color:#0F1235; }
.whyrc2-cat__sub{ font-size:12px; color:#6c7393; margin-top:2px; }

/* ─── screen 03 · reputation widget ─── */
.whyrc2-rep{ flex-direction:column; align-items:stretch; justify-content:center; padding:34px; gap:0; }
.whyrc2-rep__eyebrow{ font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#9aa0bf; margin-bottom:16px; }
.whyrc2-rep__widget{ border:1px solid #eef0f6; border-radius:14px; padding:18px; box-shadow:0 10px 30px -16px rgba(8,13,63,0.4); }
.whyrc2-rep__brand{ display:flex; align-items:center; gap:11px; padding-bottom:14px; border-bottom:1px solid #f2f3f8; }
.whyrc2-rep__logo{ width:38px; height:38px; flex:0 0 auto; border-radius:9px; object-fit:cover; background:#f1f2f8; }
.whyrc2-rep__name{ font-size:15px; font-weight:800; color:#0F1235; }
.whyrc2-rep__sub{ font-size:12px; color:#0E8F73; margin-top:1px; }
.whyrc2-rep__score{ display:flex; align-items:center; gap:11px; padding:15px 0 6px; }
.whyrc2-rep__num{ font-size:34px; font-weight:800; color:#0F1235; line-height:1; }
.whyrc2-rep__score .whyrc2-stars{ height:18px; width:auto; }
.whyrc2-rep__count{ font-size:12.5px; color:#6c7393; margin-left:auto; }
.whyrc2-rep__cta{ margin-top:12px; text-align:center; font-size:13px; font-weight:700; color:#fff; background:#3A43D1; padding:10px; border-radius:9px; }
.whyrc2-rep__where{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.whyrc2-rep__chip{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; color:#3A43D1; background:#eef0fe; padding:7px 12px; border-radius:8px; }
.whyrc2-rep__chip i{ font-size:12px; }
.whyrc2-rep__floatwrap{ top:11%; right:5%; width:48%; }

/* ─── screen 04 · respond · resolve · loyalty ─── */
.whyrc2-rs{ flex-direction:column; align-items:stretch; justify-content:center; padding:30px 32px; gap:0; }
.whyrc2-rs__rev{ display:flex; gap:13px; }
.whyrc2-rs__av{ width:40px; height:40px; flex:0 0 auto; border-radius:50%; background:#3A43D1; color:#fff; font-size:13.5px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.whyrc2-rs__main{ flex:1; min-width:0; }
.whyrc2-rs__row{ display:flex; align-items:center; gap:9px; }
.whyrc2-rs__name{ font-size:15px; font-weight:700; color:#0F1235; display:inline-flex; align-items:center; }
.whyrc2-rs__row .whyrc2-stars{ height:14px; width:auto; }
.whyrc2-rs__ago{ margin-left:auto; font-size:11.5px; color:#9aa0bf; }
.whyrc2-rs__body{ font-size:14px; line-height:1.55; color:#3a4060; margin:8px 0 0; }
.whyrc2-rs__reply{ margin:18px 0 0 24px; padding:14px 16px; border-left:2px solid #3A43D1; background:#f7f8fd; border-radius:0 12px 12px 0; }
.whyrc2-rs__r-head{ display:flex; align-items:center; gap:10px; }
.whyrc2-rs__r-logo{ width:28px; height:28px; flex:0 0 auto; border-radius:7px; object-fit:cover; background:#f1f2f8; }
.whyrc2-rs__r-name{ font-size:13.5px; font-weight:700; color:#0F1235; display:flex; align-items:center; gap:8px; }
.whyrc2-rs__r-tag{ font-size:10.5px; font-weight:700; color:#3A43D1; background:#eef0fe; padding:2px 8px; border-radius:999px; }
.whyrc2-rs__r-ago{ font-size:11px; color:#9aa0bf; margin-top:1px; }
.whyrc2-rs__r-body{ font-size:13.5px; line-height:1.55; color:#3a4060; margin:9px 0 0; }
.whyrc2-rs__floatwrap{ top:9%; right:5%; width:50%; }
.whyrc2-1star{ width:14px; height:14px; display:inline-block; vertical-align:-2px; }
.whyrc2-rs__retn{ display:inline-flex; align-items:center; gap:4px; }