/* ═══════════════════════════════════════════════════════════════════════════
   SETTLEMENTRADAR — PREMIUM VISUAL OVERHAUL
   Stripe/Linear-level polish. Zero functionality changes.
   Loads AFTER all base CSS, BEFORE color-authority.css.

   Targets:
   - Typography: Inter font, tighter headings, better hierarchy
   - Spacing: generous section padding (80-120px), consistent 8px grid
   - Colors: refined green accent, subtle backgrounds, better depth
   - Cards: consistent shadow/radius/hover treatment
   - Animations: 200ms ease hover transitions
   - Visual hierarchy: commanding heroes, clear CTA dominance

   Created: 2026-04-08
   ═══════════════════════════════════════════════════════════════════════════ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   1. PREMIUM DESIGN TOKENS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /* ── Premium Font Stack ─────────────────────────────────────────────── */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ── Refined Color Palette ──────────────────────────────────────────── */
  /* Single green — no more 3 different greens */
  --premium-green:        #16a34a;
  --premium-green-hover:  #15803d;
  --premium-green-active: #14532d;
  --premium-green-light:  rgba(22, 163, 74, 0.08);
  --premium-green-border: rgba(22, 163, 74, 0.15);

  /* Refined backgrounds — warm off-white, not sterile pure white */
  --premium-bg:           #fafbfc;
  --premium-bg-white:     #ffffff;
  --premium-bg-alt:       #f6f8fa;
  --premium-bg-elevated:  #ffffff;
  --premium-bg-subtle:    #f0f2f5;

  /* Refined borders */
  --premium-border:       #e5e7eb;
  --premium-border-light: #f0f1f3;
  --premium-border-card:  rgba(0, 0, 0, 0.06);

  /* ── Premium Shadows (depth system like Linear) ─────────────────────── */
  --premium-shadow-xs:    0 1px 2px rgba(0, 0, 0, 0.04);
  --premium-shadow-sm:    0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --premium-shadow-md:    0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --premium-shadow-lg:    0 10px 15px -3px rgba(0, 0, 0, 0.06), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --premium-shadow-xl:    0 20px 25px -5px rgba(0, 0, 0, 0.06), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
  --premium-shadow-hover: 0 20px 40px -5px rgba(0, 0, 0, 0.1), 0 8px 16px -4px rgba(0, 0, 0, 0.04);

  /* ── Premium Section Padding ────────────────────────────────────────── */
  --section-py-sm:   clamp(3rem, 5vw, 4rem);       /* 48-64px */
  --section-py-md:   clamp(4rem, 7vw, 6rem);       /* 64-96px */
  --section-py-lg:   clamp(5rem, 9vw, 7.5rem);     /* 80-120px */
  --section-py-xl:   clamp(6rem, 10vw, 9rem);      /* 96-144px */

  /* ── Premium Border Radius ──────────────────────────────────────────── */
  --premium-radius:       12px;  /* consistent everywhere */
  --premium-radius-sm:    8px;
  --premium-radius-lg:    16px;
  --premium-radius-xl:    20px;
  --premium-radius-pill:  100px;

  /* ── Premium Transitions ────────────────────────────────────────────── */
  --premium-ease:         cubic-bezier(0.4, 0, 0.2, 1);
  --premium-ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --premium-transition:   200ms var(--premium-ease);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   2. GLOBAL TYPOGRAPHY UPGRADE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
  line-height: 1.6;
  letter-spacing: -0.011em;
  font-feature-settings: 'cv11', 'ss01';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: var(--premium-bg) !important;
}

/* Heading hierarchy — tight, commanding */
h1, h2, h3, h4, h5, h6,
.rs-hero-headline,
.rs-section-title,
.sp-hero h1,
.sp-hero h2 {
  font-family: var(--font-heading) !important;
  letter-spacing: -0.025em;
  line-height: 1.15;
  font-feature-settings: 'cv11', 'ss01';
}

h1 {
  font-size: clamp(2.25rem, 5vw, 3.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em;
  line-height: 1.08 !important;
}

h2 {
  font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  line-height: 1.15 !important;
}

h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}

h4 {
  font-size: clamp(1.125rem, 2vw, 1.375rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
}

/* Body text — comfortable reading */
p {
  font-size: 1rem;
  line-height: 1.65;
  color: #374151;
}

/* Lead/hero body text */
.rs-hero-subtitle,
.sp-hero-sub,
.sp-hero p,
.about-hero-sub,
.help-hero p {
  font-size: clamp(1.05rem, 1.5vw, 1.2rem) !important;
  line-height: 1.6 !important;
  color: #6b7280 !important;
  font-weight: 400 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   3. PREMIUM SECTION SPACING
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* All major sections get more breathing room */
.rs-featured-section,
.rs-categories-section,
.rs-hiw-section,
.rs-guides-section,
.rs-email-section {
  padding-top: var(--section-py-lg) !important;
  padding-bottom: var(--section-py-lg) !important;
}

/* Secondary page sections */
.sp-hero {
  padding-top: clamp(6rem, 10vw, 8rem) !important;
  padding-bottom: clamp(3rem, 5vw, 4rem) !important;
}

.ds-section {
  padding-block: var(--section-py-md);
}

.ds-section--lg {
  padding-block: var(--section-py-lg);
}

/* Add spacing between major page sections */
main#main-content > section,
main#main-content > div[class*="section"] {
  margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   4. PREMIUM HERO SECTIONS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Homepage hero — commanding */
.rs-hero {
  padding-top: clamp(7rem, 12vw, 10rem) !important;
  padding-bottom: clamp(4rem, 6vw, 6rem) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--premium-bg) 100%) !important;
}

.rs-hero::before {
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(22, 163, 74, 0.04) 0%, transparent 70%),
    radial-gradient(ellipse 50% 50% at 85% 80%, rgba(22, 163, 74, 0.02) 0%, transparent 60%) !important;
}

.rs-hero-headline {
  font-size: clamp(2.75rem, 6vw, 4rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
  color: #111827 !important;
}

.rs-hero-headline .rs-hl {
  color: var(--premium-green) !important;
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Hero eyebrow badge — subtle, premium */
.rs-hero-eyebrow {
  background: var(--premium-green-light) !important;
  border: 1px solid var(--premium-green-border) !important;
  border-radius: var(--premium-radius-pill) !important;
  padding: 6px 16px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--premium-green) !important;
  letter-spacing: 0.02em !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   5. PREMIUM BUTTONS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Primary CTA — dominant, clear */
.rs-btn-primary,
.ds-btn--primary,
.sp-cta-btn,
.sp-btn-primary,
.btn-primary,
a.btn-primary,
button.btn-primary,
button[type="submit"],
.ct-subscribe-btn,
.qz-next-btn,
.qz-filing-hero-btn {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.01em !important;
  border-radius: var(--premium-radius) !important;
  transition: all var(--premium-transition) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(22, 163, 74, 0) !important;
}

.rs-btn-primary:hover,
.ds-btn--primary:hover,
.sp-cta-btn:hover,
.sp-btn-primary:hover,
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover,
button[type="submit"]:hover,
.ct-subscribe-btn:hover,
.qz-next-btn:hover,
.qz-filing-hero-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.rs-btn-primary:active,
.ds-btn--primary:active,
.sp-cta-btn:active,
.sp-btn-primary:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

/* Ghost/Secondary CTA — clearly subordinate */
.rs-btn-ghost,
.ds-btn--secondary,
.ds-btn--ghost {
  font-family: var(--font-body) !important;
  border-radius: var(--premium-radius) !important;
  transition: all var(--premium-transition) !important;
  border-width: 1.5px !important;
}

.rs-btn-ghost:hover,
.ds-btn--secondary:hover,
.ds-btn--ghost:hover {
  transform: translateY(-1px) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   6. PREMIUM CARDS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* All cards get consistent treatment */
.rs-settlement-card,
.rs-cat-card,
.rs-guide-card,
.rs-hiw-step,
.ds-card,
.feature-card,
.faq-item,
.claim-card,
.sp-card,
.qz-card,
.qz-match-card {
  border-radius: var(--premium-radius) !important;
  border: 1px solid var(--premium-border-card) !important;
  box-shadow: var(--premium-shadow-sm) !important;
  transition: all var(--premium-transition) !important;
  background: var(--premium-bg-white) !important;
}

/* Card hover — subtle lift */
.rs-settlement-card:hover,
.rs-cat-card:hover,
.rs-guide-card:hover,
.rs-hiw-step:hover,
.ds-card--clickable:hover,
.feature-card:hover,
.claim-card:hover,
.qz-match-card:hover {
  box-shadow: var(--premium-shadow-lg) !important;
  transform: translateY(-2px) !important;
  border-color: var(--premium-green-border) !important;
}

/* Remove heavy shadows — use border + subtle shadow instead */
.ds-card {
  box-shadow: var(--premium-shadow-sm) !important;
  border: 1px solid var(--premium-border-card) !important;
}

/* Card top accent bar — thinner, more refined */
.rs-card-accent {
  height: 3px !important;
  background: linear-gradient(90deg, var(--premium-green) 0%, #22c55e 100%) !important;
}

/* Card body padding — generous */
.rs-card-body,
.ds-card-body {
  padding: 24px !important;
}

/* Card category badges — refined */
.rs-card-category,
.ds-badge--primary {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 3px 10px !important;
  border-radius: var(--premium-radius-pill) !important;
  background: var(--premium-green-light) !important;
  color: var(--premium-green) !important;
  border: 1px solid var(--premium-green-border) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   7. PREMIUM STATS & NUMBERS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Stats bar — refined card treatment */
.rs-stats-bar {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius-lg) !important;
  box-shadow: var(--premium-shadow-md) !important;
  padding: 28px 36px !important;
  background: var(--premium-bg-white) !important;
}

/* Numbers pop */
.rs-stat-number,
.proof-stat-number,
.pstat-num,
.ct-preview-stat-num {
  font-weight: 700 !important;
  font-feature-settings: 'tnum' !important;
  letter-spacing: -0.03em !important;
  color: var(--premium-green) !important;
}

.rs-stat-label,
.proof-stat-label,
.pstat-lbl {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #9ca3af !important;
}

/* Portfolio value — big and bold */
.portfolio-value {
  font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  font-feature-settings: 'tnum' !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   8. PREMIUM SECTION HEADINGS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Eyebrow text — refined */
.rs-section-eyebrow {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: var(--premium-green) !important;
  text-transform: uppercase !important;
}

/* Section titles — no more underline bar, use eyebrow instead */
.rs-section-title {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #111827 !important;
}

.rs-section-title::after {
  height: 3px !important;
  width: 48px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, var(--premium-green) 0%, #22c55e 100%) !important;
  margin-top: 16px !important;
}

.rs-section-sub {
  font-size: 1.05rem !important;
  color: #6b7280 !important;
  line-height: 1.6 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   9. PREMIUM TRUST BAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rs-trust-bar {
  background: var(--premium-bg-white) !important;
  border-top: 1px solid var(--premium-border-light) !important;
  border-bottom: 1px solid var(--premium-border-light) !important;
  padding: 16px clamp(1.5rem, 4vw, 2rem) !important;
}

.rs-trust-badge {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  border-right-color: var(--premium-border-light) !important;
}

.rs-trust-badge-icon {
  background: var(--premium-green-light) !important;
  border-radius: var(--premium-radius-sm) !important;
}

.rs-trust-badge-num {
  font-weight: 700 !important;
  color: var(--premium-green) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   10. PREMIUM HOW-IT-WORKS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rs-hiw-section {
  background: var(--premium-bg-white) !important;
}

.rs-hiw-step {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius-lg) !important;
  box-shadow: var(--premium-shadow-xs) !important;
  padding: 36px 28px !important;
}

.rs-hiw-step:hover {
  border-color: var(--premium-green-border) !important;
  box-shadow: var(--premium-shadow-md) !important;
}

.rs-hiw-step-num {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: var(--premium-green) !important;
  letter-spacing: 0.1em !important;
}

.rs-hiw-step-title {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

.rs-hiw-step-desc {
  font-size: 0.9rem !important;
  color: #6b7280 !important;
  line-height: 1.6 !important;
}

.rs-hiw-connector {
  color: var(--premium-border) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   11. PREMIUM CATEGORIES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rs-categories-section {
  background: var(--premium-bg-alt) !important;
  border-top: 1px solid var(--premium-border-light) !important;
  border-bottom: 1px solid var(--premium-border-light) !important;
}

.rs-cat-card {
  border: 1px solid var(--premium-border) !important;
  box-shadow: var(--premium-shadow-xs) !important;
  border-radius: var(--premium-radius) !important;
  padding: 24px 22px !important;
}

.rs-cat-card:hover {
  border-color: var(--premium-green-border) !important;
  box-shadow: var(--premium-shadow-md) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   12. PREMIUM EMAIL CAPTURE SECTION
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rs-email-section {
  background: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #22c55e 100%) !important;
}

.rs-email-title {
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

.rs-email-input {
  border-radius: var(--premium-radius) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
  font-family: var(--font-body) !important;
}

.rs-email-input:focus {
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
}

.rs-email-btn {
  border-radius: var(--premium-radius) !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   13. PREMIUM GUIDES SECTION
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rs-guides-section {
  background: var(--premium-bg-alt) !important;
  border-top: 1px solid var(--premium-border-light) !important;
}

.rs-guide-card {
  border: 1px solid var(--premium-border-card) !important;
  box-shadow: var(--premium-shadow-xs) !important;
  border-radius: var(--premium-radius) !important;
}

.rs-guide-card:hover {
  box-shadow: var(--premium-shadow-lg) !important;
}

.rs-guide-card-img {
  background: var(--premium-bg-alt) !important;
}

.rs-guide-card-body {
  padding: 22px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   14. PREMIUM NAVIGATION (REFINED)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Nav — clean with subtle shadow */
#mainNav {
  font-family: var(--font-body) !important;
  border-bottom: 1px solid var(--premium-border-light) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.95) !important;
}

/* Nav links — refined */
.mega-btn,
.nav-link,
#mainNav a {
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  transition: color var(--premium-transition) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   15. PREMIUM FOOTER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

footer.sr-ramsey-footer {
  font-family: var(--font-body) !important;
  border-top: 1px solid var(--premium-border) !important;
  background: var(--premium-bg-white) !important;
}

footer.sr-ramsey-footer .sr-ft-row1 {
  padding: 2rem 2.5rem !important;
}

footer.sr-ramsey-footer .sr-ft-nav a {
  font-family: var(--font-body) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  transition: color var(--premium-transition) !important;
}

footer.sr-ramsey-footer .sr-ft-nav a:hover {
  color: var(--premium-green) !important;
}

footer.sr-ramsey-footer .sr-ft-brand-name {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

footer.sr-ramsey-footer .sr-ft-divider {
  background: var(--premium-border-light) !important;
}

footer.sr-ramsey-footer .sr-ft-legal a {
  font-family: var(--font-body) !important;
  color: #9ca3af !important;
  transition: color var(--premium-transition) !important;
}

footer.sr-ramsey-footer .sr-ft-legal a:hover {
  color: #6b7280 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   16. PREMIUM SECONDARY PAGES (ABOUT, HELP, PRICING, etc.)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Hero sections — gentle gradient, generous padding */
.sp-hero,
.about-hero,
.help-hero,
.policy-hero,
.compare-hero {
  background: linear-gradient(180deg, #ffffff 0%, var(--premium-bg) 100%) !important;
  border-bottom: 1px solid var(--premium-border-light) !important;
  padding-top: clamp(6rem, 10vw, 8rem) !important;
  padding-bottom: clamp(3rem, 5vw, 4rem) !important;
}

/* Page backgrounds */
.sp-page {
  background: var(--premium-bg) !important;
}

/* About page badges */
.about-hero-badge,
.help-badge,
.compare-badge,
.policy-hero-badge {
  background: var(--premium-green-light) !important;
  color: var(--premium-green) !important;
  border: 1px solid var(--premium-green-border) !important;
  border-radius: var(--premium-radius-pill) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 4px 14px !important;
}

/* Content cards on secondary pages */
.feature-card {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  padding: 28px !important;
  box-shadow: var(--premium-shadow-xs) !important;
}

.feature-card:hover {
  border-color: var(--premium-green-border) !important;
  box-shadow: var(--premium-shadow-md) !important;
  transform: translateY(-2px) !important;
}

/* FAQ items — refined */
.faq-item {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: none !important;
  transition: all var(--premium-transition) !important;
}

.faq-item:hover {
  border-color: var(--premium-green-border) !important;
  box-shadow: var(--premium-shadow-sm) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   17. PREMIUM PRICING PAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Pricing cards */
[class*="plan"],
[class*="pricing-card"],
[class*="tier-card"] {
  border-radius: var(--premium-radius-lg) !important;
  border: 1px solid var(--premium-border) !important;
  box-shadow: var(--premium-shadow-sm) !important;
  transition: all var(--premium-transition) !important;
}

/* Highlighted plan */
[class*="plan"][class*="popular"],
[class*="plan"][class*="featured"],
[class*="plan"][class*="pro"],
[class*="plan-pro"] {
  border: 2px solid var(--premium-green) !important;
  box-shadow: 0 0 0 1px var(--premium-green-border), var(--premium-shadow-lg) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   18. PREMIUM SETTLEMENT DETAIL PAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Settlement cards in listings */
.settlement-card,
main#main-content .settlement-card {
  border-radius: var(--premium-radius) !important;
  border: 1px solid var(--premium-border-card) !important;
  box-shadow: var(--premium-shadow-sm) !important;
  transition: all var(--premium-transition) !important;
}

.settlement-card:hover,
main#main-content .settlement-card:hover {
  box-shadow: var(--premium-shadow-lg) !important;
  transform: translateY(-2px) !important;
  border-color: var(--premium-green-border) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   19. PREMIUM QUIZ PAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.quiz-page {
  background: var(--premium-bg) !important;
}

.qz-card {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius-lg) !important;
  box-shadow: var(--premium-shadow-md) !important;
}

.qz-brand-chip {
  border-radius: var(--premium-radius-sm) !important;
  transition: all var(--premium-transition) !important;
}

.qz-match-card {
  border-radius: var(--premium-radius) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   20. PREMIUM AUTH PAGES (LOGIN / SIGNUP)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Marketing panel */
.ct-marketing {
  background: linear-gradient(160deg, var(--premium-bg) 0%, #f0f2f5 100%) !important;
}

/* Auth card */
.ct-preview {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: var(--premium-shadow-sm) !important;
}

/* Pricing CTA on auth page */
.ct-pricing-cta {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: var(--premium-shadow-xs) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   21. PREMIUM MY CLAIMS / DASHBOARD
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.welcome-banner {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: var(--premium-shadow-xs) !important;
}

.portfolio-banner {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  background: var(--premium-bg-white) !important;
  box-shadow: var(--premium-shadow-sm) !important;
}

.claim-card {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
}

.claim-card:hover {
  border-color: var(--premium-green) !important;
  box-shadow: var(--premium-shadow-md) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   22. PREMIUM BLOG & GUIDES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Blog cards */
.blog-card,
[class*="blog-card"],
[class*="guide-card"] {
  border: 1px solid var(--premium-border-card) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: var(--premium-shadow-xs) !important;
  transition: all var(--premium-transition) !important;
}

.blog-card:hover,
[class*="blog-card"]:hover,
[class*="guide-card"]:hover {
  box-shadow: var(--premium-shadow-lg) !important;
  transform: translateY(-2px) !important;
}

/* Article content — comfortable prose */
.article-body,
.guide-content,
.blog-content,
[class*="article-content"],
[class*="prose"] {
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #374151 !important;
}

.article-body h2,
.guide-content h2,
.blog-content h2 {
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   23. PREMIUM COMPARE PAGES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.compare-table {
  border-radius: var(--premium-radius) !important;
  overflow: hidden !important;
}

.compare-cta-block {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius-lg) !important;
  box-shadow: var(--premium-shadow-sm) !important;
  padding: 3rem !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   24. PREMIUM FORM INPUTS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea,
.ds-input,
.qz-email-input,
.qz-brand-search {
  font-family: var(--font-body) !important;
  border-radius: var(--premium-radius-sm) !important;
  border: 1.5px solid var(--premium-border) !important;
  transition: border-color var(--premium-transition), box-shadow var(--premium-transition) !important;
  font-size: 0.95rem !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
.ds-input:focus,
.qz-email-input:focus {
  border-color: var(--premium-green) !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1) !important;
  outline: none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   25. PREMIUM SETTLEMENTS INDEX
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Category nav */
.dir-cat-nav {
  border-bottom: 1px solid var(--premium-border-light) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.dir-cat-pill.active {
  color: var(--premium-green) !important;
  border-bottom: 2px solid var(--premium-green) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   26. PREMIUM ANNOUNCEMENT BAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.announce-bar {
  background: linear-gradient(90deg, #111827, #1f2937, #111827) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-family: var(--font-body) !important;
}

.announce-bar-cta {
  color: #4ade80 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   27. PREMIUM BREADCRUMBS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.sp-breadcrumb {
  background: var(--premium-bg-white) !important;
  border-bottom: 1px solid var(--premium-border-light) !important;
  padding: 0.65rem 1.5rem !important;
}

.sp-breadcrumb-inner {
  font-size: 0.8rem !important;
  font-family: var(--font-body) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   28. PREMIUM POLICY PAGES (PRIVACY, TERMS)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.policy-wrap {
  font-family: var(--font-body) !important;
  line-height: 1.7 !important;
}

.policy-wrap h2 {
  margin-top: 2.5rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid var(--premium-border-light) !important;
}

.policy-note {
  border-radius: var(--premium-radius-sm) !important;
  padding: 16px 20px !important;
}

.policy-service-block {
  border-radius: var(--premium-radius-sm) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   29. PREMIUM LINK TREATMENT
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

a {
  transition: color var(--premium-transition) !important;
}

/* View all / Read more links — subtle arrow animation */
.rs-featured-view-all,
.rs-card-cta,
.rs-guide-card-arrow,
.rs-cat-arrow,
.section-browse-link {
  transition: color var(--premium-transition), gap var(--premium-transition) !important;
}

.rs-featured-view-all:hover,
.rs-card-cta:hover,
.rs-guide-card-arrow:hover {
  gap: 8px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   30. PREMIUM SETTLEMENT DETAIL SIDEBAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Sticky sidebar cards */
[class*="sidebar-card"],
[class*="side-card"],
.filing-help-card {
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: var(--premium-shadow-sm) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   31. PREMIUM CONTAINERS & MAX WIDTHS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Consistent max width */
.ds-container,
.sp-container,
.rs-featured-inner,
.rs-categories-inner,
.rs-hiw-inner,
.rs-guides-inner,
.rs-trust-bar-inner {
  max-width: 1200px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   32. MOBILE RESPONSIVE — DON'T BREAK AT 375px
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 768px) {
  h1 {
    font-size: clamp(1.75rem, 6vw, 2.5rem) !important;
    letter-spacing: -0.03em !important;
  }

  h2 {
    font-size: clamp(1.375rem, 4vw, 1.75rem) !important;
  }

  .rs-hero {
    padding-top: clamp(5rem, 8vw, 7rem) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
  }

  .rs-hero-headline {
    font-size: clamp(2rem, 6vw, 3rem) !important;
  }

  /* Section padding: still generous but tighter on mobile */
  .rs-featured-section,
  .rs-categories-section,
  .rs-hiw-section,
  .rs-guides-section {
    padding-top: clamp(2.5rem, 6vw, 4rem) !important;
    padding-bottom: clamp(2.5rem, 6vw, 4rem) !important;
  }

  .sp-hero,
  .about-hero,
  .help-hero,
  .policy-hero,
  .compare-hero {
    padding-top: clamp(4rem, 8vw, 6rem) !important;
    padding-bottom: clamp(2rem, 4vw, 3rem) !important;
  }

  /* Cards: slightly less padding */
  .rs-card-body,
  .ds-card-body {
    padding: 20px !important;
  }

  /* Stats bar compact */
  .rs-stats-bar {
    padding: 20px !important;
  }
}

@media (max-width: 480px) {
  /* Ultra-compact cards on small phones */
  .rs-card-body,
  .ds-card-body {
    padding: 16px !important;
  }

  .rs-hiw-step {
    padding: 24px 20px !important;
  }

  .compare-cta-block {
    padding: 2rem 1.5rem !important;
  }
}

@media (max-width: 375px) {
  /* Smallest phones — tightest spacing */
  .rs-hero {
    padding-top: clamp(4rem, 8vw, 5rem) !important;
    padding-bottom: clamp(2rem, 4vw, 3rem) !important;
  }

  .rs-hero-headline {
    font-size: clamp(1.75rem, 7vw, 2.25rem) !important;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   33. SUBTLE ANIMATIONS (PREFERS-REDUCED-MOTION RESPECTED)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   34. PREMIUM TABLE TREATMENT
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

table {
  font-family: var(--font-body) !important;
}

thead th {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #6b7280 !important;
}

tbody td {
  font-size: 0.9rem !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   35. PREMIUM SELECTION & SCROLLBAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

::selection {
  background: rgba(22, 163, 74, 0.15);
  color: #111827;
}

/* Minimal scrollbar (webkit) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* END premium-overhaul.css */