:root { color-scheme: dark; }
.rogue .hero { margin: 8px 0 14px; }
.rogue .lead {
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.6;
  color: #cdd6e5;
  max-width: 62ch;
}
.rogue .cta-row { display:flex; align-items:center; gap:12px; margin: 10px 0 4px; }
.rogue .cta-btn {
  display:inline-block; font-weight:700; text-decoration:none;
  padding: 10px 16px; border-radius: 12px;
  background:#182235; border:1px solid #223049; color:#e5e7eb; font-size:16px;
}
.rogue .cta-btn:hover { filter: brightness(1.08); }
.rogue .back { color:#93c5fd; text-decoration:none; border:1px solid #223049;
  padding:6px 10px; border-radius:10px; font-size:13px; }
.rogue .note { margin-top: 8px; color:#9fb3c8; font-size:13px; }
.promo-lead{color:#e5e7eb;font-size:20px;line-height:1.6}
.promo-cta{color:#e5e7eb;font-size:18px;font-weight:700}
.promo-lead{color:#e5e7eb;font-size:22px;line-height:1.6}
.promo-cta{color:#e5e7eb;font-size:19px;font-weight:700}
/* Make the first paragraph on Rogue bright + larger */
.rogue p:first-of-type { color:#ffffff; font-size:22px; line-height:1.6 }

/* Make the Start $3 Trial button pop */
.rogue .cta-btn { color:#a7f3d0; font-size:20px; font-weight:700 }
/* Lead paragraph (the one right after the subtitle) */
.rogue .subtitle + p { color:#ffffff; font-size:22px; line-height:1.6 }

/* Make the Start $3 Trial button pop */
.rogue .cta-btn { color:#a7f3d0; font-size:20px; font-weight:700 }