
/* ═══════════════════════════════════════════════
   DESIGN TOKENS
═══════════════════════════════════════════════ */
:root {
  --ink:       #0A0A0A;
  --ink-2:     #1C1C1E;
  --steel:     #6B7280;
  --steel-lt:  #9CA3AF;
  --border:    #E5E5E7;
  --slate:     #F2F2F4;
  --paper:     #FAFAFA;
  --white:     #FFFFFF;
  --crimson:   #FB2056;
  --crimson-d: #D9103F;
  --navy:      #0F2444;

  --ff-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --ff-body:    'Inter', system-ui, sans-serif;

  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 96px;
  --space-3xl: 128px;

  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.05);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.1), 0 4px 12px rgba(0,0,0,0.06);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 200ms;
}

/* ═══════════════════════════════════════════════
   INTERACTIVE CURSOR FIX
   (span/div elements used as click targets via onclick)
═══════════════════════════════════════════════ */
.rb-logo,
.rb-nav__link,
.rb-card__cta,
.rb-svc__link,
.rb-hero__card-link,
.rb-faq-q,
.rb-listing__foot button,
[onclick] { cursor: pointer; }

/* ═══════════════════════════════════════════════
   RESET
═══════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--ff-body);
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font: inherit; }
ul, ol { list-style: none; }
input, textarea, select { font: inherit; }

/* ═══════════════════════════════════════════════
   SPA ROUTING
═══════════════════════════════════════════════ */
.rb-page { display: block; }
.rb-page.rb-active { display: block; }

/* ═══════════════════════════════════════════════
   LAYOUT
═══════════════════════════════════════════════ */
.rb-wrap { max-width: 1160px; margin: 0 auto; padding: 0 var(--space-md); }
.rb-wrap--narrow { max-width: 800px; margin: 0 auto; padding: 0 var(--space-md); }
.rb-section { padding: var(--space-2xl) 0; }
.rb-section--sm { padding: var(--space-xl) 0; }
.rb-section--dark { background: var(--ink-2); }
.rb-section--slate { background: var(--slate); }
.rb-section--crimson { background: var(--crimson); }

/* ═══════════════════════════════════════════════
   TYPE SYSTEM
═══════════════════════════════════════════════ */
.rb-eyebrow {
  font-family: var(--ff-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--crimson);
  display: block;
  margin-bottom: 10px;
}
.rb-eyebrow--muted { color: var(--steel-lt); }
.rb-h1 {
  font-family: var(--ff-display);
  font-size: clamp(2.6rem, 6vw, 4.2rem);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: var(--ink);
}
.rb-h2 {
  font-family: var(--ff-display);
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: var(--ink);
}
.rb-h3 {
  font-family: var(--ff-display);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--ink);
}
.rb-h4 {
  font-family: var(--ff-display);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}
/* THE SIGNATURE: crimson italic accent on key words */
.rb-accent {
  color: var(--crimson);
  font-style: italic;
}
.rb-white { color: var(--white) !important; }
.rb-white-70 { color: rgba(255,255,255,0.65) !important; }
.rb-white-40 { color: rgba(255,255,255,0.38) !important; }
.rb-steel { color: var(--steel); }
.rb-lead {
  font-size: 1.1rem;
  line-height: 1.75;
  color: var(--steel);
}
.rb-body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--steel);
}

/* ═══════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════ */
.rb-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ff-body);
  font-size: 14px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: var(--r-sm);
  transition: background var(--dur) var(--ease),
              transform var(--dur) var(--ease),
              box-shadow var(--dur) var(--ease);
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
.rb-btn--primary {
  background: var(--crimson);
  color: var(--white);
}
.rb-btn--primary:hover {
  background: var(--crimson-d);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(251,32,86,0.35);
}
.rb-btn--dark {
  background: var(--ink);
  color: var(--white);
}
.rb-btn--dark:hover {
  background: var(--ink-2);
  transform: translateY(-1px);
}
.rb-btn--ghost {
  background: transparent;
  color: var(--white);
  border: 1.5px solid rgba(255,255,255,0.25);
}
.rb-btn--ghost:hover { background: rgba(255,255,255,0.08); }
.rb-btn--outline {
  background: transparent;
  color: var(--ink);
  border: 1.5px solid var(--border);
}
.rb-btn--outline:hover { border-color: var(--ink); }
.rb-btn--white {
  background: var(--white);
  color: var(--crimson);
}
.rb-btn--white:hover {
  background: var(--paper);
  transform: translateY(-1px);
}
.rb-btn--lg { padding: 15px 30px; font-size: 15px; }
.rb-btn--sm { padding: 9px 16px; font-size: 13px; }

/* ═══════════════════════════════════════════════
   LOGO / FAVICON MARK
═══════════════════════════════════════════════ */
.rb-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--ff-display);
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--white);
  letter-spacing: -0.02em;
  text-decoration: none;
  cursor: pointer;
  flex-shrink: 0;
}
.rb-logo__mark {
  display: flex;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 7px;
  overflow: hidden;
}
.rb-logo__mark-r {
  width: 50%;
  height: 100%;
  background: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-display);
  font-size: 15px;
  font-weight: 800;
  color: var(--white);
}
.rb-logo__mark-b {
  width: 50%;
  height: 100%;
  background: var(--crimson);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-display);
  font-size: 15px;
  font-weight: 800;
  color: var(--white);
}
.rb-logo__text { line-height: 1; }
.rb-logo__text span { color: var(--crimson); }
.rb-logo--dark .rb-logo__text { color: var(--ink); }
.rb-logo--dark .rb-logo__text span { color: var(--crimson); }

/* ═══════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════ */
#rb-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 900;
  height: 64px;
  background: rgba(10,10,10,0.96);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: box-shadow var(--dur) var(--ease);
}
#rb-header.rb-scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.rb-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  gap: var(--space-md);
}
.rb-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}
.rb-nav__link {
  font-size: 13.5px;
  font-weight: 500;
  color: rgba(255,255,255,0.68);
  padding: 7px 12px;
  border-radius: var(--r-sm);
  transition: color var(--dur), background var(--dur);
  cursor: pointer;
  white-space: nowrap;
}
.rb-nav__link:hover,
.rb-nav__link.rb-active-link {
  color: var(--white);
  background: rgba(255,255,255,0.07);
}
.rb-header__cta { flex-shrink: 0; }

/* Hamburger */
.rb-hamburger {
  display: none;
  flex-direction: column;
  gap: 4.5px;
  padding: 8px;
  cursor: pointer;
  border-radius: var(--r-sm);
}
.rb-hamburger span {
  width: 20px;
  height: 1.5px;
  background: rgba(255,255,255,0.8);
  border-radius: 2px;
  display: block;
  transition: transform var(--dur), opacity var(--dur);
}
.rb-hamburger.rb-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.rb-hamburger.rb-open span:nth-child(2) { opacity: 0; }
.rb-hamburger.rb-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Mobile drawer */
.rb-drawer {
  display: none;
  position: fixed;
  top: 64px; left: 0; right: 0; bottom: 0;
  z-index: 899;
  background: var(--ink);
  flex-direction: column;
  padding: var(--space-md);
  gap: 4px;
  overflow-y: auto;
}
.rb-drawer.rb-open { display: flex; }
.rb-drawer .rb-nav__link {
  font-size: 17px;
  padding: 13px var(--space-sm);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  border-radius: 0;
  color: rgba(255,255,255,0.75);
}
.rb-drawer .rb-btn {
  margin-top: var(--space-sm);
  justify-content: center;
}

/* ═══════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════ */
.rb-hero {
  background: var(--ink);
  padding: 140px 0 100px;
  position: relative;
  overflow: hidden;
  min-height: 92vh;
  display: flex;
  align-items: center;
}
/* Subtle noise texture overlay */
.rb-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  opacity: 0.4;
}
/* Large crimson glow bottom-left */
.rb-hero::after {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,32,86,0.14) 0%, transparent 70%);
  bottom: -200px; left: -100px;
  pointer-events: none;
}
.rb-hero__inner {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 80px;
  align-items: center;
}
.rb-hero__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 28px;
}
.rb-hero__label::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--crimson);
  flex-shrink: 0;
}
.rb-hero__h1 {
  font-family: var(--ff-display);
  font-size: clamp(2.8rem, 6vw, 4.6rem);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -0.035em;
  color: var(--white);
  margin-bottom: 26px;
}
.rb-hero__h1 em {
  color: var(--crimson);
  font-style: italic;
}
.rb-hero__sub {
  font-size: 1.05rem;
  line-height: 1.75;
  color: rgba(255,255,255,0.55);
  max-width: 460px;
  margin-bottom: 40px;
}
.rb-hero__btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.rb-hero__proof {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.rb-hero__stat strong {
  display: block;
  font-family: var(--ff-display);
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--white);
  line-height: 1;
  letter-spacing: -0.03em;
}
.rb-hero__stat small {
  font-size: 11.5px;
  color: rgba(255,255,255,0.38);
  display: block;
  margin-top: 3px;
  font-weight: 500;
}

/* Hero right: review card stack */
.rb-hero__card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--r-lg);
  overflow: hidden;
  backdrop-filter: blur(8px);
}
.rb-hero__card-img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.rb-hero__card-body { padding: 22px; }
.rb-hero__card-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: rgba(251,32,86,0.18);
  color: #ff6b8a;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.rb-hero__card h3 {
  font-family: var(--ff-display);
  font-size: 1rem;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 6px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.rb-hero__card p {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.6;
  margin-bottom: 14px;
}
.rb-hero__card-link {
  font-size: 13px;
  font-weight: 600;
  color: var(--crimson);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap var(--dur);
}
.rb-hero__card-link:hover { gap: 8px; }

/* Mini score bar */
.rb-score-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.rb-score-bar__track {
  flex: 1;
  height: 3px;
  background: rgba(255,255,255,0.08);
  border-radius: 2px;
}
.rb-score-bar__fill {
  height: 100%;
  border-radius: 2px;
  background: var(--crimson);
}
.rb-score-bar__label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
  width: 32px;
  text-align: right;
  flex-shrink: 0;
}
.rb-score-bar__name {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  width: 70px;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════════
   MARQUEE TRUST STRIP
═══════════════════════════════════════════════ */
.rb-strip {
  background: var(--slate);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 20px 0;
  overflow: hidden;
}
.rb-strip__track {
  display: flex;
  gap: 48px;
  animation: rb-marquee 28s linear infinite;
  width: max-content;
}
.rb-strip__track:hover { animation-play-state: paused; }
@keyframes rb-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.rb-strip__item {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  color: var(--steel);
}
.rb-strip__item::before {
  content: '✓';
  color: var(--crimson);
  font-weight: 700;
  font-size: 12px;
}

/* ═══════════════════════════════════════════════
   SECTION HEADERS
═══════════════════════════════════════════════ */
.rb-section-hd { margin-bottom: 52px; }
.rb-section-hd--center { text-align: center; }
.rb-section-hd--center .rb-section-hd__sub { margin: 12px auto 0; max-width: 520px; }
.rb-section-hd__sub {
  font-size: 1.025rem;
  line-height: 1.7;
  color: var(--steel);
  margin-top: 12px;
  max-width: 540px;
}
.rb-section-hd__sub--light { color: rgba(255,255,255,0.5); }

/* ═══════════════════════════════════════════════
   PILLAR / BENEFIT CARDS
═══════════════════════════════════════════════ */
.rb-pillar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.rb-pillar {
  padding: 32px 28px;
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: var(--white);
  transition: box-shadow var(--dur), transform var(--dur);
  position: relative;
}
.rb-pillar:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.rb-pillar__num {
  font-family: var(--ff-display);
  font-size: 3rem;
  font-weight: 800;
  color: var(--slate);
  line-height: 1;
  margin-bottom: 16px;
  letter-spacing: -0.04em;
}
.rb-pillar h3 { margin-bottom: 10px; }
.rb-pillar p { font-size: 14px; color: var(--steel); line-height: 1.7; }

/* ═══════════════════════════════════════════════
   REVIEW CARDS
═══════════════════════════════════════════════ */
.rb-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.rb-card {
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: var(--white);
  overflow: hidden;
  transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
  display: flex;
  flex-direction: column;
}
.rb-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.rb-card__img {
  width: 100%;
  height: 192px;
  object-fit: cover;
}
.rb-card__body {
  padding: 20px 22px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rb-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.rb-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 4px;
}
.rb-tag--sec { background: #EEF1F8; color: #1E3A5F; }
.rb-tag--sas { background: rgba(251,32,86,0.08); color: var(--crimson-d); }
.rb-tag--pro { background: #E5F7F2; color: #0D7A5F; }
.rb-tag--ai  { background: #EEEEFF; color: #4433BB; }
.rb-card__date { font-size: 11.5px; color: var(--steel-lt); }
.rb-card__stars { color: #F59E0B; font-size: 12px; margin-bottom: 8px; }
.rb-card h3 {
  font-family: var(--ff-display);
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.rb-card p { font-size: 13.5px; color: var(--steel); line-height: 1.65; flex: 1; margin-bottom: 16px; }
.rb-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid var(--border);
  margin-top: auto;
}
.rb-card__verdict {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--steel);
  background: var(--slate);
  padding: 3px 10px;
  border-radius: 4px;
}
.rb-card__cta {
  font-size: 13px;
  font-weight: 600;
  color: var(--crimson);
  display: inline-flex;
  align-items: center;
  gap: 3px;
  transition: gap var(--dur);
}
.rb-card__cta:hover { gap: 7px; }

/* ═══════════════════════════════════════════════
   SERVICES GRID (dark)
═══════════════════════════════════════════════ */
.rb-svc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.rb-svc {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--r-md);
  padding: 28px 24px;
  transition: background var(--dur), border-color var(--dur);
}
.rb-svc:hover {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.14);
}
.rb-svc__icon { font-size: 26px; margin-bottom: 14px; }
.rb-svc h3 {
  font-family: var(--ff-display);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.rb-svc p { font-size: 13.5px; color: rgba(255,255,255,0.45); line-height: 1.65; margin-bottom: 16px; }
.rb-svc__link {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--crimson);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap var(--dur);
}
.rb-svc__link:hover { gap: 8px; }

/* ═══════════════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════════════ */
.rb-testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.rb-testi {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 28px 24px;
  transition: box-shadow var(--dur);
}
.rb-testi:hover { box-shadow: var(--shadow-md); }
.rb-testi__mark {
  font-family: var(--ff-display);
  font-size: 2.5rem;
  color: var(--crimson);
  line-height: 0.8;
  font-weight: 800;
  margin-bottom: 14px;
  display: block;
}
.rb-testi__quote {
  font-size: 14px;
  line-height: 1.75;
  color: var(--steel);
  font-style: italic;
  margin-bottom: 20px;
}
.rb-testi__divider {
  width: 32px;
  height: 2px;
  background: var(--crimson);
  margin-bottom: 16px;
}
.rb-testi__name {
  font-family: var(--ff-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.rb-testi__role { font-size: 12px; color: var(--steel-lt); margin-top: 2px; }

/* ═══════════════════════════════════════════════
   ABOUT SPLIT
═══════════════════════════════════════════════ */
.rb-about-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.rb-about-split__img-wrap { position: relative; }
.rb-about-split__img {
  border-radius: var(--r-lg);
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.rb-about-split__badge {
  position: absolute;
  bottom: -22px;
  right: -22px;
  background: var(--crimson);
  color: var(--white);
  padding: 20px 22px;
  border-radius: var(--r-md);
  box-shadow: 0 8px 28px rgba(251,32,86,0.32);
}
.rb-about-split__badge strong {
  display: block;
  font-family: var(--ff-display);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
}
.rb-about-split__badge span { font-size: 11px; opacity: 0.85; font-weight: 500; }
.rb-cred-list { margin: 24px 0 32px; display: flex; flex-direction: column; gap: 12px; }
.rb-cred-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.6;
  color: var(--steel);
}
.rb-cred-item__dot {
  width: 6px; height: 6px;
  background: var(--crimson);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 7px;
}

/* ═══════════════════════════════════════════════
   CTA BANNER
═══════════════════════════════════════════════ */
.rb-cta {
  background: var(--ink);
  padding: 80px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.rb-cta::after {
  content: '';
  position: absolute;
  width: 800px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,32,86,0.1) 0%, transparent 70%);
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.rb-cta__inner { position: relative; z-index: 1; }
.rb-cta h2 {
  font-family: var(--ff-display);
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 800;
  color: var(--white);
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin-bottom: 16px;
}
.rb-cta h2 em { color: var(--crimson); font-style: italic; }
.rb-cta p { color: rgba(255,255,255,0.5); font-size: 1.05rem; margin-bottom: 36px; }
.rb-cta__btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ═══════════════════════════════════════════════
   PAGE HERO (inner pages)
═══════════════════════════════════════════════ */
.rb-page-hero {
  background: var(--ink);
  padding: 140px 0 72px;
  position: relative;
  overflow: hidden;
}
.rb-page-hero::after {
  content: '';
  position: absolute;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,32,86,0.1) 0%, transparent 70%);
  top: -100px; right: -100px;
  pointer-events: none;
}
.rb-page-hero__inner { position: relative; z-index: 1; max-width: 680px; }
.rb-breadcrumb { font-size: 12px; color: rgba(255,255,255,0.3); margin-bottom: 18px; }
.rb-breadcrumb a { color: var(--crimson); }
.rb-breadcrumb a:hover { text-decoration: underline; }

/* ═══════════════════════════════════════════════
   ABOUT PAGE — Story
═══════════════════════════════════════════════ */
.rb-story-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 64px;
  align-items: start;
}
.rb-sidebar { position: sticky; top: 84px; }
.rb-sidebar__img {
  border-radius: var(--r-md);
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  margin-bottom: 20px;
}
.rb-fact-list { display: flex; flex-direction: column; gap: 1px; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--border); }
.rb-fact {
  padding: 12px 16px;
  background: var(--white);
  border-bottom: 1px solid var(--border);
}
.rb-fact:last-child { border-bottom: none; }
.rb-fact__lbl { font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--steel-lt); margin-bottom: 2px; }
.rb-fact__val { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.rb-fact__val a { color: var(--crimson); }

.rb-prose h2 { font-family: var(--ff-display); font-size: 1.8rem; font-weight: 800; color: var(--ink); margin: 40px 0 14px; letter-spacing: -0.025em; }
.rb-prose h2:first-child { margin-top: 0; }
.rb-prose h3 { font-family: var(--ff-display); font-size: 1.2rem; font-weight: 700; color: var(--ink); margin: 28px 0 10px; letter-spacing: -0.015em; }
.rb-prose p { font-size: 15px; color: var(--steel); line-height: 1.8; margin-bottom: 16px; }
.rb-prose ul { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.rb-prose li {
  font-size: 14.5px;
  color: var(--steel);
  line-height: 1.65;
  padding-left: 18px;
  position: relative;
}
.rb-prose li::before { content: '—'; position: absolute; left: 0; color: var(--crimson); font-weight: 700; }

.rb-mission-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 32px 0;
}
.rb-mission-cell {
  padding: 22px 20px;
  background: var(--slate);
  border-radius: var(--r-md);
}
.rb-mission-cell__ico { font-size: 22px; margin-bottom: 10px; }
.rb-mission-cell h4 { font-family: var(--ff-display); font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 6px; letter-spacing: -0.01em; }
.rb-mission-cell p { font-size: 13px; color: var(--steel); line-height: 1.6; }

.rb-diff-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 24px;
}
.rb-diff {
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.rb-diff__ico {
  width: 38px; height: 38px;
  border-radius: 8px;
  background: rgba(251,32,86,0.07);
  display: flex; align-items: center; justify-content: center;
  font-size: 17px;
  flex-shrink: 0;
}
.rb-diff h4 { font-family: var(--ff-display); font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 5px; letter-spacing: -0.01em; }
.rb-diff p { font-size: 13px; color: var(--steel); line-height: 1.6; }

/* ═══════════════════════════════════════════════
   SERVICES PAGE
═══════════════════════════════════════════════ */
.rb-full-svc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.rb-full-svc {
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 30px 26px;
  background: var(--white);
  transition: box-shadow var(--dur), transform var(--dur);
}
.rb-full-svc:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.rb-full-svc__ico {
  width: 52px; height: 52px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}
.bg-navy  { background: rgba(15,36,68,0.07); }
.bg-crim  { background: rgba(251,32,86,0.08); }
.bg-teal  { background: rgba(13,122,95,0.08); }
.bg-purp  { background: rgba(85,51,204,0.08); }
.bg-amb   { background: rgba(245,158,11,0.1); }
.bg-blue  { background: rgba(42,80,128,0.08); }
.rb-full-svc h3 { font-family: var(--ff-display); font-size: 1.1rem; font-weight: 700; color: var(--ink); margin-bottom: 8px; letter-spacing: -0.015em; }
.rb-full-svc p { font-size: 13.5px; color: var(--steel); line-height: 1.7; margin-bottom: 16px; }
.rb-full-svc__list { display: flex; flex-direction: column; gap: 6px; }
.rb-full-svc__list li { font-size: 12.5px; color: var(--steel); padding-left: 14px; position: relative; line-height: 1.5; }
.rb-full-svc__list li::before { content: '→'; position: absolute; left: 0; color: var(--crimson); font-size: 11px; }

/* HOW IT WORKS */
.rb-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  position: relative;
}
.rb-steps::before {
  content: '';
  position: absolute;
  top: 28px;
  left: calc(12.5% + 16px);
  right: calc(12.5% + 16px);
  height: 1px;
  background: linear-gradient(90deg, var(--crimson), rgba(251,32,86,0.15));
  z-index: 0;
}
.rb-step { text-align: center; position: relative; z-index: 1; }
.rb-step__num {
  width: 56px; height: 56px;
  border-radius: 50%;
  border: 2px solid var(--crimson);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display);
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--crimson);
  margin: 0 auto 18px;
  background: var(--white);
  box-shadow: 0 0 0 5px rgba(251,32,86,0.07);
}
.rb-step h4 { font-family: var(--ff-display); font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 7px; letter-spacing: -0.01em; }
.rb-step p { font-size: 13px; color: var(--steel); line-height: 1.65; }

/* FAQ */
.rb-faq { max-width: 740px; margin: 0 auto; }
.rb-faq-item { border-bottom: 1px solid var(--border); }
.rb-faq-item:first-child { border-top: 1px solid var(--border); }
.rb-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  cursor: pointer;
  gap: 16px;
}
.rb-faq-q h4 {
  font-family: var(--ff-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.rb-faq-toggle {
  width: 26px; height: 26px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  color: var(--steel);
  flex-shrink: 0;
  transition: transform var(--dur), background var(--dur), border-color var(--dur), color var(--dur);
}
.rb-faq-a {
  display: none;
  font-size: 14px;
  color: var(--steel);
  line-height: 1.75;
  padding-bottom: 18px;
}
.rb-faq-item.rb-open .rb-faq-a { display: block; }
.rb-faq-item.rb-open .rb-faq-toggle {
  background: var(--crimson);
  border-color: var(--crimson);
  color: var(--white);
  transform: rotate(45deg);
}

/* ═══════════════════════════════════════════════
   LISTINGS / REVIEWS PAGE
═══════════════════════════════════════════════ */
.rb-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.rb-filter__btn {
  padding: 8px 18px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  border: 1.5px solid var(--border);
  background: var(--white);
  color: var(--steel);
  transition: all var(--dur);
  cursor: pointer;
}
.rb-filter__btn:hover { border-color: var(--ink); color: var(--ink); }
.rb-filter__btn.rb-active { background: var(--ink); color: var(--white); border-color: var(--ink); }
.rb-listing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.rb-listing {
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: var(--white);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: box-shadow var(--dur), transform var(--dur);
}
.rb-listing:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.rb-listing__img { width: 100%; height: 200px; object-fit: cover; }
.rb-listing__body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.rb-listing__meta { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.rb-listing__stars { color: #F59E0B; font-size: 12px; }
.rb-listing h3 {
  font-family: var(--ff-display);
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 8px;
}
.rb-listing p { font-size: 13.5px; color: var(--steel); line-height: 1.65; flex: 1; margin-bottom: 16px; }
.rb-listing__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid var(--border);
  margin-top: auto;
}
.rb-listing__pick { font-size: 11.5px; font-weight: 600; color: var(--steel); }
.rb-listing__pick span { color: var(--crimson); }

/* ═══════════════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════════════ */
.rb-contact-layout {
  display: grid;
  grid-template-columns: 1fr 460px;
  gap: 64px;
  align-items: start;
}
.rb-contact-details { display: flex; flex-direction: column; gap: 20px; margin: 28px 0 32px; }
.rb-contact-item { display: flex; gap: 16px; align-items: flex-start; }
.rb-contact-item__ico {
  width: 42px; height: 42px;
  border-radius: 10px;
  background: rgba(251,32,86,0.07);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.rb-contact-item__lbl { font-size: 10.5px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--steel-lt); margin-bottom: 2px; }
.rb-contact-item__val { font-size: 14px; font-weight: 600; color: var(--ink); }
.rb-contact-item__val a { color: var(--ink); transition: color var(--dur); }
.rb-contact-item__val a:hover { color: var(--crimson); }

.rb-socials { display: flex; gap: 8px; }
.rb-social {
  width: 38px; height: 38px;
  border-radius: var(--r-sm);
  border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  color: var(--steel);
  font-weight: 700;
  transition: all var(--dur);
}
.rb-social:hover { background: var(--ink); color: var(--white); border-color: var(--ink); }

.rb-form-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  padding: 36px;
  box-shadow: var(--shadow-sm);
}
.rb-form-card h3 {
  font-family: var(--ff-display);
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}
.rb-form-card > p { font-size: 13.5px; color: var(--steel); margin-bottom: 24px; }
.rb-form-group { margin-bottom: 16px; }
.rb-form-group label { display: block; font-size: 12.5px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.rb-form-group input,
.rb-form-group textarea,
.rb-form-group select {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: var(--r-sm);
  font-family: var(--ff-body);
  font-size: 14px;
  color: var(--ink);
  background: var(--white);
  outline: none;
  transition: border-color var(--dur);
}
.rb-form-group input:focus,
.rb-form-group textarea:focus,
.rb-form-group select:focus { border-color: var(--crimson); }
.rb-form-group textarea { min-height: 120px; resize: vertical; }
.rb-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rb-form-submit {
  width: 100%;
  padding: 14px;
  background: var(--crimson);
  color: var(--white);
  font-family: var(--ff-body);
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: var(--r-sm);
  cursor: pointer;
  transition: background var(--dur), transform var(--dur);
}
.rb-form-submit:hover { background: var(--crimson-d); transform: translateY(-1px); }
.rb-form-note { font-size: 12px; color: var(--steel-lt); text-align: center; margin-top: 10px; }
.rb-form-success {
  display: none;
  padding: 16px;
  background: #E5F7F2;
  border: 1px solid #10B981;
  border-radius: var(--r-sm);
  font-size: 14px;
  color: #065F46;
  font-weight: 500;
  text-align: center;
  margin-top: 14px;
}
.rb-map {
  margin-top: 36px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  overflow: hidden;
}
.rb-map__ph {
  background: var(--slate);
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13.5px;
  color: var(--steel);
}
.rb-map__ph span { font-size: 28px; }

/* ═══════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════ */
.rb-footer {
  background: #050810;
  border-top: 1px solid rgba(255,255,255,0.04);
  padding-top: 64px;
}
.rb-footer__grid {
  display: grid;
  grid-template-columns: 2.2fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.rb-footer__brand p { font-size: 13px; color: rgba(255,255,255,0.32); line-height: 1.75; max-width: 280px; margin: 14px 0 20px; }
.rb-footer__brand .rb-socials .rb-social { border-color: rgba(255,255,255,0.08); color: rgba(255,255,255,0.35); }
.rb-footer__brand .rb-social:hover { background: var(--crimson); border-color: var(--crimson); color: var(--white); }
.rb-footer__col h5 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
  margin-bottom: 18px;
}
.rb-footer__col ul { display: flex; flex-direction: column; gap: 9px; }
.rb-footer__col li a { font-size: 13px; color: rgba(255,255,255,0.35); transition: color var(--dur); }
.rb-footer__col li a:hover { color: var(--crimson); }
.rb-footer__bottom {
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.rb-footer__bottom p { font-size: 12px; color: rgba(255,255,255,0.2); }
.rb-footer__legal { display: flex; gap: 18px; }
.rb-footer__legal a { font-size: 12px; color: rgba(255,255,255,0.2); transition: color var(--dur); }
.rb-footer__legal a:hover { color: var(--crimson); }

/* ═══════════════════════════════════════════════
   TOAST (placeholder link feedback)
═══════════════════════════════════════════════ */
.rb-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--ink);
  color: var(--white);
  font-size: 13.5px;
  font-weight: 500;
  padding: 13px 22px;
  border-radius: 100px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease, transform 250ms ease;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,0.1);
}
.rb-toast.rb-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.rb-toast::before { content: '📝'; font-size: 14px; }

/* ═══════════════════════════════════════════════
   UTILITIES
═══════════════════════════════════════════════ */
.rb-tc { text-align: center; }
.rb-flex-between { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.rb-mt-sm { margin-top: var(--space-sm); }
.rb-mt-md { margin-top: var(--space-md); }
.rb-mt-lg { margin-top: var(--space-lg); }
.rb-mt-xl { margin-top: var(--space-xl); }
.rb-mb-md { margin-bottom: var(--space-md); }

/* ═══════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .rb-hero__inner { grid-template-columns: 1fr; gap: 48px; }
  .rb-hero__card { max-width: 480px; }
  .rb-pillar-grid,
  .rb-cards-grid,
  .rb-svc-grid,
  .rb-testi-grid,
  .rb-full-svc-grid,
  .rb-listing-grid { grid-template-columns: repeat(2, 1fr); }
  .rb-about-split { grid-template-columns: 1fr; gap: 52px; }
  .rb-about-split__badge { bottom: -16px; right: 16px; }
  .rb-story-layout { grid-template-columns: 1fr; gap: 40px; }
  .rb-sidebar { position: static; }
  .rb-sidebar__img { height: 280px; }
  .rb-contact-layout { grid-template-columns: 1fr; }
  .rb-footer__grid { grid-template-columns: 1fr 1fr; }
  .rb-steps { grid-template-columns: repeat(2, 1fr); }
  .rb-steps::before { display: none; }
  .rb-mission-row { grid-template-columns: 1fr; }
  .rb-diff-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .rb-section { padding: var(--space-xl) 0; }
  .rb-pillar-grid,
  .rb-cards-grid,
  .rb-svc-grid,
  .rb-testi-grid,
  .rb-full-svc-grid,
  .rb-listing-grid,
  .rb-steps,
  .rb-form-row { grid-template-columns: 1fr; }
  .rb-nav { display: none; }
  .rb-header__cta .rb-btn { display: none; }
  .rb-hamburger { display: flex; }
  .rb-hero { padding: 100px 0 60px; min-height: auto; }
  .rb-hero__btns { flex-direction: column; }
  .rb-hero__proof { gap: 20px; }
  .rb-strip__track { gap: 32px; }
  .rb-about-split__badge { position: static; margin-top: 16px; display: inline-block; }
  .rb-footer__grid { grid-template-columns: 1fr; }
  .rb-cta h2 { font-size: 1.9rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}
\n/* WP ADAPT */\nbody{padding-top:64px}\n.admin-bar #rb-header{top:32px}\nh1.entry-title,.entry-header,.ast-breadcrumbs{display:none}\n#content.site-content,.site-content .ast-container{padding:0!important;max-width:100%!important}\n.elementor-widget-container>.rb-hero,.elementor-widget-container>.rb-section{margin:0}\n.e-con{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;max-width:none}\n.e-con-inner{max-width:none;padding:0}\n.rb-nav a.rb-nav__link{text-decoration:none}\n.rb-nav__link.rb-active-link{color:var(--crimson)!important;font-weight:700}\n[data-href]{cursor:pointer}\n.rb-form-card .wpforms-container{margin:0}\n.rb-form-card .wpforms-field{padding:0 0 16px}\n.rb-form-card .wpforms-field-label{display:block;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.75);margin:0 0 7px}\n.rb-form-card input[type=text],.rb-form-card input[type=email],.rb-form-card input[type=tel],.rb-form-card select,.rb-form-card textarea{width:100%;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:12px 14px!important;font-size:14.5px!important;color:#fff!important;transition:border-color .2s,background .2s;box-shadow:none!important}\n.rb-form-card input:focus,.rb-form-card select:focus,.rb-form-card textarea:focus{border-color:var(--crimson)!important;background:rgba(255,255,255,.08)!important;outline:none!important}\n.rb-form-card ::placeholder{color:rgba(255,255,255,.35)}\n.rb-form-card textarea{min-height:120px;resize:vertical}\n.rb-form-card .wpforms-field-name .wpforms-field-row{display:flex;gap:14px}\n.rb-form-card .wpforms-field-name .wpforms-field-row>div{flex:1}\n.rb-form-card .wpforms-field-sublabel{font-size:11px;color:rgba(255,255,255,.35);margin-top:4px}\n.rb-form-card button[type=submit]{width:100%;background:var(--crimson)!important;color:#fff!important;font-weight:700!important;font-size:15px!important;padding:14px 24px!important;border:none!important;border-radius:999px!important;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}\n.rb-form-card button[type=submit]:hover{background:var(--crimson-d)!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(251,32,86,.35)}\n.rb-form-card .wpforms-confirmation-container-full{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);border-radius:12px;color:#A7F3D0;padding:18px}\nselect option{color:#111}\n.skip-link,.screen-reader-text{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}\n
/* FIX ROUND */
body{background:#FFFFFF!important}
.rb-footer ul{margin:0!important;padding:0!important;list-style:none!important}
.rb-footer li{margin:0!important;padding:0!important}
.rb-soc a{transition:background .18s,color .18s,border-color .18s}
.rb-soc a:hover{background:var(--crimson)!important;color:#fff!important;border-color:var(--crimson)!important}

/* NAV+STRIP FIX */
.rb-nav__link.rb-active-link{color:var(--crimson)!important;background:transparent!important;font-weight:700!important}
.rb-nav__link.rb-active-link:hover{color:var(--crimson)!important;background:rgba(251,32,86,.08)!important}
.rb-page-hero{padding-top:96px!important}
#rb-header{box-shadow:0 1px 0 rgba(255,255,255,.06)}
.rb-listing-section,.rb-listings{padding-top:32px}

/* REVIEW POST STYLES */

.rb-article{background:var(--white);color:var(--ink)}
.rb-article .rb-wrap{max-width:820px}
.rb-article-hero{background:#0A0A0A;padding:104px 0 56px}
.rb-article-hero .rb-wrap{max-width:820px}
.rb-article-hero .rb-badge{display:inline-block;background:rgba(251,32,86,.15);color:#FB2056;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;border-radius:100px;margin-bottom:18px}
.rb-article-hero h1{font-family:var(--ff-display);font-size:2.6rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:18px}
.rb-article-hero .rb-meta{display:flex;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:13.5px;align-items:center}
.rb-article-hero .rb-meta .rb-stars{color:#FBBF24}
.rb-article-body{padding:56px 0 72px}
.rb-article-body .rb-prose h2{scroll-margin-top:90px}
.rb-article-body .rb-prose img{border-radius:12px;margin:24px 0;width:100%}
.rb-tldr{background:#F5F7FA;border:1px solid var(--border);border-left:4px solid #FB2056;border-radius:12px;padding:24px 28px;margin:0 0 36px}
.rb-tldr h3{font-family:var(--ff-display);font-size:1.05rem;color:var(--ink);margin:0 0 10px;font-weight:700}
.rb-tldr p{margin:0;font-size:14.5px;color:var(--steel);line-height:1.7}
.rb-cmp{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.rb-cmp th,.rb-cmp td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--border)}
.rb-cmp thead th{background:#0A0A0A;color:#fff;font-weight:700;font-size:13px}
.rb-cmp tbody tr:nth-child(even){background:#FAFBFC}
.rb-cmp td:first-child{font-weight:600;color:var(--ink)}
.rb-cmp .rb-win{color:#059669;font-weight:700}
.rb-cmp .rb-pick-row{background:rgba(251,32,86,.05)!important}
.rb-ctabox{background:linear-gradient(135deg,#0A0A0A,#141b2e);border-radius:16px;padding:32px;margin:36px 0;text-align:center}
.rb-ctabox h3{font-family:var(--ff-display);color:#fff;font-size:1.4rem;margin:0 0 8px;font-weight:800}
.rb-ctabox p{color:rgba(255,255,255,.6);margin:0 0 20px;font-size:14.5px}
.rb-aff-btn{display:inline-block;background:#FB2056;color:#fff!important;font-weight:700;font-size:15px;padding:14px 30px;border-radius:100px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.rb-aff-btn:hover{background:#D9103F;transform:translateY(-2px);box-shadow:0 10px 26px rgba(251,32,86,.4)}
.rb-aff-btn--ghost{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.25)}
.rb-aff-btn--ghost:hover{background:rgba(255,255,255,.1);box-shadow:none}
.rb-ad{margin:36px 0;padding:28px;background:#F5F7FA;border:1px dashed #C7D0DB;border-radius:12px;text-align:center;color:#94A3B8;font-size:12px;letter-spacing:1px;text-transform:uppercase;min-height:120px;display:flex;align-items:center;justify-content:center}
.rb-verdict{background:#0A0A0A;border-radius:16px;padding:32px;margin:40px 0}
.rb-verdict h3{color:#FB2056;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}
.rb-verdict p{color:rgba(255,255,255,.8);margin:0 0 8px;line-height:1.7;font-size:15px}
.rb-verdict .rb-score{font-family:var(--ff-display);font-size:2.4rem;font-weight:800;color:#fff}
.rb-keytable{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.rb-keytable td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--steel)}
.rb-keytable td:first-child{font-weight:600;color:var(--ink);width:38%}
.rb-proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.rb-proscons>div{border-radius:12px;padding:22px;border:1px solid var(--border)}
.rb-pros{background:#F0FDF4}.rb-cons{background:#FEF2F2}
.rb-proscons h4{margin:0 0 12px;font-size:14px;font-weight:700}
.rb-pros h4{color:#059669}.rb-cons h4{color:#DC2626}
.rb-proscons ul{margin:0;padding-left:18px}
.rb-proscons li{font-size:13.5px;color:var(--steel);margin-bottom:7px;line-height:1.5}
@media(max-width:680px){.rb-proscons{grid-template-columns:1fr}.rb-article-hero h1{font-size:1.9rem}}

/* REVIEW SIDEBAR */

.rb-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;max-width:1160px;margin:0 auto;padding:0 24px}
.rb-article-layout .rb-prose{max-width:none}
.rb-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:24px}
.rb-rail__card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}
.rb-rail__card h4{font-family:var(--ff-display);font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);margin:0 0 16px;font-weight:800}
.rb-rail__post{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:transform .16s}
.rb-rail__post:last-child{border-bottom:none}
.rb-rail__post:hover{transform:translateX(3px)}
.rb-rail__thumb{width:56px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#EEF1F5}
.rb-rail__pt{font-size:13px;font-weight:600;color:var(--ink);line-height:1.35}
.rb-rail__pc{font-size:11px;color:#FB2056;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:3px;display:block}
.rb-rail__cats{list-style:none;margin:0;padding:0}
.rb-rail__cats li{margin:0}
.rb-rail__cats a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--steel);font-size:14px;font-weight:500;transition:color .16s}
.rb-rail__cats li:last-child a{border-bottom:none}
.rb-rail__cats a:hover{color:#FB2056}
.rb-rail__cats .rb-count{background:#F1F5F9;color:#64748B;font-size:11px;font-weight:700;padding:2px 9px;border-radius:100px}
.rb-rail__cta{background:linear-gradient(135deg,#0A0A0A,#141b2e);border-radius:14px;padding:24px;text-align:center}
.rb-rail__cta h4{color:#fff;margin-bottom:8px}
.rb-rail__cta p{color:rgba(255,255,255,.6);font-size:13px;margin:0 0 16px;line-height:1.6}
.rb-rail__cta .rb-aff-btn{padding:11px 22px;font-size:14px}
.rb-rail__ad{background:#F5F7FA;border:1px dashed #C7D0DB;border-radius:14px;min-height:250px;display:flex;align-items:center;justify-content:center;color:#94A3B8;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:center;padding:20px}
@media(max-width:960px){.rb-article-layout{grid-template-columns:1fr}.rb-rail{position:static;flex-direction:row;flex-wrap:wrap}.rb-rail>*{flex:1;min-width:240px}}
@media(max-width:560px){.rb-rail{flex-direction:column}}

/* TOOL STYLES */

.rb-tool-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.rb-tool-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:36px;box-shadow:0 4px 24px rgba(0,0,0,.05)}
.rb-tool-card.rb-dark{background:#0F1420;border-color:rgba(255,255,255,.08);color:#fff}
.rb-tool label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 8px}
.rb-dark .rb-tool label,.rb-tool.rb-on-dark label{color:rgba(255,255,255,.8)}
.rb-tool input[type=text],.rb-tool input[type=number],.rb-tool input[type=password],.rb-tool textarea,.rb-tool select{width:100%;background:#F8FAFC;border:1.5px solid var(--border);border-radius:10px;padding:13px 15px;font-size:15px;color:var(--ink);font-family:var(--ff-body);transition:border-color .18s,box-shadow .18s;box-sizing:border-box}
.rb-tool input:focus,.rb-tool textarea:focus,.rb-tool select:focus{outline:none;border-color:#FB2056;box-shadow:0 0 0 3px rgba(251,32,86,.12)}
.rb-tool textarea{min-height:150px;resize:vertical;line-height:1.6}
.rb-tool-btn{background:#FB2056;color:#fff;border:none;border-radius:100px;padding:13px 26px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--ff-body);transition:transform .16s,box-shadow .16s,background .16s}
.rb-tool-btn:hover{background:#D9103F;transform:translateY(-2px);box-shadow:0 8px 22px rgba(251,32,86,.35)}
.rb-tool-btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--border)}
.rb-tool-btn--ghost:hover{background:#F1F5F9;transform:none;box-shadow:none;color:var(--ink)}
.rb-tool-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.rb-tool-field{margin-bottom:20px}
.rb-tool-out{margin-top:24px;padding:22px;background:#F8FAFC;border-radius:12px;border:1px solid var(--border)}
.rb-tool-out--big{font-family:var(--ff-display);font-size:2rem;font-weight:800;color:var(--ink)}
.rb-meter{height:10px;border-radius:100px;background:#E2E8F0;overflow:hidden;margin:14px 0 10px}
.rb-meter__bar{height:100%;width:0;border-radius:100px;transition:width .3s ease,background .3s ease}
.rb-chip-toggle{display:flex;gap:8px;flex-wrap:wrap}
.rb-chip-toggle label{display:inline-flex;align-items:center;gap:7px;background:#F1F5F9;border:1.5px solid var(--border);border-radius:100px;padding:8px 14px;font-size:13px;cursor:pointer;transition:all .16s;margin:0}
.rb-chip-toggle input{width:auto;margin:0}
.rb-chip-toggle label:has(input:checked){background:rgba(251,32,86,.1);border-color:#FB2056;color:#FB2056}
.rb-range{width:100%;accent-color:#FB2056}
.rb-copy-out{display:flex;gap:10px;align-items:center;background:#0F1420;border-radius:10px;padding:14px 16px;margin-top:6px}
.rb-copy-out code{color:#5EEAD4;font-size:15px;font-family:ui-monospace,monospace;word-break:break-all;flex:1}
.rb-copy-btn{background:rgba(255,255,255,.1);border:none;color:#fff;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .16s}
.rb-copy-btn:hover{background:#FB2056}
.rb-timer-display{font-family:var(--ff-display);font-size:4.5rem;font-weight:800;color:var(--ink);text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rb-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin-top:18px}
.rb-stat-box{background:#F8FAFC;border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}
.rb-stat-box b{display:block;font-family:var(--ff-display);font-size:1.6rem;font-weight:800;color:#FB2056;line-height:1}
.rb-stat-box span{font-size:12px;color:var(--steel);margin-top:6px;display:block}
.rb-tool-note{font-size:13px;color:var(--steel);margin-top:16px;display:flex;gap:8px;align-items:center}
.rb-tool-note svg{flex-shrink:0}
@media(max-width:560px){.rb-tool-card{padding:24px}.rb-timer-display{font-size:3.2rem}}

/* LEAD MODAL */

.rb-lead-overlay{position:fixed;inset:0;background:rgba(10,10,10,.75);backdrop-filter:blur(4px);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s}
.rb-lead-overlay.rb-show{display:flex;opacity:1}
.rb-lead-modal{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:40px 36px;position:relative;transform:translateY(20px) scale(.97);transition:transform .3s;box-shadow:0 30px 80px rgba(0,0,0,.4);text-align:center}
.rb-lead-overlay.rb-show .rb-lead-modal{transform:translateY(0) scale(1)}
.rb-lead-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:26px;color:#94A3B8;cursor:pointer;line-height:1;transition:color .16s}
.rb-lead-close:hover{color:#0A0A0A}
.rb-lead-modal .rb-lead-ic{font-size:46px;margin-bottom:14px}
.rb-lead-modal h3{font-family:var(--ff-display);font-size:1.7rem;font-weight:800;color:var(--ink);margin:0 0 10px;letter-spacing:-.02em;line-height:1.15}
.rb-lead-modal p{color:var(--steel);font-size:15px;line-height:1.6;margin:0 0 22px}
.rb-lead-modal input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:100px;font-size:15px;text-align:center;margin-bottom:12px;box-sizing:border-box}
.rb-lead-modal input:focus{outline:none;border-color:#FB2056;box-shadow:0 0 0 3px rgba(251,32,86,.12)}
.rb-lead-modal button.rb-lead-sub{width:100%;background:#FB2056;color:#fff;border:none;border-radius:100px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;transition:background .16s,transform .16s}
.rb-lead-modal button.rb-lead-sub:hover{background:#D9103F;transform:translateY(-2px)}
.rb-lead-modal .rb-lead-fine{font-size:12px;color:#94A3B8;margin:14px 0 0}
.rb-lead-ok{color:#059669;font-weight:700;font-size:16px}

/* ==== ReviewByte Grid: search box + pagination ==== */
.rb-search{position:relative;max-width:520px;margin:0 auto 22px;display:flex;align-items:center}
.rb-search__input{width:100%;padding:13px 46px 13px 18px;border:1.5px solid var(--border);border-radius:100px;font-family:var(--ff-body);font-size:15px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239AA4B2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat right 16px center;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}
.rb-search__input:focus{outline:none;border-color:#FB2056;box-shadow:0 0 0 3px rgba(251,32,86,.12)}
.rb-search__input::placeholder{color:#9AA4B2}
.rb-search__count{position:absolute;right:-4px;top:calc(100% + 6px);font-size:12px;color:var(--steel);white-space:nowrap}
.rb-noresults{text-align:center;color:var(--steel);font-size:15px;padding:40px 20px;margin:0}
.rb-pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:36px}
.rb-pager__btn{min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--border);background:#fff;color:var(--ink);border-radius:10px;font-family:var(--ff-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .16s;display:inline-flex;align-items:center;justify-content:center}
.rb-pager__btn:hover:not(:disabled):not(.rb-pager__btn--active){border-color:#FB2056;color:#FB2056}
.rb-pager__btn--active{background:#FB2056;border-color:#FB2056;color:#fff;cursor:default}
.rb-pager__btn--nav{font-weight:600}
.rb-pager__btn:disabled{opacity:.4;cursor:not-allowed}
.rb-pager__gap{padding:0 4px;color:var(--steel);user-select:none}
@media(max-width:520px){.rb-pager__btn{min-width:36px;height:36px;font-size:13px;padding:0 9px}}

/* ==== ReviewByte Tools: EMI / QR / Compressor shared + specific ==== */
.rb-tool__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media(max-width:800px){.rb-tool__grid{grid-template-columns:1fr}}
.rb-tool-field{margin-bottom:20px}
.rb-tool-field label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px}
.rb-tool-field input[type=range]{width:100%;margin-top:10px;accent-color:#FB2056}
/* EMI result card */
.rb-emi__result{background:linear-gradient(160deg,#0F2444,#1a3a63);border-radius:16px;padding:26px;color:#fff}
.rb-emi__emi{text-align:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:18px}
.rb-emi__emi-lbl{display:block;font-size:13px;color:rgba(255,255,255,.6);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.rb-emi__emi-val{font-family:var(--ff-display);font-size:2.4rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.rb-emi__row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:7px 0;color:rgba(255,255,255,.8)}
.rb-emi__row b{color:#fff;font-weight:700}
.rb-emi__row--total{border-top:1px solid rgba(255,255,255,.14);margin-top:6px;padding-top:12px;font-size:15px}
.rb-emi__row--total b{color:#FB2056}
.rb-emi__bar{display:flex;height:10px;border-radius:6px;overflow:hidden;margin-top:18px;background:rgba(255,255,255,.1)}
.rb-emi__bar span{display:block;height:100%}
#emi-bar-p{background:#FB2056}
#emi-bar-i{background:#5B8DEF}
.rb-emi__legend{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:12px;color:rgba(255,255,255,.7)}
.rb-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}
.rb-dot--p{background:#FB2056}.rb-dot--i{background:#5B8DEF}
.rb-emi__sched{margin-top:8px;border:1.5px solid var(--border);border-radius:12px;overflow:hidden}
.rb-emi__sched summary{padding:14px 18px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);background:#F8FAFC;user-select:none}
.rb-emi__table-wrap{overflow-x:auto;max-height:340px}
.rb-emi__table{width:100%;border-collapse:collapse;font-size:13.5px}
.rb-emi__table th,.rb-emi__table td{padding:10px 14px;text-align:right;border-bottom:1px solid var(--border)}
.rb-emi__table th:first-child,.rb-emi__table td:first-child{text-align:left}
.rb-emi__table thead th{background:#F1F5F9;position:sticky;top:0;font-weight:700;color:var(--ink)}
.rb-emi__table tbody tr:hover{background:#FEF2F5}
/* QR */
.rb-qr__out{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#F8FAFC;border:1.5px dashed var(--border);border-radius:16px;padding:26px;min-height:280px}
#rb-qr-canvas{max-width:100%;height:auto;border-radius:8px;background:#fff}
.rb-qr__hint{font-size:12.5px;color:var(--steel);margin-top:14px;text-align:center}
.rb-qr__dl{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.rb-qr__logo-drop{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--steel);margin-top:8px}
.rb-tool-colorrow{display:flex;gap:16px}
.rb-tool-colorrow .rb-tool-field{flex:1}
.rb-tool-field input[type=color]{width:100%;height:42px;border:1.5px solid var(--border);border-radius:10px;padding:3px;cursor:pointer;background:#fff}
/* Compressor */
.rb-cmp__drop{border:2px dashed var(--border);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;background:#F8FAFC}
.rb-cmp__drop:hover,.rb-cmp__drop.rb-drag{border-color:#FB2056;background:#FEF2F5}
.rb-cmp__drop-ico{font-size:34px;margin-bottom:10px}
.rb-cmp__drop p{margin:0;color:var(--steel);font-size:14px}
.rb-cmp__list{margin-top:22px;display:flex;flex-direction:column;gap:14px}
.rb-cmp__item{display:flex;align-items:center;gap:14px;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff}
.rb-cmp__thumb{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#F1F5F9}
.rb-cmp__meta{flex:1;min-width:0}
.rb-cmp__name{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-cmp__stat{font-size:12px;color:var(--steel);margin-top:3px}
.rb-cmp__save{color:#16a34a;font-weight:700}
.rb-cmp__dlbtn{flex-shrink:0}
.rb-cmp__controls{margin:20px 0;padding:16px 18px;background:#F8FAFC;border-radius:12px}
.rb-cmp__controls label{font-size:13px;font-weight:700;color:var(--ink);display:block;margin-bottom:8px}
.rb-cmp__controls output{font-weight:700;color:#FB2056}

/* ==== ReviewByte: uniform card heights (grid + card flex) ==== */
.rb-listing-grid{align-items:stretch}
.rb-listing{display:flex;flex-direction:column;height:100%;overflow:hidden}
.rb-listing__img{width:100%;height:200px;object-fit:cover;flex-shrink:0;display:block;background:#F1F5F9}
.rb-listing__body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.rb-listing__body h3{margin:0 0 8px;font-size:1.05rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.rb-listing__body p{margin:0;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.65em}
.rb-listing__foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.rb-listing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rb-listing-grid{grid-template-columns:1fr}.rb-listing__body h3,.rb-listing__body p{min-height:0}}

/* ==== ReviewByte: compressor row fix (beats .rb-prose img width:100%) ==== */
.rb-prose .rb-cmp__item{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}
.rb-prose img.rb-cmp__thumb{width:52px!important;max-width:52px!important;min-width:52px;height:52px!important;object-fit:cover;border-radius:8px;margin:0!important;flex:0 0 52px;background:#F1F5F9}
.rb-prose .rb-cmp__meta{flex:1 1 auto;min-width:0;overflow:hidden}
.rb-prose .rb-cmp__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rb-prose .rb-cmp__stat{white-space:normal;line-height:1.5}
.rb-prose .rb-cmp__dlbtn{flex:0 0 auto;white-space:nowrap;margin-left:auto}
@media(max-width:560px){
.rb-prose .rb-cmp__item{flex-wrap:wrap}
.rb-prose .rb-cmp__meta{flex:1 1 100%;order:2}
.rb-prose .rb-cmp__dlbtn{order:3;margin-left:0;width:100%;text-align:center}
}
