*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:#1a1a2e;background:#fff;line-height:1.6;font-size:15px}
:root{
  --blue:#1e4bd4;--pink:#e4197e;--purple:#7a22d4;
  --navy:#0d1b3e;--green:#059669;--gold:#d97706;
  --light:#f8f9fc;--border:#e8eaf2;--muted:#6b7280;
  --grad:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
}
.disclosure{background:#fffbeb;border-bottom:1px solid #fde68a;padding:8px 20px;font-size:12px;color:#92400e;text-align:center}
.disclosure a{color:#92400e;text-decoration:underline}
.nav{background:#fff;border-bottom:1px solid var(--border);padding:0 20px;position:sticky;top:0;z-index:100}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:83px}
.nav-links{display:flex;gap:4px;list-style:none;align-items:center}
.nav-links a{display:block;padding:7px 14px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;color:var(--muted);transition:all .18s}
.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#eef2ff}
.nav-cta{background:var(--grad)!important;color:#fff!important;font-weight:600!important;padding:8px 18px!important;border-radius:8px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}


.page-hero{background:var(--light);border-bottom:1px solid var(--border);padding:36px 20px 28px;text-align:center}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.page-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(1.6rem,3.5vw,2.4rem);color:var(--navy);line-height:1.2;margin-bottom:10px}
.page-hero p{color:var(--muted);font-size:.95rem;max-width:580px;margin:0 auto 14px}
.last-updated{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}
.page-wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px;display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}
.listing{display:flex;flex-direction:column;gap:20px}

/* ── PREMIUM CARD ───────────────────────────────────────────────────── */
.card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;
  box-shadow:0 2px 12px rgba(13,27,62,.07),0 1px 3px rgba(13,27,62,.04);
  border:1px solid rgba(13,27,62,.07);
  position:relative;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 60px rgba(13,27,62,.14),0 4px 16px rgba(13,27,62,.06);
}
.card.top-pick{
  border:2px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e) border-box;
}
.card-banner{
  background:var(--grad);
  color:#fff;font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  padding:7px 20px;
  display:flex;align-items:center;gap:8px;
}
.card-body{
  padding:24px 26px;
  display:grid;
  grid-template-columns:48px 1fr 160px;
  gap:0 22px;
  align-items:start;
}
.card-rank{
  font-family:'DM Serif Display',serif;
  font-style:italic;
  font-size:2.4rem;
  color:#e5e7eb;
  line-height:1;
  padding-top:6px;
  letter-spacing:-.02em;
}
.card.top-pick .card-rank{
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.card-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.card-name{font-family:'DM Sans',sans-serif;font-size:1.35rem;font-weight:800;color:var(--navy);letter-spacing:-.015em;line-height:1}
.card-name-block{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.card-domain{font-size:11.5px;color:#9ca3af;font-weight:600;letter-spacing:.01em}
.card-logo-wrap{
  width:46px;height:46px;border-radius:12px;
  background-size:75% 75%;background-repeat:no-repeat;background-position:center;
  border:1.5px solid rgba(0,0,0,.07);
  flex-shrink:0;
}
.card-name{font-size:1.15rem;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.card-tagline{font-size:13.5px;color:#6b7280;margin-bottom:13px;line-height:1.55}
.card-bullets{
  list-style:none;
  display:flex;flex-direction:column;gap:0;
  margin-bottom:18px;
  padding:0;
  background:transparent;
  border:none;
}
.card-bullets li{
  font-size:13.5px;
  color:#374151;
  line-height:1.5;
  padding:7px 0 7px 22px;
  position:relative;
  font-weight:500;
  border:none;
}
.card-bullets li:hover{background:transparent}
.card-bullets li::before{
  content:'';
  position:absolute;
  left:0;top:14px;
  width:10px;height:2px;
  background:linear-gradient(90deg,#1e4bd4,#e4197e);
  border-radius:2px;
}
.card-bullets li strong{
  color:var(--navy);
  font-weight:800;
  background:none;
  padding:0;
}


/* GREEN — Free trial variant */


.card-deal.green
.card-deal.green
.card-deal.green

/* BLUE — Bonus/special variant */


.card-deal.blue
.card-deal.blue
.card-deal.blue

/* "SAVE" pill — subtle pulsing accent */

.card-deal.green
.card-deal.blue

/* ── RIGHT COLUMN ─────────────────────────────────────────────────── */
.card-right{
  display:flex;flex-direction:column;
  align-items:center;gap:10px;
  padding:4px 0 4px 20px;
  border-left:1px solid var(--border);
}
.score-wrap{text-align:center;margin-bottom:2px}
.score-ring{
  width:76px;height:76px;border-radius:50%;
  background:conic-gradient(from 180deg,#1e4bd4,#7a22d4,#e4197e,#1e4bd4);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 6px;
  padding:3px;
}
.score-ring-inner{
  width:100%;height:100%;border-radius:50%;
  background:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.score-num{font-size:1.45rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.score-label{font-size:8px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:1px}
.stars{color:#f59e0b;font-size:12px;margin-bottom:2px;letter-spacing:.5px}
.btn-visit{
  display:block;width:100%;
  background:#1e4bd4;color:#fff;
  text-align:center;text-decoration:none;
  padding:11px 16px;border-radius:12px;
  font-weight:700;font-size:13.5px;
  transition:background .18s,transform .15s;
  white-space:nowrap;
}
.btn-visit:hover{background:#1a3fb8;transform:translateY(-1px)}
.btn-review{font-size:11.5px;color:#6b7280;text-decoration:none;text-align:center;font-weight:500}
.btn-review:hover{color:var(--blue)}

/* ── STICKY SIDEBAR ─────────────────────────────────────────────── */
.sidebar{
  position:sticky;
  top:90px;
  align-self:start;
  max-height:calc(100vh - 110px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(122,34,212,.3) transparent;
}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(122,34,212,.25);border-radius:3px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(122,34,212,.4)}
.s-card{border:1.5px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;margin-bottom:20px}
.s-head{background:var(--navy);color:#fff;padding:13px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}
.s-body{padding:14px 16px}
.s-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}
.s-row:last-of-type{border-bottom:none}
.s-row:hover .s-app{color:var(--blue)}
.s-num{font-size:13px;font-weight:800;color:#d1d5db;width:18px;flex-shrink:0}
.s-num.gold{color:#f59e0b}
.s-app{font-size:13px;font-weight:600;flex:1;margin:0 10px}
.s-score{font-size:12px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.s-cta{background:var(--grad);color:#fff;display:block;text-align:center;text-decoration:none;padding:11px;border-radius:10px;font-weight:700;font-size:13px;margin-top:12px;transition:opacity .2s}
.s-cta:hover{opacity:.9}
.quiz-box{background:linear-gradient(135deg,var(--navy),#1a0e3a);border-radius:14px;padding:20px 16px;text-align:center}
.quiz-box h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px}
.quiz-box p{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:16px}
.quiz-box a{display:block;background:var(--grad);color:#fff;text-decoration:none;padding:11px;border-radius:10px;font-weight:700;font-size:13px}
.note{margin-top:28px;padding:18px 20px;background:var(--light);border-radius:12px;border:1px solid var(--border)}
.note-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.note p{font-size:13px;color:var(--muted);line-height:1.7}
.site-footer{background:var(--navy);color:rgba(255,255,255,.6);padding:48px 20px 28px}
.foot-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.foot-logo img{height:60px;margin-bottom:12px}
.foot-logo p{font-size:13px;color:rgba(255,255,255,.4);max-width:240px}
.foot-col h4{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:12px}
.foot-col ul{list-style:none}
.foot-col ul li{margin-bottom:8px}
.foot-col ul li a{font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.foot-col ul li a:hover{color:#fff}
.foot-bottom{max-width:1100px;margin:0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;flex-wrap:wrap;gap:8px}
.foot-disc{max-width:1100px;margin:12px auto 0;font-size:11px;color:rgba(255,255,255,.28);line-height:1.6}
@media(max-width:900px){.page-wrap{grid-template-columns:1fr}.sidebar{position:static}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav-links{display:none}.card-body{grid-template-columns:30px 1fr}.card-right{display:none}.foot-grid{grid-template-columns:1fr}}


100%{transform:translateX(-50%)}}
.app-logo {
  width: 44px; height: 44px; border-radius: 10px;
  background-size: 75% 75%; background-repeat: no-repeat;
  background-position: center; flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.08);
}


/* ── INDEX HERO matching reviews layout ───────────────────────────── */
.page-hero{background:linear-gradient(135deg,#eef2ff 0%,#fff 50%,#dbeafe 100%)!important;border-bottom:1px solid var(--border)!important;text-align:left!important;padding:0!important;display:block!important}
.idx-hero-flex{max-width:1100px;margin:0 auto;padding:32px 20px 24px;display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center}
.page-hero h1{text-align:left!important;font-size:clamp(1.9rem,3.5vw,2.7rem)!important;line-height:1.1!important;margin-bottom:14px!important;color:var(--navy)}
.page-hero .eyebrow{text-align:left!important}
.idx-hero-text p{text-align:left!important;max-width:none!important;margin:0 0 16px!important}
.idx-hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start!important}

100%{background-position:200%}}
.hero-deals-head{
  padding:18px 22px 12px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;
  z-index:1;
}
.hero-deals-title{
  display:flex;align-items:center;gap:8px;
  color:#fff;font-weight:800;
  font-size:.95rem;letter-spacing:.01em;
}
.hero-deals-bolt{
  font-size:1.1rem;
  filter:drop-shadow(0 0 6px rgba(251,191,36,.6));
}
.hero-deals-pill{
  background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.3);
  color:#fbbf24;
  padding:3px 10px;border-radius:30px;
  font-size:9px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;
}
.hero-deals-body{padding:6px 0 14px;position:relative;z-index:1}
.hero-deal-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 22px;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:background .18s;
  gap:14px;
}
.hero-deal-row:hover{background:rgba(251,191,36,.06)}
.hero-deal-row:last-of-type{border-bottom:none}
.hero-deal-app{
  display:flex;align-items:center;gap:10px;
  color:#fff;font-weight:700;font-size:13.5px;
  flex:1;min-width:0;
}
.hero-deal-logo{
  width:28px;height:28px;border-radius:7px;
  background-size:75% 75%;background-repeat:no-repeat;background-position:center;
  border:1px solid rgba(255,255,255,.12);
  flex-shrink:0;
}
.hero-deal-tag{
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  color:#0d1b3e;
  padding:4px 10px;border-radius:6px;
  font-size:11px;font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
}
.hero-deal-tag.green{
  background:linear-gradient(135deg,#10b981,#059669);
  color:#fff;
}
.hero-deal-tag.purple{
  background:linear-gradient(135deg,#a78bfa,#7c3aed);
  color:#fff;
}
.hero-deals-cta{
  display:block;
  margin:14px 22px 22px;
  background:#fbbf24;
  color:#0d1b3e;
  text-align:center;text-decoration:none;
  padding:11px 16px;border-radius:10px;
  font-weight:800;font-size:13px;
  letter-spacing:.01em;
  transition:background .15s,transform .15s;
  position:relative;z-index:1;
}
.hero-deals-cta:hover{background:#f59e0b;transform:translateY(-1px)}
@media(max-width:780px){
  .idx-hero-flex{grid-template-columns:1fr;gap:24px}
}


/* ── SIDEBAR TOP DEALS POP ─────────────────────────────────────── */
.s-deals-pop{
  background:linear-gradient(140deg,#0d1b3e 0%,#1a0640 60%,#2d0a55 100%)!important;
  border:none!important;
  box-shadow:0 12px 36px rgba(13,27,62,.25),0 0 0 1px rgba(251,191,36,.18)!important;
  position:relative;
  overflow:hidden;
}
.s-deals-pop::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 50% at 100% 0%,rgba(251,191,36,.15),transparent 65%);
  pointer-events:none;
}
.s-deals-shimmer{
  height:3px;
  background:linear-gradient(90deg,#fbbf24,#e4197e,#fbbf24,#1e4bd4,#fbbf24);
  background-size:300% 100%;
  animation:shimmerGold 4s linear infinite;
}
.s-deals-head{
  padding:13px 16px;
  display:flex;align-items:center;gap:7px;
  font-size:13px;font-weight:800;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;z-index:1;
}
.s-deals-bolt{font-size:1.05rem;filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}
.s-deals-live{
  margin-left:auto;
  background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.3);
  color:#fbbf24;
  padding:2px 7px;border-radius:20px;
  font-size:8px;font-weight:800;
  letter-spacing:.12em;
}
.s-deals-body{padding:4px 0 12px;position:relative;z-index:1}
.s-deals-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 16px;
  text-decoration:none;
  transition:background .18s;
}
.s-deals-row:hover{background:rgba(251,191,36,.06)}
.s-deals-app{
  display:flex;align-items:center;gap:8px;
  color:#fff;font-weight:700;font-size:12.5px;
}
.s-deals-logo{
  width:22px;height:22px;border-radius:6px;
  background-size:75% 75%;background-repeat:no-repeat;background-position:center;
  border:1px solid rgba(255,255,255,.12);
}
.s-deals-tag{
  font-size:10.5px;font-weight:800;
  padding:3px 8px;border-radius:5px;
  white-space:nowrap;
}
.s-deals-tag.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0d1b3e}
.s-deals-tag.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.s-deals-tag.purple{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}
.s-deals-cta{
  display:block;
  margin:10px 14px 4px;
  background:#fbbf24;
  color:#0d1b3e;
  text-align:center;text-decoration:none;
  padding:10px;border-radius:8px;
  font-weight:800;font-size:12.5px;
  transition:background .15s;
}
.s-deals-cta:hover{background:#f59e0b}


/* ── DEAL OF THE WEEK — PREMIUM WHITE CARD (advertiser-grade) ───── */
.hero-dotw-card{
  position:relative;
  background:#fff;
  border-radius:14px;
  overflow:visible;
  box-shadow:
    0 1px 2px rgba(13,27,62,.06),
    0 8px 24px rgba(13,27,62,.08),
    0 24px 56px rgba(122,34,212,.08);
  border:1px solid rgba(13,27,62,.06);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;
}
.hero-dotw-card:hover{
  transform:translateY(-3px);
  box-shadow:
    0 1px 2px rgba(13,27,62,.06),
    0 12px 32px rgba(13,27,62,.1),
    0 32px 72px rgba(122,34,212,.15);
}
/* Top brand-color stripe */
.hero-dotw-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#1e4bd4,#7a22d4,#e4197e);
  border-radius:14px 14px 0 0;
}
/* Subtle "ad" badge — top-right corner */
.hero-dotw-card::after{
  content:'SPONSORED';
  position:absolute;
  top:11px;right:14px;
  font-size:8px;font-weight:700;
  letter-spacing:.14em;
  color:rgba(13,27,62,.32);
  background:rgba(13,27,62,.04);
  padding:3px 8px;border-radius:4px;
}
.hero-dotw-shimmer{display:none}

.hero-dotw-inner{padding:18px 20px 18px;position:relative}

.hero-dotw-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  font-size:9.5px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  color:#7a22d4;
  margin-bottom:10px;
}
.hero-dotw-bolt{
  font-size:.9rem;
  filter:drop-shadow(0 0 4px rgba(228,25,126,.4));
}
.hero-dotw-app-row{
  display:flex;align-items:center;gap:11px;
  margin-bottom:11px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(13,27,62,.08);
}
.hero-dotw-logo{
  width:38px;height:38px;border-radius:9px;
  background-size:75% 75%;background-repeat:no-repeat;background-position:center;
  border:1px solid rgba(13,27,62,.08);
  flex-shrink:0;
}
.hero-dotw-app-name{
  color:#0d1b3e;font-weight:800;font-size:.95rem;line-height:1;
}
.hero-dotw-score{
  font-size:11px;color:#6b7280;margin-top:3px;
  font-weight:600;
}
.hero-dotw-score strong{
  background:linear-gradient(135deg,#1e4bd4,#e4197e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-weight:900;
}

.hero-dotw-headline{
  font-family:'DM Serif Display',serif;
  font-style:italic;
  font-size:1.45rem;
  font-weight:400;
  color:#0d1b3e;line-height:1.05;
  margin-bottom:6px;
  letter-spacing:-.005em;
}
.hero-dotw-headline em{
  font-style:italic;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-weight:400;
}

.hero-dotw-desc{
  font-size:12px;
  color:#4b5563;
  line-height:1.5;
  margin-bottom:11px;
}

.hero-dotw-meta{
  display:flex;flex-wrap:wrap;gap:5px;
  margin-bottom:13px;
}
.hero-dotw-chip{
  font-size:10px;font-weight:700;
  padding:3px 9px;border-radius:20px;
  background:#f0fdf4;
  border:1px solid #86efac;
  color:#065f46;
}
.hero-dotw-chip.dim{
  background:#f8fafc;
  border-color:#e2e8f0;
  color:#64748b;
}

.hero-dotw-cta{
  display:block;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  color:#fff;
  text-align:center;
  text-decoration:none;
  padding:11px 16px;
  border-radius:10px;
  font-weight:800;font-size:13.5px;
  letter-spacing:.01em;
  transition:transform .15s,box-shadow .15s;
  box-shadow:0 4px 16px rgba(122,34,212,.3);
  margin-bottom:7px;
}
.hero-dotw-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(122,34,212,.42);
}

.hero-dotw-link{
  display:block;text-align:center;
  font-size:11px;color:#6b7280;
  text-decoration:none;font-weight:600;
  letter-spacing:.02em;
}
.hero-dotw-link:hover{color:#7a22d4}

@media(max-width:780px){
  .idx-hero-flex{grid-template-columns:1fr;gap:20px}
}


.ad-slot{margin:36px auto;max-width:728px}
.ad-slot[data-slot="sidebar"]{max-width:300px}
.ad-slot-label{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;text-align:center;margin-bottom:8px}


/* ── HOMEPAGE CARD ENHANCEMENTS ────────────────────────────────── */
.card{
  position:relative;
}
/* Animated gradient border on hover for non-top-pick cards */
.card:not(.top-pick){
  background:#fff;
}
.card:not(.top-pick)::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:20px;
  padding:1.5px;
  background:linear-gradient(135deg,transparent 0%,transparent 50%,rgba(122,34,212,.4) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .3s;
  pointer-events:none;
}
.card:not(.top-pick):hover::before{opacity:1}

/* Top-pick — animated gradient border */
.card.top-pick{
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e,#7a22d4,#1e4bd4) border-box;
  background-size:100% 100%,300% 100%;
  animation:cardGradFlow 8s linear infinite;
}
@keyframes cardGradFlow{
  0%{background-position:0% 0%,0% 50%}
  100%{background-position:0% 0%,300% 50%}
}

/* Score ring rotation on hover */
.score-ring{transition:transform .3s}
.card:hover .score-ring{transform:rotate(8deg) scale(1.05)}

/* Card rank glow on hover */
.card-rank{transition:transform .3s,filter .3s}
.card:hover .card-rank{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(13,27,62,.15))}

/* Stagger card entrance on page load */
.listing .card{
  opacity:0;
  transform:translateY(16px);
  animation:cardIn .5s ease-out forwards;
}
@keyframes cardIn{
  to{opacity:1;transform:translateY(0)}
}
.listing .card:nth-child(1){animation-delay:.05s}
.listing .card:nth-child(2){animation-delay:.1s}
.listing .card:nth-child(3){animation-delay:.15s}
.listing .card:nth-child(4){animation-delay:.2s}
.listing .card:nth-child(5){animation-delay:.25s}
.listing .card:nth-child(6){animation-delay:.3s}
.listing .card:nth-child(7){animation-delay:.35s}
.listing .card:nth-child(8){animation-delay:.4s}
.listing .card:nth-child(9){animation-delay:.45s}
.listing .card:nth-child(10){animation-delay:.5s}

/* Bullets fade in slightly delayed for liveness */
.card-bullets li{
  transition:transform .15s;
}
.card:hover .card-bullets li{transform:translateX(2px)}

/* CTA button — subtle shimmer on hover */
.btn-visit{position:relative;overflow:hidden}
.btn-visit::after{
  content:'';
  position:absolute;
  top:0;left:-100%;
  width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transition:left .6s;
}
.btn-visit:hover::after{left:100%}


/* Real brand logos */
.app-logo.hinge { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=hinge.co&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.bumble { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=bumble.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.match { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=match.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.eharmony { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=eharmony.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.tinder { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=tinder.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.okcupid { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=okcupid.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.zoosk { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=zoosk.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.grindr { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=grindr.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.pof { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=pof.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.plenty-of-fish { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=pof.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.coffee { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=coffeemeetsbagel.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.coffee-meets-bagel { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=coffeemeetsbagel.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.her { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=weareher.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.league { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=theleague.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
.app-logo.the-league { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=theleague.com&sz=128'); background-size:75% 75%; background-repeat:no-repeat; background-position:center; }
/* ── PROMO BANNER — refined ribbon style ─────────────────────── */
.card-deal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:linear-gradient(135deg,#fef9c3 0%,#fef3c7 100%);
  border:1px solid rgba(245,158,11,.35);
  border-left:4px solid #f59e0b;
  border-radius:8px;
  padding:10px 14px;
  position:relative;
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
.card-deal:hover{
  transform:translateX(2px);
  border-left-color:#dc2626;
  box-shadow:0 4px 12px rgba(245,158,11,.18);
}
.card-deal-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.card-deal-eyebrow{
  font-size:9px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  color:#92400e;
  line-height:1.1;
}
.card-deal-amount{
  font-size:13px;
  color:#78350f;
  font-weight:700;
  line-height:1.2;
  font-family:'DM Sans',sans-serif;
  font-style:normal;
}
.card-deal-amount strong{
  font-style:normal;
  font-family:'DM Sans',sans-serif;
  font-weight:900;
  font-size:1.25rem;
  color:#dc2626;
  letter-spacing:-.02em;
  margin-right:5px;
  line-height:1;
}

/* GREEN — Free trial */
.card-deal.green{
  background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);
  border-color:rgba(16,185,129,.35);
  border-left-color:#10b981;
}
.card-deal.green:hover{border-left-color:#047857}
.card-deal.green .card-deal-eyebrow{color:#047857}
.card-deal.green .card-deal-amount{color:#065f46}
.card-deal.green .card-deal-amount strong{color:#059669}

/* BLUE — Bonus */
.card-deal.blue{
  background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
  border-color:rgba(59,130,246,.35);
  border-left-color:#3b82f6;
}
.card-deal.blue:hover{border-left-color:#1d4ed8}
.card-deal.blue .card-deal-eyebrow{color:#1d4ed8}
.card-deal.blue .card-deal-amount{color:#1e3a8a}
.card-deal.blue .card-deal-amount strong{color:#2563eb}

/* "Hot/New/Save" pill — small, refined */
.card-deal-pill{
  font-size:9px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;
  padding:3px 8px;border-radius:4px;
  background:#dc2626;color:#fff;
  flex-shrink:0;
  white-space:nowrap;
}
.card-deal.green .card-deal-pill{background:#059669}
.card-deal.blue .card-deal-pill{background:#1d4ed8}

/* Deals nav button — highlighted to draw attention */
.nav-links a.nav-deals{
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  color:#0d1b3e!important;
  font-weight:800!important;
  padding:7px 14px!important;
  border-radius:8px;
  letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(251,191,36,.35);
  transition:transform .15s,box-shadow .15s;
  display:inline-flex;align-items:center;gap:5px;
}
.nav-links a.nav-deals:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(251,191,36,.5);
  color:#0d1b3e!important;
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
}
.nav-links a.nav-deals.active{
  background:linear-gradient(135deg,#0d1b3e,#1e0b40);
  color:#fbbf24!important;
  box-shadow:0 4px 12px rgba(13,27,62,.3);
}

/* ── HOW TO CHOOSE — professional decision framework ─────────── */
.howto-wrap{margin-bottom:36px}
.howto-intro{
  text-align:center;
  margin-bottom:28px;
  max-width:720px;
  margin-left:auto;margin-right:auto;
}
.howto-eyebrow{
  display:inline-block;
  font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  color:#1e4bd4;
  background:rgba(30,75,212,.08);
  border:1px solid rgba(30,75,212,.18);
  padding:5px 14px;border-radius:30px;
  margin-bottom:14px;
}
.howto-title{
  font-family:'DM Serif Display',serif;
  font-weight:400;font-style:italic;
  font-size:clamp(1.5rem,2.6vw,1.95rem);
  color:var(--navy);
  line-height:1.15;
  margin-bottom:12px;
  letter-spacing:-.005em;
}
.howto-lede{
  font-size:14.5px;
  color:#4b5563;
  line-height:1.7;
  margin:0;
}
.howto-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.howto-card{
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:16px;
  padding:26px 26px 22px;
  position:relative;
  overflow:hidden;
  transition:transform .25s,box-shadow .25s,border-color .25s;
  box-shadow:0 4px 14px rgba(13,27,62,.04);
}
.howto-card::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:4px;height:100%;
  background:linear-gradient(180deg,#1e4bd4,#7a22d4,#e4197e);
  opacity:.7;
  transition:opacity .25s,width .25s;
}
.howto-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(13,27,62,.1);
  border-color:rgba(122,34,212,.2);
}
.howto-card:hover::before{
  opacity:1;
  width:6px;
}
.howto-card-num{
  font-family:'DM Serif Display',serif;
  font-style:italic;font-weight:400;
  font-size:2.2rem;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1;margin-bottom:8px;
}
.howto-card-meta{
  font-size:10.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  color:#7a22d4;
  margin-bottom:8px;
}
.howto-card-h{
  font-family:'DM Serif Display',serif;
  font-weight:400;font-style:italic;
  font-size:1.25rem;
  color:var(--navy);
  line-height:1.2;
  margin:0 0 12px 0;
  letter-spacing:-.005em;
}
.howto-card-body{
  font-size:13.5px;
  color:#4b5563;
  line-height:1.7;
  margin:0 0 16px 0;
}
.howto-card-recs{
  display:flex;flex-wrap:wrap;gap:6px;
  padding-top:14px;
  border-top:1px solid rgba(13,27,62,.06);
}
.howto-pill{
  font-size:11px;font-weight:700;
  color:#4b5563;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  padding:4px 11px;border-radius:30px;
}
.howto-pill.primary{
  color:#fff;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4);
  border-color:transparent;
  box-shadow:0 2px 6px rgba(122,34,212,.25);
}

/* ── REAL USER QUOTES — testimonial section ──────────────────── */
.quotes-wrap{margin-bottom:36px}
.quotes-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.quote-card{
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:16px;
  padding:24px 22px 20px;
  position:relative;
  transition:transform .25s,box-shadow .25s;
  box-shadow:0 4px 14px rgba(13,27,62,.04);
}
.quote-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(13,27,62,.1);
}
.quote-mark{
  font-family:'DM Serif Display',serif;
  font-size:3.5rem;
  line-height:.5;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;
  margin-bottom:6px;
  height:24px;
}
.quote-stars{
  color:#fbbf24;
  font-size:14px;
  letter-spacing:1px;
  margin-bottom:10px;
}
.quote-body{
  font-size:14px;
  color:#374151;
  line-height:1.65;
  margin:0 0 16px 0;
  font-style:italic;
}
.quote-meta{
  display:flex;align-items:center;gap:11px;
  padding-top:14px;
  border-top:1px solid rgba(13,27,62,.06);
}
.quote-avatar{
  width:36px;height:36px;
  border-radius:50%;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-weight:800;
  font-size:14px;
  flex-shrink:0;
  box-shadow:0 4px 10px rgba(122,34,212,.25);
}
.quote-info{flex:1;min-width:0}
.quote-name{
  font-size:13px;
  font-weight:800;
  color:var(--navy);
  line-height:1.2;
}
.quote-detail{
  font-size:11.5px;
  color:#6b7280;
  margin-top:2px;
}
.quote-app-tag{
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#1e4bd4;
  background:rgba(30,75,212,.08);
  padding:3px 8px;border-radius:20px;
  flex-shrink:0;
}

@media(max-width:900px){
  .howto-grid{grid-template-columns:1fr}
  .quotes-grid{grid-template-columns:1fr}
}


/* ── AI DATING IMAGE SYSTEM ───────────────────────────────────── */
.ai-image-strip{max-width:1100px;margin:26px auto 0;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}.ai-image-card{position:relative;display:block;min-height:235px;border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 18px 50px rgba(13,27,62,.14);border:1px solid rgba(255,255,255,.45);background:#0d1b3e}.ai-image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.ai-image-card:hover img{transform:scale(1.035)}.ai-image-copy{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:16px;padding:14px 16px;color:#0d1b3e;box-shadow:0 8px 24px rgba(13,27,62,.12)}.ai-image-copy strong{display:block;font-size:1rem;line-height:1.1;margin-bottom:3px}.ai-image-copy span{font-size:12.5px;color:#6b7280;font-weight:600}.ai-image-card.small{min-height:235px}.ai-promo-panel{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#fff,#f8f9fc);display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;box-shadow:0 8px 30px rgba(13,27,62,.07)}.ai-promo-panel img{width:100%;height:150px;object-fit:cover;border-radius:16px;display:block}.ai-promo-panel h3{font-family:'DM Serif Display',serif;color:var(--navy);font-size:1.45rem;line-height:1.1;margin-bottom:6px}.ai-promo-panel p{color:var(--muted);font-size:14px;margin-bottom:12px}.ai-promo-actions{display:flex;gap:10px;flex-wrap:wrap}.rv-img-slot,.art-img-slot{height:auto!important;background:none!important;border-radius:16px!important;overflow:hidden!important;color:inherit!important;margin:0 0 28px!important;display:block!important;padding:0!important;box-shadow:0 14px 40px rgba(13,27,62,.10)}.rv-img-slot img,.art-img-slot img,.img-slot img{width:100%;height:280px;object-fit:cover;display:block;border-radius:16px}.art-img-slot img{height:260px}.img-slot{margin-top:0;margin-bottom:32px}.ai-img-caption{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;background:#fff;padding:10px 14px;border:1px solid var(--border);border-top:none;border-radius:0 0 16px 16px}@media(max-width:780px){.ai-image-strip{grid-template-columns:1fr}.ai-promo-panel{grid-template-columns:1fr}.ai-promo-panel img{height:220px}.rv-img-slot img,.art-img-slot img,.img-slot img{height:220px}}

/* ── MATCHGAUGE PROPORTIONAL AI PHOTO LAYOUT OVERRIDES ────────────── */
.ai-img-caption{display:none!important}
.img-slot,
.rv-img-slot,
.art-img-slot,
.rev-image-slot.ai-generated-scene,
.ai-image-card,
.ai-promo-panel{isolation:isolate}
.img-slot{
  width:min(1100px,calc(100% - 40px));
  margin:26px auto 34px!important;
  padding:0!important;
  border-radius:22px;
  overflow:hidden;
  background:#0d1b3e;
  box-shadow:0 18px 54px rgba(13,27,62,.14);
}
.img-slot img{
  width:100%!important;
  aspect-ratio:16/7;
  height:auto!important;
  min-height:280px;
  max-height:430px;
  object-fit:cover!important;
  object-position:center 42%;
  display:block;
  border-radius:0!important;
}
.rv-img-slot,.art-img-slot{
  width:100%;
  height:auto!important;
  margin:0 0 28px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#0d1b3e!important;
  box-shadow:0 16px 46px rgba(13,27,62,.12)!important;
}
.rv-img-slot img,.art-img-slot img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  min-height:240px;
  object-fit:cover!important;
  object-position:center 42%;
  display:block;
  border-radius:0!important;
}
.art-img-slot img{aspect-ratio:16/8;min-height:220px}
.rev-image-slot.ai-generated-scene{
  min-height:unset!important;
  aspect-ratio:4/3;
  background:#0d1b3e!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
}
.rev-image-slot.ai-generated-scene img{
  width:100%!important;
  height:100%!important;
  min-height:unset!important;
  object-fit:cover!important;
  object-position:center 42%;
  display:block;
}
.ai-image-strip{
  max-width:1100px!important;
  margin:30px auto 0!important;
  padding:0 20px!important;
  display:grid!important;
  grid-template-columns:1.2fr .8fr!important;
  gap:18px!important;
}
.ai-image-card{
  min-height:unset!important;
  aspect-ratio:16/10;
  border-radius:24px!important;
}
.ai-image-card.small{aspect-ratio:4/3!important;min-height:unset!important}
.ai-image-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 42%;
}
.ai-image-copy{
  left:16px!important;right:16px!important;bottom:16px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.7);
}
.ai-promo-panel{
  grid-template-columns:minmax(190px,260px) 1fr!important;
  border-radius:22px!important;
  overflow:hidden;
}
.ai-promo-panel img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3;
  min-height:170px;
  object-fit:cover!important;
  object-position:center 42%;
  border-radius:18px!important;
}
.card{overflow:hidden}
.card:hover .card-logo-wrap{transform:scale(1.04)}
.card-logo-wrap{transition:transform .18s ease}
@media(max-width:900px){
  .img-slot img{aspect-ratio:16/9;min-height:230px;max-height:none}
  .ai-image-strip{grid-template-columns:1fr!important}
  .ai-image-card,.ai-image-card.small{aspect-ratio:16/10!important}
  .ai-promo-panel{grid-template-columns:1fr!important}
  .ai-promo-panel img{aspect-ratio:16/9;min-height:220px}
}
@media(max-width:640px){
  .img-slot{width:calc(100% - 28px);border-radius:18px}
  .img-slot img{aspect-ratio:4/3;min-height:210px;object-position:center center}
  .rv-img-slot img,.art-img-slot img{aspect-ratio:4/3;min-height:200px;object-position:center center}
  .rev-image-slot.ai-generated-scene{aspect-ratio:16/9}
  .ai-image-copy{position:static!important;border-radius:0!important;background:#fff!important}
}


/* Post-hero tools moved out of sidebar */
.post-hero-actions{background:#fff;border-bottom:1px solid var(--border);padding:22px 20px 8px}
.post-hero-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px;align-items:stretch}
.top-rankings-panel .s-card{height:100%;margin-bottom:0}
.top-rankings-panel .s-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px;padding:16px 18px}
.top-rankings-panel .s-row{padding:9px 0}
.top-rankings-panel .s-cta{grid-column:1/-1;margin-top:14px}
.top-quiz-panel .quiz-box{height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px 24px;box-shadow:0 14px 34px rgba(17,24,39,.14)}
.top-quiz-panel .quiz-box h3{font-size:1.2rem;line-height:1.2}
.top-quiz-panel .quiz-box p{font-size:14px;line-height:1.6}
.home-content-wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px;display:block}
@media(max-width:900px){.post-hero-grid{grid-template-columns:1fr}.top-rankings-panel .s-body{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.top-rankings-panel .s-body{grid-template-columns:1fr}.post-hero-actions{padding:16px 14px 4px}.top-quiz-panel .quiz-box{padding:22px 18px}}


/* === Homepage compact app cards + right-side MatchScore sidebar === */
.home-content-wrap{max-width:1180px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:22px!important;align-items:start!important;padding-top:24px!important;}
.home-sidebar{position:sticky;top:92px;align-self:start;display:flex;flex-direction:column;gap:16px;}
.home-side-card{background:#fff;border:1px solid rgba(13,27,62,.09);border-radius:18px;box-shadow:0 12px 34px rgba(13,27,62,.08);overflow:hidden;}
.home-side-head{background:#0d1b3e;color:#fff;padding:14px 16px;font-size:13px;font-weight:900;display:flex;align-items:center;gap:8px;}
.home-side-body{padding:12px 14px 16px;}
.home-rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;text-decoration:none;color:#111827;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:13.5px;font-weight:800;}
.home-rank-row:hover span:nth-child(2){color:#1e4bd4;}
.home-rank-row strong{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:12px;}
.home-rank-num{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:900;}
.home-rank-num.gold{background:#fff7ed;color:#c2410c;}
.home-side-cta{display:block;margin-top:12px;padding:11px 13px;border-radius:12px;background:var(--grad);color:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:900;}
.home-quiz-card{padding:20px;background:linear-gradient(135deg,#0d1b3e,#31105f 58%,#e4197e);color:#fff;}
.home-quiz-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900;color:rgba(255,255,255,.72);margin-bottom:10px;}
.home-quiz-card h3{font-size:1.28rem;line-height:1.14;margin-bottom:10px;color:#fff;}
.home-quiz-card p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.74);margin-bottom:16px;}
.home-quiz-card a{display:block;background:#fff;color:#e4197e;text-align:center;text-decoration:none;padding:13px 15px;border-radius:12px;font-weight:900;}
.home-content-wrap .listing{gap:12px!important;}
.home-content-wrap .card{border-radius:16px!important;box-shadow:0 8px 20px rgba(13,27,62,.065)!important;}
.home-content-wrap .card-banner{padding:5px 14px!important;font-size:9.5px!important;}
.home-content-wrap .card-body{grid-template-columns:38px 104px minmax(0,1fr) 142px!important;gap:12px!important;padding:13px 14px!important;align-items:center!important;}
.home-content-wrap .card-rank{min-width:38px!important;width:38px!important;height:38px!important;border-radius:12px!important;font-size:1.22rem!important;padding:0!important;}
.home-content-wrap .card-visual{min-height:76px!important;aspect-ratio:4/3!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(13,27,62,.07)!important;}
.home-content-wrap .card.top-pick .card-visual{min-height:82px!important;}
.home-content-wrap .card-logo-wrap{width:38px!important;height:38px!important;border-radius:10px!important;}
.home-content-wrap .card-header{gap:9px!important;margin-bottom:6px!important;}
.home-content-wrap .card-name{font-size:1rem!important;}
.home-content-wrap .card-domain{font-size:10px!important;}
.home-content-wrap .best-for-pill{font-size:10.5px!important;padding:4px 8px!important;margin-bottom:4px!important;}
.home-content-wrap .card-tagline{font-size:12.5px!important;line-height:1.35!important;margin:4px 0 6px!important;}
.home-content-wrap .card-bullets{margin:0!important;gap:0!important;}
.home-content-wrap .card-bullets li{font-size:11.5px!important;line-height:1.25!important;padding:4px 0 4px 16px!important;}
.home-content-wrap .card-bullets li::before{top:11px!important;width:8px!important;}
.home-content-wrap .card-bullets li:nth-child(n+3){display:none!important;}
.home-content-wrap .card-deal{display:none!important;}
.home-content-wrap .card-right{padding:0 0 0 12px!important;gap:5px!important;justify-content:center!important;}
.home-content-wrap .score-ring{width:52px!important;height:52px!important;}
.home-content-wrap .score-num{font-size:1rem!important;}
.home-content-wrap .score-label{font-size:7px!important;}
.home-content-wrap .stars{font-size:10px!important;}
.home-content-wrap .btn-visit{padding:9px 10px!important;border-radius:10px!important;font-size:12px!important;white-space:normal!important;line-height:1.15!important;}
.home-content-wrap .click-proof{font-size:9.5px!important;margin-top:4px!important;}
.home-content-wrap .btn-review,.home-content-wrap .mini-review-link{font-size:10.5px!important;margin-top:2px!important;}
@media(max-width:1050px){.home-content-wrap{grid-template-columns:1fr!important;}.home-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;}.home-content-wrap .card-body{grid-template-columns:38px 118px minmax(0,1fr) 150px!important;}.home-content-wrap .card-visual{min-height:88px!important;}.home-content-wrap .card-right{display:flex!important;}}
@media(max-width:720px){.home-sidebar{grid-template-columns:1fr;order:-1;}.home-content-wrap .card-body{grid-template-columns:1fr!important;padding:16px!important;}.home-content-wrap .card-visual{order:-1;min-height:205px!important;aspect-ratio:16/10!important;}.home-content-wrap .card-rank{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.94)!important;color:#0d1b3e!important;-webkit-text-fill-color:initial!important;box-shadow:0 8px 22px rgba(13,27,62,.16)}.home-content-wrap .card-bullets li:nth-child(n+4){display:none!important;}.home-content-wrap .card-right{border-top:1px solid var(--border)!important;border-left:0!important;padding:14px 0 0!important;align-items:stretch!important;}.home-content-wrap .score-wrap{display:none!important;}.home-content-wrap .btn-visit{width:100%!important;font-size:14px!important;padding:13px!important;}.home-content-wrap .btn-review,.home-content-wrap .mini-review-link{display:none!important;}}


/* === Homepage conversion polish: copy, hierarchy, trust, CTA placement === */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 14px;}
.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:900;font-size:14px;transition:transform .15s,box-shadow .15s;}
.hero-primary{background:linear-gradient(135deg,#ff315d,#ff6b81);color:#fff;box-shadow:0 12px 26px rgba(255,49,93,.22);}
.hero-secondary{background:#fff;color:#0d1b3e;border:1px solid rgba(13,27,62,.12);}
.hero-primary:hover,.hero-secondary:hover{transform:translateY(-1px);}
.homepage-trust-bar{max-width:1100px;margin:18px auto 0;padding:12px 18px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;background:#fff;border:1px solid rgba(13,27,62,.08);border-radius:14px;box-shadow:0 8px 24px rgba(13,27,62,.05);color:#374151;font-size:13px;font-weight:800;}
.ranking-intro{background:#fff;border:1px solid rgba(13,27,62,.08);border-radius:18px;padding:22px 24px;margin-bottom:16px;box-shadow:0 10px 30px rgba(13,27,62,.05);}
.ranking-kicker,.promo-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#e4197e;margin-bottom:7px;}
.ranking-intro h2{font-family:'DM Serif Display',serif;color:#0d1b3e;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.05;margin-bottom:8px;}
.section-subtext{color:#6b7280;max-width:640px;font-size:14.5px;line-height:1.65;margin-bottom:8px;}
.urgency{color:#e4197e;font-size:13px;font-weight:900;margin:0;}
.homepage-promo{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff1f5,#eef2ff);border:1px solid rgba(228,25,126,.12);border-radius:18px;padding:20px 22px;margin:2px 0 20px;box-shadow:0 12px 34px rgba(13,27,62,.06);}
.homepage-promo h3{font-size:1.1rem;color:#0d1b3e;margin:0 0 4px;font-weight:900;}
.homepage-promo p{font-size:13.5px;color:#4b5563;margin:0;line-height:1.55;}
.homepage-promo .promo-btn{width:auto!important;min-width:170px;}
.small-text{font-size:11.5px;color:#6b7280;line-height:1.45;margin:0 0 10px;}
.homepage-final-cta{padding:38px 20px 54px;background:linear-gradient(135deg,#0d1b3e,#1a0640);}
.final-cta-inner{max-width:900px;margin:0 auto;text-align:center;color:#fff;}
.final-cta-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.05;margin-bottom:10px;}
.final-cta-inner p{color:rgba(255,255,255,.72);max-width:620px;margin:0 auto 20px;line-height:1.7;}
@media(max-width:720px){.hero-actions{display:grid;grid-template-columns:1fr;}.homepage-trust-bar{margin:14px 14px 0;justify-content:flex-start;}.homepage-promo{display:block;text-align:left;}.homepage-promo .promo-btn{width:100%!important;margin-top:14px;}.ranking-intro{padding:18px;margin-bottom:14px;}.home-sidebar{order:0!important;}}

/* Homepage header logo alignment fix */
.home .nav-inner,
.nav-inner {
  display: flex;
  align-items: center;
}

.home .nav-logo,
.nav-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 83px;
  line-height: 0;
}

.home .nav-logo img,
.nav-logo img {
  display: block;
  height: 56px;
  width: auto;
  max-height: 56px;
  object-fit: contain;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}


/* Homepage mobile nav + CTA consistency */
@media(max-width:640px){
  .nav-inner{
    height:auto!important;
    min-height:76px!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:10px 0!important;
    align-items:center!important;
  }

  .nav-logo,
  .logo,
  .brand{
    display:flex!important;
    align-items:center!important;
  }

  .nav-logo img,
  .logo img,
  .brand img{
    height:48px!important;
    max-height:48px!important;
    width:auto!important;
    object-fit:contain!important;
    display:block!important;
  }

  .nav-links{
    display:flex!important;
    width:100%!important;
    order:2!important;
    overflow-x:auto!important;
    gap:6px!important;
    padding:0 0 4px!important;
    margin:0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .nav-links::-webkit-scrollbar{
    display:none!important;
  }

  .nav-links li{
    flex:0 0 auto!important;
  }

  .nav-links a{
    white-space:nowrap!important;
    font-size:13px!important;
    padding:7px 11px!important;
  }

  .card-body{
    grid-template-columns:30px 1fr!important;
  }

  .card-right{
    display:none!important;
  }

  .foot-grid{
    grid-template-columns:1fr!important;
  }
}

/* Homepage Get My AI Match button color fix */
.nav-links .nav-cta,
a.nav-cta,
a[href="quiz.html"].nav-cta,
.btn-ai-match,
a[href="quiz.html"].btn-ai-match {
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(122,34,212,.22)!important;
}

.nav-links .nav-cta:hover,
a.nav-cta:hover,
a[href="quiz.html"].nav-cta:hover,
.btn-ai-match:hover,
a[href="quiz.html"].btn-ai-match:hover {
  opacity:.92!important;
  transform:translateY(-1px)!important;
}

/* Homepage mobile nav visibility fix */
@media (max-width:640px){
  .home .nav-inner{
    height:auto;
    min-height:83px;
    align-items:flex-start;
    padding:10px 0;
    gap:10px;
    flex-direction:column;
  }

  .home .nav-links{
    display:flex !important;
    flex-wrap:wrap;
    gap:6px;
    width:100%;
  }

  .home .nav-links a{
    font-size:13px;
    padding:7px 10px;
  }

  .home .nav-cta{
    background:var(--grad)!important;
    color:#fff!important;
  }
}

/* =========================================================
   MatchGauge global nav + richer section polish
   - Fixes oversized mobile logo on non-home pages
   - Normalizes nav alignment and button colors
   - Removes red/yellow Deals highlight
   - Adds money bag icon to Deals
   - Adds restrained richer section backgrounds
   ========================================================= */

:root{
  --mg-blue:#1e4bd4;
  --mg-purple:#7a22d4;
  --mg-pink:#e4197e;
  --mg-navy:#0d1b3e;
  --mg-muted:#667085;
  --mg-line:#e6eaf2;
  --mg-grad:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  --mg-soft-section:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#fff4f8
100%);
}

/* Global logo containment */
.nav .nav-inner > a:first-child{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  max-width:220px !important;
  text-decoration:none !important;
}

.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"]{
  width:auto !important;
  max-width:190px !important;
  height:72px !important;
  max-height:72px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Global nav flow: highest-conversion order should be
   Home → Reviews → Compare → Quiz/AI Match → Deals → Articles →
About.
   HTML order still controls tab order, but flex order gives the visual
flow. */
.nav-links{
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
}

.nav-links a{
  color:var(--mg-muted) !important;
  background:transparent !important;
  box-shadow:none !important;
  border:1px solid transparent !important;
  font-weight:700 !important;
}

.nav-links a:hover,
.nav-links a.active{
  color:var(--mg-blue) !important;
  background:#eef2ff !important;
  border-color:#dbe5ff !important;
  box-shadow:none !important;
}

/* Primary nav CTA remains the visual anchor */
.nav-links a.nav-cta{
  background:var(--mg-grad) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(122,34,212,.22) !important;
  font-weight:900 !important;
}

/* Deals: remove red/yellow highlight; use consistent pill with money bag
icon */
.nav-links a.nav-deals,
.nav-links a.nav-deals.active{
  background:#f8fafc !important;
  color:var(--mg-navy) !important;
  border:1px solid #e6eaf2 !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

/* Kill older lightning icon overrides */
.nav-links a.nav-deals:before{
  content:"" !important;
  margin-right:5px !important;
}

/* Richer but still professional section color */
.page-hero,
.compare-hero,
.review-hero,
.quiz-hero,
.deals-hero,
.articles-hero{
  background:var(--mg-soft-section) !important;
}

section:nth-of-type(even) .s-card,
section:nth-of-type(even) .card,
.summary-card,
.trust-card,
.method-card,
.result-card{
  box-shadow:0 14px 36px rgba(13,27,62,.06);
}

/* Mobile nav/logo fix for every page */
@media (max-width:900px){
  .nav{
    padding:0 16px !important;
  }

  .nav-inner{
    height:auto !important;
    min-height:82px !important;
    padding:10px 0 !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:10px !important;
    flex-direction:column !important;
  }

  .nav .nav-inner > a:first-child{
    max-width:180px !important;
  }

  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"]{
    height:60px !important;
    max-height:60px !important;
    max-width:170px !important;
    width:auto !important;
  }

  .nav-links{
    display:flex !important;
    flex-wrap:wrap !important;
    width:100% !important;
    justify-content:flex-start !important;
    gap:7px !important;
  }

  .nav-links li{
    display:flex !important;
  }

  .nav-links a{
    font-size:13px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    line-height:1.15 !important;
  }

  .nav-links a.nav-cta{
    order:4;
  }

  .nav-links a.nav-deals{
    order:5;
  }
}

@media (max-width:480px){
  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"]{
    height:52px !important;
    max-height:52px !important;
    max-width:155px !important;
  }

  .nav-links a{
    font-size:12.5px !important;
    padding:7px 9px !important;
  }
}

/* =========================================================
   MatchGauge mobile dropdown nav
   - Larger mobile logo
   - Clean dropdown menu instead of wrapped nav links
   - Works without JavaScript using :focus-within
   ========================================================= */

.nav-inner{
  position:relative;
}

.nav-mobile-toggle{
  display:none;
}

@media (max-width:900px){
  .nav{
    padding:0 16px !important;
  }

  .nav-inner{
    height:86px !important;
    min-height:86px !important;
    padding:0 !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  .nav .nav-inner > a:first-child,
  .nav-logo{
    max-width:245px !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
  }

  .nav .nav-inner > a:first-child img,
  .nav-logo img,
  .nav img[alt="MatchGauge"]{
    height:76px !important;
    max-height:76px !important;
    max-width:235px !important;
    width:auto !important;
    object-fit:contain !important;
    display:block !important;
  }

  .nav-mobile-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:1px solid #e6eaf2 !important;
    background:#fff !important;
    color:#0d1b3e !important;
    border-radius:999px !important;
    padding:10px 13px !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 8px 22px rgba(13,27,62,.08) !important;
    cursor:pointer !important;
  }

  .nav-mobile-toggle::before{
    content:"☰";
    font-size:16px;
    line-height:1;
  }

  .nav-links{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:7px !important;
    width:100% !important;
    padding:12px !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid #e6eaf2 !important;
    border-radius:18px !important;
    box-shadow:0 22px 60px rgba(13,27,62,.16) !important;
    z-index:999 !important;
  }

  .nav:focus-within .nav-links,
  .nav-inner:focus-within .nav-links,
  .nav-links:hover{
    display:flex !important;
  }

  .nav-links li{
    width:100% !important;
    display:block !important;
  }

  .nav-links a{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-radius:13px !important;
    padding:12px 14px !important;
    font-size:14px !important;
    font-weight:850 !important;
    line-height:1.15 !important;
    color:#0d1b3e !important;
    background:#f8fafc !important;
    border:1px solid #edf1f7 !important;
    box-shadow:none !important;
  }

  .nav-links a:hover,
  .nav-links a.active{
    background:#eef2ff !important;
    border-color:#dbe5ff !important;
    color:#1e4bd4 !important;
  }

  .nav-links a.nav-cta{
    background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 12px 26px rgba(122,34,212,.22) !important;
  }

  .nav-links a.nav-deals,
  .nav-links a.nav-deals.active{
    background:#fff !important;
    color:#0d1b3e !important;
    border:1px solid #e6eaf2 !important;
    box-shadow:none !important;
  }
}

@media (max-width:480px){
  .nav-inner{
    height:80px !important;
    min-height:80px !important;
  }

  .nav .nav-inner > a:first-child,
  .nav-logo{
    max-width:210px !important;
  }

  .nav .nav-inner > a:first-child img,
  .nav-logo img,
  .nav img[alt="MatchGauge"]{
    height:68px !important;
    max-height:68px !important;
    max-width:205px !important;
  }

  .nav-mobile-toggle{
    padding:9px 11px !important;
    font-size:12px !important;
  }
}

/* =========================================================
   MatchGauge mobile dropdown correction
   - Menu stays closed by default
   - Opens only when button is clicked
   - Smaller dropdown links
   - Larger logo retained
   ========================================================= */

@media (max-width:900px){
  .nav-inner{
    height:84px !important;
    min-height:84px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .nav .nav-inner > a:first-child img,
  .nav-logo img,
  .nav img[alt="MatchGauge"]{
    height:74px !important;
    max-height:74px !important;
    max-width:235px !important;
    width:auto !important;
    object-fit:contain !important;
  }

  .nav-mobile-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:8px 11px !important;
    font-size:12px !important;
    border-radius:999px !important;
  }

  .nav-links{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:auto !important;
    right:0 !important;
    width:min(260px, calc(100vw - 32px)) !important;
    padding:8px !important;
    gap:5px !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 18px 46px rgba(13,27,62,.18) !important;
    border:1px solid #e6eaf2 !important;
    z-index:999 !important;
  }

  .nav.nav-open .nav-links,
  .nav-inner.nav-open .nav-links{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  /* Disable old focus/hover auto-open behavior */
  .nav:focus-within .nav-links,
  .nav-inner:focus-within .nav-links,
  .nav-links:hover{
    display:none !important;
  }

  .nav.nav-open:focus-within .nav-links,
  .nav-inner.nav-open:focus-within .nav-links,
  .nav.nav-open .nav-links:hover,
  .nav-inner.nav-open .nav-links:hover{
    display:flex !important;
  }

  .nav-links li{
    width:100% !important;
  }

  .nav-links a{
    min-height:34px !important;
    padding:8px 10px !important;
    font-size:12.5px !important;
    line-height:1.1 !important;
    border-radius:10px !important;
    justify-content:flex-start !important;
    gap:5px !important;
  }

  .nav-links a.nav-cta{
    min-height:36px !important;
    padding:9px 10px !important;
  }
}

@media (max-width:480px){
  .nav-inner{
    height:78px !important;
    min-height:78px !important;
  }

  .nav .nav-inner > a:first-child img,
  .nav-logo img,
  .nav img[alt="MatchGauge"]{
    height:68px !important;
    max-height:68px !important;
    max-width:215px !important;
  }

  .nav-links{
    width:min(245px, calc(100vw - 28px)) !important;
  }

  .nav-links a{
    min-height:32px !important;
    padding:7px 9px !important;
    font-size:12px !important;
  }
}

/* =========================================================
   Force Deals nav visual order after Home
   - Fixes CSS order overrides on homepage/mobile dropdown
   ========================================================= */

.nav-links li{ order:initial !important; }

.nav-links li:has(a[href="index.html"]){ order:1 !important; }
.nav-links li:has(a[href="deals.html"]){ order:2 !important; }
.nav-links li:has(a[href="reviews.html"]){ order:3 !important; }
.nav-links li:has(a[href="compare.html"]){ order:4 !important; }
.nav-links li:has(a[href="advice.html"]){ order:5 !important; }
.nav-links li:has(a[href="about.html"]){ order:6 !important; }
.nav-links li:has(a[href="quiz.html"]){ order:7 !important; }

.nav-links a.nav-deals{
  order:initial !important;
}

@media(max-width:900px){
  .nav-links li{ order:initial !important; }

  .nav-links li:has(a[href="index.html"]){ order:1 !important; }
  .nav-links li:has(a[href="deals.html"]){ order:2 !important; }
  .nav-links li:has(a[href="reviews.html"]){ order:3 !important; }
  .nav-links li:has(a[href="compare.html"]){ order:4 !important; }
  .nav-links li:has(a[href="advice.html"]){ order:5 !important; }
  .nav-links li:has(a[href="about.html"]){ order:6 !important; }
  .nav-links li:has(a[href="quiz.html"]){ order:7 !important; }

  .nav-links a.nav-deals,
  .nav-links a.nav-cta{
    order:initial !important;
  }
}

/* =========================================================
   Nav visual order with Rankings link
   Order: Home → Rankings → Deals → Reviews → Compare → Articles → About → AI Match
   ========================================================= */

.nav-links li{ order:initial !important; }

.nav-links li:has(a[href="index.html"]),
.nav-links li:has(a[href="../index.html"]){ order:1 !important; }

.nav-links li:has(a[href="rankings.html"]),
.nav-links li:has(a[href="../rankings.html"]),
.nav-links li:has(a[href="/rankings"]){ order:2 !important; }

.nav-links li:has(a[href="deals.html"]),
.nav-links li:has(a[href="../deals.html"]){ order:3 !important; }

.nav-links li:has(a[href="reviews.html"]),
.nav-links li:has(a[href="../reviews.html"]){ order:4 !important; }

.nav-links li:has(a[href="compare.html"]),
.nav-links li:has(a[href="../compare.html"]){ order:5 !important; }

.nav-links li:has(a[href="advice.html"]),
.nav-links li:has(a[href="../advice.html"]){ order:6 !important; }

.nav-links li:has(a[href="about.html"]),
.nav-links li:has(a[href="../about.html"]){ order:7 !important; }

.nav-links li:has(a[href="quiz.html"]),
.nav-links li:has(a[href="../quiz.html"]){ order:8 !important; }

/* =========================================================
   Mobile nav closed-by-default correction
   - Prevents dropdown from starting open
   - Removes sticky focus/hover open behavior
   - Opens only with .nav-open class from button click
   ========================================================= */

@media(max-width:900px){
  .nav .nav-links,
  .nav-inner .nav-links{
    display:none !important;
  }

  .nav.nav-open .nav-links,
  .nav-inner.nav-open .nav-links{
    display:flex !important;
    flex-direction:column !important;
  }

  /* Hard-disable older auto-open behavior */
  .nav:focus-within .nav-links,
  .nav-inner:focus-within .nav-links,
  .nav-links:hover{
    display:none !important;
  }

  .nav.nav-open:focus-within .nav-links,
  .nav-inner.nav-open:focus-within .nav-links,
  .nav.nav-open .nav-links:hover,
  .nav-inner.nav-open .nav-links:hover{
    display:flex !important;
    flex-direction:column !important;
  }
}

/* =========================================================
   MatchGauge logo/header dimension normalization
   - Keeps homepage/rankings logo aligned with other pages
   - Reduces oversized MatchGauge logos consistently
   ========================================================= */

.nav-inner{
  max-width:1100px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.nav .nav-inner > a:first-child,
.nav-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  max-width:190px!important;
  margin:0!important;
}

.nav .nav-inner > a:first-child img,
.nav-logo img,
.nav img[alt="MatchGauge"]{
  width:auto!important;
  max-width:172px!important;
  height:56px!important;
  max-height:56px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0!important;
}

body.home .nav .nav-inner > a:first-child img,
body.home .nav img[alt="MatchGauge"]{
  height:56px!important;
  max-height:56px!important;
  max-width:172px!important;
}

body.rankings .nav .nav-inner > a:first-child img,
body.rankings .nav img[alt="MatchGauge"],
.rankings-page .nav .nav-inner > a:first-child img,
.rankings-page .nav img[alt="MatchGauge"]{
  height:56px!important;
  max-height:56px!important;
  max-width:172px!important;
}

@media(max-width:900px){
  .nav-inner{
    min-height:74px!important;
    height:74px!important;
  }

  .nav .nav-inner > a:first-child,
  .nav-logo{
    max-width:168px!important;
  }

  .nav .nav-inner > a:first-child img,
  .nav-logo img,
  .nav img[alt="MatchGauge"]{
    height:52px!important;
    max-height:52px!important;
    max-width:158px!important;
  }
}

/* =========================================================
   Nav link hover/active: text color only, no blue highlight
   ========================================================= */
.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"],
.mobile-nav-panel ul li a:hover{
  background:transparent!important;
  box-shadow:none!important;
  color:#1e4bd4!important;
}

.nav-links a.nav-deals,
.nav-links a.nav-deals:hover,
.nav-links a.nav-deals.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#e4195c!important;
  border-color:transparent!important;
}

.nav-links a.nav-cta{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
}

/* =========================================================
   Final nav hover/active behavior: text color only
   ========================================================= */
.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"],
.mobile-nav-panel ul li a:hover,
nav .nav-links a:hover,
nav .nav-links a.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#1e4bd4!important;
}
.nav-links a.nav-deals,
.nav-links a.nav-deals:hover,
.nav-links a.nav-deals.active,
nav .nav-links a.nav-deals,
nav .nav-links a.nav-deals:hover,
nav .nav-links a.nav-deals.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#e4195c!important;
  border-color:transparent!important;
}
.nav-links a.nav-cta,
nav .nav-links a.nav-cta{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
}

/* =========================================================
   Deal of the Month Brief popup
   - Premium, restrained deal prompt
   - Appears once per day after short delay
   ========================================================= */

.mg-monthly-deal-brief{
  position:fixed;
  right:22px;
  bottom:22px;
  width:min(365px, calc(100vw - 32px));
  background:
    radial-gradient(circle at 16% 0%, rgba(30,75,212,.14), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(228,25,126,.14), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#fff4f8 100%);
  border:1px solid rgba(13,27,62,.12);
  border-radius:22px;
  box-shadow:0 24px 70px rgba(13,27,62,.18);
  padding:18px;
  z-index:9999;
  display:none;
  overflow:hidden;
}

.mg-monthly-deal-brief.is-visible{
  display:block;
}

.mg-monthly-deal-brief::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#1e4bd4,#7a22d4,#e4197e);
}

.mg-monthly-deal-close{
  position:absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  border:none;
  border-radius:999px;
  background:rgba(13,27,62,.06);
  color:#0d1b3e;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}

.mg-monthly-deal-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#1e4bd4;
  margin-bottom:10px;
}

.mg-monthly-deal-brief h3{
  margin:0 34px 8px 0;
  font-family:'DM Serif Display',serif;
  font-size:1.35rem;
  line-height:1.08;
  color:#0d1b3e;
}

.mg-monthly-deal-brief p{
  margin:0 0 14px;
  color:#526071;
  font-size:13.5px;
  line-height:1.55;
}

.mg-monthly-deal-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.mg-monthly-deal-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);
  color:#fff;
  font-weight:900;
  font-size:13px;
  padding:11px 14px;
  border-radius:999px;
  box-shadow:0 12px 26px rgba(122,34,212,.22);
}

.mg-monthly-deal-secondary{
  border:none;
  background:transparent;
  color:#667085;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  padding:8px 4px;
}

@media(max-width:700px){
  .mg-monthly-deal-brief{
    left:14px;
    right:14px;
    bottom:14px;
    width:auto;
    border-radius:20px;
    padding:17px;
  }

  .mg-monthly-deal-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .mg-monthly-deal-primary{
    width:100%;
  }
}

/* =========================================================
   Final global nav/logo/monthly cleanup
   ========================================================= */

/* Increase MatchGauge header logo by ~25% while keeping header controlled */
.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.nav-logo img,
.logo-link img{
  height:68px!important;
  max-height:68px!important;
  max-width:215px!important;
  width:auto!important;
  object-fit:contain!important;
}

.nav-inner,
.nav-content{
  max-width:1100px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-height:83px!important;
}

/* Home-equivalent nav behavior across pages */
.nav-links{
  display:flex;
  align-items:center;
  gap:4px!important;
}

.nav-links a{
  display:block;
  padding:7px 14px!important;
  border-radius:8px;
  text-decoration:none;
  font-size:14px!important;
  font-weight:500!important;
  color:#6b7280!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:color .18s;
}

.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"]{
  color:#1e4bd4!important;
  background:transparent!important;
  box-shadow:none!important;
}

.nav-links a.nav-deals{
  color:#e4195c!important;
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
  font-weight:800!important;
}

.nav-links a.nav-cta{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  font-weight:800!important;
  padding:8px 18px!important;
  border-radius:8px!important;
  box-shadow:0 10px 24px rgba(122,34,212,.18)!important;
}

/* More colorful Deal of the Month upper card section */
.hero-dotw-eyebrow,
.hero-dotw-app-row{
  background:
    radial-gradient(circle at 15% 20%, rgba(30,75,212,.16), transparent 35%),
    radial-gradient(circle at 95% 0%, rgba(228,25,126,.16), transparent 34%),
    linear-gradient(135deg,#f8fbff,#fff4f8)!important;
  border:1px solid rgba(122,34,212,.13)!important;
}

.hero-dotw-eyebrow{
  padding:7px 10px!important;
  border-radius:999px!important;
  margin-bottom:10px!important;
}

.hero-dotw-app-row{
  padding:12px!important;
  border-radius:16px!important;
  border-bottom:1px solid rgba(122,34,212,.13)!important;
}

/* Methodology counters: ensure visible and animation-ready */
[data-count],
.count-up,
.stat-number,
.methodology-number,
.mg-counter{
  font-variant-numeric:tabular-nums;
}

/* Mobile logo adjustment */
@media(max-width:900px){
  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"],
  .nav-logo img,
  .logo-link img{
    height:64px!important;
    max-height:64px!important;
    max-width:190px!important;
  }

  .nav-inner,
  .nav-content{
    min-height:76px!important;
  }
}

/* =========================================================
   Final header/logo parity with Deals page
   - Homepage now matches other page header dimensions
   - Rankings sits next to About by nav order
   ========================================================= */

.nav-inner,
.nav-content{
  max-width:1100px!important;
  height:83px!important;
  min-height:83px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.logo-link img,
.nav-logo img{
  height:56px!important;
  max-height:56px!important;
  max-width:172px!important;
  width:auto!important;
  object-fit:contain!important;
  display:block!important;
}

.nav-links li{ order:initial!important; }
.nav-links li:has(a[href$="index.html"]){ order:1!important; }
.nav-links li:has(a[href$="deals.html"]){ order:2!important; }
.nav-links li:has(a[href$="reviews.html"]){ order:3!important; }
.nav-links li:has(a[href$="compare.html"]){ order:4!important; }
.nav-links li:has(a[href$="advice.html"]){ order:5!important; }
.nav-links li:has(a[href$="about.html"]){ order:6!important; }
.nav-links li:has(a[href$="rankings.html"]){ order:7!important; }
.nav-links li:has(a[href$="quiz.html"]){ order:8!important; }

@media(max-width:900px){
  .nav-inner,
  .nav-content{
    height:74px!important;
    min-height:74px!important;
  }

  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"],
  .logo-link img,
  .nav-logo img{
    height:52px!important;
    max-height:52px!important;
    max-width:158px!important;
  }
}

/* =========================================================
   Homepage: improve How MatchGauge Works readability
   ========================================================= */
.howto-section,
.how-it-works,
section[id*="how"]{
  font-size:16px;
}

.howto-section .section-head h2,
.how-it-works .section-head h2,
section[id*="how"] .section-head h2{
  font-size:clamp(2rem, 4vw, 3rem) !important;
}

.howto-card,
.how-card,
.howto-section .card{
  padding:26px !important;
  border-radius:22px !important;
}

.howto-card h3,
.how-card h3,
.howto-card-title{
  font-size:1.25rem !important;
  line-height:1.25 !important;
}

.howto-card p,
.how-card p,
.howto-card-body{
  font-size:1rem !important;
  line-height:1.7 !important;
}

.howto-pill{
  font-size:.86rem !important;
  padding:7px 11px !important;
}

@media(max-width:700px){
  .howto-card,
  .how-card,
  .howto-section .card{
    padding:22px !important;
  }

  .howto-card p,
  .how-card p,
  .howto-card-body{
    font-size:1.02rem !important;
  }
}

/* =========================================================
   Homepage: redesign How MatchGauge Ranks Dating Apps section
   ========================================================= */

.ranking-methodology,
.how-ranks-section,
section:has(h2):has(.howto-card),
section:has(h2):has(.howto-card-body){
  background:
    radial-gradient(circle at 12% 10%, rgba(30,75,212,.10), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(228,25,126,.10), transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#fff4f8 100%) !important;
  border:1px solid rgba(13,27,62,.08) !important;
  border-radius:30px !important;
  padding:52px 34px !important;
  margin:44px auto !important;
  box-shadow:0 22px 70px rgba(13,27,62,.08) !important;
}

.ranking-methodology .section-head,
.how-ranks-section .section-head,
section:has(h2):has(.howto-card) .section-head{
  max-width:820px !important;
  margin-bottom:34px !important;
}

.ranking-methodology h2,
.how-ranks-section h2,
section:has(h2):has(.howto-card) h2{
  font-size:clamp(2.1rem,4.3vw,3.25rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}

.ranking-methodology .section-subtext,
.how-ranks-section .section-subtext,
section:has(h2):has(.howto-card) .section-subtext{
  font-size:1.08rem !important;
  line-height:1.7 !important;
  color:#526071 !important;
}

.howto-grid,
.how-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.howto-card,
.how-card{
  background:#fff !important;
  border:1px solid rgba(13,27,62,.10) !important;
  border-radius:24px !important;
  padding:28px !important;
  box-shadow:0 16px 44px rgba(13,27,62,.07) !important;
}

.howto-card:nth-child(1),
.how-card:nth-child(1){
  background:linear-gradient(135deg,#ffffff,#f8fbff) !important;
}

.howto-card:nth-child(2),
.how-card:nth-child(2){
  background:linear-gradient(135deg,#ffffff,#fff7fb) !important;
}

.howto-card:nth-child(3),
.how-card:nth-child(3){
  background:linear-gradient(135deg,#ffffff,#f7fbff) !important;
}

.howto-card-title,
.howto-card h3,
.how-card h3{
  font-size:1.32rem !important;
  line-height:1.22 !important;
  color:#0d1b3e !important;
  margin-bottom:12px !important;
}

.howto-card-body,
.howto-card p,
.how-card p{
  font-size:1.02rem !important;
  line-height:1.72 !important;
  color:#526071 !important;
}

.howto-pill{
  font-size:.9rem !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#eef2ff !important;
  color:#1e4bd4 !important;
  font-weight:800 !important;
}

@media(max-width:900px){
  .howto-grid,
  .how-card-grid{
    grid-template-columns:1fr !important;
  }

  .ranking-methodology,
  .how-ranks-section,
  section:has(h2):has(.howto-card),
  section:has(h2):has(.howto-card-body){
    padding:34px 20px !important;
    border-radius:24px !important;
  }
}

/* =========================================================
   Homepage spacing between app cards and How to Choose section
   ========================================================= */
.home .listing + .section-divider,
.listing + .section-divider{
  margin-top:48px !important;
}

.section-divider:has(.section-divider-text){
  clear:both;
}

@media(max-width:700px){
  .home .listing + .section-divider,
  .listing + .section-divider{
    margin-top:36px !important;
  }
}

/* =========================================================
   Homepage spacing before methodology section
   ========================================================= */
.mg-home-spacing-gap{
  height:72px;
  width:100%;
  clear:both;
}

@media(max-width:700px){
  .mg-home-spacing-gap{
    height:42px;
  }
}


/* =========================================================
   Footer logo alignment refinement
   ========================================================= */
.footer-logo,
.foot-logo{
  text-align:left !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.footer-logo img,
.foot-logo img,
footer img[alt="MatchGauge"]{
  height:58px !important;
  max-height:58px !important;
  width:auto !important;
  max-width:175px !important;
  object-fit:contain !important;
  margin:0 0 10px 0 !important;
}

.footer-logo p,
.foot-logo p{
  margin-left:0 !important;
  text-align:left !important;
  max-width:340px !important;
}

/* =========================================================
   Footer logo sizing/alignment only
   ========================================================= */
footer .footer-logo,
footer .foot-logo{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
}

footer .footer-logo img,
footer .foot-logo img,
footer img[alt="MatchGauge"]{
  height:58px!important;
  max-height:58px!important;
  width:auto!important;
  max-width:175px!important;
  object-fit:contain!important;
  margin:0 0 10px 0!important;
}

footer .footer-logo p,
footer .foot-logo p{
  margin-left:0!important;
  text-align:left!important;
}


/* =========================================================
   Homepage final header/footer logo correction
   ========================================================= */
@media(min-width:901px){
  body.home nav img[alt="MatchGauge"][src="logo.png"]{
    height:92px!important;
    max-height:92px!important;
    max-width:280px!important;
    width:auto!important;
  }

  body.home .nav-inner{
    min-height:108px!important;
    height:108px!important;
  }
}

body.home footer img[alt="MatchGauge"],
body.home footer img[src="logo-footer.png"]{
  height:52px!important;
  max-height:52px!important;
  max-width:160px!important;
  width:auto!important;
  object-fit:contain!important;
  margin:0 0 8px 0!important;
}

/* =========================================================
   Navbar logo sizing only
   ========================================================= */
@media(min-width:901px){
  nav img[alt="MatchGauge"][src$="logo.png"]{
    height:72px!important;
    max-height:72px!important;
    width:auto!important;
    max-width:215px!important;
    object-fit:contain!important;
  }
}

@media(max-width:900px){
  nav img[alt="MatchGauge"][src$="logo.png"]{
    height:56px!important;
    max-height:56px!important;
    width:auto!important;
    max-width:170px!important;
    object-fit:contain!important;
  }
}

/* =========================================================
   Final navbar logo sizing
   ========================================================= */
@media(min-width:901px){
  nav img[alt="MatchGauge"][src$="logo.png"]{
    height:72px!important;
    max-height:72px!important;
    width:auto!important;
    max-width:220px!important;
    object-fit:contain!important;
  }
}

@media(max-width:900px){
  nav img[alt="MatchGauge"][src$="logo.png"]{
    height:56px!important;
    max-height:56px!important;
    width:auto!important;
    max-width:175px!important;
    object-fit:contain!important;
  }
}

/* =========================================================
   HARD FINAL OVERRIDE: Navbar MatchGauge logo size
   ========================================================= */
@media(min-width:901px){
  nav.nav,
  .nav{
    min-height:96px!important;
  }

  nav.nav .nav-inner,
  .nav .nav-inner,
  nav .nav-content,
  .nav-content{
    min-height:96px!important;
    height:96px!important;
  }

  nav.nav img[alt="MatchGauge"][src*="logo.png"],
  .nav img[alt="MatchGauge"][src*="logo.png"],
  .nav-inner img[alt="MatchGauge"][src*="logo.png"]{
    height:80px!important;
    max-height:80px!important;
    width:auto!important;
    max-width:245px!important;
    object-fit:contain!important;
  }
}

@media(max-width:900px){
  nav.nav img[alt="MatchGauge"][src*="logo.png"],
  .nav img[alt="MatchGauge"][src*="logo.png"],
  .nav-inner img[alt="MatchGauge"][src*="logo.png"]{
    height:56px!important;
    max-height:56px!important;
    width:auto!important;
    max-width:175px!important;
  }
}

/* =========================================================
   Final navbar/footer logo sizing based on master file
   ========================================================= */
.nav-inner,
.nav-content{
  height:83px!important;
  min-height:83px!important;
}

@media(min-width:901px){
  nav img[alt="MatchGauge"][src$="logo.png"],
  .nav img[alt="MatchGauge"][src$="logo.png"],
  .nav-inner img[alt="MatchGauge"][src$="logo.png"]{
    height:86px!important;
    max-height:86px!important;
    width:auto!important;
    max-width:260px!important;
    object-fit:contain!important;
  }
}

@media(max-width:900px){
  .nav-inner,
  .nav-content{
    height:74px!important;
    min-height:74px!important;
  }

  nav img[alt="MatchGauge"][src$="logo.png"],
  .nav img[alt="MatchGauge"][src$="logo.png"],
  .nav-inner img[alt="MatchGauge"][src$="logo.png"]{
    height:56px!important;
    max-height:56px!important;
    width:auto!important;
    max-width:175px!important;
  }
}

footer img[alt="MatchGauge"],
footer img[src$="logo-footer.png"]{
  height:56px!important;
  max-height:56px!important;
  width:auto!important;
  max-width:170px!important;
  object-fit:contain!important;
  margin:0 0 8px 0!important;
}

/* =========================================================
   FINAL BASELINE RESET: homepage navbar logo
   ========================================================= */
.nav-inner,
.nav-content{
  height:83px!important;
  min-height:83px!important;
}

@media(min-width:901px){
  body.home nav img[alt="MatchGauge"][src$="logo.png"],
  nav img[alt="MatchGauge"][src$="logo.png"]{
    height:86px!important;
    max-height:86px!important;
    width:auto!important;
    max-width:260px!important;
    object-fit:contain!important;
  }
}

@media(max-width:900px){
  .nav-inner,
  .nav-content{
    height:74px!important;
    min-height:74px!important;
  }

  body.home nav img[alt="MatchGauge"][src$="logo.png"],
  nav img[alt="MatchGauge"][src$="logo.png"]{
    height:56px!important;
    max-height:56px!important;
    width:auto!important;
    max-width:175px!important;
  }
}

/* =========================================================
   Final homepage navbar logo correction
   ========================================================= */
@media(min-width:901px){
  body.home nav img[alt="MatchGauge"][src$="logo.png"]{
    height:86px!important;
    max-height:86px!important;
    min-width:210px!important;
    max-width:260px!important;
    width:auto!important;
  }
}

/* =========================================================
   Hard fix: homepage navbar logo wrapper
   ========================================================= */
@media(min-width:901px){
  body.home .mg-navbar-logo-link{
    flex:0 0 250px!important;
    width:250px!important;
    max-width:250px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  body.home .mg-navbar-logo-link img{
    height:86px!important;
    max-height:86px!important;
    width:auto!important;
    max-width:none!important;
    display:block!important;
  }
}

/* =========================================================
   Restore Deal of the Month card closer to baseline size
   ========================================================= */
.home .idx-hero-flex{
  grid-template-columns:1fr 360px!important;
  gap:30px!important;
  align-items:center!important;
}

.home .hero-dotw-card{
  max-width:360px!important;
  min-height:auto!important;
  transform:none!important;
}

.home .hero-dotw-inner{
  padding:18px 20px 18px!important;
}

.home .hero-dotw-logo{
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
}

.home .hero-dotw-headline{
  font-size:clamp(1.45rem,2.4vw,1.95rem)!important;
  line-height:1.08!important;
  margin-top:10px!important;
}

.home .hero-dotw-desc{
  font-size:.9rem!important;
  line-height:1.45!important;
  margin:8px 0 12px!important;
}

.home .hero-dotw-cta{
  padding:12px 14px!important;
  font-size:.9rem!important;
}

@media(max-width:900px){
  .home .idx-hero-flex{
    grid-template-columns:1fr!important;
  }

  .home .hero-dotw-card{
    max-width:100%!important;
  }
}

/* =========================================================
   Homepage hero/header typography reduction
   ========================================================= */
.home .idx-hero h1,
.home .page-hero h1,
.home h1{
  font-size:clamp(2.15rem,4.6vw,4.35rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}

.home .idx-hero p,
.home .page-hero p,
.home .hero-lede{
  font-size:1.03rem!important;
  line-height:1.6!important;
  max-width:700px!important;
}

@media(max-width:700px){
  .home .idx-hero h1,
  .home .page-hero h1,
  .home h1{
    font-size:clamp(2rem,10vw,3rem)!important;
  }

  .home .idx-hero p,
  .home .page-hero p,
  .home .hero-lede{
    font-size:.98rem!important;
  }
}

/* Deals nav hover consistency */
.nav-links a.nav-deals:hover{
  background:rgba(228,25,92,.08)!important;
  color:#e4195c!important;
  box-shadow:none!important;
}


/* Force all homepage app cards, including #11 and #12, to use same spacing */
.home .listing{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}

/* Normalize every app card height behavior */
.home .listing .card{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}

/* Normalize card body structure */
.home .listing .card-body{
  height:100%!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 140px!important;
  gap:18px!important;
  align-items:stretch!important;
}

/* Normalize every homepage card image frame */
.home .card-visual{
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#f6f7fb!important;
}

.home .card-visual img{
  width:100%!important;
  height:100%!important;
  min-height:190px!important;
  max-height:190px!important;
  object-fit:cover!important;
  display:block!important;
}

/* Add real breathing room after #12 before How to Choose */
.home .listing + .section-divider,
.home .mg-home-spacing-gap + .section-divider{
  margin-top:72px!important;
}

/* Reduce excessive gap between How MatchGauge Works heading and ranking methodology card */
.home .section-divider:has(.section-divider-text) + .mg-rank-method-card{
  margin-top:18px!important;
}

.home .mg-rank-method-card{
  margin-top:18px!important;
}

/* Mobile */
@media(max-width:760px){
  .home .listing{
    gap:18px!important;
  }

  .home .listing .card-body{
    grid-template-columns:1fr!important;
  }

  .home .card-visual{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }

  .home .card-visual img{
    min-height:220px!important;
    max-height:220px!important;
  }

  .home .listing + .section-divider,
  .home .mg-home-spacing-gap + .section-divider{
    margin-top:48px!important;
  }
}

/* =========================================================
   Homepage app cards: restore consistent horizontal layout
   ========================================================= */
.home .listing{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
}

.home .listing .card{
  width:100%!important;
}

.home .listing .card-body{
  display:grid!important;
  grid-template-columns:58px 220px minmax(0,1fr) 150px!important;
  gap:18px!important;
  align-items:center!important;
}

.home .listing .card-visual{
  width:220px!important;
  height:160px!important;
  min-width:220px!important;
  min-height:160px!important;
  max-height:160px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#f6f7fb!important;
}

.home .listing .card-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

/* Section spacing after full app list */
.home .listing + .section-divider{
  margin-top:72px!important;
}

/* Tighten gap before methodology card */
.home .mg-rank-method-card{
  margin-top:18px!important;
}

@media(max-width:860px){
  .home .listing .card-body{
    grid-template-columns:1fr!important;
  }

  .home .listing .card-visual{
    width:100%!important;
    height:220px!important;
    min-width:0!important;
    max-height:220px!important;
  }

  .home .listing + .section-divider{
    margin-top:48px!important;
  }
}

/* Reduce Deal of the Month card text weight/size */
.home .hero-dotw-headline{
  font-size:clamp(1.15rem,1.9vw,1.55rem)!important;
  line-height:1.08!important;
  margin-top:8px!important;
}

.home .hero-dotw-desc{
  font-size:.78rem!important;
  line-height:1.38!important;
  margin:7px 0 10px!important;
}

.home .hero-dotw-inner{
  padding:16px 18px 15px!important;
}

.home .hero-dotw-card{
  max-width:330px!important;
}

/* Final homepage lower-card and section spacing correction */
.home .listing .card-visual{
  width:220px!important;
  height:160px!important;
  min-width:220px!important;
  min-height:160px!important;
  max-height:160px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#f6f7fb!important;
}

.home .listing .card-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.home .listing{
  margin-bottom:72px!important;
}

.home .listing + .section-divider{
  margin-top:0!important;
}

.home .section-divider + .mg-rank-method-card,
.home .mg-home-spacing-gap + .mg-rank-method-card,
.home .mg-rank-method-card{
  margin-top:16px!important;
}

@media(max-width:860px){
  .home .listing .card-visual{
    width:100%!important;
    height:220px!important;
    min-width:0!important;
    min-height:220px!important;
    max-height:220px!important;
  }

  .home .listing{
    margin-bottom:48px!important;
  }
}

/* Tighten Deal of the Month card text */
.home .hero-dotw-headline{
  font-size:clamp(1.05rem,1.65vw,1.38rem)!important;
  line-height:1.08!important;
  margin-top:7px!important;
  margin-bottom:6px!important;
}

.home .hero-dotw-desc{
  font-size:.74rem!important;
  line-height:1.34!important;
  margin:6px 0 9px!important;
}

/* Homepage ranking badge color refinement */
.home .card-rank{
  background:#1e4bd4!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 8px 18px rgba(30,75,212,.18)!important;
}

/* Keep #1 badge unchanged */
.home .card:first-child .card-rank{
  background:inherit!important;
  color:inherit!important;
  border:inherit!important;
  box-shadow:inherit!important;
}

/* Homepage ranking badge color refinement */
.home .card-rank{
  background:#1e4bd4!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 8px 18px rgba(30,75,212,.18)!important;
}

/* Keep #1 badge unchanged */
.home .card:first-child .card-rank{
  background:inherit!important;
  color:inherit!important;
  border:inherit!important;
  box-shadow:inherit!important;
}

/* Homepage ranking number text only */
.home .card-rank{
  background:transparent!important;
  color:#1e4bd4!important;
  border:none!important;
  box-shadow:none!important;
}

/* Keep #1 exactly as-is */
.home .card:first-child .card-rank{
  color:inherit!important;
}

/* #1 gold star ranking badge */
.home .card:first-child .card-rank{
  background:transparent!important;
  color:#f5a400!important;
  border:none!important;
  box-shadow:none!important;
  font-size:0!important;
  position:relative!important;
}

.home .card:first-child .card-rank::before{
  content:"★";
  font-size:2rem!important;
  line-height:1!important;
  color:#f5a400!important;
}

.home .card:first-child .card-rank::after{
  content:"1";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  font-size:.9rem!important;
  font-weight:900!important;
}

/* Premium homepage ranking medallions */
.home .card-rank{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ffffff,#f5f8ff)!important;
  color:#1e4bd4!important;
  border:1.5px solid rgba(30,75,212,.22)!important;
  box-shadow:0 10px 22px rgba(13,27,62,.08)!important;
  font-weight:950!important;
  font-size:1.15rem!important;
}

/* #1 gold premium badge */
.home .card:first-child .card-rank{
  background:linear-gradient(135deg,#ffe8a3,#f5a400)!important;
  color:#0d1b3e!important;
  border:1.5px solid rgba(245,164,0,.45)!important;
  box-shadow:0 12px 26px rgba(245,164,0,.25)!important;
  position:relative!important;
}

.home .card:first-child .card-rank::before{
  content:"★";
  position:absolute;
  top:-11px;
  right:-8px;
  font-size:1rem;
  color:#f5a400;
  text-shadow:0 2px 6px rgba(13,27,62,.16);
}

/* #2 and #3 feel slightly elevated */
.home .card:nth-child(2) .card-rank,
.home .card:nth-child(3) .card-rank{
  background:linear-gradient(135deg,#eef4ff,#ffffff)!important;
  border-color:rgba(30,75,212,.34)!important;
  box-shadow:0 12px 24px rgba(30,75,212,.13)!important;
}

/* Fix #1 homepage badge number visibility */
.home .card:first-child .card-rank{
  font-size:1.15rem!important;
  color:#0d1b3e!important;
}

.home .card:first-child .card-rank::before,
.home .card:first-child .card-rank::after{
  content:none!important;
}

/* Hinge #1 badge: white number in gold circle */
.home .card:first-child .card-rank{
  background:linear-gradient(135deg,#ffd76a,#f5a400)!important;
  color:#fff!important;
  border:1px solid rgba(245,164,0,.45)!important;
  box-shadow:0 10px 24px rgba(245,164,0,.24)!important;
}

.home .card:first-child .card-rank::before,
.home .card:first-child .card-rank::after{
  content:none!important;
}

/* FINAL: Hinge #1 badge white number in gold circle */
.home .listing .card:first-child .card-rank{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ffd76a,#f5a400)!important;
  color:#fff!important;
  font-size:1.2rem!important;
  font-weight:950!important;
  line-height:1!important;
  border:1.5px solid rgba(245,164,0,.45)!important;
  box-shadow:0 10px 24px rgba(245,164,0,.24)!important;
  position:relative!important;
}

.home .listing .card:first-child .card-rank::before,
.home .listing .card:first-child .card-rank::after{
  content:none!important;
  display:none!important;
}

/* FINAL OVERRIDE: Hinge card #1 badge */
.home .card:has(.card-name:is(:contains("Hinge"))) .card-rank{
  background:linear-gradient(135deg,#ffd76a,#f5a400)!important;
  color:#fff!important;
  font-size:1.2rem!important;
}

/* Hinge rank badge: white number in gold circle */
.home .hinge-rank-gold{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ffd76a,#f5a400)!important;
  color:#fff!important;
  font-size:1.2rem!important;
  font-weight:950!important;
  line-height:1!important;
  border:1.5px solid rgba(245,164,0,.45)!important;
  box-shadow:0 10px 24px rgba(245,164,0,.24)!important;
}

.home .hinge-rank-gold::before,
.home .hinge-rank-gold::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   Mobile Nav Toggle Restore
   ========================================================= */

.nav-mobile-toggle{
  display:none;
  width:46px;
  height:46px;
  border:none;
  background:transparent;
  cursor:pointer;
  padding:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  margin-left:auto;
  z-index:1001;
}

.nav-mobile-toggle span{
  display:block;
  width:22px;
  height:2px;
  border-radius:999px;
  background:#0d1b3e;
  transition:.25s ease;
}

@media(max-width:900px){

  .nav{
    position:relative;
  }

  .nav-mobile-toggle{
    display:flex;
  }

  .nav-links{
    display:none!important;
  }

  .nav-links.mobile-open{
    display:flex!important;
    position:absolute;
    top:74px;
    left:0;
    right:0;
    background:#fff;
    flex-direction:column;
    padding:18px;
    gap:14px;
    border-bottom:1px solid rgba(15,23,42,.08);
    box-shadow:0 18px 40px rgba(15,23,42,.08);
    z-index:999;
  }

  .nav-links.mobile-open li{
    width:100%;
    list-style:none;
  }

  .nav-links.mobile-open a{
    width:100%;
    display:flex;
  }
}

/* =========================================================
   Mobile Nav Popup Layer Fix
   Keep mobile dropdown above homepage popups/overlays
   ========================================================= */

.nav{
  z-index:10000!important;
}

.nav-inner{
  position:relative!important;
  z-index:10001!important;
}

@media(max-width:900px){
  .nav-links.mobile-open{
    position:fixed!important;
    top:74px!important;
    left:12px!important;
    right:12px!important;
    z-index:10002!important;
    border-radius:18px!important;
  }

  .nav-mobile-toggle{
    position:relative!important;
    z-index:10003!important;
    pointer-events:auto!important;
  }
}

/* Remove mobile nav delay */
@media(max-width:900px){
  .nav-links.mobile-open{
    transition:none!important;
    animation:none!important;
  }
}

/* =========================================================
   Mobile Nav Hard Reset
   ========================================================= */

@media(max-width:900px){
  .nav .nav-links{
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  .nav .nav-links.mobile-open{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}

/* =========================================================
   Mobile Homepage Content Order Fix
   Show sidebar cards before FAQ on mobile
   ========================================================= */

@media(max-width:900px){
  .home-layout{
    display:flex!important;
    flex-direction:column!important;
  }

  .home-sidebar{
    order:2!important;
  }

  main,
  .home-main{
    order:1!important;
  }

  .faq-section,
  section[id*="faq"],
  .faq{
    order:3!important;
  }
}

/* =========================================================
   Premium Compact Review Cards
   For reviews.html lower review grid #6–#12
   ========================================================= */

.all-reviews-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  margin:24px 0 36px!important;
}

.compact-review-card{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
  transition:transform .2s ease, box-shadow .2s ease!important;
}

.compact-review-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
}

.compact-review-image{
  position:relative!important;
  height:170px!important;
  background:#f8fafc!important;
  overflow:hidden!important;
}

.compact-review-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.compact-review-body{
  padding:18px!important;
}

.compact-review-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:8px!important;
}

.compact-review-name{
  font-size:1.05rem!important;
  font-weight:900!important;
  color:#0d1b3e!important;
  line-height:1.2!important;
}

.compact-review-score{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:44px!important;
  height:30px!important;
  border-radius:999px!important;
  background:#fff4f8!important;
  color:#e4195c!important;
  font-size:.9rem!important;
  font-weight:900!important;
}

.compact-review-copy{
  min-height:68px!important;
  margin:0 0 16px!important;
  color:#526071!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}

.compact-review-actions{
  display:flex!important;
}

.compact-review-actions .rev-cta-primary{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:12px!important;
  padding:12px 14px!important;
  font-size:.9rem!important;
  background:linear-gradient(135deg,#ff315d,#ff6b81)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(255,49,93,.18)!important;
}

@media(max-width:1000px){
  .all-reviews-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  .all-reviews-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .compact-review-image{
    height:190px!important;
  }

  .compact-review-copy{
    min-height:auto!important;
  }
}

/* Reviews page lower cards should match homepage Top Dating Apps card system */
.reviews-lower-listing{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  margin:28px 0 42px!important;
}

.reviews-lower-listing .card{
  width:100%!important;
}

.reviews-lower-listing .card-body{
  grid-template-columns:42px 150px minmax(0,1fr) 150px!important;
  align-items:center!important;
}

.reviews-lower-listing .card-visual{
  min-height:110px!important;
  aspect-ratio:4/3!important;
}

.reviews-lower-listing .card-bullets li:nth-child(n+4){
  display:none!important;
}

.reviews-lower-listing .card-deal{
  display:none!important;
}

@media(max-width:720px){
  .reviews-lower-listing .card-body{
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing .card-visual{
    order:-1!important;
    min-height:205px!important;
    aspect-ratio:16/10!important;
  }

  .reviews-lower-listing .card-rank{
    position:absolute!important;
    top:14px!important;
    left:14px!important;
    z-index:2!important;
  }

  .reviews-lower-listing .card-right{
    display:flex!important;
    border-top:1px solid var(--border)!important;
    padding-top:14px!important;
  }
}

/* Make featured review cards #4 and #5 match #1–#3 sizing */
#grindr.rev-section,
#eharmony.rev-section{
  width:100%!important;
  max-width:none!important;
  display:block!important;
}

#grindr .rev-section-body,
#eharmony .rev-section-body{
  display:grid!important;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
}

#grindr .rev-image-slot,
#eharmony .rev-image-slot{
  width:100%!important;
  min-height:300px!important;
}

@media(max-width:900px){
  #grindr .rev-section-body,
  #eharmony .rev-section-body{
    grid-template-columns:1fr!important;
  }
}

/* Reviews page: #6–#12 compact cards in 2-column layout */
.reviews-lower-listing{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:28px 0 42px!important;
}

.reviews-lower-listing .card{
  width:100%!important;
}

.reviews-lower-listing .card-body{
  grid-template-columns:40px 120px minmax(0,1fr)!important;
  gap:14px!important;
}

.reviews-lower-listing .card-right{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-top:1px solid var(--border)!important;
  padding-top:12px!important;
  margin-top:10px!important;
}

.reviews-lower-listing .card-visual{
  min-height:100px!important;
  aspect-ratio:4/3!important;
}

.reviews-lower-listing .card-bullets li:nth-child(n+3){
  display:none!important;
}

@media(max-width:720px){
  .reviews-lower-listing{
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing .card-body{
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing .card-visual{
    order:-1!important;
    min-height:205px!important;
    aspect-ratio:16/10!important;
  }
}

/* Reviews page: stack featured cards #1–#5 vertically */
.rv-featured{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
}

.rv-featured .rev-featured-card,
.rv-featured .rev-section{
  width:100%!important;
  max-width:100%!important;
}

/* Force #4 and #5 featured reviews to match #1–#3 width/layout */
#grindr.rev-section,
#eharmony.rev-section{
  width:100%!important;
  max-width:none!important;
  display:block!important;
}

#grindr .rev-section-body,
#eharmony .rev-section-body{
  display:grid!important;
  grid-template-columns:minmax(300px,420px) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
}

#grindr .rev-image-slot,
#eharmony .rev-image-slot{
  width:100%!important;
  min-height:300px!important;
}

@media(max-width:900px){
  #grindr .rev-section-body,
  #eharmony .rev-section-body{
    grid-template-columns:1fr!important;
  }
}

/* Reviews page: #1–#5 use homepage-style cards stacked one per row */
.reviews-featured-listing{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
  margin:28px 0 38px!important;
}

.reviews-featured-listing .card{
  width:100%!important;
}

.reviews-featured-listing .card-body{
  grid-template-columns:42px 150px minmax(0,1fr) 150px!important;
  align-items:center!important;
}

.reviews-featured-listing .card-visual{
  min-height:110px!important;
  aspect-ratio:4/3!important;
}

.reviews-featured-listing .card-bullets li:nth-child(n+4){
  display:none!important;
}

@media(max-width:720px){
  .reviews-featured-listing .card-body{
    grid-template-columns:1fr!important;
  }

  .reviews-featured-listing .card-visual{
    order:-1!important;
    min-height:205px!important;
    aspect-ratio:16/10!important;
  }

  .reviews-featured-listing .card-rank{
    position:absolute!important;
    top:14px!important;
    left:14px!important;
    z-index:2!important;
  }
}

/* Reviews page: keep rich editorial cards, improve proportions */
.rv-featured{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
}

.rv-featured .rev-section,
.rev-featured-card{
  width:100%!important;
  max-width:none!important;
}

.rev-featured-card .rev-section-body,
#grindr .rev-section-body,
#eharmony .rev-section-body{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
}

.rev-featured-card .rev-image-slot,
#grindr .rev-image-slot,
#eharmony .rev-image-slot{
  min-height:280px!important;
}

@media(max-width:900px){
  .rev-featured-card .rev-section-body,
  #grindr .rev-section-body,
  #eharmony .rev-section-body{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   Reviews page final sizing
   #1–#5 rich cards reduced ~50%
   #6–#12 compact cards in two columns
   ========================================================= */

/* Top 5 rich editorial cards: smaller but still detailed */
.rv-featured{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

.rv-featured .rev-section,
.rev-featured-card,
#grindr.rev-section,
#eharmony.rev-section{
  width:100%!important;
  max-width:none!important;
  padding:18px!important;
  border-radius:18px!important;
}

.rv-featured .rev-section-head,
#grindr .rev-section-head,
#eharmony .rev-section-head{
  padding:0!important;
  margin-bottom:14px!important;
}

.rv-featured .rev-section-body,
#grindr .rev-section-body,
#eharmony .rev-section-body{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}

.rv-featured .rev-image-slot,
#grindr .rev-image-slot,
#eharmony .rev-image-slot{
  min-height:180px!important;
  max-height:210px!important;
  border-radius:14px!important;
}

.rv-featured .rev-intro,
#grindr .rev-intro,
#eharmony .rev-intro{
  font-size:13.5px!important;
  line-height:1.55!important;
  margin-bottom:12px!important;
}

.rv-featured .rev-quick-stats,
#grindr .rev-quick-stats,
#eharmony .rev-quick-stats{
  gap:10px!important;
  margin-bottom:12px!important;
}

.rv-featured .rev-qstat,
#grindr .rev-qstat,
#eharmony .rev-qstat{
  padding:10px!important;
}

.rv-featured .rev-procon,
#grindr .rev-procon,
#eharmony .rev-procon{
  gap:10px!important;
  margin-bottom:12px!important;
}

.rv-featured .rev-pros,
.rv-featured .rev-cons,
#grindr .rev-pros,
#grindr .rev-cons,
#eharmony .rev-pros,
#eharmony .rev-cons{
  padding:12px!important;
}

.rv-featured .rev-procon li,
#grindr .rev-procon li,
#eharmony .rev-procon li{
  font-size:12.5px!important;
  line-height:1.45!important;
  margin-bottom:4px!important;
}

.rv-featured .rev-verdict,
#grindr .rev-verdict,
#eharmony .rev-verdict{
  padding:12px!important;
  margin-bottom:12px!important;
}

.rv-featured .rev-verdict p,
#grindr .rev-verdict p,
#eharmony .rev-verdict p{
  font-size:13px!important;
  line-height:1.5!important;
}

.rv-featured .rev-actions,
#grindr .rev-actions,
#eharmony .rev-actions{
  gap:10px!important;
}

/* Lower #6–#12 compact cards: two columns */
.reviews-lower-listing{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:28px 0 42px!important;
}

.reviews-lower-listing .card{
  width:100%!important;
}

.reviews-lower-listing .card-body{
  grid-template-columns:38px 112px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
}

.reviews-lower-listing .card-visual{
  min-height:96px!important;
  aspect-ratio:4/3!important;
}

.reviews-lower-listing .card-tagline{
  font-size:13px!important;
  line-height:1.45!important;
}

.reviews-lower-listing .card-bullets li:nth-child(n+3){
  display:none!important;
}

.reviews-lower-listing .card-right{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-top:1px solid var(--border)!important;
  padding-top:12px!important;
  margin-top:8px!important;
}

@media(max-width:900px){
  .rv-featured .rev-section-body,
  #grindr .rev-section-body,
  #eharmony .rev-section-body{
    grid-template-columns:1fr!important;
  }

  .rv-featured .rev-image-slot,
  #grindr .rev-image-slot,
  #eharmony .rev-image-slot{
    max-height:none!important;
    min-height:220px!important;
  }
}

@media(max-width:720px){
  .reviews-lower-listing{
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing .card-body{
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing .card-visual{
    order:-1!important;
    min-height:205px!important;
    aspect-ratio:16/10!important;
  }
}

/* Top 5 featured review photos: match #6 compact card photo size */
.rv-featured .rev-section-body,
#grindr .rev-section-body,
#eharmony .rev-section-body{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:14px!important;
}

.rv-featured .rev-image-slot,
#grindr .rev-image-slot,
#eharmony .rev-image-slot{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  min-height:96px!important;
  height:96px!important;
  max-height:96px!important;
  border-radius:12px!important;
}

.rv-featured .rev-image-slot img,
#grindr .rev-image-slot img,
#eharmony .rev-image-slot img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Final override: force #1–#5 photos to same dimensions as #6 compact card image */
#hinge .rev-section-body,
#bumble .rev-section-body,
#match .rev-section-body,
#grindr .rev-section-body,
#eharmony .rev-section-body{
  grid-template-columns:112px minmax(0,1fr)!important;
}

#hinge .rev-image-slot,
#bumble .rev-image-slot,
#match .rev-image-slot,
#grindr .rev-image-slot,
#eharmony .rev-image-slot,
#hinge .rev-image-slot.ai-generated-scene,
#bumble .rev-image-slot.ai-generated-scene,
#match .rev-image-slot.ai-generated-scene,
#grindr .rev-image-slot.ai-generated-scene,
#eharmony .rev-image-slot.ai-generated-scene{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  aspect-ratio:112 / 96!important;
  border-radius:12px!important;
  flex:0 0 112px!important;
}

#hinge .rev-image-slot img,
#bumble .rev-image-slot img,
#match .rev-image-slot img,
#grindr .rev-image-slot img,
#eharmony .rev-image-slot img{
  width:112px!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  object-fit:cover!important;
}

/* FINAL OVERRIDE — shrink featured review images to compact-card size */
.rv-featured .rev-section-body,
#grindr .rev-section-body,
#eharmony .rev-section-body{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}

.rv-featured .rev-image-slot,
#grindr .rev-image-slot,
#eharmony .rev-image-slot{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  border-right:none!important;
  border-bottom:none!important;
  overflow:hidden!important;
  border-radius:12px!important;
}

.rv-featured .rev-image-slot img,
#grindr .rev-image-slot img,
#eharmony .rev-image-slot img{
  width:112px!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  object-fit:cover!important;
  position:relative!important;
}

@media(max-width:920px){
  .rv-featured .rev-section-body,
  #grindr .rev-section-body,
  #eharmony .rev-section-body{
    grid-template-columns:112px minmax(0,1fr)!important;
  }
}

/* Final: make #4 and #5 exactly match #1–#3 featured card footprint */
#grindr.rev-featured-card,
#eharmony.rev-featured-card{
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

#grindr.rev-featured-card .rev-section-body,
#eharmony.rev-featured-card .rev-section-body{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

#grindr.rev-featured-card .rev-image-slot,
#eharmony.rev-featured-card .rev-image-slot{
  width:100%!important;
  max-width:598px!important;
  height:253px!important;
  min-height:253px!important;
  max-height:253px!important;
  margin:0 auto!important;
  border-radius:18px!important;
}

#grindr.rev-featured-card .rev-content,
#eharmony.rev-featured-card .rev-content{
  width:100%!important;
}

/* =========================================================
   Reviews responsive optimization: tablet + phone
   ========================================================= */

/* Tablet */
@media(max-width:1024px){
  .reviews-featured-listing,
  .rv-featured{
    gap:20px!important;
  }

  #hinge .rev-image-slot,
  #bumble .rev-image-slot,
  #match .rev-image-slot,
  #grindr .rev-image-slot,
  #eharmony .rev-image-slot{
    max-width:100%!important;
    height:220px!important;
    min-height:220px!important;
  }

  .reviews-lower-listing{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .reviews-lower-listing .card-visual{
    height:175px!important;
    min-height:175px!important;
  }
}

/* Phone */
@media(max-width:640px){
  .rev-section{
    border-radius:16px!important;
    overflow:hidden!important;
  }

  .rev-section-head{
    grid-template-columns:auto 1fr!important;
    gap:12px!important;
    padding:16px!important;
  }

  .rev-score-block{
    grid-column:1 / -1!important;
    width:100%!important;
    margin-top:6px!important;
  }

  #hinge .rev-image-slot,
  #bumble .rev-image-slot,
  #match .rev-image-slot,
  #grindr .rev-image-slot,
  #eharmony .rev-image-slot{
    height:185px!important;
    min-height:185px!important;
    border-radius:14px!important;
  }

  .rev-content{
    padding:16px!important;
  }

  .rev-quick-stats{
    grid-template-columns:1fr!important;
  }

  .rev-procon{
    grid-template-columns:1fr!important;
  }

  .rev-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing{
    grid-template-columns:1fr!important;
  }

  .reviews-lower-listing .card-body{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }

  .reviews-lower-listing .card-visual{
    height:170px!important;
    min-height:170px!important;
  }

  .reviews-lower-listing .card-right{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  .reviews-lower-listing .score-wrap{
    display:none!important;
  }

  .reviews-lower-listing .btn-visit{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }
}

/* =========================================================
   Reviews #6–#12 compact cards: MatchGauge color enhancement
   ========================================================= */

.reviews-lower-listing .card{
  background:
    radial-gradient(circle at 12% 0%, rgba(30,75,212,.10), transparent 32%),
    radial-gradient(circle at 95% 8%, rgba(228,25,126,.10), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#fff6fa 100%)!important;
  border:1px solid rgba(13,27,62,.10)!important;
  box-shadow:0 14px 34px rgba(13,27,62,.08)!important;
}

.reviews-lower-listing .card-rank{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(30,75,212,.22)!important;
}

.reviews-lower-listing .best-for-pill{
  background:#fff4f8!important;
  color:#b01257!important;
  border:1px solid rgba(228,25,126,.16)!important;
}

.reviews-lower-listing .card-name{
  color:#0d1b3e!important;
}

.reviews-lower-listing .card-tagline{
  color:#526071!important;
}

.reviews-lower-listing .btn-visit{
  background:linear-gradient(135deg,#ff315d,#ff6b81)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(255,49,93,.20)!important;
}

.reviews-lower-listing .btn-visit:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(255,49,93,.25)!important;
}

.reviews-lower-listing .card-right{
  background:rgba(255,255,255,.72)!important;
  border-top:1px solid rgba(13,27,62,.08)!important;
}

/* Reviews compact cards: match featured review CTA color */
.reviews-lower-listing .btn-visit{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(30,75,212,.22)!important;
}

.reviews-lower-listing .btn-visit:hover{
  background:linear-gradient(135deg,#183fb8,#6b1fc1,#c9166f)!important;
  color:#fff!important;
}

/* =========================================================
   Reviews #6–#12 premium compact card redesign
   Larger photo, logo overlay, no domain
   ========================================================= */

.reviews-lower-listing .card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  box-shadow:0 18px 46px rgba(13,27,62,.10)!important;
}

.reviews-lower-listing .card-body{
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  gap:0!important;
}

.reviews-lower-listing .card-visual{
  position:relative!important;
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  border-radius:0!important;
  overflow:hidden!important;
  order:0!important;
}

.reviews-lower-listing .card-visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(13,27,62,0) 40%,rgba(13,27,62,.52) 100%)!important;
  pointer-events:none!important;
}

.reviews-lower-listing .card-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.reviews-lower-listing .card-rank{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  z-index:3!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 28px rgba(13,27,62,.22)!important;
}

/* Main text area */
.reviews-lower-listing .card-body > div:not(.card-rank):not(.card-visual):not(.card-right){
  padding:18px 18px 12px!important;
}

/* Logo bottom-left overlay effect */
.reviews-lower-listing .card-header{
  position:relative!important;
  margin-top:-52px!important;
  z-index:4!important;
  align-items:end!important;
  gap:12px!important;
}

.reviews-lower-listing .card-logo-wrap{
  width:56px!important;
  height:56px!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(13,27,62,.24)!important;
  border:1px solid rgba(255,255,255,.75)!important;
}

.reviews-lower-listing .card-name-block{
  padding-top:54px!important;
}

.reviews-lower-listing .card-domain{
  display:none!important;
}

.reviews-lower-listing .card-name{
  color:#0d1b3e!important;
  font-size:1.08rem!important;
  font-weight:900!important;
}

.reviews-lower-listing .best-for-pill{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:10px 0 10px!important;
  background:#fff1f6!important;
  color:#b01257!important;
  border:1px solid rgba(228,25,126,.18)!important;
}

.reviews-lower-listing .card-tagline{
  color:#526071!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  margin:0!important;
}

.reviews-lower-listing .card-bullets{
  display:none!important;
}

.reviews-lower-listing .card-right{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 18px 18px!important;
  margin:0!important;
  border-top:1px solid rgba(13,27,62,.08)!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
}

.reviews-lower-listing .score-wrap{
  transform:scale(.86)!important;
  transform-origin:left center!important;
}

.reviews-lower-listing .btn-visit{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  border-radius:12px!important;
  padding:11px 14px!important;
  font-size:12.5px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(30,75,212,.22)!important;
}

.reviews-lower-listing .click-proof,
.reviews-lower-listing .btn-review,
.reviews-lower-listing .mini-review-link{
  display:none!important;
}

@media(max-width:720px){
  .reviews-lower-listing .card-visual{
    height:210px!important;
    min-height:210px!important;
  }

  .reviews-lower-listing .card-right{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .reviews-lower-listing .score-wrap{
    display:none!important;
  }

  .reviews-lower-listing .btn-visit{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

/* Reviews #6–#12: larger photos + MatchGauge typography/color consistency */
.reviews-lower-listing .card{
  font-family:'DM Sans',sans-serif!important;
  color:#0d1b3e!important;
}

.reviews-lower-listing .card-visual{
  height:280px!important;
  min-height:280px!important;
  max-height:280px!important;
}

.reviews-lower-listing .card-name{
  font-family:'DM Sans',sans-serif!important;
  color:#0d1b3e!important;
  font-size:1.12rem!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

.reviews-lower-listing .best-for-pill{
  font-family:'DM Sans',sans-serif!important;
  background:#fff4f8!important;
  color:#b01257!important;
  border:1px solid rgba(228,25,126,.18)!important;
  font-weight:900!important;
}

.reviews-lower-listing .card-tagline{
  font-family:'DM Sans',sans-serif!important;
  color:#526071!important;
  font-size:13.5px!important;
  line-height:1.6!important;
}

.reviews-lower-listing .btn-visit{
  font-family:'DM Sans',sans-serif!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  border-radius:12px!important;
  font-weight:900!important;
}

.reviews-lower-listing .score-num,
.reviews-lower-listing .score-label,
.reviews-lower-listing .stars{
  font-family:'DM Sans',sans-serif!important;
}

@media(max-width:720px){
  .reviews-lower-listing .card-visual{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
}

/* Homepage: Hinge #1 badge as outlined gold circle, not filled */
.home .listing .card:first-child .card-rank,
.home .listing .card:first-child .hinge-rank-gold{
  background:#fff!important;
  color:#b7791f!important;
  -webkit-text-fill-color:#b7791f!important;
  border:3px solid #f59e0b!important;
  box-shadow:0 8px 22px rgba(245,158,11,.22)!important;
}

/* Homepage Deal of the Week: reduce offer text size */
.hero-dotw-headline{
  font-size:clamp(1.15rem,2vw,1.55rem)!important;
  line-height:1.08!important;
}

.hero-dotw-desc{
  font-size:.78rem!important;
  line-height:1.38!important;
}

/* Homepage Deal of the Week: specifically shrink offer title + paragraph */
.home .hero-dotw-card .hero-dotw-headline{
  font-size:clamp(1rem,1.6vw,1.35rem)!important;
  line-height:1.08!important;
  margin-top:8px!important;
}

.home .hero-dotw-card .hero-dotw-desc{
  font-size:.72rem!important;
  line-height:1.35!important;
  margin:7px 0 9px!important;
}

/* Homepage Deal of the Week: specifically shrink offer title + paragraph */
.home .hero-dotw-card .hero-dotw-headline{
  font-size:clamp(1rem,1.6vw,1.35rem)!important;
  line-height:1.08!important;
  margin-top:8px!important;
}

.home .hero-dotw-card .hero-dotw-desc{
  font-size:.72rem!important;
  line-height:1.35!important;
  margin:7px 0 9px!important;
}

/* Reviews #6–#12: match compact CTA to featured blue CTA */
.reviews-lower-listing .btn-visit{
  background:linear-gradient(135deg,#1e4bd4,#315fe8)!important;
  color:#fff!important;
  border:1px solid rgba(30,75,212,.25)!important;
  box-shadow:0 10px 24px rgba(30,75,212,.22)!important;
}

.reviews-lower-listing .btn-visit:hover{
  background:linear-gradient(135deg,#183fb8,#284fd0)!important;
  color:#fff!important;
}

/* Reviews #1–#5: premium stat cards */
.rv-featured .rev-qstat{
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(13,27,62,.06)!important;
}

.rv-featured .rev-qtop{
  color:#1e4bd4!important;
  font-weight:900!important;
}

.rv-featured .rev-qicon{
  background:#eef3ff!important;
  color:#1e4bd4!important;
  border-radius:999px!important;
  padding:4px 6px!important;
}

.rv-featured .rev-qval{
  color:#0d1b3e!important;
  font-weight:800!important;
}

/* Reviews #1–#5: premium What Works / What Doesn't */
.rv-featured .rev-pros{
  background:linear-gradient(135deg,#f0fdf4,#ffffff)!important;
  border:1px solid rgba(22,163,74,.18)!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(22,163,74,.06)!important;
}

.rv-featured .rev-cons{
  background:linear-gradient(135deg,#fff7ed,#ffffff)!important;
  border:1px solid rgba(249,115,22,.18)!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(249,115,22,.06)!important;
}

.rv-featured .rev-procon-h{
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

.rv-featured .rev-pros .rev-procon-h{
  color:#15803d!important;
}

.rv-featured .rev-cons .rev-procon-h{
  color:#c2410c!important;
}

/* Homepage navbar CTA: match sizing used on other pages */
.home .nav-links a.nav-cta{
  padding:10px 16px!important;
  min-height:40px!important;
  height:auto!important;
  font-size:14px!important;
  line-height:1.2!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Homepage navbar: normalize all nav button heights to match sitewide nav */
.home .nav-links a{
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  line-height:1!important;
  border-radius:999px!important;
}

.home .nav-links a.nav-cta{
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
}

/* Global navbar CTA normalization */
.nav-links a.nav-cta,
nav .nav-links a.nav-cta{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}


/* Desktop: keep mobile toggle from affecting homepage navbar logo spacing */
@media(min-width:901px){
  .nav-mobile-toggle{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
}

/* =========================================================
   FINAL AUTHORITATIVE NAVBAR LOGO RESET
   ========================================================= */

.nav .nav-inner > a:first-child,
.nav-inner > a:first-child{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin-right:18px!important;
}

.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.nav-inner img[alt="MatchGauge"]{
  width:auto!important;
  height:86px!important;
  max-height:86px!important;
  min-height:86px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  transform:none!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  content:none!important;
}

@media(max-width:900px){
  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"],
  .nav-inner img[alt="MatchGauge"]{
    height:72px!important;
    max-height:72px!important;
    min-height:72px!important;
  }
}

/* =========================================================
   FINAL GLOBAL NAVBAR ALIGNMENT SYSTEM
   ========================================================= */

.nav{
  width:100%!important;
}

.nav-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  min-height:83px!important;
  height:83px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
}

/* Logo wrapper */
.nav .nav-inner > a:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0!important;
}

/* Logo image */
.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.nav-inner img[alt="MatchGauge"]{
  display:block!important;
  width:auto!important;
  height:86px!important;
  max-height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Nav links */
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  flex:1 1 auto!important;
}

/* Nav items */
.nav-links li{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}

/* Nav buttons */
.nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  line-height:1!important;
  border-radius:10px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* CTA */
.nav-links a.nav-cta{
  padding:0 16px!important;
}

/* Mobile */
@media(max-width:900px){

  .nav-inner{
    min-height:74px!important;
    height:74px!important;
  }

  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"],
  .nav-inner img[alt="MatchGauge"]{
    height:68px!important;
    max-height:68px!important;
  }

  .nav-mobile-toggle{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
}

/* =========================================================
   FINAL GLOBAL NAVBAR STANDARDIZATION
   Logo, AI Match CTA, Deals highlight
   ========================================================= */

/* Same logo size across all navbars */
.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.nav-inner img[alt="MatchGauge"]{
  height:86px!important;
  max-height:86px!important;
  min-height:86px!important;
  width:auto!important;
  object-fit:contain!important;
  display:block!important;
}

/* Same Get My AI Match button size across all pages */
.nav-links a.nav-cta,
nav .nav-links a.nav-cta{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Deals link: light reddish highlight */
.nav-links a.nav-deals,
nav .nav-links a.nav-deals{
  background:#fff1f4!important;
  color:#d3164f!important;
  border:1px solid rgba(211,22,79,.16)!important;
  border-radius:10px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:800!important;
  box-shadow:none!important;
}

.nav-links a.nav-deals:hover,
nav .nav-links a.nav-deals:hover,
.nav-links a.nav-deals.active,
nav .nav-links a.nav-deals.active{
  background:#ffe6ec!important;
  color:#b80f42!important;
  border-color:rgba(211,22,79,.24)!important;
}

/* =========================================================
   FINAL NAVBAR GEOMETRY LOCK
   Same logo placement + same AI Match CTA shape sitewide
   ========================================================= */

.nav{
  padding:0 20px!important;
}

.nav-inner{
  max-width:1180px!important;
  height:83px!important;
  min-height:83px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  box-sizing:border-box!important;
}

.nav .nav-inner > a:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 180px!important;
  width:180px!important;
  min-width:180px!important;
  margin:0!important;
  padding:0!important;
}

.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"]{
  height:86px!important;
  max-height:86px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}

.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}

.nav-links a.nav-cta,
nav .nav-links a.nav-cta{
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .nav-inner{
    height:74px!important;
    min-height:74px!important;
  }

  .nav .nav-inner > a:first-child{
    flex-basis:160px!important;
    width:160px!important;
    min-width:160px!important;
  }

  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"]{
    height:68px!important;
    max-height:68px!important;
    max-width:160px!important;
  }
}

/* FINAL: force every page navbar logo to match homepage navbar logo */
.nav .nav-inner > a:first-child{
  flex:0 0 180px!important;
  width:180px!important;
  min-width:180px!important;
}

.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.nav-inner img[alt="MatchGauge"]{
  height:86px!important;
  max-height:86px!important;
  min-height:86px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}

/* FINAL: left-align all navbar logos and make AI Match CTA rectangular */
.nav-inner{
  max-width:none!important;
  width:100%!important;
  padding-left:0!important;
  padding-right:20px!important;
}

.nav .nav-inner > a:first-child{
  margin-left:0!important;
  padding-left:0!important;
  justify-content:flex-start!important;
}

.nav .nav-inner > a:first-child img,
.nav img[alt="MatchGauge"],
.nav-inner img[alt="MatchGauge"]{
  object-position:left center!important;
  margin-left:0!important;
}

/* Rectangle CTA instead of pill/rounded */
.nav-links a.nav-cta,
nav .nav-links a.nav-cta{
  border-radius:6px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 16px!important;
}

/* Match Home + Compare navbar logo size to Dating Advice and Deals */
body.home .nav .nav-inner > a:first-child img,
body.home .nav img[alt="MatchGauge"],
body.compare .nav .nav-inner > a:first-child img,
body.compare .nav img[alt="MatchGauge"],
.compare-page .nav .nav-inner > a:first-child img,
.compare-page .nav img[alt="MatchGauge"]{
  height:72px!important;
  max-height:72px!important;
  min-height:72px!important;
  max-width:172px!important;
  width:auto!important;
  object-fit:contain!important;
}

/* =========================================================
   FINAL SITEWIDE TABLET + PHONE RESPONSIVE SAFETY LAYER
   ========================================================= */

html,body{
  max-width:100%;
  overflow-x:hidden!important;
}

img,video,iframe{
  max-width:100%;
}

/* Tablet */
@media(max-width:1024px){
  .nav-inner{
    padding:0 16px!important;
    gap:14px!important;
  }

  .nav-links{
    gap:4px!important;
  }

  .nav-links a{
    font-size:13px!important;
    padding:0 10px!important;
  }

  .container,
  .wrap,
  .page-wrap,
  .main-wrap,
  .content-wrap,
  .home-content-wrap{
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .sidebar,
  .home-sidebar{
    position:static!important;
  }
}

/* Phone */
@media(max-width:640px){
  .nav-inner{
    height:74px!important;
    min-height:74px!important;
    padding:0 14px!important;
  }

  .nav .nav-inner > a:first-child img,
  .nav img[alt="MatchGauge"]{
    height:64px!important;
    max-height:64px!important;
  }

  h1{
    font-size:clamp(2rem,10vw,3rem)!important;
    line-height:1.05!important;
  }

  h2{
    font-size:clamp(1.45rem,7vw,2.1rem)!important;
    line-height:1.12!important;
  }

  p{
    max-width:100%;
  }

  .card,
  .rev-section,
  .s-card,
  .quiz-box,
  .howto-card,
  .deal-card{
    max-width:100%!important;
  }

  .btn-visit,
  .rev-cta-primary,
  .rev-cta-secondary,
  .hero-primary,
  .hero-secondary,
  .nav-links a.nav-cta{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .nav-links a.nav-cta{
    height:40px!important;
  }
}

/* Center specific condensed review card photos */
.reviews-lower-listing img[src*="her-condensed"],
.reviews-lower-listing img[src*="tinder-condensed"],
.reviews-lower-listing img[src*="the-league-condensed"]{
  object-fit:cover!important;
  object-position:center center!important;
}


/* =========================================================
   FINAL CLEAN CONDENSED REVIEW SYSTEM
   ========================================================= */

.premium-condensed-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(280px,1fr))!important;
  gap:22px!important;
  margin:28px 0 40px!important;
  padding:4px!important;
}

.premium-condensed-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.12)!important;
  border-radius:24px!important;
  box-shadow:
    0 2px 6px rgba(13,27,62,.05),
    0 18px 46px rgba(13,27,62,.12)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}

.premium-condensed-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:
    0 10px 24px rgba(13,27,62,.08),
    0 28px 64px rgba(13,27,62,.16)!important;
}

.premium-condensed-photo{
  position:relative!important;
  height:230px!important;
  overflow:hidden!important;
  background:#f8fafc!important;
  border-radius:24px 24px 0 0!important;
}

.premium-condensed-photo::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(13,27,62,0) 45%,rgba(13,27,62,.42) 100%)!important;
  pointer-events:none!important;
  z-index:2!important;
}

.premium-condensed-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease!important;
}

.premium-condensed-card:hover .premium-condensed-photo img{
  transform:scale(1.035)!important;
}

.premium-floating-logo{
  position:absolute!important;
  left:18px!important;
  bottom:18px!important;
  width:58px!important;
  height:58px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 12px 28px rgba(13,27,62,.24)!important;
  z-index:4!important;
  padding:8px!important;
  object-fit:contain!important;
}

.premium-condensed-body{
  padding:20px 20px 22px!important;
  background:#fff!important;
  border-top:1px solid rgba(13,27,62,.06)!important;
}

.premium-condensed-body h3{
  margin:0 0 10px!important;
  color:#0d1b3e!important;
  font-size:1.65rem!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}

.premium-condensed-body p{
  margin:0 0 14px!important;
  color:#475569!important;
  font-size:14.5px!important;
  line-height:1.55!important;
  min-height:66px!important;
}

.premium-rating-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:4px 0 16px!important;
}

.premium-stars{
  color:#ff315d!important;
  font-size:18px!important;
  letter-spacing:1.5px!important;
}

.premium-score{
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:800!important;
}

.premium-primary-btn{
  width:100%!important;
  min-height:46px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1e4bd4,#315fe8)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(30,75,212,.22)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:800!important;
}

img[src*="her-condensed"]{
  object-position:center 68%!important;
}

img[src*="tinder-condensed"]{
  object-position:center 24%!important;
}

img[src*="the-league-condensed"]{
  object-position:center 20%!important;
}

@media(max-width:980px){
  .premium-condensed-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  .premium-condensed-grid{
    grid-template-columns:1fr!important;
  }

  .premium-condensed-photo{
    height:220px!important;
  }

  .premium-condensed-body h3{
    font-size:1.45rem!important;
  }

  .premium-condensed-body p{
    min-height:auto!important;
  }
}

/* =========================================================
   REVIEWS HOMEPAGE REDESIGN — HERO
   ========================================================= */

body:not(.home) .page-hero{
  background:
    radial-gradient(circle at 15% 20%, rgba(255,49,93,.14), transparent 30%),
    radial-gradient(circle at 85% 10%, rgba(30,75,212,.18), transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#eef4ff 48%,#fff7f9 100%)!important;
  border-bottom:1px solid rgba(13,27,62,.08)!important;
  padding:0!important;
  overflow:hidden!important;
}

body:not(.home) .page-hero-flex{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:58px 22px 42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:34px!important;
  align-items:center!important;
}

body:not(.home) .page-hero .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  margin:0 0 14px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(30,75,212,.14)!important;
  color:#1e4bd4!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 24px rgba(13,27,62,.06)!important;
}

body:not(.home) .page-hero h1{
  max-width:760px!important;
  margin:0 0 14px!important;
  color:#0d1b3e!important;
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(2.45rem,5vw,4.35rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-align:left!important;
}

body:not(.home) .page-hero p{
  max-width:720px!important;
  margin:0!important;
  color:#475569!important;
  font-size:16px!important;
  line-height:1.75!important;
  text-align:left!important;
}

.review-pill-wrap{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:18px!important;
}

.review-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  color:#0d1b3e!important;
  font-size:12px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(13,27,62,.06)!important;
  transition:transform .16s ease, box-shadow .16s ease!important;
}

.review-pill:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(13,27,62,.10)!important;
}

.reviews-hero-card{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:26px!important;
  padding:22px!important;
  box-shadow:0 24px 60px rgba(13,27,62,.13)!important;
  backdrop-filter:blur(14px)!important;
}

.reviews-hero-card .stat-stack-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:12px 0!important;
  border-bottom:1px solid rgba(13,27,62,.08)!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:700!important;
}

.reviews-hero-card .stat-stack-row:last-child{
  border-bottom:0!important;
}

.reviews-hero-card .stat-stack-row strong{
  color:#0d1b3e!important;
  font-size:20px!important;
  font-weight:950!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
}

.review-hero-photo-grid{
  max-width:1180px!important;
  margin:0 auto 28px!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

.review-hero-photo-card{
  height:150px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#eaf0fb!important;
  border:1px solid rgba(13,27,62,.08)!important;
  box-shadow:0 14px 34px rgba(13,27,62,.10)!important;
}

.review-hero-photo-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

@media(max-width:900px){
  body:not(.home) .page-hero-flex{
    grid-template-columns:1fr!important;
    padding:46px 18px 30px!important;
  }

  .reviews-hero-card{
    max-width:520px!important;
  }

  .review-hero-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:0 18px!important;
  }
}

@media(max-width:640px){
  body:not(.home) .page-hero h1{
    font-size:clamp(2.2rem,11vw,3.2rem)!important;
  }

  body:not(.home) .page-hero p{
    font-size:15px!important;
  }

  .review-pill-wrap{
    gap:8px!important;
  }

  .review-pill{
    font-size:11.5px!important;
    padding:7px 10px!important;
  }

  .review-hero-photo-card{
    height:124px!important;
    border-radius:18px!important;
  }
}


/* =========================================================
   REVIEWS HOMEPAGE REDESIGN — FEATURED TOP 5 CARDS
   ========================================================= */

.rv-featured{
  display:flex!important;
  flex-direction:column!important;
  gap:26px!important;
  margin:26px 0 34px!important;
}

.rv-featured .rev-section{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:
    0 2px 8px rgba(13,27,62,.04),
    0 22px 58px rgba(13,27,62,.10)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}

.rv-featured .rev-section:hover{
  transform:translateY(-3px)!important;
  box-shadow:
    0 8px 20px rgba(13,27,62,.07),
    0 34px 76px rgba(13,27,62,.14)!important;
}

.rv-featured .rev-section.top-pick{
  border:1px solid rgba(30,75,212,.24)!important;
  box-shadow:
    0 0 0 4px rgba(30,75,212,.055),
    0 28px 72px rgba(30,75,212,.16)!important;
}

.rv-featured .rev-section-head{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:22px 24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border-bottom:1px solid rgba(13,27,62,.08)!important;
}

.rv-featured .rev-rank{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  box-shadow:0 12px 26px rgba(13,27,62,.18)!important;
}

.rv-featured .top-pick .rev-rank{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.rv-featured .rev-logo{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(13,27,62,.14)!important;
  flex:0 0 auto!important;
}

.rv-featured .rev-name-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.rv-featured .rev-name{
  margin:0!important;
  color:#0d1b3e!important;
  font-size:clamp(1.55rem,2.5vw,2.15rem)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.rv-featured .rev-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(30,75,212,.08)!important;
  color:#1e4bd4!important;
  border:1px solid rgba(30,75,212,.14)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}

.rv-featured .rev-tagline{
  margin:7px 0 0!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.rv-featured .rev-score-block{
  min-width:96px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  text-align:center!important;
  box-shadow:0 14px 32px rgba(13,27,62,.18)!important;
}

.rv-featured .rev-score{
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:950!important;
}

.rv-featured .rev-stars{
  color:#ffcf4a!important;
  font-size:12px!important;
  letter-spacing:.5px!important;
  margin-top:4px!important;
}

.rv-featured .rev-score-lbl{
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  font-weight:800!important;
  margin-top:4px!important;
}

.rv-featured .rev-section-body{
  display:grid!important;
  grid-template-columns:minmax(260px,34%) minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
}

.rv-featured .rev-image-slot{
  position:relative!important;
  min-height:100%!important;
  height:auto!important;
  border-radius:0!important;
  border-right:1px solid rgba(13,27,62,.08)!important;
  border-bottom:0!important;
  overflow:hidden!important;
  background:#eef4ff!important;
}

.rv-featured .rev-image-slot img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.rv-featured .rev-content{
  padding:24px!important;
}

.rv-featured .rev-intro{
  margin:0 0 18px!important;
  color:#334155!important;
  font-size:14.5px!important;
  line-height:1.75!important;
}

.rv-featured .rev-quick-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
}

.rv-featured .rev-qstat{
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  border-radius:16px!important;
  padding:14px!important;
  box-shadow:0 10px 24px rgba(13,27,62,.06)!important;
}

.rv-featured .rev-qtop{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#1e4bd4!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  margin-bottom:7px!important;
}

.rv-featured .rev-qval{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.35!important;
}

.rv-featured .rev-procon{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin:0 0 18px!important;
}

.rv-featured .rev-pros,
.rv-featured .rev-cons{
  border-radius:18px!important;
  padding:16px!important;
  box-shadow:0 10px 24px rgba(13,27,62,.05)!important;
}

.rv-featured .rev-pros{
  background:linear-gradient(135deg,#f0fdf4,#ffffff)!important;
  border:1px solid rgba(22,163,74,.18)!important;
}

.rv-featured .rev-cons{
  background:linear-gradient(135deg,#fff7ed,#ffffff)!important;
  border:1px solid rgba(249,115,22,.18)!important;
}

.rv-featured .rev-procon-h{
  font-size:13px!important;
  font-weight:950!important;
  color:#0d1b3e!important;
  margin-bottom:10px!important;
}

.rv-featured .rev-procon ul{
  margin:0!important;
  padding-left:18px!important;
}

.rv-featured .rev-procon li{
  color:#475569!important;
  font-size:13px!important;
  line-height:1.5!important;
  margin:0 0 6px!important;
}

.rv-featured .rev-verdict{
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:18px!important;
  padding:16px!important;
  margin-bottom:18px!important;
}

.rv-featured .rev-verdict-h{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:950!important;
  margin-bottom:6px!important;
}

.rv-featured .rev-verdict p{
  margin:0!important;
  color:#475569!important;
  font-size:13.5px!important;
  line-height:1.6!important;
}

.rv-featured .rev-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.rv-featured .rev-cta-primary,
.rv-featured .rev-cta-secondary{
  min-height:44px!important;
  border-radius:13px!important;
  padding:12px 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}

.rv-featured .rev-cta-primary{
  background:linear-gradient(135deg,#1e4bd4,#315fe8)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(30,75,212,.24)!important;
}

.rv-featured .rev-cta-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(13,27,62,.12)!important;
}

@media(max-width:980px){
  .rv-featured .rev-section-body{
    grid-template-columns:1fr!important;
  }

  .rv-featured .rev-image-slot{
    min-height:260px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(13,27,62,.08)!important;
  }

  .rv-featured .rev-image-slot img{
    position:absolute!important;
  }

  .rv-featured .rev-quick-stats{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  .rv-featured .rev-section-head{
    grid-template-columns:auto minmax(0,1fr)!important;
    padding:18px!important;
  }

  .rv-featured .rev-logo{
    width:46px!important;
    height:46px!important;
  }

  .rv-featured .rev-score-block{
    grid-column:1 / -1!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:left!important;
  }

  .rv-featured .rev-image-slot{
    min-height:220px!important;
  }

  .rv-featured .rev-content{
    padding:18px!important;
  }

  .rv-featured .rev-procon{
    grid-template-columns:1fr!important;
  }

  .rv-featured .rev-actions{
    flex-direction:column!important;
  }

  .rv-featured .rev-cta-primary,
  .rv-featured .rev-cta-secondary{
    width:100%!important;
  }
}


/* =========================================================
   REVIEWS HOMEPAGE REDESIGN — TRUST + SIDEBAR
   ========================================================= */

.reviews-methodology{
  margin:10px 0 34px!important;
}

.reviews-methodology-inner{
  background:
    radial-gradient(circle at top right, rgba(30,75,212,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:30px!important;
  padding:34px!important;
  box-shadow:
    0 4px 12px rgba(13,27,62,.04),
    0 26px 64px rgba(13,27,62,.10)!important;
}

.reviews-methodology-kicker{
  color:#1e4bd4!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
}

.reviews-methodology h2{
  margin:0 0 16px!important;
  color:#0d1b3e!important;
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}

.reviews-methodology p{
  color:#475569!important;
  font-size:15px!important;
  line-height:1.85!important;
}

.reviews-methodology-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:26px!important;
}

.method-stat{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:18px!important;
  padding:18px!important;
  text-align:center!important;
  box-shadow:0 12px 26px rgba(13,27,62,.05)!important;
}

.method-stat strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:950!important;
  margin-bottom:8px!important;
}

.method-stat span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}

.sidebar{
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
}

.s-card{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:
    0 2px 8px rgba(13,27,62,.04),
    0 18px 48px rgba(13,27,62,.10)!important;
}

.s-head{
  background:linear-gradient(135deg,#0d1b3e,#14244f)!important;
  color:#fff!important;
  padding:16px 18px!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}

.s-body{
  padding:18px!important;
}

.quiz-box{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(135deg,#0d1b3e 0%,#1e4bd4 100%)!important;
  border-radius:26px!important;
  padding:28px 22px!important;
  box-shadow:
    0 20px 54px rgba(30,75,212,.24)!important;
}

.quiz-box h3{
  color:#fff!important;
  font-size:1.5rem!important;
  line-height:1.1!important;
  font-weight:950!important;
  margin-bottom:12px!important;
}

.quiz-box p{
  color:rgba(255,255,255,.82)!important;
  font-size:14px!important;
  line-height:1.7!important;
  margin-bottom:18px!important;
}

.quiz-box a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(13,27,62,.18)!important;
}

@media(max-width:900px){
  .reviews-methodology-inner{
    padding:24px!important;
  }

  .reviews-methodology-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  .reviews-methodology h2{
    font-size:2rem!important;
  }

  .reviews-methodology-stats{
    grid-template-columns:1fr!important;
  }

  .quiz-box{
    padding:22px 18px!important;
  }
}

/* =========================================================
   REVIEWS HOMEPAGE REDESIGN — AI CTA BAND
   ========================================================= */

.reviews-ai-cta{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:center!important;
  margin:34px 0!important;
  padding:30px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg,#0d1b3e 0%,#1e4bd4 62%,#e4197e 125%)!important;
  box-shadow:
    0 8px 24px rgba(13,27,62,.12),
    0 30px 76px rgba(30,75,212,.22)!important;
}

.reviews-ai-cta::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:29px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  pointer-events:none!important;
}

.reviews-ai-cta-copy,
.reviews-ai-cta-actions{
  position:relative!important;
  z-index:2!important;
}

.reviews-ai-cta-kicker{
  color:rgba(255,255,255,.74)!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:10px!important;
}

.reviews-ai-cta h2{
  margin:0 0 10px!important;
  color:#fff!important;
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}

.reviews-ai-cta p{
  max-width:680px!important;
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.75!important;
}

.reviews-ai-cta-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:210px!important;
}

.reviews-ai-primary,
.reviews-ai-secondary{
  min-height:48px!important;
  border-radius:14px!important;
  padding:13px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

.reviews-ai-primary{
  background:#fff!important;
  color:#0d1b3e!important;
  box-shadow:0 14px 32px rgba(13,27,62,.22)!important;
}

.reviews-ai-secondary{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
}

@media(max-width:800px){
  .reviews-ai-cta{
    grid-template-columns:1fr!important;
    padding:24px!important;
  }

  .reviews-ai-cta-actions{
    min-width:0!important;
  }
}

@media(max-width:560px){
  .reviews-ai-cta{
    border-radius:24px!important;
    padding:22px!important;
  }

  .reviews-ai-cta h2{
    font-size:2rem!important;
  }
}


/* =========================================================
   REVIEWS HOMEPAGE — FINAL IMAGE CONSTRAINTS
   ========================================================= */

.review-hero-photo-grid{
  max-width:1180px!important;
  margin:0 auto 18px!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.review-hero-photo-card{
  position:relative!important;
  height:88px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#eef2ff!important;
}

.review-hero-photo-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.premium-condensed-photo{
  position:relative!important;
  height:185px!important;
  overflow:hidden!important;
  border-radius:24px 24px 0 0!important;
}

.premium-condensed-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

@media(max-width:900px){

  .review-hero-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .review-hero-photo-card{
    height:82px!important;
  }

  .premium-condensed-photo{
    height:170px!important;
  }
}

@media(max-width:640px){

  .review-hero-photo-grid{
    display:none!important;
  }

  .premium-condensed-photo{
    height:190px!important;
  }
}

/* Reviews image final sizing adjustment */
.review-hero-photo-card{
  height:120px!important;
  max-height:120px!important;
}

.premium-condensed-photo{
  height:215px!important;
  max-height:215px!important;
}

@media(max-width:900px){
  .review-hero-photo-card{
    height:110px!important;
    max-height:110px!important;
  }

  .premium-condensed-photo{
    height:200px!important;
    max-height:200px!important;
  }
}

@media(max-width:640px){
  .premium-condensed-photo{
    height:210px!important;
    max-height:210px!important;
  }
}

/* Reviews image crop positioning fixes */
.review-hero-photo-card img{
  object-position:center 35%!important;
}

.premium-condensed-photo img{
  object-position:center 32%!important;
}

img[src*="tinder-condensed"]{
  object-position:center 18%!important;
}

img[src*="her-condensed"]{
  object-position:center 58%!important;
}

img[src*="the-league-condensed"]{
  object-position:center 18%!important;
}

img[src*="nathan-mcbride"]{
  object-position:center 28%!important;
}

img[src*="jagjit-singh"]{
  object-position:center 24%!important;
}

img[src*="travis-grossen"]{
  object-position:center 28%!important;
}

img[src*="U2Sp2PdHDTnDosDzJ3xk7EWh"]{
  object-position:center 24%!important;
}

/* =========================================================
   REVIEWS FINAL PHOTO LAYOUT TUNING
   ========================================================= */

/* Main 4 hero photos ~25% larger */
.review-hero-photo-card{
  height:150px!important;
  max-height:150px!important;
}

/* Top 5 featured review photos should fully fill left side */
.rv-featured .rev-image-slot{
  min-height:100%!important;
  height:100%!important;
  display:flex!important;
}

.rv-featured .rev-image-slot img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
}

/* Condensed cards slightly larger */
.premium-condensed-photo{
  height:235px!important;
  max-height:235px!important;
}

/* HER image move lower for face visibility */
img[src*="her-condensed"]{
  object-position:center 72%!important;
}

/* Tinder */
img[src*="tinder-condensed"]{
  object-position:center 16%!important;
}

/* The League */
img[src*="the-league-condensed"]{
  object-position:center 14%!important;
}

@media(max-width:900px){

  .review-hero-photo-card{
    height:130px!important;
    max-height:130px!important;
  }

  .premium-condensed-photo{
    height:210px!important;
    max-height:210px!important;
  }
}

@media(max-width:640px){

  .premium-condensed-photo{
    height:220px!important;
    max-height:220px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 PHOTO FIX
   ========================================================= */

.rv-featured .rev-section-body{
  grid-template-columns:38% minmax(0,1fr)!important;
  min-height:420px!important;
}

.rv-featured .rev-image-slot{
  width:100%!important;
  height:100%!important;
  min-height:420px!important;
  max-height:none!important;
  display:block!important;
}

.rv-featured .rev-image-slot img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#hinge .rev-image-slot img{
  object-position:center 36%!important;
}

#bumble .rev-image-slot img{
  object-position:center 30%!important;
}

#match .rev-image-slot img{
  object-position:center 28%!important;
}

#grindr .rev-image-slot img{
  object-position:center 26%!important;
}

#eharmony .rev-image-slot img{
  object-position:center 34%!important;
}

@media(max-width:980px){
  .rv-featured .rev-section-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  .rv-featured .rev-image-slot{
    height:280px!important;
    min-height:280px!important;
  }
}

@media(max-width:640px){
  .rv-featured .rev-image-slot{
    height:230px!important;
    min-height:230px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 FEATURED PHOTO OVERRIDE
   ========================================================= */

.rv-featured .rev-featured-photo{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#eef4ff!important;
  border:0!important;
  border-radius:0!important;
}

.rv-featured .rev-featured-photo::before{
  display:none!important;
}

.rv-featured .rev-featured-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

#hinge .rev-featured-photo img{
  object-position:center 34%!important;
}

#bumble .rev-featured-photo img{
  object-position:center 26%!important;
}

#match .rev-featured-photo img{
  object-position:center 24%!important;
}

#grindr .rev-featured-photo img{
  object-position:center 22%!important;
}

#eharmony .rev-featured-photo img{
  object-position:center 32%!important;
}

@media(max-width:980px){
  .rv-featured .rev-featured-photo{
    height:280px!important;
    min-height:280px!important;
  }
}

@media(max-width:640px){
  .rv-featured .rev-featured-photo{
    height:230px!important;
    min-height:230px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 GRINDR / EHARMONY IMAGE NORMALIZATION
   ========================================================= */

#grindr.rev-featured-card .rev-section-body,
#eharmony.rev-featured-card .rev-section-body{
  display:grid!important;
  grid-template-columns:38% minmax(0,1fr)!important;
  min-height:420px!important;
  align-items:stretch!important;
}

#grindr.rev-featured-card .rev-featured-photo,
#eharmony.rev-featured-card .rev-featured-photo{
  width:100%!important;
  height:100%!important;
  min-height:420px!important;
  max-height:420px!important;
  background:#eef4ff!important;
  overflow:hidden!important;
  display:block!important;
}

#grindr.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-featured-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  background:transparent!important;
}

#grindr.rev-featured-card .rev-featured-photo img{
  object-position:center 24%!important;
}

#eharmony.rev-featured-card .rev-featured-photo img{
  object-position:center 28%!important;
}

@media(max-width:980px){
  #grindr.rev-featured-card .rev-section-body,
  #eharmony.rev-featured-card .rev-section-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  #grindr.rev-featured-card .rev-featured-photo,
  #eharmony.rev-featured-card .rev-featured-photo{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
}

@media(max-width:640px){
  #grindr.rev-featured-card .rev-featured-photo,
  #eharmony.rev-featured-card .rev-featured-photo{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 FINAL IMAGE SIZE NORMALIZATION
   ========================================================= */

.rv-featured .rev-section-body,
#grindr.rev-featured-card .rev-section-body,
#eharmony.rev-featured-card .rev-section-body{
  grid-template-columns:34% minmax(0,1fr)!important;
  min-height:320px!important;
}

.rv-featured .rev-featured-photo,
#grindr.rev-featured-card .rev-featured-photo,
#eharmony.rev-featured-card .rev-featured-photo{
  height:320px!important;
  min-height:320px!important;
  max-height:320px!important;
}

.rv-featured .rev-featured-photo img,
#grindr.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-featured-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

@media(max-width:980px){
  .rv-featured .rev-section-body,
  #grindr.rev-featured-card .rev-section-body,
  #eharmony.rev-featured-card .rev-section-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  .rv-featured .rev-featured-photo,
  #grindr.rev-featured-card .rev-featured-photo,
  #eharmony.rev-featured-card .rev-featured-photo{
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }
}

@media(max-width:640px){
  .rv-featured .rev-featured-photo,
  #grindr.rev-featured-card .rev-featured-photo,
  #eharmony.rev-featured-card .rev-featured-photo{
    height:210px!important;
    min-height:210px!important;
    max-height:210px!important;
  }
}

/* =========================================================
   REVIEWS FINAL TOP 5 PHOTO ALIGNMENT + HER CENTERING
   ========================================================= */

#hinge.rev-featured-card .rev-section-body,
#bumble.rev-featured-card .rev-section-body,
#match.rev-featured-card .rev-section-body,
#grindr.rev-featured-card .rev-section-body,
#eharmony.rev-featured-card .rev-section-body{
  display:grid!important;
  grid-template-columns:36% minmax(0,1fr)!important;
  min-height:360px!important;
  align-items:stretch!important;
}

#hinge.rev-featured-card .rev-featured-photo,
#bumble.rev-featured-card .rev-featured-photo,
#match.rev-featured-card .rev-featured-photo,
#grindr.rev-featured-card .rev-featured-photo,
#eharmony.rev-featured-card .rev-featured-photo{
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  width:100%!important;
  overflow:hidden!important;
}

#hinge.rev-featured-card .rev-featured-photo img,
#bumble.rev-featured-card .rev-featured-photo img,
#match.rev-featured-card .rev-featured-photo img,
#grindr.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-featured-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  max-width:none!important;
  max-height:none!important;
}

/* HER condensed card centered */
img[src*="her-condensed"]{
  object-position:center center!important;
}

@media(max-width:980px){
  #hinge.rev-featured-card .rev-section-body,
  #bumble.rev-featured-card .rev-section-body,
  #match.rev-featured-card .rev-section-body,
  #grindr.rev-featured-card .rev-section-body,
  #eharmony.rev-featured-card .rev-section-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  #hinge.rev-featured-card .rev-featured-photo,
  #bumble.rev-featured-card .rev-featured-photo,
  #match.rev-featured-card .rev-featured-photo,
  #grindr.rev-featured-card .rev-featured-photo,
  #eharmony.rev-featured-card .rev-featured-photo{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
}

@media(max-width:640px){
  #hinge.rev-featured-card .rev-featured-photo,
  #bumble.rev-featured-card .rev-featured-photo,
  #match.rev-featured-card .rev-featured-photo,
  #grindr.rev-featured-card .rev-featured-photo,
  #eharmony.rev-featured-card .rev-featured-photo{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 WIDTH SYNC + HER CROP FIX
   ========================================================= */

#hinge.rev-featured-card .rev-section-body,
#bumble.rev-featured-card .rev-section-body,
#match.rev-featured-card .rev-section-body,
#grindr.rev-featured-card .rev-section-body,
#eharmony.rev-featured-card .rev-section-body{
  grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
}

#hinge.rev-featured-card .rev-featured-photo,
#bumble.rev-featured-card .rev-featured-photo,
#match.rev-featured-card .rev-featured-photo,
#grindr.rev-featured-card .rev-featured-photo,
#eharmony.rev-featured-card .rev-featured-photo{
  width:100%!important;
  max-width:100%!important;
}

/* Move HER image down so the head is not cut off */
img[src*="her-condensed"]{
  object-position:center 78%!important;
}

@media(max-width:980px){
  #hinge.rev-featured-card .rev-section-body,
  #bumble.rev-featured-card .rev-section-body,
  #match.rev-featured-card .rev-section-body,
  #grindr.rev-featured-card .rev-section-body,
  #eharmony.rev-featured-card .rev-section-body{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 HEADER NORMALIZATION + HER CROP CORRECTION
   ========================================================= */

/* Move HER image up */
img[src*="her-condensed"]{
  object-position:center 42%!important;
}

/* Force Grindr and eHarmony headers to match cards 1–3 */
#grindr.rev-featured-card .rev-section-head,
#eharmony.rev-featured-card .rev-section-head{
  display:grid!important;
  grid-template-columns:48px 54px minmax(0,1fr) 96px!important;
  gap:16px!important;
  align-items:center!important;
  padding:22px 24px!important;
  overflow:hidden!important;
}

#grindr.rev-featured-card .rev-title-block,
#eharmony.rev-featured-card .rev-title-block{
  min-width:0!important;
  overflow:hidden!important;
}

#grindr.rev-featured-card .rev-name-row,
#eharmony.rev-featured-card .rev-name-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}

#grindr.rev-featured-card .rev-name,
#eharmony.rev-featured-card .rev-name{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#grindr.rev-featured-card .rev-badge,
#eharmony.rev-featured-card .rev-badge{
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.15!important;
}

#grindr.rev-featured-card .rev-score-block,
#eharmony.rev-featured-card .rev-score-block{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
}

/* Make all top-5 cards use the same image/content split */
#hinge.rev-featured-card .rev-section-body,
#bumble.rev-featured-card .rev-section-body,
#match.rev-featured-card .rev-section-body,
#grindr.rev-featured-card .rev-section-body,
#eharmony.rev-featured-card .rev-section-body{
  grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
  align-items:stretch!important;
}

@media(max-width:980px){
  #grindr.rev-featured-card .rev-section-head,
  #eharmony.rev-featured-card .rev-section-head{
    grid-template-columns:48px 54px minmax(0,1fr)!important;
  }

  #grindr.rev-featured-card .rev-score-block,
  #eharmony.rev-featured-card .rev-score-block{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
  }

  #hinge.rev-featured-card .rev-section-body,
  #bumble.rev-featured-card .rev-section-body,
  #match.rev-featured-card .rev-section-body,
  #grindr.rev-featured-card .rev-section-body,
  #eharmony.rev-featured-card .rev-section-body{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:640px){
  #grindr.rev-featured-card .rev-section-head,
  #eharmony.rev-featured-card .rev-section-head{
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:18px!important;
  }

  #grindr.rev-featured-card .rev-logo,
  #eharmony.rev-featured-card .rev-logo{
    display:none!important;
  }
}

/* =========================================================
   REVIEWS CARDS 4-5 IMAGE CONTAINMENT FIX
   ========================================================= */

#grindr.rev-featured-card,
#eharmony.rev-featured-card{
  overflow:hidden!important;
}

#grindr.rev-featured-card .rev-featured-photo,
#eharmony.rev-featured-card .rev-featured-photo{
  position:relative!important;
  overflow:hidden!important;
  contain:paint!important;
  border-radius:0!important;
}

#grindr.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-featured-photo img{
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  clip-path:inset(0)!important;
}

/* =========================================================
   REVIEWS TOP 5 ABSOLUTE FINAL CARD NORMALIZATION
   ========================================================= */

.rv-featured > #hinge.rev-featured-card,
.rv-featured > #bumble.rev-featured-card,
.rv-featured > #match.rev-featured-card,
.rv-featured > #grindr.rev-featured-card,
.rv-featured > #eharmony.rev-featured-card{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.rv-featured > #hinge.rev-featured-card > .rev-section-body,
.rv-featured > #bumble.rev-featured-card > .rev-section-body,
.rv-featured > #match.rev-featured-card > .rev-section-body,
.rv-featured > #grindr.rev-featured-card > .rev-section-body,
.rv-featured > #eharmony.rev-featured-card > .rev-section-body{
  display:grid!important;
  grid-template-columns:36% 64%!important;
  min-height:360px!important;
  align-items:stretch!important;
}

.rv-featured > #hinge.rev-featured-card > .rev-section-body > .rev-featured-photo,
.rv-featured > #bumble.rev-featured-card > .rev-section-body > .rev-featured-photo,
.rv-featured > #match.rev-featured-card > .rev-section-body > .rev-featured-photo,
.rv-featured > #grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
.rv-featured > #eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
  position:relative!important;
  width:100%!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  overflow:hidden!important;
  background:#eef4ff!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}

.rv-featured > #hinge.rev-featured-card > .rev-section-body > .rev-featured-photo > img,
.rv-featured > #bumble.rev-featured-card > .rev-section-body > .rev-featured-photo > img,
.rv-featured > #match.rev-featured-card > .rev-section-body > .rev-featured-photo > img,
.rv-featured > #grindr.rev-featured-card > .rev-section-body > .rev-featured-photo > img,
.rv-featured > #eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
  transform:none!important;
  clip-path:none!important;
  border-radius:0!important;
}

.rv-featured > #grindr.rev-featured-card > .rev-section-body > .rev-featured-photo > img{
  object-position:center 28%!important;
}

.rv-featured > #eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo > img{
  object-position:center 32%!important;
}

@media(max-width:980px){
  .rv-featured > #hinge.rev-featured-card > .rev-section-body,
  .rv-featured > #bumble.rev-featured-card > .rev-section-body,
  .rv-featured > #match.rev-featured-card > .rev-section-body,
  .rv-featured > #grindr.rev-featured-card > .rev-section-body,
  .rv-featured > #eharmony.rev-featured-card > .rev-section-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  .rv-featured > #hinge.rev-featured-card > .rev-section-body > .rev-featured-photo,
  .rv-featured > #bumble.rev-featured-card > .rev-section-body > .rev-featured-photo,
  .rv-featured > #match.rev-featured-card > .rev-section-body > .rev-featured-photo,
  .rv-featured > #grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
  .rv-featured > #eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 PHOTO INSET FIX
   ========================================================= */

.rv-featured > .rev-featured-card > .rev-section-body{
  padding:18px!important;
  gap:18px!important;
  background:#fff!important;
}

.rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo{
  border-radius:22px!important;
  overflow:hidden!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
}

.rv-featured > .rev-featured-card > .rev-section-body > .rev-content{
  padding:0!important;
}

#grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
#eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
}

@media(max-width:980px){
  .rv-featured > .rev-featured-card > .rev-section-body{
    padding:16px!important;
  }

  .rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo{
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }
}

/* Reviews cards 4-5 final photo width match */
#grindr.rev-featured-card > .rev-section-body,
#eharmony.rev-featured-card > .rev-section-body{
  grid-template-columns:calc(36% - 9px) minmax(0,1fr)!important;
}

#grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
#eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
  width:calc(100% - 8px)!important;
  max-width:calc(100% - 8px)!important;
  margin-left:4px!important;
  margin-right:4px!important;
}

@media(max-width:980px){
  #grindr.rev-featured-card > .rev-section-body,
  #eharmony.rev-featured-card > .rev-section-body{
    grid-template-columns:1fr!important;
  }

  #grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
  #eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 FINAL PREMIUM CARD REDESIGN
   ========================================================= */

.rv-featured > .rev-featured-card{
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  overflow:hidden!important;
  box-shadow:
    0 4px 14px rgba(13,27,62,.05),
    0 26px 70px rgba(13,27,62,.12)!important;
}

.rv-featured > .rev-featured-card > .rev-section-head{
  padding:22px 24px!important;
  grid-template-columns:52px 58px minmax(0,1fr) 104px!important;
  gap:16px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%)!important;
}

.rv-featured > .rev-featured-card > .rev-section-body{
  display:grid!important;
  grid-template-columns:40% minmax(0,60%)!important;
  gap:20px!important;
  padding:20px!important;
  align-items:stretch!important;
  background:#fff!important;
}

.rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo{
  width:100%!important;
  max-width:100%!important;
  height:365px!important;
  min-height:365px!important;
  max-height:365px!important;
  margin:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#eef4ff!important;
  box-shadow:inset 0 0 0 1px rgba(13,27,62,.08)!important;
}

.rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
}

.rv-featured > .rev-featured-card > .rev-section-body > .rev-content{
  padding:0!important;
  min-width:0!important;
}

.rv-featured .rev-quick-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.rv-featured .rev-procon{
  grid-template-columns:1fr 1fr!important;
}

@media(max-width:980px){
  .rv-featured > .rev-featured-card > .rev-section-head{
    grid-template-columns:52px 58px minmax(0,1fr)!important;
  }

  .rv-featured > .rev-featured-card > .rev-score-block{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
  }

  .rv-featured > .rev-featured-card > .rev-section-body{
    grid-template-columns:1fr!important;
  }

  .rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
  }
}

@media(max-width:640px){
  .rv-featured > .rev-featured-card > .rev-section-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }

  .rv-featured > .rev-featured-card .rev-logo{
    display:none!important;
  }

  .rv-featured .rev-quick-stats,
  .rv-featured .rev-procon{
    grid-template-columns:1fr!important;
  }

  .rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
}

/* =========================================================
   REVIEWS SIDEBAR CLIPPING FIX
   ========================================================= */

.two-col{
  align-items:start!important;
  overflow:visible!important;
}

.sidebar{
  position:sticky!important;
  top:96px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:24px!important;
}

.sidebar .s-card,
.sidebar .quiz-box{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.sidebar .s-body{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.sidebar .s-row{
  min-height:auto!important;
  height:auto!important;
  white-space:normal!important;
  overflow:visible!important;
}

.sidebar .s-app,
.sidebar .s-score,
.sidebar span,
.sidebar a{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.quiz-box{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

.quiz-box h3,
.quiz-box p,
.quiz-box a{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media(max-width:900px){
  .sidebar{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   REVIEWS HERO COMPARISON HUB SIZE REDUCTION
   ========================================================= */

.reviews-hero-card{
  max-width:270px!important;
  padding:16px!important;
  border-radius:22px!important;
  box-shadow:0 16px 42px rgba(13,27,62,.10)!important;
}

.reviews-hero-card .stat-stack-row{
  padding:8px 0!important;
  font-size:12px!important;
  gap:12px!important;
}

.reviews-hero-card .stat-stack-row strong{
  font-size:16px!important;
  font-weight:900!important;
}

body:not(.home) .page-hero-flex{
  grid-template-columns:minmax(0,1fr) 280px!important;
}

@media(max-width:900px){
  body:not(.home) .page-hero-flex{
    grid-template-columns:1fr!important;
  }

  .reviews-hero-card{
    max-width:100%!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 BODY PREMIUM RESTORE
   ========================================================= */

.rv-featured .rev-section-body{
  display:grid!important;
  grid-template-columns:36% minmax(0,64%)!important;
  gap:18px!important;
  padding:18px!important;
  align-items:stretch!important;
  background:#fff!important;
}

.rv-featured .rev-image-slot{
  position:relative!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#eef4ff!important;
  border:0!important;
  margin:0!important;
}

.rv-featured .rev-image-slot img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
}

.rv-featured .rev-content{
  padding:0!important;
  min-width:0!important;
}

.rv-featured .rev-intro{
  margin:0 0 14px!important;
  color:#334155!important;
  font-size:13.5px!important;
  line-height:1.65!important;
}

.rv-featured .rev-quick-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}

.rv-featured .rev-qstat{
  background:#f8fbff!important;
  border:1px solid rgba(30,75,212,.12)!important;
  border-radius:14px!important;
  padding:12px!important;
  box-shadow:none!important;
}

.rv-featured .rev-qtop{
  margin-bottom:5px!important;
  color:#1e4bd4!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

.rv-featured .rev-qval{
  color:#0d1b3e!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
}

.rv-featured .rev-procon{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0 0 14px!important;
}

.rv-featured .rev-pros,
.rv-featured .rev-cons{
  border-radius:15px!important;
  padding:13px!important;
  box-shadow:none!important;
}

.rv-featured .rev-pros{
  background:linear-gradient(135deg,#f0fdf4,#ffffff)!important;
  border:1px solid rgba(22,163,74,.18)!important;
}

.rv-featured .rev-cons{
  background:linear-gradient(135deg,#fff7ed,#ffffff)!important;
  border:1px solid rgba(249,115,22,.18)!important;
}

.rv-featured .rev-procon-h{
  color:#0d1b3e!important;
  font-size:12px!important;
  font-weight:950!important;
  margin-bottom:8px!important;
}

.rv-featured .rev-procon ul{
  margin:0!important;
  padding-left:18px!important;
}

.rv-featured .rev-procon li{
  color:#475569!important;
  font-size:12px!important;
  line-height:1.45!important;
  margin-bottom:4px!important;
}

.rv-featured .rev-verdict{
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:15px!important;
  padding:13px!important;
  margin:0 0 14px!important;
}

.rv-featured .rev-verdict-h{
  color:#0d1b3e!important;
  font-size:12px!important;
  font-weight:950!important;
  margin-bottom:6px!important;
}

.rv-featured .rev-verdict p{
  margin:0!important;
  color:#475569!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

.rv-featured .rev-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.rv-featured .rev-cta-primary,
.rv-featured .rev-cta-secondary{
  min-height:40px!important;
  border-radius:11px!important;
  padding:10px 14px!important;
  font-size:12px!important;
  font-weight:900!important;
}

@media(max-width:980px){
  .rv-featured .rev-section-body{
    grid-template-columns:1fr!important;
  }

  .rv-featured .rev-image-slot{
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }

  .rv-featured .rev-quick-stats,
  .rv-featured .rev-procon{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   CONDENSED REVIEW FLOATING LOGO FIX
   ========================================================= */

.premium-floating-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.premium-floating-logo .app-logo{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Condensed reviews: show logo only, no white tile */
.premium-floating-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  width:44px!important;
  height:44px!important;
  border-radius:0!important;
}

.premium-floating-logo .app-logo{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:12px!important;
  box-shadow:0 10px 24px rgba(13,27,62,.18)!important;
}

/* =========================================================
   FINAL TOP 5 NORMALIZATION
   SINGLE SOURCE OF TRUTH
   ========================================================= */

.rv-featured > .rev-featured-card{
  overflow:hidden!important;
  border-radius:30px!important;
}

/* ---------- HEADER ---------- */

.rv-featured > .rev-featured-card > .rev-section-head{
  padding:24px 26px!important;
  align-items:center!important;
}

.rv-featured .rev-rank{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:50%!important;
  font-size:1.25rem!important;
  font-weight:900!important;
  color:#fff!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  -webkit-text-fill-color:#fff!important;
}

/* ---------- BODY LAYOUT ---------- */

.rv-featured > .rev-featured-card > .rev-section-body{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:22px!important;
  padding:0 26px 26px!important;
  align-items:start!important;
}

/* ---------- PHOTO ---------- */

.rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo{
  width:100%!important;
  height:320px!important;
  min-width:0!important;
  min-height:320px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  margin:0!important;
  background:#eef2ff!important;
}

.rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo > img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

/* ---------- FORCE #4/#5 TO MATCH ---------- */

#grindr.rev-featured-card > .rev-section-body,
#eharmony.rev-featured-card > .rev-section-body{
  grid-template-columns:320px minmax(0,1fr)!important;
  padding:0 26px 26px!important;
}

#grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
#eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  margin:0!important;
  border-radius:24px!important;
}

/* ---------- CONTENT ---------- */

.rv-featured > .rev-featured-card > .rev-section-body > .rev-content{
  padding:0!important;
  min-width:0!important;
}

.rv-featured .rev-intro{
  font-size:14px!important;
  line-height:1.75!important;
  margin-bottom:18px!important;
}

.rv-featured .rev-quick-stats{
  margin-bottom:18px!important;
}

.rv-featured .rev-procon{
  margin-bottom:18px!important;
}

.rv-featured .rev-verdict{
  margin-bottom:18px!important;
}

/* ---------- MOBILE ---------- */

@media(max-width:980px){

  .rv-featured > .rev-featured-card > .rev-section-body,
  #grindr.rev-featured-card > .rev-section-body,
  #eharmony.rev-featured-card > .rev-section-body{
    grid-template-columns:1fr!important;
  }

  .rv-featured > .rev-featured-card > .rev-section-body > .rev-featured-photo,
  #grindr.rev-featured-card > .rev-section-body > .rev-featured-photo,
  #eharmony.rev-featured-card > .rev-section-body > .rev-featured-photo{
    height:240px!important;
    min-height:240px!important;
  }
}

/* Top 5 cards 4/5 crop correction only */
#grindr.rev-featured-card .rev-featured-photo img,
#grindr.rev-featured-card .rev-image-slot img{
  object-position:center 18%!important;
}

#eharmony.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-image-slot img{
  object-position:center 24%!important;
}

/* Top 5 cards 4/5 crop correction only */
#grindr.rev-featured-card .rev-featured-photo img,
#grindr.rev-featured-card .rev-image-slot img{
  object-position:center 25%!important;
}

#eharmony.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-image-slot img{
  object-position:center 30%!important;
}

/* Top 5 cards 4/5 crop correction only */
#grindr.rev-featured-card .rev-featured-photo img,
#grindr.rev-featured-card .rev-image-slot img{
  object-position:center 14%!important;
}

#eharmony.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-image-slot img{
  object-position:center 15%!important;
}

/* Top 5 cards 4/5 horizontal crop correction */
#grindr.rev-featured-card .rev-featured-photo img,
#grindr.rev-featured-card .rev-image-slot img{
  object-position:42% 18%!important;
}

#eharmony.rev-featured-card .rev-featured-photo img,
#eharmony.rev-featured-card .rev-image-slot img{
  object-position:62% 24%!important;
}

/* =========================================================
   MATCHGAUGE TOP 5 — LOCKED CLEAN CARD SYSTEM
   This block overrides old duplicate Top 5 rules without
   touching the rest of the Reviews page.
   ========================================================= */

.rv-featured.mg-top5-lock{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
}

/* Card shell */
.rv-featured.mg-top5-lock > .rev-featured-card{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(15,23,42,.09)!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(13,27,62,.10)!important;
}

/* Header */
.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:24px 26px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
}

/* Force the rank number to always show */
.rv-featured.mg-top5-lock .rev-rank{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:0!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 14px 28px rgba(30,75,212,.24)!important;
  z-index:3!important;
}

.rv-featured.mg-top5-lock #hinge .rev-rank::after{content:"#1";}
.rv-featured.mg-top5-lock #bumble .rev-rank::after{content:"#2";}
.rv-featured.mg-top5-lock #match .rev-rank::after{content:"#3";}
.rv-featured.mg-top5-lock #grindr .rev-rank::after{content:"#4";}
.rv-featured.mg-top5-lock #eharmony .rev-rank::after{content:"#5";}

.rv-featured.mg-top5-lock .rev-rank::after{
  font-size:1.24rem!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Brand header */
.rv-featured.mg-top5-lock .rev-title-block{
  min-width:0!important;
}

.rv-featured.mg-top5-lock .rev-name-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}

.rv-featured.mg-top5-lock .rev-logo{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:14px!important;
  object-fit:contain!important;
}

.rv-featured.mg-top5-lock .rev-name{
  font-size:1.72rem!important;
  line-height:1.05!important;
  margin:0!important;
  color:#0d1b3e!important;
}

.rv-featured.mg-top5-lock .rev-badge{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.rv-featured.mg-top5-lock .rev-tagline{
  margin-top:7px!important;
  color:#64748b!important;
  font-size:.92rem!important;
}

/* Score */
.rv-featured.mg-top5-lock .rev-score-block{
  position:static!important;
  width:auto!important;
  min-width:122px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  text-align:center!important;
}

.rv-featured.mg-top5-lock .rev-score{
  color:#0d1b3e!important;
  font-size:1.52rem!important;
  line-height:1!important;
}

/* Body: same for 1–5 */
.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  padding:24px 26px 28px!important;
  margin:0!important;
  background:#fff!important;
}

/* Photo: same size for all 1–5 */
.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-featured-photo,
.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-image-slot{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:300px!important;
  min-height:300px!important;
  max-height:300px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#eef2ff!important;
  box-shadow:0 16px 34px rgba(13,27,62,.10)!important;
}

.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-featured-photo::before,
.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-image-slot::before{
  display:none!important;
}

.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-featured-photo > img,
.rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-image-slot > img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  transform:none!important;
}

/* Current crop defaults. We can fine-tune after image replacements. */
.rv-featured.mg-top5-lock #hinge .rev-featured-photo img{object-position:center 34%!important;}
.rv-featured.mg-top5-lock #bumble .rev-featured-photo img{object-position:center 30%!important;}
.rv-featured.mg-top5-lock #match .rev-featured-photo img{object-position:center 34%!important;}
.rv-featured.mg-top5-lock #grindr .rev-featured-photo img{object-position:center 34%!important;}
.rv-featured.mg-top5-lock #eharmony .rev-featured-photo img{object-position:center 34%!important;}

/* Content */
.rv-featured.mg-top5-lock .rev-content{
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}

.rv-featured.mg-top5-lock .rev-intro{
  margin:0 0 18px!important;
  font-size:.94rem!important;
  line-height:1.72!important;
  color:#334155!important;
}

.rv-featured.mg-top5-lock .rev-quick-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
}

.rv-featured.mg-top5-lock .rev-qstat{
  padding:14px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.07)!important;
  min-width:0!important;
}

.rv-featured.mg-top5-lock .rev-qtop{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
  color:#64748b!important;
  font-size:.72rem!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

.rv-featured.mg-top5-lock .rev-qval{
  color:#0d1b3e!important;
  font-size:.98rem!important;
  font-weight:900!important;
}

.rv-featured.mg-top5-lock .rev-procon{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin:0 0 18px!important;
}

.rv-featured.mg-top5-lock .rev-pros,
.rv-featured.mg-top5-lock .rev-cons{
  border-radius:20px!important;
  padding:16px!important;
  margin:0!important;
}

.rv-featured.mg-top5-lock .rev-pros{
  background:rgba(16,185,129,.08)!important;
  border:1px solid rgba(16,185,129,.16)!important;
}

.rv-featured.mg-top5-lock .rev-cons{
  background:rgba(244,63,94,.06)!important;
  border:1px solid rgba(244,63,94,.13)!important;
}

.rv-featured.mg-top5-lock .rev-procon-h{
  margin:0 0 10px!important;
  font-weight:900!important;
  color:#0d1b3e!important;
}

.rv-featured.mg-top5-lock .rev-procon ul{
  margin:0!important;
  padding-left:18px!important;
}

.rv-featured.mg-top5-lock .rev-procon li{
  margin:0 0 7px!important;
  color:#475569!important;
  font-size:.86rem!important;
  line-height:1.45!important;
}

.rv-featured.mg-top5-lock .rev-verdict{
  margin:0 0 18px!important;
  padding:16px 18px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.11)!important;
}

.rv-featured.mg-top5-lock .rev-verdict p{
  margin:0!important;
  color:#334155!important;
  line-height:1.6!important;
  font-size:.9rem!important;
}

.rv-featured.mg-top5-lock .rev-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}

.rv-featured.mg-top5-lock .rev-cta-primary,
.rv-featured.mg-top5-lock .rev-cta-secondary{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Mobile */
@media(max-width:980px){
  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-head{
    grid-template-columns:auto minmax(0,1fr)!important;
  }

  .rv-featured.mg-top5-lock .rev-score-block{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
  }

  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body{
    grid-template-columns:1fr!important;
  }

  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-featured-photo,
  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-image-slot{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
}

@media(max-width:640px){
  .rv-featured.mg-top5-lock{
    gap:22px!important;
  }

  .rv-featured.mg-top5-lock > .rev-featured-card{
    border-radius:24px!important;
  }

  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-head{
    padding:20px!important;
  }

  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body{
    padding:20px!important;
  }

  .rv-featured.mg-top5-lock .rev-name{
    font-size:1.42rem!important;
  }

  .rv-featured.mg-top5-lock .rev-quick-stats,
  .rv-featured.mg-top5-lock .rev-procon{
    grid-template-columns:1fr!important;
  }

  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-featured-photo,
  .rv-featured.mg-top5-lock > .rev-featured-card > .rev-section-body > .rev-image-slot{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
}

/* =========================================================
   GLOBAL NAV SHELL ALIGNMENT — MATCHGAUGE STANDARD
   Mirrors site.css because homepage loads css/home.css directly
   ========================================================= */

.nav{
  width:100%!important;
  box-sizing:border-box!important;
}

.nav-inner{
  width:min(1180px, calc(100% - 40px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.nav-inner > a:first-child{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

.nav-inner > a:first-child img{
  height:86px!important;
  width:auto!important;
  display:block!important;
}

.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:22px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

@media(max-width:900px){
  .nav-inner{
    width:calc(100% - 28px)!important;
  }

  .nav-links{
    gap:14px!important;
  }
}

/* =========================================================
   FINAL NAVBAR SIZE LOCK — HOMEPAGE CSS
   Mirrors site.css because homepage loads css/home.css
   ========================================================= */

.nav{
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
}

.nav-inner{
  height:96px!important;
  min-height:96px!important;
  width:min(1180px, calc(100% - 40px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
}

.nav-inner > a:first-child{
  height:96px!important;
  display:flex!important;
  align-items:center!important;
}

.nav-inner > a:first-child img{
  height:76px!important;
  max-height:76px!important;
  width:auto!important;
  display:block!important;
}

.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:22px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  padding:0!important;
  white-space:nowrap!important;
}

.nav-links .nav-cta,
.nav-links a.nav-cta{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:800!important;
}

.nav-links .nav-deals,
.nav-links a.nav-deals{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
}

@media(max-width:900px){
  .nav,
  .nav-inner,
  .nav-inner > a:first-child{
    height:88px!important;
    min-height:88px!important;
  }

  .nav-inner{
    width:calc(100% - 28px)!important;
  }

  .nav-inner > a:first-child img{
    height:68px!important;
    max-height:68px!important;
  }

  .nav-links{
    gap:14px!important;
  }

  .nav-links a{
    font-size:13px!important;
  }
}

/* =========================================================
   NAV CLEANUP — DEALS NORMAL LINK + CONSISTENT CTA
   Mirrors site.css for homepage.
   ========================================================= */

body .nav .nav-links a.nav-deals,
body .nav-links a.nav-deals,
nav .nav-links a.nav-deals{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#0d1b3e!important;
  padding:0!important;
  border-radius:0!important;
  min-height:38px!important;
  height:38px!important;
  font-size:14px!important;
  font-weight:800!important;
}

body .nav .nav-links a.nav-deals:hover,
body .nav-links a.nav-deals:hover,
nav .nav-links a.nav-deals:hover{
  background:transparent!important;
  color:#1e4bd4!important;
  box-shadow:none!important;
}

body .nav .nav-links a.nav-cta,
body .nav-links a.nav-cta,
nav .nav-links a.nav-cta{
  height:42px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4 0%,#7a22d4 48%,#e4197e 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(122,34,212,.22)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.nav-links a.nav-deals{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#0d1b3e!important;
  padding:0!important;
  border-radius:0!important;
}

.nav-links a.nav-cta{
  background:linear-gradient(135deg,#1e4bd4 0%,#7a22d4 48%,#e4197e 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 12px 28px rgba(122,34,212,.22)!important;
}

/* =========================================================
   REVIEWS TOP 5 — DIRECT LOGO HEADER FIX
   Logo is placed as its own header column beside the app name.
   ========================================================= */

.rv-featured > .rev-featured-card > .rev-section-head,
#grindr.rev-featured-card > .rev-section-head,
#eharmony.rev-featured-card > .rev-section-head{
  display:grid!important;
  grid-template-columns:56px 46px minmax(0,1fr) 118px!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:18px 22px!important;
  min-height:0!important;
  height:auto!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-sizing:border-box!important;
}

/* Rank column */
.rv-featured > .rev-featured-card .rev-rank{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:0!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(30,75,212,.18)!important;
  transform:none!important;
}

.rv-featured #hinge .rev-rank::after{content:"#1";}
.rv-featured #bumble .rev-rank::after{content:"#2";}
.rv-featured #match .rev-rank::after{content:"#3";}
.rv-featured #grindr .rev-rank::after{content:"#4";}
.rv-featured #eharmony .rev-rank::after{content:"#5";}

.rv-featured > .rev-featured-card .rev-rank::after{
  font-size:1.08rem!important;
  font-weight:900!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Logo column — force it beside title, never lower/right */
.rv-featured > .rev-featured-card .rev-logo{
  grid-column:2!important;
  grid-row:1!important;
  position:static!important;
  align-self:center!important;
  justify-self:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Title column */
.rv-featured > .rev-featured-card .rev-title-block{
  grid-column:3!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}

/* Name row should not try to place logo anymore */
.rv-featured > .rev-featured-card .rev-name-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.rv-featured > .rev-featured-card .rev-name{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:1.42rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#0d1b3e!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

/* Badge inline after app name */
.rv-featured > .rev-featured-card .rev-badge{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:24px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:.6rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transform:none!important;
}

.rv-featured > .rev-featured-card .rev-tagline{
  display:block!important;
  margin:7px 0 0!important;
  padding:0!important;
  font-size:.88rem!important;
  line-height:1.35!important;
  color:#64748b!important;
  max-width:100%!important;
}

/* MatchScore right column */
.rv-featured > .rev-featured-card .rev-score-block{
  grid-column:4!important;
  grid-row:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:end!important;
  align-self:center!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  margin:0!important;
  padding:10px 10px!important;
  text-align:center!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

.rv-featured > .rev-featured-card .rev-score{
  margin:0!important;
  font-size:1.34rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:#0d1b3e!important;
}

.rv-featured > .rev-featured-card .rev-stars{
  margin:4px 0 0!important;
  font-size:.7rem!important;
  line-height:1!important;
  color:#f59e0b!important;
}

.rv-featured > .rev-featured-card .rev-score-lbl{
  margin:4px 0 0!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  font-weight:900!important;
}

@media(max-width:760px){
  .rv-featured > .rev-featured-card > .rev-section-head,
  #grindr.rev-featured-card > .rev-section-head,
  #eharmony.rev-featured-card > .rev-section-head{
    grid-template-columns:54px 42px minmax(0,1fr)!important;
    row-gap:12px!important;
    padding:18px!important;
  }

  .rv-featured > .rev-featured-card .rev-score-block{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .rv-featured > .rev-featured-card .rev-name{
    font-size:1.28rem!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 — HEADER SPACING TUNE
   Rank gets breathing room; logo sits closer to app name.
   ========================================================= */

.rv-featured > .rev-featured-card > .rev-section-head,
#grindr.rev-featured-card > .rev-section-head,
#eharmony.rev-featured-card > .rev-section-head{
  grid-template-columns:58px 38px minmax(0,1fr) 118px!important;
  column-gap:10px!important;
}

/* Rank stays clean and not crowded */
.rv-featured > .rev-featured-card .rev-rank{
  justify-self:start!important;
}

/* Logo should sit closer to app name */
.rv-featured > .rev-featured-card .rev-logo{
  justify-self:end!important;
  margin-right:0!important;
}

/* App name block moves slightly closer to logo */
.rv-featured > .rev-featured-card .rev-title-block{
  margin-left:2px!important;
}

/* App name + badge internal spacing */
.rv-featured > .rev-featured-card .rev-name-row{
  gap:9px!important;
}

/* Score keeps right alignment */
.rv-featured > .rev-featured-card .rev-score-block{
  justify-self:end!important;
}

@media(max-width:760px){
  .rv-featured > .rev-featured-card > .rev-section-head,
  #grindr.rev-featured-card > .rev-section-head,
  #eharmony.rev-featured-card > .rev-section-head{
    grid-template-columns:54px 38px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 — LOGO OVERLAP FIX
   Logo column must be wider than the logo itself.
   ========================================================= */

.rv-featured > .rev-featured-card > .rev-section-head,
#grindr.rev-featured-card > .rev-section-head,
#eharmony.rev-featured-card > .rev-section-head{
  grid-template-columns:58px 48px minmax(0,1fr) 118px!important;
  column-gap:14px!important;
}

/* Keep rank isolated */
.rv-featured > .rev-featured-card .rev-rank{
  justify-self:start!important;
  width:54px!important;
  min-width:54px!important;
}

/* Logo gets its own full column and cannot bleed left */
.rv-featured > .rev-featured-card .rev-logo{
  grid-column:2!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  justify-self:center!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:hidden!important;
}

/* Pull app name slightly closer without touching logo column */
.rv-featured > .rev-featured-card .rev-title-block{
  margin-left:-2px!important;
}

@media(max-width:760px){
  .rv-featured > .rev-featured-card > .rev-section-head,
  #grindr.rev-featured-card > .rev-section-head,
  #eharmony.rev-featured-card > .rev-section-head{
    grid-template-columns:54px 46px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 — MATCH GRINDR / EHARMONY HEADER STYLE
   Applies the cleaner 4/5 header feel to all Top 5 cards.
   Condensed cards are untouched.
   ========================================================= */

.rv-featured > .rev-featured-card > .rev-section-head{
  display:grid!important;
  grid-template-columns:58px 62px minmax(0,1fr) 124px!important;
  align-items:center!important;
  column-gap:16px!important;
  row-gap:0!important;
  padding:18px 24px!important;
  min-height:92px!important;
  height:auto!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-sizing:border-box!important;
}

/* Rank badge */
.rv-featured > .rev-featured-card .rev-rank{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:0!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(30,75,212,.18)!important;
  transform:none!important;
  z-index:2!important;
}

.rv-featured #hinge .rev-rank::after{content:"#1";}
.rv-featured #bumble .rev-rank::after{content:"#2";}
.rv-featured #match .rev-rank::after{content:"#3";}
.rv-featured #grindr .rev-rank::after{content:"#4";}
.rv-featured #eharmony .rev-rank::after{content:"#5";}

.rv-featured > .rev-featured-card .rev-rank::after{
  font-size:1.08rem!important;
  font-weight:900!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Bigger app logo beside name */
.rv-featured > .rev-featured-card .rev-logo{
  grid-column:2!important;
  grid-row:1!important;
  position:static!important;
  align-self:center!important;
  justify-self:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:2!important;
}

/* App title block */
.rv-featured > .rev-featured-card .rev-title-block{
  grid-column:3!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}

.rv-featured > .rev-featured-card .rev-name-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.rv-featured > .rev-featured-card .rev-name{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:1.46rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#0d1b3e!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

/* Badge beside app name */
.rv-featured > .rev-featured-card .rev-badge{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:24px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:.6rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transform:none!important;
}

.rv-featured > .rev-featured-card .rev-tagline{
  display:block!important;
  margin:7px 0 0!important;
  padding:0!important;
  font-size:.88rem!important;
  line-height:1.35!important;
  color:#64748b!important;
  max-width:100%!important;
}

/* MatchScore stays right */
.rv-featured > .rev-featured-card .rev-score-block{
  grid-column:4!important;
  grid-row:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:end!important;
  align-self:center!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  margin:0!important;
  padding:10px 10px!important;
  text-align:center!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

.rv-featured > .rev-featured-card .rev-score{
  margin:0!important;
  font-size:1.34rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:#0d1b3e!important;
}

.rv-featured > .rev-featured-card .rev-stars{
  margin:4px 0 0!important;
  font-size:.7rem!important;
  line-height:1!important;
  color:#f59e0b!important;
}

.rv-featured > .rev-featured-card .rev-score-lbl{
  margin:4px 0 0!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  font-weight:900!important;
}

/* Mobile */
@media(max-width:760px){
  .rv-featured > .rev-featured-card > .rev-section-head{
    grid-template-columns:54px 54px minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:12px!important;
    padding:18px!important;
  }

  .rv-featured > .rev-featured-card .rev-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }

  .rv-featured > .rev-featured-card .rev-score-block{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .rv-featured > .rev-featured-card .rev-name{
    font-size:1.28rem!important;
  }
}

/* =========================================================
   REVIEWS TOP 5 — INLINE LOGO FIX
   Fixes cards #1–#3 where logo overlaps rank/name.
   Treats logo as part of the title row instead of a standalone grid column.
   ========================================================= */

/* Header becomes: rank | title block | MatchScore */
.rv-featured > .rev-featured-card > .rev-section-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 124px!important;
  align-items:center!important;
  column-gap:18px!important;
  padding:18px 24px!important;
  min-height:92px!important;
  height:auto!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-sizing:border-box!important;
}

/* Rank locked left */
.rv-featured > .rev-featured-card .rev-rank{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:0!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(30,75,212,.18)!important;
  transform:none!important;
  z-index:2!important;
}

.rv-featured #hinge .rev-rank::after{content:"#1";}
.rv-featured #bumble .rev-rank::after{content:"#2";}
.rv-featured #match .rev-rank::after{content:"#3";}
.rv-featured #grindr .rev-rank::after{content:"#4";}
.rv-featured #eharmony .rev-rank::after{content:"#5";}

.rv-featured > .rev-featured-card .rev-rank::after{
  font-size:1.08rem!important;
  font-weight:900!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Title block locked middle */
.rv-featured > .rev-featured-card .rev-title-block{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}

/* The logo must live inline beside the app name */
.rv-featured > .rev-featured-card .rev-name-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
}

/* Logo is no longer positioned into the parent header grid */
.rv-featured > .rev-featured-card .rev-logo{
  position:static!important;
  grid-column:auto!important;
  grid-row:auto!important;
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  display:inline-block!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:1!important;
}

/* App name sits beside logo */
.rv-featured > .rev-featured-card .rev-name{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:1.46rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#0d1b3e!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

/* Badge comes after app name, still inline */
.rv-featured > .rev-featured-card .rev-badge{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:24px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:.6rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transform:none!important;
}

/* Tagline under name row */
.rv-featured > .rev-featured-card .rev-tagline{
  display:block!important;
  margin:7px 0 0!important;
  padding:0!important;
  font-size:.88rem!important;
  line-height:1.35!important;
  color:#64748b!important;
  max-width:100%!important;
}

/* MatchScore locked right */
.rv-featured > .rev-featured-card .rev-score-block{
  grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:end!important;
  align-self:center!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  margin:0!important;
  padding:10px 10px!important;
  text-align:center!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

.rv-featured > .rev-featured-card .rev-score{
  margin:0!important;
  font-size:1.34rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:#0d1b3e!important;
}

.rv-featured > .rev-featured-card .rev-stars{
  margin:4px 0 0!important;
  font-size:.7rem!important;
  line-height:1!important;
  color:#f59e0b!important;
}

.rv-featured > .rev-featured-card .rev-score-lbl{
  margin:4px 0 0!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  font-weight:900!important;
}

/* Mobile */
@media(max-width:760px){
  .rv-featured > .rev-featured-card > .rev-section-head{
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:12px!important;
    padding:18px!important;
  }

  .rv-featured > .rev-featured-card .rev-logo{
    flex-basis:48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }

  .rv-featured > .rev-featured-card .rev-score-block{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .rv-featured > .rev-featured-card .rev-name{
    font-size:1.28rem!important;
  }
}

/* =========================================================
   MATCHGAUGE REVIEWS TOP 5 — SCRATCH REDESIGN
   Isolated system. Does not touch condensed cards.
   ========================================================= */

.mg-top5-redesign{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  max-width:1120px!important;
  margin:0 auto 54px!important;
  padding:0!important;
}

.mg-top5-card{
  overflow:hidden!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 22px 60px rgba(13,27,62,.10)!important;
}

/* Header */
.mg-top5-header{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 128px!important;
  align-items:center!important;
  gap:20px!important;
  padding:22px 26px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}

.mg-top5-rank{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  font-size:1.16rem!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 14px 28px rgba(30,75,212,.22)!important;
}

.mg-top5-brand{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}

.mg-top5-logo-wrap{
  width:60px!important;
  height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 12px 26px rgba(13,27,62,.08)!important;
}

.mg-top5-logo-wrap .app-logo{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

.mg-top5-title{
  min-width:0!important;
}

.mg-top5-meta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:6px 10px!important;
  margin:0 0 7px!important;
  border-radius:999px!important;
  background:rgba(30,75,212,.08)!important;
  color:#1e4bd4!important;
  font-size:.62rem!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.mg-top5-title h3{
  margin:0!important;
  color:#0d1b3e!important;
  font-size:1.52rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

.mg-top5-title p{
  margin:7px 0 0!important;
  color:#64748b!important;
  font-size:.92rem!important;
  line-height:1.35!important;
}

.mg-top5-score{
  justify-self:end!important;
  width:120px!important;
  min-width:120px!important;
  padding:12px 10px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

.mg-top5-score strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.48rem!important;
  line-height:1!important;
  font-weight:900!important;
}

.mg-top5-score span{
  display:block!important;
  margin-top:5px!important;
  color:#64748b!important;
  font-size:.64rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Body */
.mg-top5-body{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:24px!important;
  padding:24px 26px 28px!important;
  align-items:stretch!important;
}

.mg-top5-photo{
  height:300px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#eef2ff!important;
  box-shadow:0 16px 34px rgba(13,27,62,.10)!important;
}

.mg-top5-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 34%!important;
}

#hinge .mg-top5-photo img{object-position:center 30%!important;}
#bumble .mg-top5-photo img{object-position:center 30%!important;}
#match .mg-top5-photo img{object-position:center 34%!important;}
#grindr .mg-top5-photo img{object-position:center 34%!important;}
#eharmony .mg-top5-photo img{object-position:center 34%!important;}

.mg-top5-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

.mg-top5-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
}

.mg-top5-metrics div{
  padding:15px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.07)!important;
}

.mg-top5-metrics span{
  display:block!important;
  margin-bottom:7px!important;
  color:#64748b!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.mg-top5-metrics strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:.92rem!important;
  font-weight:900!important;
  line-height:1.25!important;
}

.mg-top5-verdict{
  margin:0 0 20px!important;
  padding:18px 20px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.11)!important;
  color:#334155!important;
  font-size:.95rem!important;
  line-height:1.68!important;
}

.mg-top5-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.mg-top5-primary,
.mg-top5-secondary{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:.9rem!important;
  font-weight:900!important;
  line-height:1!important;
}

.mg-top5-primary{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(122,34,212,.18)!important;
}

.mg-top5-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(15,23,42,.12)!important;
}

/* Mobile */
@media(max-width:900px){
  .mg-top5-header{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  .mg-top5-score{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    width:100%!important;
  }

  .mg-top5-body{
    grid-template-columns:1fr!important;
  }

  .mg-top5-photo{
    height:250px!important;
  }
}

@media(max-width:640px){
  .mg-top5-card{
    border-radius:24px!important;
  }

  .mg-top5-header{
    padding:20px!important;
    gap:14px!important;
  }

  .mg-top5-brand{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:12px!important;
  }

  .mg-top5-logo-wrap{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
  }

  .mg-top5-logo-wrap .app-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  .mg-top5-title h3{
    font-size:1.32rem!important;
  }

  .mg-top5-body{
    padding:20px!important;
  }

  .mg-top5-photo{
    height:220px!important;
  }

  .mg-top5-metrics{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — OUTCOME METRICS UPGRADE
   Adds richer comparison data from uploaded mockup direction.
   ========================================================= */

.mg-top5-outcome-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

.mg-top5-outcome-metrics div{
  padding:13px 10px!important;
  text-align:left!important;
}

.mg-top5-outcome-metrics span{
  font-size:.62rem!important;
}

.mg-top5-outcome-metrics strong{
  font-size:1.04rem!important;
}

.mg-top5-outcome-row{
  margin:0 0 14px!important;
  padding:15px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.11)!important;
}

.mg-top5-outcome-row > div:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:10px!important;
}

.mg-top5-outcome-row span{
  color:#64748b!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.mg-top5-outcome-row strong{
  color:#0d1b3e!important;
  font-size:.95rem!important;
  font-weight:900!important;
}

.mg-top5-score-track{
  width:100%!important;
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.08)!important;
}

.mg-top5-score-track div{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-top5-fit-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:13px 15px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.07)!important;
}

.mg-top5-fit-line span{
  color:#64748b!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.mg-top5-fit-line strong{
  color:#0d1b3e!important;
  font-size:.9rem!important;
  font-weight:900!important;
  text-align:right!important;
}

@media(max-width:760px){
  .mg-top5-outcome-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mg-top5-outcome-row > div:first-child,
  .mg-top5-fit-line{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }

  .mg-top5-fit-line strong{
    text-align:left!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — OUTCOME METRICS UPGRADE
   Adds richer comparison data from uploaded mockup direction.
   ========================================================= */

.mg-top5-outcome-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

.mg-top5-outcome-metrics div{
  padding:13px 10px!important;
  text-align:left!important;
}

.mg-top5-outcome-metrics span{
  font-size:.62rem!important;
}

.mg-top5-outcome-metrics strong{
  font-size:1.04rem!important;
}

.mg-top5-outcome-row{
  margin:0 0 14px!important;
  padding:15px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.11)!important;
}

.mg-top5-outcome-row > div:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:10px!important;
}

.mg-top5-outcome-row span{
  color:#64748b!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.mg-top5-outcome-row strong{
  color:#0d1b3e!important;
  font-size:.95rem!important;
  font-weight:900!important;
}

.mg-top5-score-track{
  width:100%!important;
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.08)!important;
}

.mg-top5-score-track div{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-top5-fit-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:13px 15px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.07)!important;
}

.mg-top5-fit-line span{
  color:#64748b!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.mg-top5-fit-line strong{
  color:#0d1b3e!important;
  font-size:.9rem!important;
  font-weight:900!important;
  text-align:right!important;
}

@media(max-width:760px){
  .mg-top5-outcome-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mg-top5-outcome-row > div:first-child,
  .mg-top5-fit-line{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }

  .mg-top5-fit-line strong{
    text-align:left!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — INNER SECTION POLISH
   Improves metric sections, outcome row, verdict, and CTAs.
   Does not touch condensed cards.
   ========================================================= */

.mg-top5-content{
  justify-content:flex-start!important;
  gap:14px!important;
}

/* Better metric grid */
.mg-top5-outcome-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}

.mg-top5-outcome-metrics div{
  position:relative!important;
  min-height:82px!important;
  padding:15px 14px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 10px 24px rgba(13,27,62,.055)!important;
  overflow:hidden!important;
}

.mg-top5-outcome-metrics div::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:4px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-top5-outcome-metrics span{
  display:block!important;
  margin:0 0 9px!important;
  color:#64748b!important;
  font-size:.64rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
}

.mg-top5-outcome-metrics strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.18rem!important;
  font-weight:900!important;
  line-height:1.05!important;
}

/* Relationship outcome panel */
.mg-top5-outcome-row{
  margin:0!important;
  padding:17px 18px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f8fbff 0%,#fff7fb 100%)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  box-shadow:0 10px 24px rgba(13,27,62,.045)!important;
}

.mg-top5-outcome-row > div:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:12px!important;
}

.mg-top5-outcome-row span{
  color:#64748b!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

.mg-top5-outcome-row strong{
  color:#0d1b3e!important;
  font-size:1rem!important;
  font-weight:900!important;
}

/* Progress bar */
.mg-top5-score-track{
  height:8px!important;
  background:rgba(15,23,42,.09)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}

.mg-top5-score-track div{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

/* Best-fit line */
.mg-top5-fit-line{
  margin:0!important;
  padding:15px 17px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}

.mg-top5-fit-line span{
  color:#64748b!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.mg-top5-fit-line strong{
  color:#0d1b3e!important;
  font-size:.94rem!important;
  font-weight:900!important;
  text-align:right!important;
}

/* Verdict should feel like editorial insight, not another box */
.mg-top5-verdict{
  margin:0!important;
  padding:18px 20px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  color:#334155!important;
  font-size:.94rem!important;
  line-height:1.68!important;
  box-shadow:0 10px 24px rgba(13,27,62,.045)!important;
}

.mg-top5-verdict::before{
  content:"Quick take"!important;
  display:block!important;
  margin-bottom:8px!important;
  color:#0d1b3e!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

/* CTA row */
.mg-top5-actions{
  margin-top:2px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.mg-top5-primary,
.mg-top5-secondary{
  height:46px!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:.88rem!important;
  font-weight:900!important;
  line-height:1!important;
}

.mg-top5-primary{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(122,34,212,.18)!important;
}

.mg-top5-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(15,23,42,.13)!important;
  box-shadow:none!important;
}

/* Better spacing between body photo and content */
.mg-top5-body{
  align-items:start!important;
}

/* Mobile */
@media(max-width:900px){
  .mg-top5-outcome-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  .mg-top5-outcome-metrics{
    grid-template-columns:1fr!important;
  }

  .mg-top5-outcome-row > div:first-child,
  .mg-top5-fit-line{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:7px!important;
  }

  .mg-top5-fit-line strong{
    text-align:left!important;
  }

  .mg-top5-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .mg-top5-primary,
  .mg-top5-secondary{
    width:100%!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — METRIC TEXT OVERFLOW FIX
   Keeps Best For / Dating Speed / Core Audience text inside boxes.
   ========================================================= */

.mg-top5-metrics,
.mg-top5-outcome-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

.mg-top5-metrics div,
.mg-top5-outcome-metrics div{
  min-width:0!important;
  overflow:hidden!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

.mg-top5-metrics span,
.mg-top5-outcome-metrics span{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.25!important;
}

.mg-top5-metrics strong,
.mg-top5-outcome-metrics strong{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.25!important;
  max-width:100%!important;
}

/* The 4-stat upgraded row needs a little more room */
.mg-top5-outcome-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

@media(min-width:1180px){
  .mg-top5-outcome-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .mg-top5-metrics,
  .mg-top5-outcome-metrics{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — QUICK TAKE FIRST
   Moves Quick Take above metrics/outcomes inside each Top 5 card.
   ========================================================= */

.mg-top5-content{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

/* 1. Quick Take goes first */
.mg-top5-verdict{
  order:1!important;
  margin:0!important;
}

/* 2. Outcome metrics below Quick Take */
.mg-top5-outcome-metrics,
.mg-top5-metrics{
  order:2!important;
  margin:0!important;
}

/* 3. Relationship outcome progress row */
.mg-top5-outcome-row{
  order:3!important;
  margin:0!important;
}

/* 4. Best Fit row */
.mg-top5-fit-line{
  order:4!important;
  margin:0!important;
}

/* 5. Buttons last */
.mg-top5-actions{
  order:5!important;
  margin-top:2px!important;
}

/* =========================================================
   MATCHGAUGE TOP 5 — WIDE INNER SECTIONS
   Makes Quick Take / metrics / outcomes wider and shorter.
   ========================================================= */

/* Give the content side more room by slightly reducing photo column */
.mg-top5-body{
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}

/* Keep photo visually strong but not oversized */
.mg-top5-photo{
  height:285px!important;
}

/* Make right-side content use full width */
.mg-top5-content{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
}

/* Quick Take stays first and wider/shorter */
.mg-top5-verdict{
  order:1!important;
  width:100%!important;
  padding:15px 18px!important;
  margin:0!important;
  line-height:1.55!important;
}

/* Metrics should be wide horizontal boxes on desktop */
.mg-top5-outcome-metrics,
.mg-top5-metrics{
  order:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}

.mg-top5-outcome-metrics div,
.mg-top5-metrics div{
  min-height:68px!important;
  padding:12px 11px!important;
  border-radius:16px!important;
}

.mg-top5-outcome-metrics span,
.mg-top5-metrics span{
  font-size:.58rem!important;
  line-height:1.15!important;
  margin-bottom:7px!important;
}

.mg-top5-outcome-metrics strong,
.mg-top5-metrics strong{
  font-size:.95rem!important;
  line-height:1.12!important;
}

/* Relationship outcome row should be shorter */
.mg-top5-outcome-row{
  order:3!important;
  width:100%!important;
  padding:13px 16px!important;
  margin:0!important;
}

.mg-top5-outcome-row > div:first-child{
  margin-bottom:9px!important;
}

/* Best Fit should be short and horizontal */
.mg-top5-fit-line{
  order:4!important;
  width:100%!important;
  min-height:48px!important;
  padding:12px 15px!important;
  margin:0!important;
}

/* Buttons last */
.mg-top5-actions{
  order:5!important;
  margin-top:2px!important;
}

/* Medium screens: use 2x2 metrics */
@media(max-width:1100px){
  .mg-top5-body{
    grid-template-columns:260px minmax(0,1fr)!important;
  }

  .mg-top5-outcome-metrics,
  .mg-top5-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile: stack cleanly */
@media(max-width:760px){
  .mg-top5-body{
    grid-template-columns:1fr!important;
  }

  .mg-top5-photo{
    height:230px!important;
  }

  .mg-top5-outcome-metrics,
  .mg-top5-metrics{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — PHOTO-SIDE METRICS
   Moves Best For / Dating Speed / Core Audience under the image.
   ========================================================= */

.mg-top5-body{
  grid-template-columns:320px minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
}

.mg-top5-left{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}

.mg-top5-left .mg-top5-photo{
  width:100%!important;
  margin:0!important;
}

.mg-top5-photo-metrics{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}

.mg-top5-photo-metrics div{
  min-height:0!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 8px 20px rgba(13,27,62,.045)!important;
  box-sizing:border-box!important;
}

.mg-top5-photo-metrics span{
  display:block!important;
  margin:0 0 6px!important;
  color:#64748b!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
  white-space:normal!important;
}

.mg-top5-photo-metrics strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:.9rem!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Right side now focuses on Quick Take and outcome data */
.mg-top5-content{
  justify-content:flex-start!important;
}

/* Keep the upgraded four-stat row wide on the right */
.mg-top5-content .mg-top5-outcome-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

@media(max-width:1100px){
  .mg-top5-body{
    grid-template-columns:285px minmax(0,1fr)!important;
  }

  .mg-top5-content .mg-top5-outcome-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .mg-top5-body{
    grid-template-columns:1fr!important;
  }

  .mg-top5-photo-metrics{
    grid-template-columns:1fr!important;
  }

  .mg-top5-content .mg-top5-outcome-metrics{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — PHOTO PERFORMANCE METRICS
   Replaces Best For / Dating Speed / Core Audience under photo.
   ========================================================= */

.mg-top5-photo-performance{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}

.mg-top5-photo-stat{
  position:relative!important;
  min-height:76px!important;
  padding:14px 14px!important;
  border-radius:17px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 8px 20px rgba(13,27,62,.045)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.mg-top5-photo-stat::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:4px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-top5-photo-stat span{
  display:block!important;
  margin:0 0 8px!important;
  color:#64748b!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
}

.mg-top5-photo-stat strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.18rem!important;
  font-weight:900!important;
  line-height:1!important;
}

.mg-top5-photo-outcome{
  grid-column:1 / -1!important;
  padding:15px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fbff 0%,#fff7fb 100%)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  box-shadow:0 8px 20px rgba(13,27,62,.045)!important;
}

.mg-top5-photo-outcome-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}

.mg-top5-photo-outcome-head span{
  color:#64748b!important;
  font-size:.64rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
}

.mg-top5-photo-outcome-head strong{
  color:#0d1b3e!important;
  font-size:.92rem!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:right!important;
}

.mg-top5-photo-outcome-track{
  width:100%!important;
  height:8px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.09)!important;
}

.mg-top5-photo-outcome-track div{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

/* Since outcome moved under the image, keep the right side cleaner */
.mg-top5-content .mg-top5-outcome-row{
  display:none!important;
}

@media(max-width:760px){
  .mg-top5-photo-performance{
    grid-template-columns:1fr!important;
  }

  .mg-top5-photo-outcome-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }

  .mg-top5-photo-outcome-head strong{
    text-align:left!important;
  }
}


/* =========================================================
   CONDENSED REVIEW CARDS — BRAND STAR COLOR
   Replaces red star color with MatchGauge brand blue/purple.
   ========================================================= */

.premium-condensed-grid .stars,
.premium-condensed-grid .star,
.premium-condensed-grid .rating-stars,
.premium-condensed-grid [class*="star"],
.premium-condensed-card .stars,
.premium-condensed-card .star,
.premium-condensed-card .rating-stars,
.premium-condensed-card [class*="star"],
.condensed-review-card .stars,
.condensed-review-card .star,
.condensed-review-card .rating-stars,
.condensed-review-card [class*="star"]{
  color:#7a22d4!important;
  -webkit-text-fill-color:#7a22d4!important;
  text-shadow:none!important;
}

/* If stars are SVG/icons using fill/stroke */
.premium-condensed-grid svg,
.premium-condensed-card svg,
.condensed-review-card svg{
  color:#7a22d4!important;
  fill:#7a22d4!important;
  stroke:#7a22d4!important;
}

/* =========================================================
   MATCHGAUGE TOP 5 — BEST FOR / PRICING / USERS SUMMARY
   Uses Reviews page cards as quick decision summaries.
   Full pros/cons stay on individual app review pages.
   ========================================================= */

.mg-top5-summary-info{
  order:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}

.mg-top5-summary-info > div{
  padding:14px 16px!important;
  border-radius:17px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 8px 20px rgba(13,27,62,.035)!important;
}

.mg-top5-summary-info span{
  display:block!important;
  margin:0 0 7px!important;
  color:#64748b!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
}

.mg-top5-summary-info strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1.45!important;
}

/* Rename the visual intent of Quick Take to behave like Our Verdict */
.mg-top5-verdict::before{
  content:"Our Verdict"!important;
}

/* Keep section order clean */
.mg-top5-verdict{
  order:1!important;
}

.mg-top5-summary-info{
  order:2!important;
}

.mg-top5-outcome-metrics,
.mg-top5-metrics{
  order:3!important;
}

.mg-top5-outcome-row{
  order:4!important;
}

.mg-top5-fit-line{
  display:none!important;
}

.mg-top5-actions{
  order:5!important;
}

@media(min-width:1180px){
  .mg-top5-summary-info{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mg-top5-summary-info > div{
    min-height:118px!important;
  }
}

@media(max-width:760px){
  .mg-top5-summary-info{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   MATCHGAUGE TOP 5 — LEFT-SIDE SUMMARY STACK
   Moves Best For / Pricing / Users under photo with performance metrics.
   Relationship Outcome stays below those sections.
   ========================================================= */

/* Left-side performance grid:
   Date Conversion | Response Rate
   Best For        | Pricing
   Users full-width
   Relationship Outcome full-width
*/
.mg-top5-photo-performance{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Make the moved summary wrapper participate in the same grid */
.mg-top5-photo-summary-info{
  display:contents!important;
}

/* Style Best For / Pricing / Users like the other metric boxes */
.mg-top5-photo-summary-info > div{
  position:relative!important;
  min-height:76px!important;
  padding:14px 14px!important;
  border-radius:17px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 8px 20px rgba(13,27,62,.045)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Give summary boxes the same top accent as Date Conversion / Response Rate */
.mg-top5-photo-summary-info > div::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:4px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-top5-photo-summary-info span{
  display:block!important;
  margin:0 0 8px!important;
  color:#64748b!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
}

.mg-top5-photo-summary-info strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:.84rem!important;
  font-weight:800!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Users is usually longer, so let it span full width */
.mg-top5-photo-summary-info > div:nth-child(3){
  grid-column:1 / -1!important;
}

/* Relationship Outcome now stays below all summary boxes */
.mg-top5-photo-outcome{
  grid-column:1 / -1!important;
  margin-top:0!important;
}

/* Right side should no longer reserve summary styling */
.mg-top5-content > .mg-top5-summary-info:not(.mg-top5-photo-summary-info){
  display:none!important;
}

/* Keep right side order clean */
.mg-top5-verdict{
  order:1!important;
}

.mg-top5-content .mg-top5-outcome-metrics{
  order:2!important;
}

.mg-top5-actions{
  order:3!important;
}

@media(max-width:760px){
  .mg-top5-photo-performance{
    grid-template-columns:1fr!important;
  }

  .mg-top5-photo-summary-info > div:nth-child(3){
    grid-column:auto!important;
  }
}

/* =========================================================
   REVIEWS — METHODOLOGY LINK CARD
   Keeps detailed methodology off the Reviews page.
   ========================================================= */

.reviews-methodology-link{
  max-width:1120px!important;
  margin:18px auto 44px!important;
  padding:24px 26px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.11)!important;
  box-shadow:0 16px 38px rgba(13,27,62,.07)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}

.reviews-methodology-link span{
  display:inline-flex!important;
  margin-bottom:8px!important;
  color:#1e4bd4!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.reviews-methodology-link h2{
  margin:0 0 7px!important;
  color:#0d1b3e!important;
  font-size:1.42rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}

.reviews-methodology-link p{
  max-width:720px!important;
  margin:0!important;
  color:#64748b!important;
  font-size:.95rem!important;
  line-height:1.6!important;
}

.reviews-methodology-link a{
  flex:0 0 auto!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:.9rem!important;
  font-weight:900!important;
  box-shadow:0 12px 26px rgba(122,34,212,.18)!important;
}

.matchscore-review-methodology{
  max-width:1120px!important;
  margin:48px auto!important;
  padding:30px!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 18px 48px rgba(13,27,62,.08)!important;
}

@media(max-width:760px){
  .reviews-methodology-link{
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:22px!important;
  }

  .reviews-methodology-link a{
    width:100%!important;
  }
}


/* =========================================================
   FINAL FIX — SCORING TRANSPARENCY CARD + PROFILE SCORE COMING SOON
   ========================================================= */

/* Keep Scoring Transparency CTA inside the card frame */
.reviews-methodology-link{
  box-sizing:border-box!important;
  overflow:hidden!important;
  flex-wrap:wrap!important;
}

.reviews-methodology-link > div{
  min-width:0!important;
  flex:1 1 520px!important;
}

.reviews-methodology-link a{
  flex:0 1 auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){
  .reviews-methodology-link{
    align-items:stretch!important;
  }

  .reviews-methodology-link a{
    width:100%!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

/* Profile Score Coming Soon treatment */
.nav-soon-wrap{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}

.coming-soon-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:18px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(122,34,212,.10)!important;
  color:#7a22d4!important;
  border:1px solid rgba(122,34,212,.18)!important;
  font-size:.56rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  white-space:nowrap!important;
}

/* =========================================================
   REVIEWS — LIGHT START PICKS ENHANCEMENT
   Enhances existing "Start with the 3 strongest review picks" section
   without changing its layout or touching Top 5 cards.
   ========================================================= */

.mg-start-picks-enhanced{
  max-width:1120px!important;
  margin:0 auto 34px!important;
  padding:28px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 12% 18%, rgba(30,75,212,.08), transparent 34%),
    radial-gradient(circle at 86% 0%, rgba(228,25,126,.08), transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#fff7fb 100%)!important;
  border:1px solid rgba(30,75,212,.11)!important;
  box-shadow:0 18px 48px rgba(13,27,62,.075)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.mg-start-picks-enhanced h2,
.mg-start-picks-enhanced h3{
  color:#0d1b3e!important;
}

.mg-start-picks-enhanced h2{
  margin-top:0!important;
  letter-spacing:-.04em!important;
}

.mg-start-picks-enhanced p{
  color:#64748b!important;
}

/* Enhance existing cards/children without forcing a new grid */
.mg-start-picks-enhanced article,
.mg-start-picks-enhanced .card,
.mg-start-picks-enhanced [class*="card"]{
  border-color:rgba(15,23,42,.09)!important;
  box-shadow:0 12px 30px rgba(13,27,62,.07)!important;
}

/* Add a subtle brand accent to direct child cards only */
.mg-start-picks-enhanced > div article,
.mg-start-picks-enhanced > div .card,
.mg-start-picks-enhanced > div [class*="card"]{
  position:relative!important;
  overflow:hidden!important;
}

.mg-start-picks-enhanced > div article::before,
.mg-start-picks-enhanced > div .card::before,
.mg-start-picks-enhanced > div [class*="card"]::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

/* Button polish only */
.mg-start-picks-enhanced a{
  transition:transform .18s ease, box-shadow .18s ease!important;
}

.mg-start-picks-enhanced a:hover{
  transform:translateY(-1px)!important;
}

@media(max-width:760px){
  .mg-start-picks-enhanced{
    padding:22px!important;
    border-radius:26px!important;
  }
}


/* =========================================================
   REVIEWS — PREMIUM POLISH FOR EXISTING START PICKS SECTION
   Enhances the existing "Start with the 3 strongest review picks"
   section without replacing markup or changing Top 5 cards.
   ========================================================= */

.mg-start-picks-enhanced{
  position:relative!important;
  isolation:isolate!important;
  max-width:1120px!important;
  margin:0 auto 42px!important;
  padding:34px!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 10% 12%, rgba(30,75,212,.13), transparent 32%),
    radial-gradient(circle at 92% 5%, rgba(228,25,126,.12), transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#fff7fb 100%)!important;
  border:1px solid rgba(30,75,212,.13)!important;
  box-shadow:0 24px 70px rgba(13,27,62,.10)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.mg-start-picks-enhanced::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:6px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  z-index:1!important;
}

.mg-start-picks-enhanced::after{
  content:"Featured starting point"!important;
  position:absolute!important;
  top:22px!important;
  right:24px!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(30,75,212,.13)!important;
  box-shadow:0 10px 24px rgba(13,27,62,.07)!important;
  color:#1e4bd4!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  z-index:2!important;
}

/* Heading polish */
.mg-start-picks-enhanced > *:first-child,
.mg-start-picks-enhanced .section-head,
.mg-start-picks-enhanced .reviews-section-head,
.mg-start-picks-enhanced header{
  position:relative!important;
  z-index:2!important;
}

.mg-start-picks-enhanced h2{
  max-width:720px!important;
  margin-top:0!important;
  margin-bottom:10px!important;
  color:#0d1b3e!important;
  font-size:2.05rem!important;
  line-height:1.04!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}

.mg-start-picks-enhanced h2::before{
  content:"Recommended path"!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  margin:0 0 12px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(30,75,212,.09)!important;
  color:#1e4bd4!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.mg-start-picks-enhanced h2 + p,
.mg-start-picks-enhanced p:first-of-type{
  max-width:760px!important;
  color:#64748b!important;
  font-size:.98rem!important;
  line-height:1.62!important;
}

/* Do not affect the rebuilt Top 5 cards */
.mg-start-picks-enhanced .mg-top5-card,
.mg-start-picks-enhanced .premium-condensed-card{
  all:revert-layer;
}

/* Existing inner grid/cards — enhance without forcing a new layout */
.mg-start-picks-enhanced > div:not(:first-child),
.mg-start-picks-enhanced .grid,
.mg-start-picks-enhanced [class*="grid"]{
  position:relative!important;
  z-index:2!important;
  gap:18px!important;
}

/* Generic card polish inside this section */
.mg-start-picks-enhanced article,
.mg-start-picks-enhanced .review-card,
.mg-start-picks-enhanced .pick-card,
.mg-start-picks-enhanced .card,
.mg-start-picks-enhanced [class*="pick"],
.mg-start-picks-enhanced [class*="mini-card"]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 18px 42px rgba(13,27,62,.09)!important;
  backdrop-filter:blur(12px)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

.mg-start-picks-enhanced article:hover,
.mg-start-picks-enhanced .review-card:hover,
.mg-start-picks-enhanced .pick-card:hover,
.mg-start-picks-enhanced .card:hover,
.mg-start-picks-enhanced [class*="pick"]:hover,
.mg-start-picks-enhanced [class*="mini-card"]:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(30,75,212,.18)!important;
  box-shadow:0 24px 58px rgba(13,27,62,.12)!important;
}

.mg-start-picks-enhanced article::before,
.mg-start-picks-enhanced .review-card::before,
.mg-start-picks-enhanced .pick-card::before,
.mg-start-picks-enhanced .card::before,
.mg-start-picks-enhanced [class*="pick"]::before,
.mg-start-picks-enhanced [class*="mini-card"]::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:5px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

/* Card typography */
.mg-start-picks-enhanced h3{
  color:#0d1b3e!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

.mg-start-picks-enhanced article p,
.mg-start-picks-enhanced .card p,
.mg-start-picks-enhanced [class*="pick"] p{
  color:#64748b!important;
  line-height:1.55!important;
}

/* App logos in this section */
.mg-start-picks-enhanced .app-logo{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(13,27,62,.10)!important;
}

/* Score-like values */
.mg-start-picks-enhanced [class*="score"],
.mg-start-picks-enhanced [class*="Score"]{
  border-radius:18px!important;
}

.mg-start-picks-enhanced strong{
  color:#0d1b3e!important;
}

/* CTA polish */
.mg-start-picks-enhanced a:not(.nav-link){
  border-radius:999px!important;
  font-weight:900!important;
}

.mg-start-picks-enhanced a[href*=".html"]:not([href*="reviews"]):not([href*="compare"]){
  box-shadow:0 10px 22px rgba(122,34,212,.14)!important;
}

/* Keep badge/rank-like elements branded */
.mg-start-picks-enhanced [class*="rank"],
.mg-start-picks-enhanced [class*="badge"],
.mg-start-picks-enhanced [class*="pill"]{
  font-weight:900!important;
}

/* Mobile */
@media(max-width:760px){
  .mg-start-picks-enhanced{
    padding:26px 20px!important;
    border-radius:28px!important;
  }

  .mg-start-picks-enhanced::after{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    margin:0 0 16px!important;
  }

  .mg-start-picks-enhanced h2{
    font-size:1.65rem!important;
  }
}


/* =========================================================
   REVIEWS — START HERE PREMIUM POLISH
   Enhances the existing Start Here section without rebuilding it.
   ========================================================= */

.mg-start-here-premium{
  position:relative!important;
  max-width:1120px!important;
  margin:0 auto 42px!important;
  padding:34px!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 12% 15%, rgba(30,75,212,.14), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(228,25,126,.13), transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#fff7fb 100%)!important;
  border:1px solid rgba(30,75,212,.13)!important;
  box-shadow:0 24px 70px rgba(13,27,62,.10)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}

.mg-start-here-premium::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:6px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  z-index:1!important;
}

.mg-start-here-premium::after{
  content:"Start here"!important;
  position:absolute!important;
  top:22px!important;
  right:24px!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(30,75,212,.14)!important;
  box-shadow:0 10px 24px rgba(13,27,62,.07)!important;
  color:#1e4bd4!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  z-index:2!important;
}

.mg-start-here-premium > *{
  position:relative!important;
  z-index:2!important;
}

.mg-start-here-premium h2{
  max-width:760px!important;
  margin-top:0!important;
  margin-bottom:10px!important;
  color:#0d1b3e!important;
  font-size:2.08rem!important;
  line-height:1.04!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}

.mg-start-here-premium h2::before{
  content:"Recommended first step"!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  margin:0 0 12px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(30,75,212,.09)!important;
  color:#1e4bd4!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.mg-start-here-premium p{
  color:#64748b!important;
  line-height:1.62!important;
}

.mg-start-here-premium h2 + p,
.mg-start-here-premium p:first-of-type{
  max-width:780px!important;
  font-size:.98rem!important;
}

/* Only polish direct cards/content inside Start Here, not global cards */
.mg-start-here-premium article,
.mg-start-here-premium .card,
.mg-start-here-premium [class*="card"],
.mg-start-here-premium [class*="pick"],
.mg-start-here-premium [class*="item"]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 18px 42px rgba(13,27,62,.09)!important;
  backdrop-filter:blur(12px)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

.mg-start-here-premium article:hover,
.mg-start-here-premium .card:hover,
.mg-start-here-premium [class*="card"]:hover,
.mg-start-here-premium [class*="pick"]:hover,
.mg-start-here-premium [class*="item"]:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(30,75,212,.18)!important;
  box-shadow:0 24px 58px rgba(13,27,62,.12)!important;
}

.mg-start-here-premium article::before,
.mg-start-here-premium .card::before,
.mg-start-here-premium [class*="card"]::before,
.mg-start-here-premium [class*="pick"]::before,
.mg-start-here-premium [class*="item"]::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:5px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-start-here-premium h3{
  color:#0d1b3e!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

.mg-start-here-premium strong{
  color:#0d1b3e!important;
}

.mg-start-here-premium .app-logo{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(13,27,62,.10)!important;
}

/* CTA polish */
.mg-start-here-premium a{
  font-weight:900!important;
  border-radius:999px!important;
}

.mg-start-here-premium a[href*=".html"]{
  transition:transform .18s ease, box-shadow .18s ease!important;
}

.mg-start-here-premium a[href*=".html"]:hover{
  transform:translateY(-1px)!important;
}

/* Avoid accidentally affecting rebuilt Top 5 cards if nested nearby */
.mg-start-here-premium .mg-top5-card,
.mg-start-here-premium .premium-condensed-card{
  box-shadow:inherit!important;
}

@media(max-width:760px){
  .mg-start-here-premium{
    padding:26px 20px!important;
    border-radius:28px!important;
  }

  .mg-start-here-premium::after{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    margin:0 0 16px!important;
  }

  .mg-start-here-premium h2{
    font-size:1.7rem!important;
  }
}


/* =========================================================
   REVIEWS — ACTUAL START HERE PREMIUM SECTION
   Targets .reviews-flow-note, not the photo grid.
   ========================================================= */

.reviews-flow-note-premium{
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 34px!important;
  padding:30px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 10% 15%, rgba(30,75,212,.13), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(228,25,126,.12), transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#fff7fb 100%)!important;
  border:1px solid rgba(30,75,212,.13)!important;
  box-shadow:0 22px 60px rgba(13,27,62,.10)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;
  gap:24px!important;
  align-items:center!important;
}

.reviews-flow-note-premium::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:6px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.reviews-flow-note-premium::after{
  content:"Recommended path"!important;
  position:absolute!important;
  top:20px!important;
  right:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(30,75,212,.14)!important;
  color:#1e4bd4!important;
  font-size:.64rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 24px rgba(13,27,62,.07)!important;
}

.reviews-flow-note-premium .reviews-flow-copy,
.reviews-flow-note-premium .reviews-flow-actions{
  position:relative!important;
  z-index:2!important;
}

.reviews-flow-note-premium .reviews-flow-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  margin:0 0 12px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(30,75,212,.09)!important;
  color:#1e4bd4!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.reviews-flow-note-premium h2{
  margin:0 0 10px!important;
  color:#0d1b3e!important;
  font-size:2.05rem!important;
  line-height:1.04!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  max-width:720px!important;
}

.reviews-flow-note-premium p{
  margin:0!important;
  color:#64748b!important;
  font-size:.98rem!important;
  line-height:1.65!important;
  max-width:760px!important;
}

.reviews-flow-note-premium .reviews-flow-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:16px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 14px 34px rgba(13,27,62,.07)!important;
  backdrop-filter:blur(12px)!important;
}

.reviews-flow-note-premium .reviews-jump-chip{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 8px 18px rgba(13,27,62,.045)!important;
  text-decoration:none!important;
  font-size:.82rem!important;
  font-weight:900!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

.reviews-flow-note-premium .reviews-jump-chip:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(30,75,212,.22)!important;
  box-shadow:0 12px 24px rgba(13,27,62,.075)!important;
}

.reviews-flow-note-premium .reviews-jump-chip:nth-child(1),
.reviews-flow-note-premium .reviews-jump-chip:nth-child(2),
.reviews-flow-note-premium .reviews-jump-chip:nth-child(3){
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  border-color:transparent!important;
}

@media(max-width:900px){
  .reviews-flow-note-premium{
    grid-template-columns:1fr!important;
  }

  .reviews-flow-note-premium::after{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:max-content!important;
    margin:0 0 14px!important;
  }
}

@media(max-width:600px){
  .reviews-flow-note-premium{
    padding:24px 18px!important;
    border-radius:26px!important;
  }

  .reviews-flow-note-premium h2{
    font-size:1.62rem!important;
  }

  .reviews-flow-note-premium .reviews-flow-actions{
    grid-template-columns:1fr!important;
  }
}

/* Sidebar score polish after canonical score reset */
.sidebar .s-score{
  min-width:42px!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  color:#0d1b3e!important;
  font-weight:900!important;
}


/* =========================================================
   REVIEWS — LOCAL TWO-COLUMN STRUCTURE REPAIR
   Keeps reviews sidebar beside main without affecting other pages.
   ========================================================= */

.reviews-page .page-wrap .two-col{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 300px!important;
  gap:28px!important;
  align-items:start!important;
}

.reviews-page .page-wrap .two-col > main{
  min-width:0!important;
}

.reviews-page .page-wrap .two-col > .sidebar{
  width:300px!important;
  max-width:300px!important;
  min-width:0!important;
}

.reviews-page .sidebar .s-card,
.reviews-page .sidebar .quiz-box{
  width:100%!important;
  max-width:300px!important;
  box-sizing:border-box!important;
}

@media(max-width:980px){
  .reviews-page .page-wrap .two-col{
    grid-template-columns:1fr!important;
  }

  .reviews-page .page-wrap .two-col > .sidebar{
    width:100%!important;
    max-width:100%!important;
  }

  .reviews-page .sidebar .s-card,
  .reviews-page .sidebar .quiz-box{
    max-width:100%!important;
  }
}

/* =========================================================
   REVIEWS SIDEBAR — TOP 5 LIVE MATCHSCORE ONLY
   Keeps sidebar rankings compact with 5 records.
   ========================================================= */

.sidebar .s-card-rankings .s-rankings-top5{
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}

.sidebar .s-card-rankings .s-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:42px!important;
  box-sizing:border-box!important;
}

.sidebar .s-card-rankings .s-app{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.sidebar .s-card-rankings .s-score{
  min-width:40px!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  color:#0d1b3e!important;
  font-weight:900!important;
  font-size:.86rem!important;
}


/* =========================================================
   REVIEWS SIDEBAR — STACKED SCROLLABLE CARDS
   Live Rankings + Popular Reads remain inside right column.
   ========================================================= */

.sidebar{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

.sidebar .s-card{
  overflow:hidden!important;
}

.sidebar .s-scroll-panel{
  max-height:218px!important;
  overflow-y:auto!important;
  padding-right:4px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(30,75,212,.35) transparent!important;
}

.sidebar .s-scroll-panel::-webkit-scrollbar{
  width:6px!important;
}

.sidebar .s-scroll-panel::-webkit-scrollbar-track{
  background:transparent!important;
}

.sidebar .s-scroll-panel::-webkit-scrollbar-thumb{
  background:rgba(30,75,212,.35)!important;
  border-radius:999px!important;
}

.sidebar .s-card-rankings .s-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:42px!important;
  box-sizing:border-box!important;
}

.sidebar .s-app{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.sidebar .s-score{
  min-width:40px!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  color:#0d1b3e!important;
  font-weight:900!important;
  font-size:.86rem!important;
}

.sidebar .s-read-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-height:auto!important;
  padding:12px!important;
}

.sidebar .s-read-row span{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

.sidebar .s-read-row small{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.sidebar .s-card > .s-cta{
  margin-top:10px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* Separator above the Not Sure / AI guidance card */
.not-sure-section-divider{
  margin-top:28px!important;
  margin-bottom:18px!important;
}

.not-sure-section-divider .section-divider-text{
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  color:#1e4bd4!important;
}


/* =========================================================
   REVIEWS SIDEBAR — STICKY, NOT INTERNALLY SCROLLABLE
   Keeps Live MatchScore Rankings and Popular Reads visible while page scrolls.
   ========================================================= */

.sidebar{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  max-height:calc(100vh - 110px)!important;
  overflow:visible!important;
}

/* Remove internal scroll panels */
.sidebar .s-scroll-panel,
.sidebar .s-rankings-scroll,
.sidebar .s-rankings-top5{
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}

/* Keep cards compact so sticky sidebar fits viewport */
.sidebar .s-card{
  overflow:hidden!important;
}

.sidebar .s-card-rankings .s-body,
.sidebar .s-card-popular .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

/* Keep Popular Reads under Live Rankings */
.sidebar .s-card-rankings{
  order:1!important;
}

.sidebar .s-card-popular{
  order:2!important;
}

.sidebar .quiz-box{
  order:3!important;
}

/* Compact sidebar rows */
.sidebar .s-row{
  min-height:38px!important;
}

.sidebar .s-read-row{
  min-height:auto!important;
  padding:10px 12px!important;
}

/* Mobile/tablet should not be sticky */
@media(max-width:980px){
  .sidebar{
    position:static!important;
    top:auto!important;
    max-height:none!important;
  }
}


/* =========================================================
   REVIEWS — CONDENSED CARDS 6–12 GRID OUTLINE ENHANCEMENT
   Adds separation without changing the Top 5 cards.
   ========================================================= */

.premium-condensed-grid .premium-condensed-card:nth-child(n+6):nth-child(-n+12),
.premium-condensed-grid .condensed-review-card:nth-child(n+6):nth-child(-n+12){
  position:relative!important;
  border:1px solid rgba(30,75,212,.16)!important;
  outline:1px solid rgba(122,34,212,.08)!important;
  outline-offset:-5px!important;
  box-shadow:
    0 14px 34px rgba(13,27,62,.075),
    inset 0 0 0 1px rgba(255,255,255,.75)!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(30,75,212,.20),rgba(122,34,212,.16),rgba(228,25,126,.14)) border-box!important;
}

/* Small top accent line for clearer separation */
.premium-condensed-grid .premium-condensed-card:nth-child(n+6):nth-child(-n+12)::before,
.premium-condensed-grid .condensed-review-card:nth-child(n+6):nth-child(-n+12)::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  z-index:2!important;
}

/* Slightly stronger hover so the grid feels intentional */
.premium-condensed-grid .premium-condensed-card:nth-child(n+6):nth-child(-n+12):hover,
.premium-condensed-grid .condensed-review-card:nth-child(n+6):nth-child(-n+12):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(30,75,212,.24)!important;
  box-shadow:
    0 20px 48px rgba(13,27,62,.11),
    inset 0 0 0 1px rgba(255,255,255,.85)!important;
}


/* =========================================================
   FINAL REVIEWS FIX — PHOTO GRID BADGE + STICKY SIDEBAR
   ========================================================= */

/* Kill any floating Start Here badge on the 4-photo hero grid */
.review-hero-photo-grid::before,
.review-hero-photo-grid::after{
  content:none!important;
  display:none!important;
}

/* Keep the reviews sidebar sticky and vertically extended */
.reviews-page .sidebar,
.two-col > .sidebar{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

/* Taller side cards */
.sidebar .s-card-rankings,
.sidebar .s-card-popular{
  min-height:300px!important;
}

.sidebar .s-card-rankings .s-body,
.sidebar .s-card-popular .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}

/* Ranking rows visible and aligned */
.sidebar .s-card-rankings .s-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
}

.sidebar .s-num{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#0d1b3e!important;
  font-size:.78rem!important;
  font-weight:900!important;
}

.sidebar .s-num.gold{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
}

.sidebar .s-app{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#0d1b3e!important;
  font-weight:800!important;
}

.sidebar .s-score{
  min-width:40px!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.12)!important;
  color:#0d1b3e!important;
  font-weight:900!important;
  font-size:.86rem!important;
}

/* Popular reads card */
.sidebar .s-read-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  padding:12px!important;
}

.sidebar .s-read-row span{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

.sidebar .s-read-row small{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:700!important;
}

@media(max-width:980px){
  .reviews-page .sidebar,
  .two-col > .sidebar{
    position:static!important;
    top:auto!important;
  }

  .sidebar .s-card-rankings,
  .sidebar .s-card-popular{
    min-height:0!important;
  }
}

/* =========================================================
   FINAL REVIEWS FIX — SIDEBAR SCORES + START HERE + HERO PHOTOS
   ========================================================= */

.review-hero-photo-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  grid-template-rows:repeat(2, minmax(150px, 1fr))!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,255,.84))!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.14)!important;
  overflow:hidden!important;
}

.review-hero-photo-grid img{
  width:100%!important;
  height:100%!important;
  min-height:165px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:20px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}

.review-hero-photo-grid img:first-child{
  grid-row:span 2!important;
  min-height:360px!important;
}

.review-hero-photo-grid::before,
.review-hero-photo-grid::after{
  content:none!important;
  display:none!important;
}

.mg-start-here-premium,
.mg-start-picks-enhanced{
  position:relative!important;
}

.mg-start-here-premium::before,
.mg-start-picks-enhanced::before{
  content:"START HERE"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:14px!important;
  padding:8px 14px!important;
  width:max-content!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 28px rgba(122,34,212,.24)!important;
}

.reviews-page .sidebar,
.two-col > .sidebar{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

.sidebar .s-card{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  border-radius:24px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
  padding:18px!important;
  overflow:hidden!important;
}

.sidebar .s-card-rankings,
.sidebar .s-card-popular{
  min-height:330px!important;
}

.sidebar .s-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#0d1b3e!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  margin-bottom:14px!important;
}

.sidebar .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}

.sidebar .s-card-rankings .s-row{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:44px!important;
  padding:10px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f8fbff,#fff)!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
}

.sidebar .s-num{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#eef3ff!important;
  color:#0d1b3e!important;
  font-size:.78rem!important;
  font-weight:950!important;
}

.sidebar .s-num.gold{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
}

.sidebar .s-app{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#0d1b3e!important;
  font-weight:900!important;
  font-size:13px!important;
}

.sidebar .s-score{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:30px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:13px!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}

.sidebar .s-read-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f8fbff,#fff)!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
}

.sidebar .s-read-row span{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.28!important;
}

.sidebar .s-read-row small{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:750!important;
}

.sidebar .s-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:14px!important;
  padding:11px 14px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

@media(max-width:980px){
  .reviews-page .sidebar,
  .two-col > .sidebar{
    position:static!important;
    top:auto!important;
  }

  .review-hero-photo-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto!important;
  }

  .review-hero-photo-grid img:first-child{
    grid-row:auto!important;
    min-height:190px!important;
  }

  .review-hero-photo-grid img{
    min-height:170px!important;
  }
}

@media(max-width:640px){
  .review-hero-photo-grid{
    grid-template-columns:1fr!important;
    padding:10px!important;
    border-radius:22px!important;
  }

  .review-hero-photo-grid img,
  .review-hero-photo-grid img:first-child{
    min-height:210px!important;
  }
}

/* =========================================================
   REVIEWS RESET FIX — KEEP PHOTO GRID STRUCTURE, IMPROVE ONLY TREATMENT
   ========================================================= */

/* Do not restructure the hero photo grid. Only restore premium color/shading. */
.review-hero-photo-grid{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,255,.86))!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.14)!important;
}

.review-hero-photo-grid img{
  filter:saturate(1.04) contrast(1.02)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}

.review-hero-photo-grid::before,
.review-hero-photo-grid::after{
  content:none!important;
  display:none!important;
}

/* Better Start Here label without hijacking photo grid */
.mg-start-here-premium::before,
.mg-start-picks-enhanced::before{
  content:"START HERE"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:14px!important;
  padding:8px 14px!important;
  width:max-content!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 28px rgba(122,34,212,.24)!important;
}

/* Sidebar modeled after live MatchGauge reviews page */
.reviews-page .sidebar,
.two-col > .sidebar{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

.sidebar .s-card{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  border-radius:22px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
  padding:18px!important;
  overflow:hidden!important;
}

.sidebar .s-head{
  color:#0d1b3e!important;
  font-size:15px!important;
  font-weight:950!important;
  margin-bottom:14px!important;
}

.sidebar .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}

.sidebar .s-card-rankings .s-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
}

.sidebar .s-num{
  color:#64748b!important;
  font-weight:950!important;
  font-size:13px!important;
}

.sidebar .s-app{
  color:#0d1b3e!important;
  font-weight:850!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.sidebar .s-score{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  height:26px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  opacity:1!important;
  visibility:visible!important;
}

.sidebar .s-read-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
}

.sidebar .s-read-row span{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.28!important;
}

.sidebar .s-read-row small{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:750!important;
}

.sidebar .s-cta{
  display:flex!important;
  justify-content:center!important;
  margin-top:14px!important;
  padding:11px 14px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

@media(max-width:980px){
  .reviews-page .sidebar,
  .two-col > .sidebar{
    position:static!important;
    top:auto!important;
  }
}

/* =========================================================
   REVIEWS SIDEBAR — MATCH HOMEPAGE CARD SIZE
   ========================================================= */

.reviews-page .sidebar,
.two-col > .sidebar{
  width:100%!important;
  max-width:360px!important;
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
}

.reviews-page .sidebar .s-card,
.two-col > .sidebar .s-card{
  width:100%!important;
  min-height:auto!important;
  padding:22px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 22px 54px rgba(15,23,42,.11)!important;
}

.reviews-page .sidebar .s-head,
.two-col > .sidebar .s-head{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:950!important;
  color:#0d1b3e!important;
  margin-bottom:18px!important;
}

.reviews-page .sidebar .s-body,
.two-col > .sidebar .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

.reviews-page .sidebar .s-row,
.two-col > .sidebar .s-row{
  min-height:48px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
}

.reviews-page .sidebar .s-card:first-child .s-row,
.two-col > .sidebar .s-card:first-child .s-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:10px!important;
}

.reviews-page .sidebar .s-row span,
.two-col > .sidebar .s-row span{
  color:#64748b!important;
  font-size:14px!important;
  font-weight:950!important;
}

.reviews-page .sidebar .s-row strong,
.two-col > .sidebar .s-row strong{
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:900!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.reviews-page .sidebar .s-row b,
.two-col > .sidebar .s-row b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:30px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
}

.reviews-page .sidebar .s-read-row,
.two-col > .sidebar .s-read-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}

.reviews-page .sidebar .s-read-row strong,
.two-col > .sidebar .s-read-row strong{
  white-space:normal!important;
  line-height:1.3!important;
}

.reviews-page .sidebar .s-read-row small,
.two-col > .sidebar .s-read-row small{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:750!important;
}

.reviews-page .sidebar .s-cta,
.two-col > .sidebar .s-cta{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-top:18px!important;
  min-height:44px!important;
  padding:12px 16px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

@media(max-width:980px){
  .reviews-page .sidebar,
  .two-col > .sidebar{
    max-width:none!important;
    position:static!important;
  }
}

/* =========================================================
   HOMEPAGE — 100-POINT MATCHSCORE DISPLAY
   ========================================================= */

.mg-home-matchscore-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:8px 0 10px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f8fbff,#fff7fb)!important;
  border:1px solid rgba(30,75,212,.14)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}

.mg-home-matchscore-pill span{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.mg-home-matchscore-pill strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
}

/* =========================================================
   REVIEWS SIDEBAR — 100-POINT MATCHSCORE SCALE
   ========================================================= */

.reviews-page .sidebar .s-row b,
.two-col > .sidebar .s-row b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:52px!important;
  height:30px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
}

.reviews-page .sidebar .s-card:first-child .s-row,
.two-col > .sidebar .s-card:first-child .s-row{
  grid-template-columns:28px minmax(0,1fr) 58px!important;
}

/* =========================================================
   HOMEPAGE HERO — SAME-COLOR CLEAN HEADLINE
   ========================================================= */

body.home .idx-hero,
body.home .page-hero,
body.home .hero-copy,
body.home .idx-hero-inner,
body.home .hero-inner{
  overflow:visible!important;
}

body.home .idx-hero h1,
body.home .page-hero h1{
  color:#0d1b3e!important;
  max-width:1040px!important;
  margin:0 0 18px!important;
  padding:0 0 8px!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  overflow:visible!important;
}

@media(max-width:640px){
  body.home .idx-hero h1,
  body.home .page-hero h1{
    line-height:1.18!important;
    letter-spacing:-.02em!important;
  }
}

/* =========================================================
   HOMEPAGE HERO — MATCHGAUGE LOGO COLOR ONLY
   ========================================================= */

body.home .idx-hero h1 .mg-logo-gradient,
body.home .page-hero h1 .mg-logo-gradient{
  background:linear-gradient(135deg,#1e4bd4 0%,#7a22d4 48%,#e4197e 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  display:inline!important;
}

/* =========================================================
   MATCHSCORE SCALE — PUBLIC DISPLAY USES 1–10 FORMAT
   ========================================================= */

.mg-home-matchscore-pill strong,
.reviews-page .sidebar .s-row b,
.two-col > .sidebar .s-row b{
  min-width:42px!important;
  width:auto!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
}

.reviews-page .sidebar .s-card:first-child .s-row,
.two-col > .sidebar .s-card:first-child .s-row{
  grid-template-columns:28px minmax(0,1fr) 50px!important;
}

/* =========================================================
   REVIEWS SIDEBAR — 1–10 MATCHSCORE SIDE CARD DISPLAY
   ========================================================= */

.reviews-page .sidebar .s-row b,
.two-col > .sidebar .s-row b,
.reviews-page .sidebar .s-score,
.two-col > .sidebar .s-score{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  width:auto!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}

.reviews-page .sidebar .s-card:first-child .s-row,
.two-col > .sidebar .s-card:first-child .s-row{
  grid-template-columns:28px minmax(0,1fr) 50px!important;
}

/* =========================================================
   SHARED — CANONICAL LIVE MATCHSCORE RANKINGS CARD
   ========================================================= */

.mg-live-rankings-card,
.sidebar .s-card:first-child{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.09)!important;
  border-radius:26px!important;
  box-shadow:0 22px 54px rgba(15,23,42,.11)!important;
  padding:22px!important;
}

.mg-live-rankings-card .s-head,
.sidebar .s-card:first-child .s-head{
  color:#0d1b3e!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:950!important;
  margin-bottom:18px!important;
}

.mg-live-rankings-card .s-body,
.sidebar .s-card:first-child .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

.mg-live-rankings-card .s-row,
.sidebar .s-card:first-child .s-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 50px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
}

.mg-live-rankings-card .s-row span,
.sidebar .s-card:first-child .s-row span{
  color:#64748b!important;
  font-size:14px!important;
  font-weight:950!important;
}

.mg-live-rankings-card .s-row strong,
.sidebar .s-card:first-child .s-row strong{
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:900!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.mg-live-rankings-card .s-row b,
.sidebar .s-card:first-child .s-row b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
}

.mg-live-rankings-card .s-cta,
.sidebar .s-card:first-child .s-cta{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-top:18px!important;
  min-height:44px!important;
  padding:12px 16px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* MatchGauge ecosystem homepage pass: isolated Trust + Data Intelligence modules */
body.home .ecosystem-hero{
  background:linear-gradient(135deg,#fafbfc 0%,#ffffff 52%,#f7f9ff 100%)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}

body.home .ecosystem-hero-grid{
  max-width:1180px!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;
  gap:44px!important;
  align-items:center!important;
  padding:54px 20px 34px!important;
}

body.home .ecosystem-hero-copy h1{
  max-width:800px!important;
  font-size:clamp(2.2rem,4.2vw,4.15rem)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  margin-bottom:18px!important;
}

body.home .ecosystem-hero-copy p{
  max-width:720px!important;
  color:#334155!important;
  font-size:clamp(1rem,1.5vw,1.15rem)!important;
  line-height:1.72!important;
}

body.home .ecosystem-hero-copy .eyebrow{
  color:#334155!important;
  font-weight:900!important;
}

body.home .ecosystem-hero .hero-primary{
  background:#0d1b3e!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(13,27,62,.2)!important;
}

body.home .ecosystem-hero .hero-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(13,27,62,.16)!important;
  box-shadow:0 12px 30px rgba(13,27,62,.07)!important;
}

body.home .ecosystem-trust-tags span{
  background:#fff!important;
  color:#334155!important;
  border:1px solid rgba(13,27,62,.1)!important;
  box-shadow:0 8px 18px rgba(13,27,62,.04)!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:850!important;
}

.ecosystem-intel-card{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:18px!important;
  box-shadow:0 24px 60px rgba(13,27,62,.12)!important;
  padding:24px!important;
  text-align:left!important;
}

.ecosystem-card-kicker{
  color:#7a22d4!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin-bottom:18px!important;
}

.ecosystem-app-row{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-bottom:18px!important;
}

.ecosystem-card-logo{
  width:54px!important;
  height:54px!important;
  border-radius:15px!important;
  flex:0 0 auto!important;
}

.ecosystem-card-title{
  color:#0d1b3e!important;
  font-size:1.05rem!important;
  font-weight:950!important;
  line-height:1.2!important;
}

.ecosystem-card-note{
  color:#64748b!important;
  font-size:13px!important;
  font-weight:800!important;
  margin-top:3px!important;
}

.ecosystem-metric-stack{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0!important;
}

.ecosystem-metric-stack div{
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:14px!important;
  padding:13px 10px!important;
}

.ecosystem-metric-stack span{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.28rem!important;
  font-weight:950!important;
  line-height:1!important;
}

.ecosystem-metric-stack small{
  display:block!important;
  color:#64748b!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.25!important;
  margin-top:6px!important;
}

.ecosystem-intel-card p{
  color:#475569!important;
  font-size:13px!important;
  line-height:1.65!important;
  margin:0 0 16px!important;
}

.ecosystem-card-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#0d1b3e!important;
  background:#eef2ff!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:950!important;
}

.ecosystem-score-strip{
  max-width:1180px!important;
  margin:0 auto 22px!important;
  padding:0 20px 22px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.ecosystem-score-strip div{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.09)!important;
  border-radius:14px!important;
  padding:16px!important;
  box-shadow:0 12px 28px rgba(13,27,62,.05)!important;
}

.ecosystem-score-strip strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:15px!important;
  font-weight:950!important;
  margin-bottom:5px!important;
}

.ecosystem-score-strip span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

.ecosystem-mini-quiz{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  color:#0d1b3e!important;
}

.ecosystem-mini-quiz .home-quiz-kicker{
  color:#1e4bd4!important;
}

.ecosystem-mini-quiz h3{
  color:#0d1b3e!important;
}

.ecosystem-mini-quiz p{
  color:#475569!important;
}

.ecosystem-mini-quiz a,
.loveintel-bridge .hero-primary{
  background:#0d1b3e!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(13,27,62,.2)!important;
}

.loveintel-bridge{
  background:linear-gradient(135deg,#0d1b3e,#1f2a44)!important;
}

.bridge-kicker{
  color:#c7d2fe!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
}

@media(max-width:900px){
  body.home .ecosystem-hero-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding-top:36px!important;
  }
  .ecosystem-score-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:560px){
  body.home .ecosystem-hero-copy h1{
    font-size:2.05rem!important;
  }
  .ecosystem-metric-stack,
  .ecosystem-score-strip{
    grid-template-columns:1fr!important;
  }
}

/* Shared header color: keep homepage and standard page heroes in one calm system */
body.home .ecosystem-hero,
body:not(.home) .page-hero,
body:not(.home) .review-hero,
body:not(.home) .cmp-hero,
body:not(.home) .disc-hero,
body:not(.home) .quiz-hero,
body:not(.home) .art-hero,
body:not(.home) .standard-page-hero{
  background:
    radial-gradient(circle at 12% 0%,rgba(30,75,212,.045),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(122,34,212,.035),transparent 32%),
    linear-gradient(135deg,#fafbfc 0%,#ffffff 52%,#f7f9ff 100%)!important;
}

/* MatchGauge homepage visual redesign pass: calmer editorial comparison surface */
body.home{
  background:#f8fafc!important;
}

body.home .home-content-wrap{
  max-width:1180px!important;
  gap:22px!important;
  align-items:start!important;
  padding-bottom:0!important;
}

body.home .ranking-intro{
  border-radius:16px!important;
  border:1px solid rgba(13,27,62,.08)!important;
  box-shadow:none!important;
  background:#fff!important;
  padding:24px 26px!important;
}

body.home .ranking-kicker{
  color:#1e4bd4!important;
}

body.home .listing{
  gap:14px!important;
}

body.home .listing .card{
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}

body.home .listing .card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.1)!important;
}

body.home .listing .card-banner{
  background:#0d1b3e!important;
  color:#fff!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:10px!important;
}

body.home .listing .card-body{
  grid-template-columns:42px minmax(120px,150px) minmax(0,1fr) 150px!important;
  gap:16px!important;
  padding:18px!important;
}

body.home .listing .card-rank{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#0d1b3e!important;
  -webkit-text-fill-color:initial!important;
  font-size:1rem!important;
  font-weight:950!important;
}

body.home .listing .card-visual{
  min-height:118px!important;
  border-radius:12px!important;
}

body.home .listing .card-header{
  margin-bottom:8px!important;
}

body.home .listing .card-name{
  color:#0d1b3e!important;
  font-size:1.05rem!important;
}

body.home .listing .best-for-pill{
  background:#f8fafc!important;
  color:#334155!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
  padding:6px 10px!important;
}

body.home .listing .card-tagline{
  color:#334155!important;
  font-size:13px!important;
  line-height:1.45!important;
  margin:8px 0!important;
}

body.home .listing .card-bullets{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
}

body.home .listing .card-bullets li{
  color:#475569!important;
  font-size:12px!important;
  line-height:1.38!important;
}

body.home .listing .card-deal{
  display:none!important;
}

body.home .listing .card-right{
  border-left:1px solid rgba(13,27,62,.08)!important;
  padding-left:16px!important;
}

body.home .listing .score-ring{
  width:58px!important;
  height:58px!important;
  background:#0d1b3e!important;
}

body.home .listing .score-ring-inner{
  background:#fff!important;
}

body.home .listing .score-num{
  background:none!important;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
  color:#0d1b3e!important;
  font-size:1.05rem!important;
}

body.home .listing .btn-visit{
  background:#0d1b3e!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:12px!important;
}

body.home .listing .btn-review{
  color:#0d1b3e!important;
  font-weight:900!important;
}

body.home .homepage-promo{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.1)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05)!important;
}

body.home .home-side-card{
  border-radius:16px!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
}

body.home .home-side-head{
  background:#0d1b3e!important;
  color:#fff!important;
}

body.home .home-rank-row strong{
  min-width:36px!important;
  text-align:right!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:950!important;
}

body.home .promo-section{
  background:#fff!important;
  border-top:1px solid rgba(13,27,62,.08)!important;
}

@media(max-width:900px){
  body.home .listing .card-body{
    grid-template-columns:38px minmax(120px,150px) minmax(0,1fr)!important;
  }
  body.home .listing .card-right{
    grid-column:2 / -1!important;
    border-left:0!important;
    border-top:1px solid rgba(13,27,62,.08)!important;
    padding:14px 0 0!important;
  }
}

@media(max-width:640px){
  body.home .listing .card-body{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  body.home .listing .card-visual{
    min-height:210px!important;
  }
  body.home .listing .card-right{
    grid-column:auto!important;
  }
}

/* Homepage sidebar and rank consistency refinements */
body.home .listing .card-rank,
body.home .listing .hinge-rank-gold{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eef2ff!important;
  color:#0d1b3e!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:none!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
}

body.home .listing .card-rank::before,
body.home .listing .card-rank::after,
body.home .listing .hinge-rank-gold::before,
body.home .listing .hinge-rank-gold::after{
  display:none!important;
  content:none!important;
}

body.home .listing .card:first-child .card-rank,
body.home .listing .hinge-rank-gold{
  background:#0d1b3e!important;
  color:#fff!important;
}

body.home .listing .card:first-child .card-rank.hinge-rank-gold{
  box-sizing:border-box!important;
  flex:0 0 38px!important;
  inline-size:38px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  padding:0!important;
}

body.home .home-sidebar{
  gap:14px!important;
}

.home-decision-link,
.home-offer-row{
  display:block!important;
  padding:11px 0!important;
  color:#0d1b3e!important;
  text-decoration:none!important;
  border-bottom:1px solid #eef2f7!important;
  font-size:13px!important;
  font-weight:900!important;
}

.home-decision-link span,
.home-offer-row span{
  display:block!important;
  color:#64748b!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.35!important;
  margin-top:3px!important;
}

.home-decision-link:hover,
.home-offer-row:hover{
  color:#1e4bd4!important;
}

.home-side-cta.muted{
  background:#eef2ff!important;
  color:#0d1b3e!important;
  box-shadow:none!important;
}

.home-loveintel-card .small-text{
  margin-bottom:12px!important;
}

.home-trust-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 0!important;
  border-bottom:1px solid #eef2f7!important;
}

.home-trust-row strong{
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:950!important;
}

.home-trust-row span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:right!important;
}

.home-trust-links{
  display:flex!important;
  gap:10px!important;
  margin-top:12px!important;
}

.home-trust-links a{
  flex:1!important;
  text-align:center!important;
  color:#0d1b3e!important;
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:999px!important;
  padding:9px 10px!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
}

@media(max-width:1050px){
  body.home .home-sidebar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  body.home .home-sidebar{
    grid-template-columns:1fr!important;
  }
}

/* Sidebar visual polish: clearer hierarchy, tactile links, and card accents */
body.home .home-side-card{
  position:relative!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  overflow:hidden!important;
}

body.home .home-side-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  background:#1e4bd4!important;
  opacity:.9!important;
}

body.home .home-live-card::before{background:#0d1b3e!important;}
body.home .ecosystem-mini-quiz::before{background:#7a22d4!important;}
body.home .home-decision-card::before{background:#1e4bd4!important;}
body.home .home-deals-card::before{background:#0f766e!important;}
body.home .home-loveintel-card::before{background:#e4197e!important;}
body.home .home-trust-card::before{background:#64748b!important;}

body.home .home-side-head{
  position:relative!important;
  background:transparent!important;
  color:#0d1b3e!important;
  padding:16px 18px 10px 20px!important;
  border-bottom:0!important;
  font-size:12px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

body.home .home-side-head::after{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  right:18px!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(13,27,62,.12),rgba(13,27,62,0))!important;
}

body.home .home-side-body{
  padding:14px 18px 18px 20px!important;
}

body.home .home-live-card .small-text,
body.home .home-loveintel-card .small-text{
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:12px!important;
  padding:10px 11px!important;
}

body.home .home-rank-row,
body.home .home-decision-link,
body.home .home-offer-row{
  position:relative!important;
  margin:0 -6px!important;
  padding:11px 34px 11px 8px!important;
  border-bottom:1px solid #eef2f7!important;
  border-radius:10px!important;
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
}

body.home .home-rank-row::after,
body.home .home-decision-link::after,
body.home .home-offer-row::after{
  content:"›"!important;
  position:absolute!important;
  right:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#94a3b8!important;
  font-size:20px!important;
  line-height:1!important;
}

body.home .home-rank-row:hover,
body.home .home-decision-link:hover,
body.home .home-offer-row:hover{
  background:#f8fafc!important;
  transform:translateX(2px)!important;
}

body.home .home-rank-num{
  background:#eef2ff!important;
  color:#1e4bd4!important;
  box-shadow:inset 0 0 0 1px rgba(30,75,212,.1)!important;
}

body.home .home-rank-num.gold{
  background:#0d1b3e!important;
  color:#fff!important;
}

body.home .home-rank-row strong{
  color:#0d1b3e!important;
}

body.home .ecosystem-mini-quiz{
  background:
    radial-gradient(circle at top right,rgba(122,34,212,.1),transparent 42%),
    linear-gradient(180deg,#ffffff,#f8fafc)!important;
}

body.home .ecosystem-mini-quiz h3{
  font-size:1.22rem!important;
  line-height:1.18!important;
}

body.home .home-side-cta,
body.home .ecosystem-mini-quiz a{
  border-radius:999px!important;
  box-shadow:0 12px 24px rgba(13,27,62,.14)!important;
}

body.home .home-side-cta.muted{
  box-shadow:none!important;
}

body.home .home-trust-row{
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:12px!important;
  margin-bottom:8px!important;
  padding:10px 11px!important;
}

body.home .home-trust-row strong{
  color:#0d1b3e!important;
}

body.home .home-trust-links a:hover{
  background:#eef2ff!important;
  color:#1e4bd4!important;
}

/* Homepage app-card evidence strip */
body.home .listing .home-card-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:9px 0 10px!important;
}

body.home .listing .home-card-metrics span{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:8px 9px!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#64748b!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.22!important;
}

body.home .listing .home-card-metrics strong{
  display:block!important;
  margin-bottom:2px!important;
  color:#0d1b3e!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1.1!important;
}

body.home .listing .card-bullets li:nth-child(3){
  display:list-item!important;
}

@media(max-width:900px){
  body.home .listing .home-card-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  body.home .listing .home-card-metrics{
    grid-template-columns:1fr!important;
  }

  body.home .listing .home-card-metrics span{
    min-height:0!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    gap:5px!important;
  }

  body.home .listing .home-card-metrics strong{
    margin:0!important;
  }
}

/* Lower homepage rebuild: categories, comparison, trust, deals, and LoveIntel bridge */
body.home .home-lower-section{
  margin:22px 0!important;
  padding:26px!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}

body.home .home-section-head{
  max-width:720px!important;
  margin-bottom:18px!important;
}

body.home .home-section-head.compact{
  max-width:760px!important;
}

body.home .home-section-kicker{
  margin-bottom:8px!important;
  color:#1e4bd4!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body.home .home-lower-section h2{
  margin:0 0 10px!important;
  color:#0d1b3e!important;
  font-family:"DM Serif Display",Georgia,serif!important;
  font-size:1.58rem!important;
  font-weight:500!important;
  line-height:1.14!important;
  letter-spacing:0!important;
}

body.home .home-lower-section p{
  margin:0!important;
  color:#475569!important;
  font-size:14px!important;
  line-height:1.7!important;
}

body.home .home-path-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

body.home .home-path-card{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:15px!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  color:#0d1b3e!important;
  text-decoration:none!important;
  transition:background .15s ease,transform .15s ease,border-color .15s ease!important;
}

body.home .home-path-card:hover{
  transform:translateY(-1px)!important;
  background:#eef2ff!important;
  border-color:rgba(30,75,212,.2)!important;
}

body.home .home-path-card span{
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:950!important;
}

body.home .home-path-card strong{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:850!important;
  text-align:right!important;
}

body.home .home-compare-table{
  overflow:hidden!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:14px!important;
}

body.home .home-compare-row{
  display:grid!important;
  grid-template-columns:1.15fr 1.5fr .75fr .9fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px 16px!important;
  border-bottom:1px solid #eef2f7!important;
  color:#334155!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.home .home-compare-row:last-child{
  border-bottom:0!important;
}

body.home .home-compare-row.header{
  background:#f8fafc!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.home a.home-compare-row:hover{
  background:#fbfdff!important;
}

body.home .home-compare-row span:first-child,
body.home .home-compare-row strong{
  color:#0d1b3e!important;
  font-weight:950!important;
}

body.home .home-lower-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:16px!important;
}

body.home .home-methodology-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)!important;
  gap:22px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at top right,rgba(30,75,212,.08),transparent 38%),
    #fff!important;
}

body.home .home-methodology-panel a{
  display:inline-flex!important;
  margin-top:16px!important;
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
}

body.home .home-trust-metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

body.home .home-trust-metrics div{
  padding:14px!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}

body.home .home-trust-metrics strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.18rem!important;
  font-weight:950!important;
}

body.home .home-trust-metrics span{
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:1.25!important;
}

body.home .home-deal-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

body.home .home-deal-card{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:132px!important;
  padding:16px!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  color:#0d1b3e!important;
  text-decoration:none!important;
}

body.home .home-deal-card span{
  color:#1e4bd4!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.home .home-deal-card strong{
  color:#0d1b3e!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1.25!important;
}

body.home .home-deal-card em{
  color:#64748b!important;
  font-size:12.5px!important;
  font-style:normal!important;
  font-weight:750!important;
  line-height:1.45!important;
}

body.home .home-deal-card.muted{
  background:#eef2ff!important;
}

body.home .home-loveintel-inline{
  background:#0d1b3e!important;
  color:#fff!important;
}

body.home .home-loveintel-inline .home-section-kicker{
  color:#c7d2fe!important;
}

body.home .home-loveintel-inline h2,
body.home .home-loveintel-inline p{
  color:#fff!important;
}

body.home .home-loveintel-inline p{
  max-width:720px!important;
  color:rgba(255,255,255,.74)!important;
}

body.home .home-loveintel-inline .hero-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
}

body.home .home-faq-list{
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

body.home .home-faq-panel .faq-q{
  padding:17px 18px!important;
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:950!important;
}

body.home .home-faq-panel .faq-a{
  padding:0 18px 18px!important;
  color:#475569!important;
  font-size:13.5px!important;
  line-height:1.65!important;
}

/* Lower homepage color pass: clearer section identity without losing the calm editorial feel */
body.home .home-pathways{
  background:
    radial-gradient(circle at 8% 0%,rgba(30,75,212,.12),transparent 34%),
    linear-gradient(135deg,#f7faff 0%,#fff 46%,#fff7fb 100%)!important;
  border-color:rgba(30,75,212,.14)!important;
}

body.home .home-pathways .home-section-kicker{
  color:#7a22d4!important;
}

body.home .home-path-card{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}

body.home .home-path-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  background:linear-gradient(180deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

body.home .home-path-card:nth-child(2)::before{background:linear-gradient(180deg,#0ea5e9,#1e4bd4)!important;}
body.home .home-path-card:nth-child(3)::before{background:linear-gradient(180deg,#f59e0b,#e4197e)!important;}
body.home .home-path-card:nth-child(4)::before{background:linear-gradient(180deg,#7a22d4,#e4197e)!important;}
body.home .home-path-card:nth-child(5)::before{background:linear-gradient(180deg,#10b981,#1e4bd4)!important;}
body.home .home-path-card:nth-child(6)::before{background:linear-gradient(180deg,#0f766e,#7a22d4)!important;}

body.home .home-compare-preview{
  background:
    linear-gradient(180deg,rgba(30,75,212,.055),rgba(255,255,255,.78) 34%),
    #fff!important;
  border-color:rgba(122,34,212,.14)!important;
}

body.home .home-compare-row.header{
  background:linear-gradient(135deg,#0d1b3e,#24113f)!important;
  color:rgba(255,255,255,.78)!important;
}

body.home .home-compare-row:nth-child(odd):not(.header){
  background:#fbfdff!important;
}

body.home a.home-compare-row:hover{
  background:#f3f6ff!important;
}

body.home .home-methodology-panel{
  background:
    radial-gradient(circle at 88% 8%,rgba(16,185,129,.16),transparent 32%),
    radial-gradient(circle at 4% 100%,rgba(30,75,212,.11),transparent 34%),
    linear-gradient(135deg,#f6fffb 0%,#fff 55%,#f6f8ff 100%)!important;
  border-color:rgba(16,185,129,.18)!important;
}

body.home .home-methodology-panel .home-section-kicker{
  color:#059669!important;
}

body.home .home-trust-metrics div{
  background:#fff!important;
  box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
}

body.home .home-trust-metrics div:nth-child(1){border-color:rgba(30,75,212,.18)!important;}
body.home .home-trust-metrics div:nth-child(2){border-color:rgba(122,34,212,.18)!important;}
body.home .home-trust-metrics div:nth-child(3){border-color:rgba(16,185,129,.2)!important;}
body.home .home-trust-metrics div:nth-child(4){border-color:rgba(228,25,126,.18)!important;}

body.home .home-deals-strip{
  background:
    radial-gradient(circle at 90% 0%,rgba(251,191,36,.2),transparent 34%),
    linear-gradient(135deg,#fff9ed 0%,#fff 48%,#fff3f8 100%)!important;
  border-color:rgba(245,158,11,.22)!important;
}

body.home .home-deals-strip .home-section-kicker{
  color:#d97706!important;
}

body.home .home-deal-card{
  background:#fff!important;
  box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}

body.home .home-deal-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(15,23,42,.09)!important;
}

body.home .home-deal-card:nth-child(1){
  border-color:rgba(228,25,126,.22)!important;
  background:linear-gradient(135deg,#fff,#fff4f8)!important;
}

body.home .home-deal-card:nth-child(3){
  border-color:rgba(245,158,11,.28)!important;
  background:linear-gradient(135deg,#fff,#fff8e8)!important;
}

body.home .home-deal-card.muted{
  border-color:rgba(30,75,212,.18)!important;
  background:linear-gradient(135deg,#fff,#eef2ff)!important;
}

body.home .home-loveintel-inline{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(228,25,126,.24),transparent 35%),
    radial-gradient(circle at 10% 100%,rgba(30,75,212,.28),transparent 36%),
    linear-gradient(135deg,#0d1b3e 0%,#21113f 52%,#320d4f 100%)!important;
  border-color:rgba(199,210,254,.18)!important;
}

body.home .home-faq-panel{
  background:
    linear-gradient(135deg,#f8fafc 0%,#fff 42%,#f7f4ff 100%)!important;
  border-color:rgba(122,34,212,.14)!important;
}

body.home .home-faq-panel .home-section-kicker{
  color:#7a22d4!important;
}

body.home .home-faq-list{
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}

body.home .home-faq-list .faq-item:nth-child(even){
  background:#fbfdff!important;
}

@media(max-width:900px){
  body.home .home-methodology-panel,
  body.home .home-deal-grid{
    grid-template-columns:1fr!important;
  }

  body.home .home-path-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:640px){
  body.home .home-lower-section{
    padding:20px!important;
  }

  body.home .home-lower-section h2{
    font-size:1.34rem!important;
  }

  body.home .home-path-card{
    flex-direction:column!important;
  }

  body.home .home-path-card strong{
    text-align:left!important;
  }

  body.home .home-compare-row{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  body.home .home-compare-row.header{
    display:none!important;
  }

  body.home .home-trust-metrics{
    grid-template-columns:1fr!important;
  }
}

/* Homepage navigation polish and mobile drawer fix */
body.home nav.nav{
  width:100%!important;
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  position:relative!important;
  overflow:visible!important;
  z-index:1000!important;
}

body.home nav.nav .nav-inner{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  height:96px!important;
  min-height:96px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:32px!important;
  overflow:visible!important;
}

body.home nav.nav .nav-logo-link{
  width:250px!important;
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
}

body.home nav.nav .nav-logo-img{
  width:auto!important;
  height:86px!important;
  max-width:240px!important;
  max-height:86px!important;
  display:block!important;
  object-fit:contain!important;
}

body.home nav.nav .nav-links{
  gap:8px!important;
}

body.home nav.nav .nav-links li{
  list-style:none!important;
  order:initial!important;
}

body.home nav.nav .nav-links li:has(a[href="index.html"]){order:1!important;}
body.home nav.nav .nav-links li:has(a[href="reviews.html"]){order:2!important;}
body.home nav.nav .nav-links li:has(a[href="compare.html"]){order:3!important;}
body.home nav.nav .nav-links li:has(a[href="advice.html"]){order:4!important;}
body.home nav.nav .nav-links li:has(a[href="deals.html"]){order:5!important;}
body.home nav.nav .nav-links li:has(a[href="about.html"]){order:6!important;}
body.home nav.nav .nav-links li:has(a[href="quiz.html"]){order:7!important;}

body.home nav.nav .nav-links a:not(.nav-cta){
  position:relative!important;
  width:auto!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  color:#0d1b3e!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}

body.home nav.nav .nav-links a:not(.nav-cta):hover{
  background:#f8fafc!important;
  border-color:rgba(13,27,62,.09)!important;
  color:#1e4bd4!important;
  transform:translateY(-1px)!important;
}

body.home nav.nav .nav-links a.active:not(.nav-cta),
body.home nav.nav .nav-links a[aria-current="page"]:not(.nav-cta){
  background:#eef2ff!important;
  border-color:rgba(30,75,212,.18)!important;
  color:#0d1b3e!important;
  box-shadow:inset 0 -2px 0 #1e4bd4!important;
}

body.home nav.nav .nav-links a.nav-cta{
  width:auto!important;
  min-width:0!important;
  padding:0 18px!important;
  border-radius:999px!important;
}

body.home .nav-mobile-toggle{
  display:none!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}

body.home .nav-mobile-toggle span{
  width:20px!important;
  height:2px!important;
  background:#0d1b3e!important;
}

@media(max-width:900px){
  body.home nav.nav{
    height:78px!important;
    min-height:78px!important;
  }

  body.home nav.nav .nav-inner{
    width:calc(100% - 28px)!important;
    height:78px!important;
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    padding:0!important;
  }

  body.home nav.nav .nav-logo-link,
  body.home nav.nav .nav-inner > a:first-child{
    width:auto!important;
    height:78px!important;
    min-height:78px!important;
  }

  body.home nav.nav .nav-logo-img,
  body.home nav.nav img[alt="MatchGauge"]{
    width:auto!important;
    height:58px!important;
    max-height:58px!important;
    max-width:168px!important;
  }

  body.home .nav-mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    grid-column:2!important;
    margin-left:auto!important;
  }

  body.home nav.nav .nav-links{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:auto!important;
    right:0!important;
    width:min(300px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 110px)!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:10px!important;
    border:1px solid rgba(13,27,62,.1)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 22px 60px rgba(15,23,42,.16)!important;
    z-index:10050!important;
  }

  body.home nav.nav .nav-links.mobile-open,
  body.home nav.nav.nav-open .nav-links,
  body.home nav.nav .nav-inner.nav-open .nav-links{
    display:flex!important;
  }

  body.home nav.nav .nav-links li{
    width:auto!important;
    display:block!important;
  }

  body.home nav.nav .nav-links a,
  body.home nav.nav .nav-links a:not(.nav-cta),
  body.home nav.nav .nav-links a.nav-cta{
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    justify-content:flex-start!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:13px!important;
    text-align:left!important;
  }

  body.home nav.nav .nav-links a.nav-cta{
    justify-content:center!important;
    margin-top:4px!important;
  }

  body.home .hero-actions,
  body.home .home-lower-actions{
    align-items:center!important;
  }

  body.home .hero-actions .hero-primary,
  body.home .hero-actions .hero-secondary,
  body.home .home-lower-actions .hero-primary,
  body.home .home-lower-actions .hero-secondary{
    width:auto!important;
    min-width:0!important;
    flex:0 1 auto!important;
    padding:11px 14px!important;
    border-radius:12px!important;
    font-size:13px!important;
    white-space:normal!important;
  }
}

@media(max-width:520px){
  body.home .hero-actions,
  body.home .home-lower-actions{
    gap:8px!important;
  }

  body.home .hero-actions .hero-primary,
  body.home .hero-actions .hero-secondary,
  body.home .home-lower-actions .hero-primary,
  body.home .home-lower-actions .hero-secondary{
    flex:1 1 calc(50% - 8px)!important;
    max-width:190px!important;
  }
}

@media(min-width:901px){
  /* Keep homepage navbar spacing identical to standardized interior pages. */
  body.home nav.nav .nav-links{
    gap:18px!important;
    column-gap:18px!important;
  }

  body.home nav.nav .nav-links a:not(.nav-cta){
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
  }
}

/* Final canonical nav order for pages that inherit older homepage CSS blocks:
   Home, Reviews, Compare, Dating Advice, Deals, About, AI Match. */
body .nav .nav-links li{
  order:initial!important;
}

body .nav .nav-links li:has(a[href="/"]),
body .nav .nav-links li:has(a[href="index.html"]),
body .nav .nav-links li:has(a[href="../index.html"]){
  order:1!important;
}

body .nav .nav-links li:has(a[href="/reviews"]),
body .nav .nav-links li:has(a[href="reviews.html"]),
body .nav .nav-links li:has(a[href="../reviews.html"]){
  order:2!important;
}

body .nav .nav-links li:has(a[href="/compare"]),
body .nav .nav-links li:has(a[href="compare.html"]),
body .nav .nav-links li:has(a[href="../compare.html"]){
  order:3!important;
}

body .nav .nav-links li:has(a[href="/articles"]),
body .nav .nav-links li:has(a[href="advice.html"]),
body .nav .nav-links li:has(a[href="../advice.html"]){
  order:4!important;
}

body .nav .nav-links li:has(a[href="/deals"]),
body .nav .nav-links li:has(a[href="deals.html"]),
body .nav .nav-links li:has(a[href="../deals.html"]){
  order:5!important;
}

body .nav .nav-links li:has(a[href="/about"]),
body .nav .nav-links li:has(a[href="about.html"]),
body .nav .nav-links li:has(a[href="../about.html"]){
  order:6!important;
}

body .nav .nav-links li:has(a[href="/quiz"]),
body .nav .nav-links li:has(a[href="quiz.html"]),
body .nav .nav-links li:has(a[href="../quiz.html"]){
  order:7!important;
}

/* Mobile section color separation: keeps stacked pages from reading as one long white sheet. */
@media(max-width:760px){
  body.home{
    background:#f5f8ff!important;
  }

  body.home main,
  body.home .main-content{
    background:
      linear-gradient(180deg,#fff 0%,#f7faff 32%,#fff 62%,#f8f5ff 100%)!important;
  }

  body.home .ranking-intro,
  body.home .home-lower-section{
    position:relative!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(30,75,212,.12)!important;
    box-shadow:0 16px 34px rgba(15,23,42,.065)!important;
  }

  body.home .ranking-intro::before,
  body.home .home-lower-section::before{
    content:""!important;
    position:absolute!important;
    inset:0 0 auto!important;
    height:5px!important;
    background:linear-gradient(90deg,#1e4bd4,#7a22d4,#e4197e)!important;
    opacity:.78!important;
    pointer-events:none!important;
  }

  body.home .ranking-intro{
    background:linear-gradient(135deg,#ffffff 0%,#f3f7ff 55%,#fff7fb 100%)!important;
  }

  body.home .ecosystem-score-strip{
    gap:10px!important;
  }

  body.home .ecosystem-score-strip div{
    background:linear-gradient(135deg,#ffffff 0%,#f3f7ff 100%)!important;
    border:1px solid rgba(30,75,212,.12)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
  }

  body.home .ecosystem-score-strip div:nth-child(2){
    background:linear-gradient(135deg,#ffffff 0%,#fff5fb 100%)!important;
    border-color:rgba(228,25,126,.13)!important;
  }

  body.home .ecosystem-score-strip div:nth-child(3){
    background:linear-gradient(135deg,#ffffff 0%,#effcf7 100%)!important;
    border-color:rgba(14,165,132,.14)!important;
  }

  body.home .home-lower-section{
    margin:18px 0!important;
    padding:24px 18px!important;
  }

  body.home .home-pathways{
    background:linear-gradient(135deg,#eef5ff 0%,#ffffff 52%,#fff4fa 100%)!important;
  }

  body.home .home-compare-preview{
    background:linear-gradient(135deg,#f3f6ff 0%,#ffffff 50%,#f7f3ff 100%)!important;
    border-color:rgba(122,34,212,.13)!important;
  }

  body.home .home-compare-preview::before{
    background:linear-gradient(90deg,#1e4bd4,#7a22d4)!important;
  }

  body.home .home-methodology-panel{
    background:linear-gradient(135deg,#effcf7 0%,#ffffff 54%,#f2f7ff 100%)!important;
    border-color:rgba(14,165,132,.15)!important;
  }

  body.home .home-methodology-panel::before{
    background:linear-gradient(90deg,#0ea584,#1e4bd4)!important;
  }

  body.home .home-deals-strip{
    background:linear-gradient(135deg,#fff8e8 0%,#ffffff 50%,#fff2f7 100%)!important;
    border-color:rgba(245,158,11,.18)!important;
  }

  body.home .home-deals-strip::before{
    background:linear-gradient(90deg,#f59e0b,#e4197e)!important;
  }

  body.home .home-loveintel-inline{
    background:
      radial-gradient(circle at 88% 8%,rgba(228,25,126,.24),transparent 34%),
      radial-gradient(circle at 0% 100%,rgba(30,75,212,.28),transparent 38%),
      linear-gradient(135deg,#0d1b3e 0%,#21113f 54%,#320d4f 100%)!important;
    border-color:rgba(199,210,254,.22)!important;
  }

  body.home .home-loveintel-inline::before{
    background:linear-gradient(90deg,#c7d2fe,#e4197e)!important;
  }

  body.home .home-faq-panel{
    background:linear-gradient(135deg,#f8fafc 0%,#ffffff 50%,#f5f0ff 100%)!important;
    border-color:rgba(122,34,212,.13)!important;
  }

  body.home .home-faq-panel::before{
    background:linear-gradient(90deg,#7a22d4,#1e4bd4)!important;
  }

  body.home .home-path-card,
  body.home .home-deal-card,
  body.home .home-faq-list{
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  }

  body.home .listing .card:nth-child(odd){
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  }

  body.home .listing .card:nth-child(even){
    background:linear-gradient(180deg,#ffffff 0%,#fffafd 100%)!important;
  }

  .review-template-panel,
  .review-pro-grid,
  .review-pro-cta,
  .review-desc-page-section,
  .nutshell-enhanced,
  .about-intro-panel,
  .about-section,
  .ms-section{
    box-shadow:0 14px 30px rgba(15,23,42,.055)!important;
  }

  .review-template-panel:nth-of-type(even),
  .review-pro-grid:nth-of-type(even),
  .about-section:nth-of-type(even),
  .ms-section:nth-of-type(even){
    background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%)!important;
  }
}

/* Homepage header and section color parity pass */
body.home .ecosystem-hero{
  background:
    radial-gradient(circle at 12% 0%,rgba(30,75,212,.043),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(122,34,212,.035),transparent 32%),
    linear-gradient(135deg,#fafbfc 0%,#ffffff 52%,#f7f9ff 100%)!important;
  border-bottom:1px solid rgba(13,27,62,.10)!important;
}

body.home .ecosystem-hero-grid{
  padding-top:46px!important;
  padding-bottom:30px!important;
}

body.home .ecosystem-hero-copy h1{
  font-size:clamp(2.05rem,3.65vw,3.55rem)!important;
  line-height:1.05!important;
  max-width:760px!important;
}

body.home .ecosystem-hero-copy p{
  max-width:690px!important;
  color:#425466!important;
}

body.home .ecosystem-intel-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  border-color:rgba(13,27,62,.11)!important;
}

body.home .ecosystem-score-strip{
  margin-bottom:28px!important;
}

body.home .ecosystem-score-strip div{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border-color:rgba(30,75,212,.11)!important;
}

body.home .ecosystem-score-strip div:nth-child(2){
  background:linear-gradient(135deg,#ffffff 0%,#fff5fb 100%)!important;
  border-color:rgba(228,25,126,.12)!important;
}

body.home .ecosystem-score-strip div:nth-child(3){
  background:linear-gradient(135deg,#ffffff 0%,#effcf7 100%)!important;
  border-color:rgba(14,165,132,.13)!important;
}

body.home .ecosystem-score-strip div:nth-child(4){
  background:linear-gradient(135deg,#ffffff 0%,#f7f4ff 100%)!important;
  border-color:rgba(122,34,212,.12)!important;
}

body.home .ranking-intro{
  background:
    radial-gradient(circle at 8% 0%,rgba(30,75,212,.08),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f7faff 54%,#fff7fb 100%)!important;
  border-color:rgba(30,75,212,.12)!important;
}

body.home .homepage-promo{
  background:linear-gradient(135deg,#fff6fa 0%,#ffffff 46%,#f3f7ff 100%)!important;
  border-color:rgba(228,25,126,.14)!important;
}

body.home .home-lower-section{
  border-radius:24px!important;
  box-shadow:0 16px 40px rgba(15,23,42,.06)!important;
}

body.home .home-pathways{
  background:
    radial-gradient(circle at 8% 0%,rgba(30,75,212,.105),transparent 34%),
    linear-gradient(135deg,#f3f8ff 0%,#ffffff 48%,#fff5fa 100%)!important;
  border-color:rgba(30,75,212,.15)!important;
}

body.home .home-compare-preview{
  background:
    radial-gradient(circle at 92% 0%,rgba(122,34,212,.095),transparent 34%),
    linear-gradient(135deg,#f6f8ff 0%,#ffffff 48%,#f8f5ff 100%)!important;
  border-color:rgba(122,34,212,.15)!important;
}

body.home .home-methodology-panel{
  background:
    radial-gradient(circle at 88% 8%,rgba(16,185,129,.13),transparent 32%),
    linear-gradient(135deg,#f3fff9 0%,#ffffff 52%,#f4f8ff 100%)!important;
  border-color:rgba(16,185,129,.17)!important;
}

body.home .home-deals-strip{
  background:
    radial-gradient(circle at 92% 0%,rgba(245,158,11,.17),transparent 34%),
    linear-gradient(135deg,#fff8ec 0%,#ffffff 48%,#fff4f8 100%)!important;
  border-color:rgba(245,158,11,.20)!important;
}

body.home .home-faq-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(122,34,212,.085),transparent 32%),
    linear-gradient(135deg,#f8fafc 0%,#ffffff 48%,#f7f3ff 100%)!important;
  border-color:rgba(122,34,212,.14)!important;
}

@media(max-width:900px){
  body.home .ecosystem-hero-grid{
    padding-top:30px!important;
    padding-bottom:24px!important;
  }

  body.home .ecosystem-hero-copy h1{
    font-size:clamp(1.95rem,8vw,2.55rem)!important;
    line-height:1.06!important;
  }

  body.home .ecosystem-hero-copy p{
    font-size:.98rem!important;
    line-height:1.62!important;
  }
}

@media(max-width:640px){
  body.home .ecosystem-hero{
    background:
      radial-gradient(circle at 12% 0%,rgba(30,75,212,.06),transparent 38%),
      linear-gradient(135deg,#f7faff 0%,#ffffff 58%,#f8f5ff 100%)!important;
  }

  body.home .ecosystem-score-strip{
    padding-bottom:18px!important;
  }

  body.home .ranking-intro,
  body.home .home-lower-section{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* MatchGauge logo-palette section system: blue, purple, magenta, and navy. */
body.home{
  --mg-logo-navy:#0d1b3e;
  --mg-logo-blue:#1e4bd4;
  --mg-logo-purple:#7a22d4;
  --mg-logo-pink:#e4197e;
  background:#f7faff!important;
}

body.home .ecosystem-hero{
  background:
    radial-gradient(circle at 12% 0%,rgba(30,75,212,.052),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(228,25,126,.045),transparent 32%),
    linear-gradient(135deg,#f7faff 0%,#ffffff 54%,#f8f5ff 100%)!important;
}

body.home .ecosystem-score-strip div,
body.home .ranking-intro,
body.home .homepage-promo,
body.home .home-lower-section{
  border-color:rgba(30,75,212,.13)!important;
}

body.home .ecosystem-score-strip div{
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%)!important;
}

body.home .ecosystem-score-strip div:nth-child(2){
  background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%)!important;
  border-color:rgba(122,34,212,.13)!important;
}

body.home .ecosystem-score-strip div:nth-child(3){
  background:linear-gradient(135deg,#ffffff 0%,#fff5fb 100%)!important;
  border-color:rgba(228,25,126,.13)!important;
}

body.home .ecosystem-score-strip div:nth-child(4){
  background:linear-gradient(135deg,#ffffff 0%,#f2f6ff 100%)!important;
  border-color:rgba(30,75,212,.13)!important;
}

body.home .ranking-intro,
body.home .home-pathways{
  background:
    radial-gradient(circle at 8% 0%,rgba(30,75,212,.09),transparent 34%),
    linear-gradient(135deg,#f4f8ff 0%,#ffffff 52%,#fff5fb 100%)!important;
}

body.home .homepage-promo,
body.home .home-compare-preview{
  background:
    radial-gradient(circle at 92% 0%,rgba(122,34,212,.085),transparent 34%),
    linear-gradient(135deg,#f7f5ff 0%,#ffffff 52%,#f4f8ff 100%)!important;
  border-color:rgba(122,34,212,.14)!important;
}

body.home .home-methodology-panel{
  background:
    radial-gradient(circle at 88% 8%,rgba(30,75,212,.075),transparent 32%),
    radial-gradient(circle at 4% 100%,rgba(122,34,212,.07),transparent 34%),
    linear-gradient(135deg,#f4f8ff 0%,#ffffff 55%,#faf5ff 100%)!important;
  border-color:rgba(30,75,212,.13)!important;
}

body.home .home-methodology-panel .home-section-kicker{
  color:var(--mg-logo-blue)!important;
}

body.home .home-deals-strip{
  background:
    radial-gradient(circle at 90% 0%,rgba(228,25,126,.09),transparent 34%),
    linear-gradient(135deg,#fff5fb 0%,#ffffff 52%,#f4f8ff 100%)!important;
  border-color:rgba(228,25,126,.14)!important;
}

body.home .home-deals-strip .home-section-kicker{
  color:var(--mg-logo-pink)!important;
}

body.home .home-deal-card:nth-child(1),
body.home .home-deal-card:nth-child(3),
body.home .home-deal-card.muted{
  background:linear-gradient(135deg,#ffffff 0%,#f8f5ff 100%)!important;
  border-color:rgba(122,34,212,.14)!important;
}

body.home .home-faq-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(122,34,212,.08),transparent 32%),
    linear-gradient(135deg,#f7faff 0%,#ffffff 48%,#faf5ff 100%)!important;
  border-color:rgba(122,34,212,.13)!important;
}

body.home .home-path-card::before,
body.home .home-path-card:nth-child(2)::before,
body.home .home-path-card:nth-child(3)::before,
body.home .home-path-card:nth-child(4)::before,
body.home .home-path-card:nth-child(5)::before,
body.home .home-path-card:nth-child(6)::before{
  background:linear-gradient(180deg,var(--mg-logo-blue),var(--mg-logo-purple),var(--mg-logo-pink))!important;
}

body.home .home-loveintel-inline{
  background:
    radial-gradient(circle at 88% 12%,rgba(228,25,126,.24),transparent 35%),
    radial-gradient(circle at 10% 100%,rgba(30,75,212,.28),transparent 36%),
    linear-gradient(135deg,var(--mg-logo-navy) 0%,#211047 52%,#34115c 100%)!important;
}

@media(max-width:760px){
  body.home .ranking-intro,
  body.home .home-pathways{
    background:linear-gradient(135deg,#f4f8ff 0%,#ffffff 54%,#fff5fb 100%)!important;
  }

  body.home .home-compare-preview,
  body.home .home-faq-panel{
    background:linear-gradient(135deg,#f7f5ff 0%,#ffffff 54%,#f4f8ff 100%)!important;
  }

  body.home .home-methodology-panel{
    background:linear-gradient(135deg,#f4f8ff 0%,#ffffff 54%,#faf5ff 100%)!important;
  }

  body.home .home-deals-strip{
    background:linear-gradient(135deg,#fff5fb 0%,#ffffff 54%,#f4f8ff 100%)!important;
  }
}

/* Strong logo-palette confirmation pass: visible bands from the MatchGauge mark. */
body.home .ecosystem-hero{
  background:
    radial-gradient(circle at 8% 0%,rgba(30,75,212,.12),transparent 36%),
    radial-gradient(circle at 92% 6%,rgba(228,25,126,.10),transparent 34%),
    linear-gradient(135deg,#eef4ff 0%,#ffffff 48%,#faf0ff 100%)!important;
}

body.home .ranking-intro,
body.home .home-pathways,
body.home .home-compare-preview,
body.home .home-methodology-panel,
body.home .home-deals-strip,
body.home .home-faq-panel{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(30,75,212,.22)!important;
  box-shadow:0 18px 44px rgba(13,27,62,.08)!important;
}

body.home .ranking-intro::before,
body.home .home-pathways::before,
body.home .home-compare-preview::before,
body.home .home-methodology-panel::before,
body.home .home-deals-strip::before,
body.home .home-faq-panel::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:7px!important;
  background:linear-gradient(90deg,var(--mg-logo-blue),var(--mg-logo-purple),var(--mg-logo-pink))!important;
  z-index:1!important;
}

body.home .ranking-intro,
body.home .home-pathways{
  background:
    radial-gradient(circle at 7% 2%,rgba(30,75,212,.10),transparent 34%),
    linear-gradient(135deg,#eef4ff 0%,#ffffff 52%,#fff0fa 100%)!important;
}

body.home .home-compare-preview,
body.home .home-faq-panel{
  background:
    radial-gradient(circle at 92% 2%,rgba(122,34,212,.10),transparent 34%),
    linear-gradient(135deg,#f5f0ff 0%,#ffffff 52%,#eef4ff 100%)!important;
  border-color:rgba(122,34,212,.22)!important;
}

body.home .home-methodology-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(30,75,212,.10),transparent 34%),
    radial-gradient(circle at 94% 8%,rgba(122,34,212,.09),transparent 32%),
    linear-gradient(135deg,#eef4ff 0%,#ffffff 52%,#f7f0ff 100%)!important;
}

body.home .home-deals-strip{
  background:
    radial-gradient(circle at 92% 0%,rgba(228,25,126,.12),transparent 34%),
    linear-gradient(135deg,#fff0fa 0%,#ffffff 52%,#eef4ff 100%)!important;
  border-color:rgba(228,25,126,.22)!important;
}

body.home .ecosystem-score-strip div{
  border-color:rgba(30,75,212,.20)!important;
  box-shadow:0 14px 32px rgba(13,27,62,.07)!important;
}

@media(max-width:760px){
  body.home .ranking-intro,
  body.home .home-pathways,
  body.home .home-compare-preview,
  body.home .home-methodology-panel,
  body.home .home-deals-strip,
  body.home .home-faq-panel{
    border-radius:20px!important;
    margin-top:16px!important;
  }
}

/* Solid logo-palette section blocks for clearer page separation. */
body.home .home-pathways{
  background:#eef4ff!important;
  border-color:rgba(30,75,212,.18)!important;
}

body.home .home-compare-preview{
  background:#f4efff!important;
  border-color:rgba(122,34,212,.18)!important;
}

body.home .home-methodology-panel{
  background:#0d1b3e!important;
  border-color:#0d1b3e!important;
  color:#fff!important;
}

body.home .home-methodology-panel h2,
body.home .home-methodology-panel p{
  color:#fff!important;
}

body.home .home-methodology-panel .home-section-kicker,
body.home .home-methodology-panel a{
  color:#dbeafe!important;
}

body.home .home-methodology-panel .home-trust-metrics div{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

body.home .home-methodology-panel .home-trust-metrics strong,
body.home .home-methodology-panel .home-trust-metrics span{
  color:#fff!important;
}

body.home .home-deals-strip{
  background:#fff0f7!important;
  border-color:rgba(228,25,126,.18)!important;
}

body.home .home-faq-panel{
  background:#f5f7fb!important;
  border-color:rgba(13,27,62,.10)!important;
}

body.home .home-pathways::before,
body.home .home-compare-preview::before,
body.home .home-methodology-panel::before,
body.home .home-deals-strip::before,
body.home .home-faq-panel::before{
  display:none!important;
}

/* V2-inspired full-width solid section bands. */
body.home .home-lower-section{
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
  clip-path:inset(0 -100vmax)!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:44px!important;
  padding-bottom:44px!important;
}

body.home .home-pathways{
  --mg-section-band:#eef4ff;
  background:var(--mg-section-band)!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band)!important;
}

body.home .home-compare-preview{
  --mg-section-band:#f4efff;
  background:var(--mg-section-band)!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band)!important;
}

body.home .home-methodology-panel{
  --mg-section-band:#0d1b3e;
  background:var(--mg-section-band)!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band)!important;
}

body.home .home-deals-strip{
  --mg-section-band:#fff0f7;
  background:var(--mg-section-band)!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band)!important;
}

body.home .home-loveintel-inline{
  --mg-section-band:#211047;
  box-shadow:0 0 0 100vmax var(--mg-section-band)!important;
  clip-path:inset(0 -100vmax)!important;
  border-radius:0!important;
}

body.home .home-faq-panel{
  --mg-section-band:#f5f7fb;
  background:var(--mg-section-band)!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band)!important;
}

body.home .home-path-card,
body.home .home-deal-card,
body.home .home-compare-row:not(.header),
body.home .faq-item,
body.home .home-trust-metrics div{
  box-shadow:0 10px 28px rgba(13,27,62,.06)!important;
}

@media(max-width:760px){
  body.home .home-lower-section{
    border-radius:0!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}

/* Balanced logo-color system: mostly white, with selected dark and saturated bands. */
body.home .home-lower-section{
  border-radius:24px!important;
  border:1px solid rgba(13,27,62,.09)!important;
  clip-path:none!important;
  box-shadow:0 16px 40px rgba(13,27,62,.06)!important;
  margin-top:26px!important;
  margin-bottom:26px!important;
}

body.home .home-pathways{
  background:#fff!important;
  box-shadow:0 16px 40px rgba(13,27,62,.06)!important;
  border-color:rgba(122,34,212,.18)!important;
}

body.home .home-pathways .home-section-kicker{
  color:#7a22d4!important;
}

body.home .home-path-card::before{
  background:#7a22d4!important;
}

body.home .home-compare-preview{
  background:#1e4bd4!important;
  box-shadow:0 18px 48px rgba(30,75,212,.22)!important;
  border-color:#1e4bd4!important;
  color:#fff!important;
}

body.home .home-compare-preview h2,
body.home .home-compare-preview p,
body.home .home-compare-preview .home-section-kicker{
  color:#fff!important;
}

body.home .home-compare-row.header{
  color:rgba(255,255,255,.72)!important;
}

body.home .home-compare-row:not(.header){
  background:#fff!important;
  color:#0d1b3e!important;
  border-color:rgba(255,255,255,.20)!important;
}

body.home .home-compare-row:not(.header) span,
body.home .home-compare-row:not(.header) strong{
  color:#0d1b3e!important;
}

body.home .home-compare-preview .hero-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
  border-color:#fff!important;
}

/* Contrast cleanup for solid page headers and dark homepage bands. */
body.home .ecosystem-hero-copy .eyebrow{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.78)!important;
  padding:0!important;
}

body.home .ecosystem-hero .hero-primary,
body.home .home-methodology-panel .hero-primary,
body.home .home-loveintel-inline .hero-primary,
body.home .home-compare-preview .hero-primary{
  background:#e4197e!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #e4197e!important;
  box-shadow:0 14px 30px rgba(228,25,126,.28)!important;
}

body.home .ecosystem-hero .hero-secondary,
body.home .home-methodology-panel .hero-secondary,
body.home .home-loveintel-inline .hero-secondary,
body.home .home-compare-preview .hero-secondary{
  background:#fff!important;
  background-image:none!important;
  color:#0d1b3e!important;
  border:1px solid #fff!important;
  box-shadow:0 12px 24px rgba(5,6,10,.14)!important;
}

body.home .ecosystem-trust-tags{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin-top:18px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}

body.home .ecosystem-trust-tags span{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 12px 0 0!important;
  margin:0 12px 0 0!important;
  border-radius:0!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.4!important;
}

body.home .ecosystem-trust-tags span::after{
  content:""!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.36)!important;
  position:absolute!important;
  right:-2px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

body.home .ecosystem-trust-tags span:last-child{
  padding-right:0!important;
  margin-right:0!important;
}

body.home .ecosystem-trust-tags span:last-child::after{
  content:none!important;
}

body.home .ecosystem-score-strip{
  max-width:1180px!important;
  margin:0 auto 28px!important;
  padding:0 20px 24px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

body.home .ecosystem-score-strip div{
  position:relative!important;
  overflow:hidden!important;
  background:#ffffff!important;
  background-image:none!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:10px!important;
  padding:15px 15px 14px!important;
  box-shadow:none!important;
}

body.home .ecosystem-score-strip div::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:#1e4bd4!important;
}

body.home .ecosystem-score-strip div:nth-child(2)::before{background:#7a22d4!important;}
body.home .ecosystem-score-strip div:nth-child(3)::before{background:#e4197e!important;}
body.home .ecosystem-score-strip div:nth-child(4)::before{background:#0d1b3e!important;}

body.home .ecosystem-score-strip strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.15!important;
  margin:0 0 5px!important;
}

body.home .ecosystem-score-strip span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

body.home .home-side-cta,
body.home .ecosystem-mini-quiz a{
  background:#1e4bd4!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #1e4bd4!important;
}

body.home .home-side-cta.muted{
  background:#fff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(13,27,62,.14)!important;
}

body.home .home-methodology-panel{
  background:#05060a!important;
  box-shadow:0 18px 50px rgba(13,27,62,.22)!important;
  border-color:#05060a!important;
}

body.home .home-deals-strip{
  background:#fff!important;
  box-shadow:0 16px 40px rgba(13,27,62,.06)!important;
  border-color:rgba(228,25,126,.18)!important;
}

body.home .home-deals-strip .home-section-kicker,
body.home .home-deal-card span{
  color:#e4197e!important;
}

body.home .home-loveintel-inline{
  background:#211047!important;
  box-shadow:0 0 0 100vmax #211047!important;
  clip-path:inset(0 -100vmax)!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}

body.home .home-faq-panel{
  background:#fff!important;
  box-shadow:0 16px 40px rgba(13,27,62,.06)!important;
  border-color:rgba(13,27,62,.09)!important;
}

@media(max-width:760px){
  body.home .home-lower-section{
    border-radius:18px!important;
    margin-top:18px!important;
    margin-bottom:18px!important;
  }

  body.home .home-loveintel-inline{
    border-radius:0!important;
  }
}

/* Solid-only section color rule: no gradient backgrounds on major bands. */
body.home .home-compare-preview{
  background:#1e4bd4!important;
}

body.home .home-methodology-panel{
  background:#05060a!important;
  border-color:#05060a!important;
}

body.home .home-loveintel-inline{
  background:#211047!important;
  box-shadow:0 0 0 100vmax #211047!important;
}

body.home .home-pathways,
body.home .home-deals-strip,
body.home .home-faq-panel{
  background:#fff!important;
}

/* Solid logo-color header pass and Deals grid cleanup. */
body.home .home-section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#1e4bd4!important;
  letter-spacing:.11em!important;
}

body.home .home-pathways .home-section-kicker{
  background:#7a22d4!important;
  color:#fff!important;
}

body.home .home-compare-preview .home-section-kicker{
  background:#fff!important;
  color:#1e4bd4!important;
}

body.home .home-methodology-panel .home-section-kicker{
  background:#fff!important;
  color:#05060a!important;
}

body.home .home-deals-strip .home-section-kicker{
  background:#e4197e!important;
  color:#fff!important;
}

body.home .home-loveintel-inline .home-section-kicker{
  background:#7a22d4!important;
  color:#fff!important;
}

body.home .home-faq-panel .home-section-kicker{
  background:#0d1b3e!important;
  color:#fff!important;
}

body.home .home-deal-grid{
  align-items:stretch!important;
}

body.home .home-deal-grid > img{
  display:none!important;
}

body.home .home-deal-card{
  min-height:158px!important;
  height:100%!important;
  justify-content:flex-start!important;
  background:#fff!important;
  background-image:none!important;
}

body.home .home-deal-card:nth-child(1),
body.home .home-deal-card:nth-child(3),
body.home .home-deal-card.muted{
  background:#fff!important;
  background-image:none!important;
}

body.home .home-deal-card strong{
  min-height:2.5em!important;
  display:block!important;
}

body.home .home-deal-card em{
  margin-top:auto!important;
  display:block!important;
}

/* Final pass: lower homepage modules become full-width sections, not pill/card blocks. */
body.home .home-lower-section{
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band,#fff)!important;
  clip-path:inset(0 -100vmax)!important;
  margin:0!important;
  padding:54px 20px!important;
}

body.home .home-lower-section + .home-lower-section{
  margin-top:0!important;
}

body.home .home-pathways{
  --mg-section-band:#7a22d4;
  background:#7a22d4!important;
}

body.home .home-compare-preview{
  --mg-section-band:#1e4bd4;
  background:#1e4bd4!important;
}

body.home .home-methodology-panel{
  --mg-section-band:#05060a;
  background:#05060a!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)!important;
  gap:34px!important;
  align-items:center!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
  min-height:430px!important;
}

body.home .home-deals-strip{
  --mg-section-band:#e4197e;
  background:#e4197e!important;
}

body.home .home-loveintel-inline{
  --mg-section-band:#211047;
  background:#211047!important;
}

body.home .home-faq-panel{
  --mg-section-band:#0d1b3e;
  background:#0d1b3e!important;
}

body.home .home-lower-section .home-section-kicker{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0 0 10px!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.home .home-lower-section h2,
body.home .home-lower-section p{
  color:#fff!important;
}

body.home .home-lower-section p{
  color:rgba(255,255,255,.78)!important;
}

body.home .home-path-card,
body.home .home-compare-row:not(.header),
body.home .home-deal-card,
body.home .home-faq-panel .faq-item,
body.home .home-trust-metrics div{
  background:#fff!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 16px 34px rgba(5,6,10,.16)!important;
}

body.home .home-path-card span,
body.home .home-path-card strong,
body.home .home-deal-card span,
body.home .home-deal-card strong,
body.home .home-deal-card em,
body.home .home-faq-panel .faq-q,
body.home .home-faq-panel .faq-a{
  color:#0d1b3e!important;
}

body.home .home-compare-row.header{
  color:rgba(255,255,255,.72)!important;
}

body.home .home-methodology-panel a{
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
}

body.home .home-methodology-panel h2{
  font-size:clamp(2.1rem,4vw,3.25rem)!important;
  line-height:1.02!important;
  max-width:780px!important;
}

body.home .home-methodology-panel p{
  font-size:1.05rem!important;
  line-height:1.78!important;
  max-width:760px!important;
}

body.home .home-methodology-panel .home-trust-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

body.home .home-methodology-panel .home-trust-metrics div{
  min-height:132px!important;
  padding:24px!important;
}

body.home .home-methodology-panel .home-trust-metrics strong{
  font-size:clamp(1.7rem,3vw,2.35rem)!important;
  line-height:1!important;
}

body.home .home-methodology-panel .home-trust-metrics span{
  margin-top:8px!important;
  font-size:13px!important;
  line-height:1.35!important;
}

@media(max-width:760px){
  body.home .home-lower-section{
    padding:40px 16px!important;
  }

  body.home .home-methodology-panel{
    grid-template-columns:1fr!important;
    gap:22px!important;
    min-height:0!important;
    padding-top:48px!important;
    padding-bottom:48px!important;
  }

  body.home .home-methodology-panel .home-trust-metrics{
    grid-template-columns:1fr!important;
  }

  body.home .home-methodology-panel .home-trust-metrics div{
    min-height:108px!important;
  }
}

/* Live override: stronger Choose by goal section. */
body.home .home-pathways{
  --mg-section-band:#7a22d4!important;
  background:#7a22d4!important;
}

body.home .home-pathways .home-section-head{
  max-width:880px!important;
  margin-bottom:26px!important;
}

body.home .home-pathways .home-section-kicker{
  color:rgba(255,255,255,.76)!important;
}

body.home .home-pathways h2{
  max-width:760px!important;
  color:#fff!important;
  font-size:clamp(2rem,3.8vw,3.2rem)!important;
  line-height:1.04!important;
}

body.home .home-pathways p{
  max-width:760px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:1rem!important;
  line-height:1.7!important;
}

body.home .home-path-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

body.home .home-path-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:244px!important;
  padding:22px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 22px 48px rgba(5,6,10,.18)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

body.home .home-path-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 28px 58px rgba(5,6,10,.24)!important;
}

body.home .home-path-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  width:auto!important;
  height:6px!important;
  border-radius:0!important;
  background:#1e4bd4!important;
}

body.home .home-path-card:nth-child(2)::before{background:#0d1b3e!important;}
body.home .home-path-card:nth-child(3)::before{background:#e4197e!important;}
body.home .home-path-card:nth-child(4)::before{background:#05060a!important;}
body.home .home-path-card:nth-child(5)::before{background:#1e4bd4!important;}
body.home .home-path-card:nth-child(6)::before{background:#e4197e!important;}

body.home .home-path-card span{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.08rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:7px 0 10px!important;
}

body.home .home-path-card em{
  display:block!important;
  color:#475569!important;
  font-size:.92rem!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
}

body.home .home-path-card strong{
  display:block!important;
  width:100%!important;
  min-height:auto!important;
  margin-top:auto!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#1e4bd4!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:normal!important;
}

body.home .home-path-card:nth-child(2) strong,
body.home .home-path-card:nth-child(4) strong{
  background:#f4efff!important;
  color:#7a22d4!important;
}

body.home .home-path-card:nth-child(3) strong,
body.home .home-path-card:nth-child(6) strong{
  background:#fff0f7!important;
  color:#c91369!important;
}

body.home .home-path-card b{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:14px!important;
  color:#0d1b3e!important;
  font-size:.78rem!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body.home .home-path-card b::after{
  content:"→"!important;
  color:#e4197e!important;
  font-size:1rem!important;
  line-height:1!important;
}

@media(max-width:980px){
  body.home .home-path-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  body.home .home-pathways .home-section-head{
    margin-bottom:20px!important;
  }

  body.home .home-path-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.home .home-path-card{
    min-height:auto!important;
    padding:19px!important;
  }
}

/* Active final override: stronger Choose by goal section. */
body.home .home-pathways{
  --mg-section-band:#7a22d4!important;
  background:#7a22d4!important;
}

body.home .home-pathways .home-section-head{
  max-width:880px!important;
  margin-bottom:26px!important;
}

body.home .home-pathways .home-section-kicker{
  color:rgba(255,255,255,.76)!important;
}

body.home .home-pathways h2{
  max-width:760px!important;
  color:#fff!important;
  font-size:clamp(2rem,3.8vw,3.2rem)!important;
  line-height:1.04!important;
}

body.home .home-pathways p{
  max-width:760px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:1rem!important;
  line-height:1.7!important;
}

body.home .home-path-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

body.home .home-path-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:244px!important;
  padding:22px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 22px 48px rgba(5,6,10,.18)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

body.home .home-path-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 28px 58px rgba(5,6,10,.24)!important;
}

body.home .home-path-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  width:auto!important;
  height:6px!important;
  border-radius:0!important;
  background:#1e4bd4!important;
}

body.home .home-path-card:nth-child(2)::before{background:#0d1b3e!important;}
body.home .home-path-card:nth-child(3)::before{background:#e4197e!important;}
body.home .home-path-card:nth-child(4)::before{background:#05060a!important;}
body.home .home-path-card:nth-child(5)::before{background:#1e4bd4!important;}
body.home .home-path-card:nth-child(6)::before{background:#e4197e!important;}

body.home .home-path-card span{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.08rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:7px 0 10px!important;
}

body.home .home-path-card em{
  display:block!important;
  color:#475569!important;
  font-size:.92rem!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
}

body.home .home-path-card strong{
  display:block!important;
  width:100%!important;
  min-height:auto!important;
  margin-top:auto!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#1e4bd4!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:normal!important;
}

body.home .home-path-card:nth-child(2) strong,
body.home .home-path-card:nth-child(4) strong{
  background:#f4efff!important;
  color:#7a22d4!important;
}

body.home .home-path-card:nth-child(3) strong,
body.home .home-path-card:nth-child(6) strong{
  background:#fff0f7!important;
  color:#c91369!important;
}

body.home .home-path-card b{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:14px!important;
  color:#0d1b3e!important;
  font-size:.78rem!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body.home .home-path-card b::after{
  content:"→"!important;
  color:#e4197e!important;
  font-size:1rem!important;
  line-height:1!important;
}

@media(max-width:980px){
  body.home .home-path-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  body.home .home-pathways .home-section-head{
    margin-bottom:20px!important;
  }

  body.home .home-path-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.home .home-path-card{
    min-height:auto!important;
    padding:19px!important;
  }
}

/* End-of-file override: stronger Choose by goal section. */
body.home .home-pathways{
  --mg-section-band:#7a22d4!important;
  background:#7a22d4!important;
}

body.home .home-pathways .home-section-head{
  max-width:880px!important;
  margin-bottom:26px!important;
}

body.home .home-pathways .home-section-kicker{
  color:rgba(255,255,255,.76)!important;
}

body.home .home-pathways h2{
  max-width:760px!important;
  color:#fff!important;
  font-size:clamp(2rem,3.8vw,3.2rem)!important;
  line-height:1.04!important;
}

body.home .home-pathways p{
  max-width:760px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:1rem!important;
  line-height:1.7!important;
}

body.home .home-path-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

body.home .home-path-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:244px!important;
  padding:22px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 22px 48px rgba(5,6,10,.18)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

body.home .home-path-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 28px 58px rgba(5,6,10,.24)!important;
}

body.home .home-path-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  width:auto!important;
  height:6px!important;
  border-radius:0!important;
  background:#1e4bd4!important;
}

body.home .home-path-card:nth-child(2)::before{background:#0d1b3e!important;}
body.home .home-path-card:nth-child(3)::before{background:#e4197e!important;}
body.home .home-path-card:nth-child(4)::before{background:#05060a!important;}
body.home .home-path-card:nth-child(5)::before{background:#1e4bd4!important;}
body.home .home-path-card:nth-child(6)::before{background:#e4197e!important;}

body.home .home-path-card span{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.08rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:7px 0 10px!important;
}

body.home .home-path-card em{
  display:block!important;
  color:#475569!important;
  font-size:.92rem!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
}

body.home .home-path-card strong{
  display:block!important;
  width:100%!important;
  min-height:auto!important;
  margin-top:auto!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#1e4bd4!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:normal!important;
}

body.home .home-path-card:nth-child(2) strong,
body.home .home-path-card:nth-child(4) strong{
  background:#f4efff!important;
  color:#7a22d4!important;
}

body.home .home-path-card:nth-child(3) strong,
body.home .home-path-card:nth-child(6) strong{
  background:#fff0f7!important;
  color:#c91369!important;
}

body.home .home-path-card b{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:14px!important;
  color:#0d1b3e!important;
  font-size:.78rem!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body.home .home-path-card b::after{
  content:"→"!important;
  color:#e4197e!important;
  font-size:1rem!important;
  line-height:1!important;
}

@media(max-width:980px){
  body.home .home-path-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  body.home .home-pathways .home-section-head{
    margin-bottom:20px!important;
  }

  body.home .home-path-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.home .home-path-card{
    min-height:auto!important;
    padding:19px!important;
  }
}

/* Stronger homepage goal-path section. */
body.home .home-pathways{
  --mg-section-band:#7a22d4!important;
  background:#7a22d4!important;
}

body.home .home-pathways .home-section-head{
  max-width:880px!important;
  margin-bottom:26px!important;
}

body.home .home-pathways .home-section-kicker{
  color:rgba(255,255,255,.76)!important;
}

body.home .home-pathways h2{
  max-width:760px!important;
  color:#fff!important;
  font-size:clamp(2rem,3.8vw,3.2rem)!important;
  line-height:1.04!important;
}

body.home .home-pathways p{
  max-width:760px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:1rem!important;
  line-height:1.7!important;
}

body.home .home-path-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

body.home .home-path-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:244px!important;
  padding:22px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 22px 48px rgba(5,6,10,.18)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

body.home .home-path-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 28px 58px rgba(5,6,10,.24)!important;
}

body.home .home-path-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  width:auto!important;
  height:6px!important;
  border-radius:0!important;
  background:#1e4bd4!important;
}

body.home .home-path-card:nth-child(2)::before{background:#0d1b3e!important;}
body.home .home-path-card:nth-child(3)::before{background:#e4197e!important;}
body.home .home-path-card:nth-child(4)::before{background:#05060a!important;}
body.home .home-path-card:nth-child(5)::before{background:#1e4bd4!important;}
body.home .home-path-card:nth-child(6)::before{background:#e4197e!important;}

body.home .home-path-card span{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1.08rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:7px 0 10px!important;
}

body.home .home-path-card em{
  display:block!important;
  color:#475569!important;
  font-size:.92rem!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
}

body.home .home-path-card strong{
  display:block!important;
  width:100%!important;
  min-height:auto!important;
  margin-top:auto!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#1e4bd4!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.25!important;
  text-align:left!important;
}

body.home .home-path-card:nth-child(2) strong,
body.home .home-path-card:nth-child(4) strong{
  background:#f4efff!important;
  color:#7a22d4!important;
}

body.home .home-path-card:nth-child(3) strong,
body.home .home-path-card:nth-child(6) strong{
  background:#fff0f7!important;
  color:#c91369!important;
}

body.home .home-path-card b{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:14px!important;
  color:#0d1b3e!important;
  font-size:.78rem!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body.home .home-path-card b::after{
  content:"→"!important;
  color:#e4197e!important;
  font-size:1rem!important;
  line-height:1!important;
}

@media(max-width:980px){
  body.home .home-path-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  body.home .home-pathways .home-section-head{
    margin-bottom:20px!important;
  }

  body.home .home-path-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.home .home-path-card{
    min-height:auto!important;
    padding:19px!important;
  }
}

/* Final homepage mobile header sizing + brand word color treatment. */
.mg-brand-gradient,
body.home .idx-hero h1 .mg-logo-gradient,
body.home .page-hero h1 .mg-logo-gradient,
body.home .ecosystem-hero-copy h1 .mg-logo-gradient{
  background:linear-gradient(135deg,#1e4bd4 0%,#7a22d4 46%,#e4197e 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

@media(max-width:640px){
  body.home .ecosystem-hero-copy h1,
  body.home .page-hero h1{
    font-size:clamp(2.28rem,9.2vw,2.85rem)!important;
    line-height:1.05!important;
    letter-spacing:0!important;
  }
}

/* Final LoveIntel bridge color: MatchGauge magenta. */
body.home .home-loveintel-inline{
  --mg-section-band:#e4197e!important;
  background:#e4197e!important;
}

body.home .home-loveintel-inline .hero-primary{
  background:#0d1b3e!important;
  color:#fff!important;
  border-color:#0d1b3e!important;
  box-shadow:0 14px 30px rgba(13,27,62,.24)!important;
}

body.home .loveintel-brand-lockup{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(320px,100%)!important;
  margin:0 0 20px!important;
  padding:7px 12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 40px rgba(13,27,62,.22)!important;
}

body.home .loveintel-brand-lockup img{
  display:block!important;
  width:100%!important;
  max-width:292px!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Homepage lower-section polish: decision tiles, report table, score pills, and deal CTAs. */
body.home .home-path-grid{
  gap:14px!important;
}

body.home .home-path-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 16px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:18px 18px 18px 22px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  box-shadow:0 16px 32px rgba(13,27,62,.07)!important;
}

body.home .home-path-card::before{
  width:5px!important;
  border-radius:999px!important;
  top:14px!important;
  bottom:14px!important;
  left:0!important;
}

body.home .home-path-card span{
  color:#0d1b3e!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.home .home-path-card strong{
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#1e4bd4!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
}

body.home .home-path-card:nth-child(2) strong,
body.home .home-path-card:nth-child(4) strong{
  background:#f4efff!important;
  color:#7a22d4!important;
}

body.home .home-path-card:nth-child(3) strong,
body.home .home-path-card:nth-child(5) strong{
  background:#fff0f7!important;
  color:#c91369!important;
}

body.home .home-compare-table{
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(13,27,62,.12)!important;
  background:#fff!important;
  box-shadow:0 22px 46px rgba(13,27,62,.10)!important;
}

body.home .home-compare-row{
  min-height:62px!important;
  padding:0 18px!important;
  grid-template-columns:1.05fr 1.35fr .55fr .85fr!important;
  border-bottom:1px solid rgba(13,27,62,.08)!important;
}

body.home .home-compare-row.header{
  min-height:46px!important;
  background:#0d1b3e!important;
  color:rgba(255,255,255,.72)!important;
  letter-spacing:.1em!important;
}

body.home .home-compare-row:not(.header):nth-child(odd){
  background:#f8fbff!important;
}

body.home .home-compare-row:not(.header) span:first-child{
  font-weight:950!important;
  color:#0d1b3e!important;
}

body.home .home-compare-row:not(.header) span:nth-child(2){
  color:#475569!important;
  font-weight:800!important;
}

body.home .home-compare-row:not(.header) strong{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  min-height:30px!important;
  border-radius:999px!important;
  background:#1e4bd4!important;
  color:#fff!important;
  font-size:13px!important;
  box-shadow:0 8px 18px rgba(30,75,212,.18)!important;
}

body.home .home-compare-row:not(.header) span:last-child{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#f4efff!important;
  color:#7a22d4!important;
  font-size:11.5px!important;
  font-weight:950!important;
}

body.home .home-methodology-panel .home-trust-metrics div{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}

body.home .home-methodology-panel .home-trust-metrics div:nth-child(1) strong,
body.home .home-methodology-panel .home-trust-metrics div:nth-child(1) span{color:#1e4bd4!important;}
body.home .home-methodology-panel .home-trust-metrics div:nth-child(2) strong,
body.home .home-methodology-panel .home-trust-metrics div:nth-child(2) span{color:#7a22d4!important;}
body.home .home-methodology-panel .home-trust-metrics div:nth-child(3) strong,
body.home .home-methodology-panel .home-trust-metrics div:nth-child(3) span{color:#0d1b3e!important;}
body.home .home-methodology-panel .home-trust-metrics div:nth-child(4) strong,
body.home .home-methodology-panel .home-trust-metrics div:nth-child(4) span{color:#c91369!important;}

body.home .home-deal-card{
  position:relative!important;
  min-height:132px!important;
  padding:20px 20px 52px!important;
  border-radius:16px!important;
  border:1px solid rgba(13,27,62,.10)!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(13,27,62,.09)!important;
}

body.home .home-deal-card::after{
  content:"View offer"!important;
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  bottom:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  border-radius:999px!important;
  background:#e4197e!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(228,25,126,.22)!important;
}

body.home .home-deal-grid .home-deal-card:first-of-type::after{
  background:#05060a!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(5,6,10,.22)!important;
}

body.home .home-deal-card:nth-of-type(2)::after{
  background:#7a22d4!important;
  box-shadow:0 12px 24px rgba(122,34,212,.20)!important;
}

body.home .home-deal-card.muted::after{
  content:"See all deals"!important;
  background:#0d1b3e!important;
  box-shadow:0 12px 24px rgba(13,27,62,.18)!important;
}

@media(max-width:760px){
  body.home .home-path-card{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }

  body.home .home-path-card strong,
  body.home .home-compare-row:not(.header) span:last-child{
    justify-self:start!important;
  }

  body.home .home-compare-row{
    grid-template-columns:1fr!important;
    gap:6px!important;
    align-items:start!important;
    padding:14px 16px!important;
  }

  body.home .home-compare-row.header{
    display:none!important;
  }
}

/* Mobile lower-home refinement: compact cards instead of long table rows. */
@media(max-width:760px){
  body.home .home-lower-section{
    padding:38px 16px!important;
  }

  body.home .home-section-head{
    margin-bottom:18px!important;
  }

  body.home .home-lower-section h2{
    font-size:clamp(1.55rem,8vw,2.05rem)!important;
    line-height:1.08!important;
  }

  body.home .home-lower-section p{
    font-size:14px!important;
    line-height:1.58!important;
  }

  body.home .home-path-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.home .home-path-card{
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:auto!important;
    padding:15px 16px 15px 18px!important;
    border-radius:13px!important;
  }

  body.home .home-path-card span{
    font-size:13px!important;
  }

  body.home .home-path-card strong{
    min-height:27px!important;
    width:max-content!important;
    max-width:100%!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  body.home .home-compare-table{
    display:grid!important;
    gap:10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.home .home-compare-row.header{
    display:none!important;
  }

  body.home .home-compare-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px 10px!important;
    min-height:auto!important;
    padding:15px 16px!important;
    border:1px solid rgba(13,27,62,.10)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 12px 24px rgba(13,27,62,.08)!important;
  }

  body.home .home-compare-row span:first-child{
    grid-column:1!important;
    grid-row:1!important;
    font-size:14px!important;
  }

  body.home .home-compare-row strong{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:44px!important;
    min-height:30px!important;
  }

  body.home .home-compare-row span:nth-child(2){
    grid-column:1/-1!important;
    grid-row:2!important;
    font-size:12.5px!important;
  }

  body.home .home-compare-row span:last-child{
    grid-column:1!important;
    grid-row:3!important;
    justify-self:start!important;
    min-height:26px!important;
    font-size:11px!important;
  }

  body.home .home-compare-row:nth-of-type(n+5){
    display:none!important;
  }

  body.home .home-trust-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.home .home-trust-metrics div{
    min-height:92px!important;
    padding:16px 12px!important;
  }

  body.home .home-deal-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.home .home-deal-card{
    min-height:118px!important;
    padding:17px 17px 50px!important;
  }

  body.home .home-deal-card::after{
    left:17px!important;
    right:17px!important;
    bottom:14px!important;
    min-height:32px!important;
  }

  body.home .home-lower-actions{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  body.home .home-lower-actions a{
    width:100%!important;
    max-width:320px!important;
    justify-content:center!important;
  }
}

/* Calmer lower-home rhythm: alternate white and light grey-blue with fewer solid color bands. */
body.home .home-lower-section{
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band,#fff)!important;
  clip-path:inset(0 -100vmax)!important;
  margin:0!important;
  padding:56px max(20px,calc((100vw - 1180px)/2))!important;
  width:auto!important;
}

body.home .home-lower-section + .home-lower-section{
  margin-top:0!important;
}

body.home .home-pathways,
body.home .home-deals-strip{
  --mg-section-band:#ffffff;
  background:#ffffff!important;
}

body.home .home-compare-preview,
body.home .home-faq-panel{
  --mg-section-band:#eef4ff;
  background:#eef4ff!important;
}

body.home .home-methodology-panel{
  --mg-section-band:#05060a;
  background:#05060a!important;
}

body.home .home-loveintel-inline{
  --mg-section-band:#211047;
  background:#211047!important;
}

body.home .home-pathways .home-section-kicker,
body.home .home-deals-strip .home-section-kicker{
  color:#7a22d4!important;
}

body.home .home-compare-preview .home-section-kicker,
body.home .home-faq-panel .home-section-kicker{
  color:#1e4bd4!important;
}

body.home .home-methodology-panel .home-section-kicker,
body.home .home-loveintel-inline .home-section-kicker{
  color:rgba(255,255,255,.74)!important;
}

body.home .home-pathways h2,
body.home .home-deals-strip h2,
body.home .home-compare-preview h2,
body.home .home-faq-panel h2{
  color:#0d1b3e!important;
}

body.home .home-pathways p,
body.home .home-deals-strip p,
body.home .home-compare-preview p,
body.home .home-faq-panel p{
  color:#475569!important;
}

body.home .home-methodology-panel h2,
body.home .home-loveintel-inline h2{
  color:#fff!important;
}

body.home .home-methodology-panel p,
body.home .home-loveintel-inline p{
  color:rgba(255,255,255,.8)!important;
}

body.home .home-path-card,
body.home .home-compare-row:not(.header),
body.home .home-deal-card,
body.home .home-faq-panel .faq-item,
body.home .home-trust-metrics div{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(13,27,62,.10)!important;
  box-shadow:0 14px 30px rgba(13,27,62,.08)!important;
}

body.home .home-path-card span,
body.home .home-path-card strong,
body.home .home-compare-row:not(.header) span,
body.home .home-compare-row:not(.header) strong,
body.home .home-deal-card span,
body.home .home-deal-card strong,
body.home .home-deal-card em,
body.home .home-faq-panel .faq-q,
body.home .home-faq-panel .faq-a{
  color:#0d1b3e!important;
}

body.home .home-trust-metrics div{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
}

body.home .home-trust-metrics strong,
body.home .home-trust-metrics span{
  color:#fff!important;
}

body.home .home-compare-row.header{
  color:#475569!important;
}

body.home .home-methodology-panel a{
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
}

body.home .home-loveintel-inline .hero-primary{
  background:#e4197e!important;
  color:#fff!important;
  border-color:#e4197e!important;
}

body.home .home-loveintel-inline .hero-secondary{
  background:#fff!important;
  color:#0d1b3e!important;
  border-color:#fff!important;
}

@media(min-width:1181px){
  body.home .home-lower-section{
    margin-left:calc((1180px - 100vw)/2)!important;
    margin-right:calc((1180px - 100vw)/2)!important;
    width:100vw!important;
  }
}

@media(max-width:760px){
  body.home .home-lower-section{
    padding:42px 16px!important;
  }
}

/* Enhanced Dating Intelligence Snapshot card. */
body.home .ecosystem-intel-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 28px 80px rgba(5,6,10,.18)!important;
}

body.home .ecosystem-intel-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

body.home .ecosystem-card-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:18px!important;
}

body.home .ecosystem-card-kicker{
  margin:0!important;
  color:#7a22d4!important;
}

body.home .ecosystem-card-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#e4197e!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

body.home .ecosystem-app-row{
  padding:12px!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:16px!important;
  background:#f8fbff!important;
}

body.home .ecosystem-metric-stack{
  gap:8px!important;
  margin:16px 0 12px!important;
}

body.home .ecosystem-metric-stack div{
  border-radius:12px!important;
  background:#fff!important;
  border-color:rgba(13,27,62,.10)!important;
  box-shadow:0 8px 18px rgba(13,27,62,.05)!important;
}

body.home .ecosystem-metric-stack div:first-child{
  background:#0d1b3e!important;
}

body.home .ecosystem-metric-stack div:first-child span,
body.home .ecosystem-metric-stack div:first-child small{
  color:#fff!important;
}

body.home .ecosystem-insight-row{
  display:grid!important;
  gap:3px!important;
  margin:12px 0 14px!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  background:#f7f4ff!important;
  border:1px solid rgba(122,34,212,.12)!important;
}

body.home .ecosystem-insight-row strong{
  color:#0d1b3e!important;
  font-size:12px!important;
  font-weight:950!important;
}

body.home .ecosystem-insight-row span{
  color:#475569!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

body.home .ecosystem-card-link{
  background:#eef2ff!important;
  color:#0d1b3e!important;
  border:1px solid rgba(30,75,212,.12)!important;
}

body.home .ecosystem-score-section{
  background:#1e4bd4!important;
  border-top:0!important;
  border-bottom:0!important;
  padding:34px 20px 36px!important;
}

body.home .ecosystem-score-section-head{
  max-width:1180px!important;
  margin:0 auto 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.55fr) minmax(0,1fr)!important;
  gap:12px 34px!important;
  align-items:end!important;
}

body.home .ecosystem-score-section-head span{
  grid-column:1/-1!important;
  color:rgba(255,255,255,.76)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body.home .ecosystem-score-section-head h2{
  color:#fff!important;
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(1.55rem,2.4vw,2.35rem)!important;
  line-height:1.05!important;
  margin:0!important;
}

body.home .ecosystem-score-section-head p{
  color:rgba(255,255,255,.78)!important;
  font-size:14.5px!important;
  line-height:1.65!important;
  margin:0!important;
  font-weight:650!important;
}

/* Final homepage score-strip treatment: subtle tiles, not CTA pills. */
body.home .ecosystem-score-strip{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

body.home .ecosystem-score-strip article,
body.home .ecosystem-score-strip div{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  padding:18px 16px 17px!important;
  box-shadow:0 14px 34px rgba(5,6,10,.14)!important;
}

body.home .ecosystem-score-strip article::before,
body.home .ecosystem-score-strip div::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:#1e4bd4!important;
}

body.home .ecosystem-score-strip article:nth-child(2)::before,
body.home .ecosystem-score-strip div:nth-child(2)::before{background:#7a22d4!important;}
body.home .ecosystem-score-strip article:nth-child(3)::before,
body.home .ecosystem-score-strip div:nth-child(3)::before{background:#e4197e!important;}
body.home .ecosystem-score-strip article:nth-child(4)::before,
body.home .ecosystem-score-strip div:nth-child(4)::before{background:#0d1b3e!important;}

body.home .ecosystem-score-strip strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.15!important;
  margin:0 0 5px!important;
}

body.home .ecosystem-score-strip span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

body.home .ecosystem-score-strip p{
  color:#475569!important;
  font-size:13px!important;
  line-height:1.55!important;
  margin:11px 0 0!important;
  font-weight:650!important;
}

@media(max-width:900px){
  body.home .ecosystem-score-section-head{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.home .ecosystem-score-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  body.home .ecosystem-score-section{
    padding:28px 16px!important;
  }
  body.home .ecosystem-score-strip{
    grid-template-columns:1fr!important;
  }
}

/* Final pass: lower homepage modules become full-width solid sections. */
body.home .home-lower-section{
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  box-shadow:0 0 0 100vmax var(--mg-section-band,#fff)!important;
  clip-path:inset(0 -100vmax)!important;
  margin:0!important;
  padding:54px max(20px,calc((100vw - 1180px)/2))!important;
  width:auto!important;
}

body.home .home-lower-section + .home-lower-section{
  margin-top:0!important;
}

body.home .home-pathways{
  --mg-section-band:#7a22d4;
  background:#7a22d4!important;
}

body.home .home-compare-preview{
  --mg-section-band:#1e4bd4;
  background:#1e4bd4!important;
}

body.home .home-methodology-panel{
  --mg-section-band:#05060a;
  background:#05060a!important;
}

body.home .home-deals-strip{
  --mg-section-band:#e4197e;
  background:#e4197e!important;
}

body.home .home-loveintel-inline{
  --mg-section-band:#211047;
  background:#211047!important;
}

body.home .home-faq-panel{
  --mg-section-band:#0d1b3e;
  background:#0d1b3e!important;
}

body.home .home-lower-section .home-section-kicker{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.74)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.home .home-lower-section h2{
  color:#fff!important;
}

body.home .home-lower-section p{
  color:rgba(255,255,255,.8)!important;
}

body.home .home-path-card,
body.home .home-compare-row:not(.header),
body.home .home-deal-card,
body.home .home-faq-panel .faq-item,
body.home .home-trust-metrics div{
  background:#fff!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 16px 34px rgba(5,6,10,.16)!important;
}

body.home .home-path-card span,
body.home .home-path-card strong,
body.home .home-deal-card span,
body.home .home-deal-card strong,
body.home .home-deal-card em,
body.home .home-faq-panel .faq-q,
body.home .home-faq-panel .faq-a,
body.home .home-trust-metrics strong,
body.home .home-trust-metrics span{
  color:#0d1b3e!important;
}

body.home .home-compare-row.header{
  color:rgba(255,255,255,.76)!important;
}

body.home .home-methodology-panel a{
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
}

@media(min-width:1181px){
  body.home .home-lower-section{
    margin-left:calc((1180px - 100vw)/2)!important;
    margin-right:calc((1180px - 100vw)/2)!important;
    width:100vw!important;
  }
}

@media(max-width:760px){
  body.home .home-lower-section{
    padding:40px 16px!important;
  }
}

/* Mobile fix: keep the "How to read the signals" section from inheriting
   desktop grid spacing and pill behavior on narrow screens. */
@media(max-width:720px){
  body.home .ecosystem-score-section{
    padding:34px 16px 38px!important;
    overflow:hidden!important;
  }

  body.home .ecosystem-score-section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:start!important;
    max-width:100%!important;
    margin:0 auto 18px!important;
    text-align:left!important;
  }

  body.home .ecosystem-score-section-head span{
    grid-column:auto!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:max-content!important;
    min-height:28px!important;
    padding:7px 11px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    line-height:1!important;
  }

  body.home .ecosystem-score-section-head h2{
    font-size:clamp(1.6rem,8vw,2.15rem)!important;
    line-height:1.08!important;
    max-width:100%!important;
    margin:0!important;
  }

  body.home .ecosystem-score-section-head p{
    max-width:100%!important;
    font-size:.95rem!important;
    line-height:1.62!important;
    margin:0!important;
  }

  body.home .ecosystem-score-strip{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.home .ecosystem-score-strip article,
  body.home .ecosystem-score-strip div{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:17px 16px 16px!important;
    border-radius:14px!important;
  }

  body.home .ecosystem-score-strip strong,
  body.home .ecosystem-score-strip span,
  body.home .ecosystem-score-strip p{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body.home .ecosystem-score-strip p{
    display:block!important;
    margin-top:10px!important;
    font-size:13px!important;
    line-height:1.52!important;
  }
}

/* Final mobile homepage hero emphasis. */
@media(max-width:640px){
  body.home .ecosystem-hero-copy h1,
  body.home .page-hero h1{
    font-size:clamp(2.65rem,11vw,3.25rem)!important;
    line-height:1.02!important;
    letter-spacing:0!important;
  }

  body.home .ecosystem-intel-card{
    width:calc(100vw - 40px)!important;
    max-width:340px!important;
    margin:16px 0 0!important;
    padding:16px!important;
    border-radius:16px!important;
  }

  body.home .ecosystem-card-top{
    margin-bottom:12px!important;
    gap:8px!important;
  }

  body.home .ecosystem-card-kicker{
    font-size:9.5px!important;
    letter-spacing:.12em!important;
  }

  body.home .ecosystem-card-badge{
    min-height:22px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }

  body.home .ecosystem-app-row{
    padding:10px!important;
    gap:10px!important;
    margin-bottom:12px!important;
    border-radius:13px!important;
  }

  body.home .ecosystem-card-logo{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
  }

  body.home .ecosystem-card-title{
    font-size:.94rem!important;
    line-height:1.15!important;
  }

  body.home .ecosystem-card-note{
    font-size:11.5px!important;
    line-height:1.25!important;
  }

  body.home .ecosystem-metric-stack{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:12px 0 10px!important;
  }

  body.home .ecosystem-metric-stack div{
    padding:9px 7px!important;
    border-radius:11px!important;
  }

  body.home .ecosystem-metric-stack span{
    font-size:1rem!important;
  }

  body.home .ecosystem-metric-stack small{
    font-size:8.7px!important;
    margin-top:4px!important;
  }

  body.home .ecosystem-insight-row{
    margin:10px 0 11px!important;
    padding:10px 11px!important;
    border-radius:12px!important;
  }

  body.home .ecosystem-insight-row strong{
    font-size:11px!important;
  }

  body.home .ecosystem-insight-row span{
    font-size:11.5px!important;
    line-height:1.35!important;
  }

  body.home .ecosystem-card-link{
    min-height:36px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
}

/* Final mobile repair for the homepage signal explainer section. */
@media(max-width:760px){
  html body.home .ecosystem-score-section{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:38px 16px 40px!important;
    background:#1e4bd4!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  html body.home .ecosystem-score-section-head{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 18px!important;
    text-align:left!important;
  }

  html body.home .ecosystem-score-section-head > span{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.26)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.68rem!important;
    line-height:1!important;
    letter-spacing:.1em!important;
    white-space:normal!important;
  }

  html body.home .ecosystem-score-section-head h2{
    margin:0 0 10px!important;
    max-width:100%!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:clamp(1.75rem,8.8vw,2.35rem)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }

  html body.home .ecosystem-score-section-head p{
    max-width:100%!important;
    margin:0!important;
    color:rgba(255,255,255,.84)!important;
    -webkit-text-fill-color:rgba(255,255,255,.84)!important;
    font-size:.96rem!important;
    line-height:1.6!important;
  }

  html body.home .ecosystem-score-strip{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body.home .ecosystem-score-strip > article{
    display:block!important;
    flex:0 0 auto!important;
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:16px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 12px 24px rgba(5,6,10,.12)!important;
    color:#0d1b3e!important;
    overflow:hidden!important;
  }

  html body.home .ecosystem-score-strip > article strong,
  html body.home .ecosystem-score-strip > article span,
  html body.home .ecosystem-score-strip > article p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    color:#0d1b3e!important;
    -webkit-text-fill-color:#0d1b3e!important;
  }

  html body.home .ecosystem-score-strip > article strong{
    margin:0 0 4px!important;
    font-size:1rem!important;
    line-height:1.18!important;
    font-weight:950!important;
  }

  html body.home .ecosystem-score-strip > article span{
    margin:0 0 8px!important;
    color:#1e4bd4!important;
    -webkit-text-fill-color:#1e4bd4!important;
    font-size:.78rem!important;
    line-height:1.25!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  html body.home .ecosystem-score-strip > article p{
    margin:0!important;
    color:#344054!important;
    -webkit-text-fill-color:#344054!important;
    font-size:.9rem!important;
    line-height:1.5!important;
    font-weight:700!important;
  }
}

/* Final mobile navbar logo size: keep the brand readable without crowding the menu. */
@media(max-width:640px){
  html body.home nav.nav{
    min-height:104px!important;
    height:104px!important;
  }

  html body.home nav.nav .nav-inner{
    min-height:104px!important;
    height:104px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  html body.home nav.nav .nav-logo-link,
  html body.home nav.nav .nav-inner > a:first-child{
    min-height:104px!important;
    height:104px!important;
    width:auto!important;
    max-width:235px!important;
    min-width:0!important;
  }

  html body.home nav.nav .nav-logo-img,
  html body.home nav.nav img[alt="MatchGauge"][src*="logo.png"]{
    width:162px!important;
    max-width:162px!important;
    height:auto!important;
    max-height:92px!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:scale(1.22)!important;
    transform-origin:left center!important;
  }
}

/* Mobile homepage app cards: use the empty photo-side space for key app details. */
@media(max-width:640px){
  html body.home .listing{
    gap:14px!important;
  }

  html body.home .listing .card{
    border-radius:18px!important;
    overflow:hidden!important;
  }

  html body.home .listing .card-body{
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    grid-template-areas:
      "photo info"
      "action action"!important;
    gap:13px 14px!important;
    align-items:start!important;
    padding:14px!important;
  }

  html body.home .listing .card-rank{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    z-index:3!important;
    min-width:32px!important;
    width:32px!important;
    height:32px!important;
    padding:0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0d1b3e!important;
    -webkit-text-fill-color:#0d1b3e!important;
    box-shadow:0 8px 18px rgba(13,27,62,.18)!important;
    font-size:.98rem!important;
    line-height:1!important;
  }

  html body.home .listing .card-visual{
    grid-area:photo!important;
    order:initial!important;
    width:100%!important;
    min-height:0!important;
    height:150px!important;
    aspect-ratio:auto!important;
    border-radius:14px!important;
    margin:0!important;
    overflow:hidden!important;
    box-shadow:inset 0 0 0 1px rgba(13,27,62,.08)!important;
  }

  html body.home .listing .card-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  html body.home .listing .card-body > div:not(.card-rank):not(.card-visual):not(.card-right){
    grid-area:info!important;
    min-width:0!important;
    align-self:start!important;
  }

  html body.home .listing .card-header{
    gap:8px!important;
    margin:0 0 7px!important;
    align-items:center!important;
  }

  html body.home .listing .card-logo-wrap{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    flex:0 0 32px!important;
  }

  html body.home .listing .card-name{
    font-size:1.02rem!important;
    line-height:1.08!important;
  }

  html body.home .listing .card-domain{
    display:none!important;
  }

  html body.home .listing .best-for-pill{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    font-size:.64rem!important;
    line-height:1.1!important;
    white-space:normal!important;
  }

  html body.home .listing .card-tagline{
    margin:0 0 8px!important;
    color:#334155!important;
    font-size:.82rem!important;
    line-height:1.38!important;
    font-weight:750!important;
  }

  html body.home .listing .home-card-metrics{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:0!important;
  }

  html body.home .listing .home-card-metrics span{
    min-height:0!important;
    padding:6px 7px!important;
    border-radius:9px!important;
    font-size:.68rem!important;
    line-height:1.18!important;
  }

  html body.home .listing .home-card-metrics strong{
    display:inline!important;
    margin-right:3px!important;
    font-size:.72rem!important;
  }

  html body.home .listing .card-bullets,
  html body.home .listing .card-deal{
    display:none!important;
  }

  html body.home .listing .card-right{
    grid-area:action!important;
    display:block!important;
    width:100%!important;
    border-left:0!important;
    border-top:1px solid rgba(13,27,62,.08)!important;
    padding:12px 0 0!important;
    margin:0!important;
  }

  html body.home .listing .score-wrap,
  html body.home .listing .btn-review,
  html body.home .listing .mini-review-link{
    display:none!important;
  }

  html body.home .listing .btn-visit{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 14px!important;
    border-radius:12px!important;
    font-size:.86rem!important;
    line-height:1.15!important;
  }

  html body.home .listing .click-proof{
    margin:7px 0 0!important;
    text-align:center!important;
    font-size:.64rem!important;
  }
}

/* Homepage ranking cards: keep rank badges anchored to the card, not the photo. */
html body.home .listing .card{
  position:relative!important;
}

html body.home .listing .card-body{
  position:relative!important;
}

html body.home .listing .card-rank,
html body.home .listing .card:first-child .card-rank,
html body.home .listing .hinge-rank-gold{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:5!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#0d1b3e!important;
  -webkit-text-fill-color:#0d1b3e!important;
  box-shadow:0 10px 24px rgba(13,27,62,.18)!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
}

html body.home .listing .card:first-child .card-rank,
html body.home .listing .hinge-rank-gold{
  background:#0d1b3e!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media(min-width:641px){
  html body.home .listing .card-body{
    grid-template-columns:minmax(150px,178px) minmax(0,1fr) 150px!important;
    padding-left:18px!important;
  }

  html body.home .listing .card-visual{
    max-width:178px!important;
    min-height:126px!important;
  }
}

@media(max-width:900px) and (min-width:641px){
  html body.home .listing .card-body{
    grid-template-columns:minmax(150px,180px) minmax(0,1fr)!important;
  }

  html body.home .listing .card-right{
    grid-column:1 / -1!important;
  }
}

@media(max-width:640px){
  html body.home .listing .card-body{
    grid-template-columns:152px minmax(0,1fr)!important;
    padding-top:54px!important;
  }

  html body.home .listing .card-rank,
  html body.home .listing .card:first-child .card-rank,
  html body.home .listing .hinge-rank-gold{
    top:10px!important;
    left:10px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    font-size:.98rem!important;
  }

  html body.home .listing .card-visual{
    height:184px!important;
  }
}

html body.home .listing img[src="images/homepage/plenty-of-fish-card.jpg"]{
  object-position:66% center!important;
}