/* ── LIVE RANKINGS CARD — enhanced ─────────────────────────────── */
.s-card{
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(13,27,62,.06);
  box-shadow:0 4px 16px rgba(13,27,62,.06);
  overflow:hidden;
  margin-bottom:20px;
  position:relative;
}
.s-card .s-head{
  background:linear-gradient(135deg,#0d1b3e 0%,#1e0b40 100%);
  color:#fff;
  padding:14px 16px;
  font-size:12px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;
  position:relative;
  overflow:hidden;
}
.s-card .s-head::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#1e4bd4,#7a22d4,#e4197e);
}
.s-card .live-dot{
  display:inline-block;
  width:8px;height:8px;border-radius:50%;
  background:#10b981;
  box-shadow:0 0 0 0 rgba(16,185,129,.5);
  animation:pulse-live 2s infinite;
}
@keyframes pulse-live{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.s-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;
  text-decoration:none;
  border-bottom:1px solid rgba(13,27,62,.05);
  transition:background .15s,padding .15s;
}
.s-row:hover{background:linear-gradient(90deg,rgba(30,75,212,.04),transparent);padding-left:20px}
.s-row:last-of-type{border-bottom:none}
.s-num{
  font-family:'DM Serif Display',serif;
  font-style:italic;
  font-size:1.1rem;
  font-weight:400;
  color:#cbd5e1;
  width:22px;flex-shrink:0;
  line-height:1;
}
.s-num.gold{
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.s-app{
  flex:1;margin:0 10px;
  font-size:13px;font-weight:700;color:#0d1b3e;
  display:flex;align-items:center;gap:8px;
}
.s-app::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:#cbd5e1;
  flex-shrink:0;
}
.s-row:nth-child(1) .s-app::before{background:#fbbf24}
.s-row:nth-child(2) .s-app::before{background:#94a3b8}
.s-row:nth-child(3) .s-app::before{background:#cd7f32}
.s-score{
  font-size:13px;font-weight:900;
  background:linear-gradient(135deg,#1e4bd4,#e4197e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  flex-shrink:0;
}
.s-cta{
  margin:12px;
  background:#0d1b3e;
  color:#fff;
  display:block;
  text-align:center;
  text-decoration:none;
  padding:11px;border-radius:9px;
  font-weight:700;font-size:12.5px;
  letter-spacing:.02em;
  transition:background .15s;
}
.s-cta:hover{background:#1e293b}


/* ── SECTION DIVIDERS — accent lines ─────────────────────────────── */
.section-divider{display:flex;align-items:center;gap:18px;margin:44px 0 24px}
.section-divider::before,.section-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(13,27,62,.18),transparent)}
.section-divider-text{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.section-divider-dot{width:6px;height:6px;border-radius:50%;background:var(--grad)}

/* MatchGauge — site.css — shared across all pages */
*,*::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);
}
.mg-brand-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;
}
/* NAV */
.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-logo img{height:56px;width:auto;display:block}
.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}
/* TOP3 BAR */


/* LIVE DOT */
.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}}
/* SHARED LAYOUT */
.page-wrap{max-width:1100px;margin:0 auto;padding:32px 20px 60px}
.two-col{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}
/* PAGE HERO */
.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 12px}
/* SIDEBAR */
.sidebar{position:sticky;top:84px}

.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:last-of-type{border-bottom:none}


.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}
/* BUTTONS */
.btn-primary{display:inline-block;background:#1e4bd4;color:#fff;text-decoration:none;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;transition:background .18s}
.btn-primary:hover{background:#1a3fb8}
.btn-outline{display:inline-block;border:2px solid var(--blue);color:var(--blue);text-decoration:none;padding:9px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s}
.btn-outline:hover{background:#eef2ff}
/* FOOTER */
.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:69px;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}
.site-footer .nav-soon-wrap{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.site-footer .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,.18)!important;
  color:#d8c7ff!important;
  border:1px solid rgba(216,199,255,.28)!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;
}
.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}
/* RESPONSIVE */
@media(max-width:900px){.two-col{grid-template-columns:1fr}.sidebar{position:static}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav-links{display:none}.foot-grid{grid-template-columns:1fr}}


/* ── APP BRAND LOGOS ──────────────────────────────── */
.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);
}
/* ── 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}


/* ── REAL BRAND LOGOS via Google favicon service ──────────── */
.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.christiancafe { background-color:#fff; background-image:url('https://www.google.com/s2/favicons?domain=christiancafe.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; }

/* 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);
}


/* ── 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}
}


/* ── LARGE PROPORTIONAL REALISTIC AI PHOTO FIX ─────────────────────
   Larger generated sources are used in the HTML URLs. These rules prevent
   stretching by forcing every dating scene image to crop proportionally. */
img[src*="image.pollinations.ai"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none;
}
.img-slot,
.rv-img-slot,
.art-img-slot,
.rev-image-slot.ai-generated-scene,
.ai-image-card,
.ai-promo-panel > img{
  background:#0d1b3e!important;
  overflow:hidden!important;
}
.img-slot{aspect-ratio:16/8!important;min-height:360px!important;max-height:none!important;}
.img-slot img{aspect-ratio:auto!important;min-height:0!important;max-height:none!important;}
.rv-img-slot,.art-img-slot{aspect-ratio:16/10!important;min-height:360px!important;}
.rv-img-slot img,.art-img-slot img{aspect-ratio:auto!important;min-height:0!important;}
.rev-image-slot.ai-generated-scene{aspect-ratio:4/3!important;min-height:260px!important;}
.ai-image-card{aspect-ratio:16/10!important;min-height:320px!important;}
.ai-image-card.small{aspect-ratio:4/3!important;min-height:320px!important;}
.ai-promo-panel img{aspect-ratio:4/3!important;min-height:240px!important;height:100%!important;}
@media(max-width:900px){
  .img-slot{aspect-ratio:16/9!important;min-height:300px!important;}
  .rv-img-slot,.art-img-slot{aspect-ratio:16/10!important;min-height:300px!important;}
  .ai-image-card,.ai-image-card.small{aspect-ratio:16/10!important;min-height:300px!important;}
}
@media(max-width:640px){
  .img-slot,.rv-img-slot,.art-img-slot{aspect-ratio:4/3!important;min-height:260px!important;}
  .rev-image-slot.ai-generated-scene{aspect-ratio:4/3!important;min-height:240px!important;}
  .ai-image-card,.ai-image-card.small{aspect-ratio:4/3!important;min-height:260px!important;}
}


/* ── Review page visual optimization: app-specific photo layout ───────────── */
.review-pro-section,.review-pro-grid,.review-pro-cta{max-width:980px;margin:0 auto 28px;box-sizing:border-box}.review-verdict{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 12px 36px rgba(13,27,62,.08)}.review-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--app-accent,#7a22d4);margin-bottom:8px}.review-pro-section h2,.review-copy-card h2,.review-pro-cta h2{font-family:'DM Serif Display',serif;color:var(--navy);font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.08;margin:0 0 10px}.review-pro-section p,.review-copy-card p,.review-pro-cta p{color:#4b5563;line-height:1.75;margin:0 0 12px}.review-score-card{margin-top:18px;display:inline-grid;gap:2px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(30,75,212,.08),rgba(228,25,126,.08));border:1px solid rgba(30,75,212,.14)}.review-score-card span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#6b7280}.review-score-card strong{font-size:2.25rem;line-height:1;color:var(--app-accent,#7a22d4)}.review-score-card em{font-style:normal;font-size:12px;color:#6b7280}.review-pro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:stretch}.review-pro-grid.reverse{grid-template-columns:.98fr 1.02fr}.review-copy-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:0 12px 36px rgba(13,27,62,.07)}.review-copy-card ul{margin:14px 0 0;padding-left:18px;color:#374151;line-height:1.75}.review-photo{margin:0;border-radius:24px;overflow:hidden;background:#0d1b3e;box-shadow:0 16px 44px rgba(13,27,62,.14);border:1px solid rgba(255,255,255,.6)}.review-photo img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center;transform:none!important}.review-photo-wide{max-width:980px;margin:0 auto 28px;aspect-ratio:16/7}.review-photo-wide img{min-height:430px}.review-photo figcaption{background:#fff;color:#6b7280;font-size:12px;line-height:1.45;padding:11px 14px;border-top:1px solid var(--border)}.review-pro-cta{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f8f9fc);border:1px solid var(--border);border-radius:26px;padding:22px;box-shadow:0 16px 44px rgba(13,27,62,.09)}.review-pro-cta .review-photo img{min-height:330px}.review-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid var(--border);font-weight:800;color:var(--navy);text-decoration:none;background:#fff}@media(max-width:860px){.review-pro-grid,.review-pro-grid.reverse,.review-pro-cta{grid-template-columns:1fr}.review-photo img,.review-photo-wide img{min-height:300px}.review-photo-wide{aspect-ratio:4/3}.review-pro-section,.review-pro-grid,.review-pro-cta,.review-photo-wide{margin-left:14px;margin-right:14px}.review-verdict,.review-copy-card,.review-pro-cta{padding:20px}}


/* Reliable proportional real-photo layout fix */
.img-slot, .review-photo {
  background: linear-gradient(135deg, #f7d7df, #f6eef6);
  overflow: hidden;
}
.img-slot img, .review-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  background: #f6eef6;
}
.hero-scene { min-height: 420px; }
.review-photo-wide { min-height: 380px; }
.review-pro-grid .review-photo { min-height: 320px; }
.review-pro-cta .review-photo { min-height: 340px; }
@media (max-width: 768px) {
  .hero-scene { min-height: 280px; }
  .review-photo-wide { min-height: 250px; }
  .review-pro-grid .review-photo, .review-pro-cta .review-photo { min-height: 240px; }
}


/* PREMIUM REVIEW IMAGE SYSTEM - prevents distortion and uses proportionate crops */
.img-slot,
.review-photo,
.rv-img-slot,
.art-img-slot{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  background:#0d1b3e!important;
  border-radius:24px!important;
}
.img-slot.hero-scene{
  max-width:1100px!important;
  margin:28px auto 36px!important;
  aspect-ratio:16 / 9!important;
  min-height:420px!important;
  height:auto!important;
}
.review-photo-wide{
  aspect-ratio:16 / 10!important;
  min-height:420px!important;
  height:auto!important;
}
.review-pro-grid .review-photo{
  aspect-ratio:4 / 3!important;
  min-height:360px!important;
  height:auto!important;
}
.review-pro-cta .review-photo{
  aspect-ratio:4 / 3!important;
  min-height:330px!important;
  height:auto!important;
}
.img-slot img,
.review-photo img,
.rv-img-slot img,
.art-img-slot img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  display:block!important;
}
.review-photo figcaption{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:14px!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 10px 30px rgba(13,27,62,.14)!important;
}
@media(max-width:860px){
  .img-slot.hero-scene{aspect-ratio:4 / 3!important;min-height:300px!important;margin-left:14px!important;margin-right:14px!important;}
  .review-photo-wide,.review-pro-grid .review-photo,.review-pro-cta .review-photo{aspect-ratio:4 / 3!important;min-height:280px!important;}
}


/* MatchGauge local review/article image system - proportional, non-stretched photos */
.img-slot, .review-photo, .article-photo, .image-wrapper { overflow:hidden; border-radius:18px; background:#f6f7fb; }
.img-slot img, .review-photo img, .article-photo img, .image-wrapper img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.hero-scene, .review-photo-wide { min-height:360px; }
.review-photo { min-height:280px; }
.article-photo { min-height:260px; margin:24px 0; }
.review-pro-grid { align-items:stretch; }
@media (max-width:768px){ .hero-scene,.review-photo-wide{min-height:240px;} .review-photo,.article-photo{min-height:210px;} }


/* ===== MatchGauge conversion ranking cards + Tinder review v2 ===== */
.best-for-pill,.rating-pill,.fresh-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;line-height:1.1}.best-for-pill{background:#fff1f2;color:#be123c;border:1px solid rgba(244,63,94,.18)}.rating-pill{background:#fff7ed;color:#9a3412;border:1px solid rgba(251,146,60,.2)}.fresh-pill{background:#eef2ff;color:#3730a3;border:1px solid rgba(99,102,241,.18)}
.card{border:1px solid rgba(13,27,62,.09)!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(13,27,62,.07)!important;overflow:hidden;background:#fff!important}.card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(13,27,62,.12)!important}.card-body{align-items:center!important}.card-rank{background:linear-gradient(135deg,#0d1b3e,#1e4bd4)!important;color:#fff!important;border-radius:16px!important;min-width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.card-header{gap:13px!important}.card-logo-wrap{width:58px!important;height:56px!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(13,27,62,.08)}.card-tagline{font-size:16px!important;color:#111827!important;margin-top:8px!important}.btn-visit{background:linear-gradient(135deg,#ff315d,#ff6b81)!important;color:#fff!important;border-radius:12px!important;padding:14px 22px!important;font-weight:900!important;text-align:center!important;box-shadow:0 10px 24px rgba(255,49,93,.24)!important}.click-proof{font-size:11px;color:#6b7280;text-align:center;margin-top:8px;font-weight:700}.mini-review-link{display:inline-flex;justify-content:center;align-items:center;margin-top:10px;color:#1e4bd4;font-size:13px;font-weight:800;text-decoration:none}.mini-review-link:hover{text-decoration:underline}.card-right{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}.card-deal{margin-top:12px!important}.tinder-review-v2{max-width:1180px}.review-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.review-main-v2{min-width:0}.review-hero-card,.quick-verdict-card,.review-copy-card,.final-cta-card,.pros-box,.cons-box{background:#fff;border:1px solid rgba(13,27,62,.08);border-radius:20px;box-shadow:0 12px 35px rgba(13,27,62,.07)}.review-hero-card{padding:30px;margin-bottom:24px}.review-topline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.review-hero-card h2,.review-copy-card h2,.final-cta-copy h2{font-family:'DM Serif Display',serif;color:#0d1b3e;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;margin-bottom:12px}.review-lede{font-size:17px;color:#4b5563;line-height:1.75;max-width:780px}.review-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.review-image-frame{margin:0 0 24px;overflow:hidden;border-radius:20px;background:#f1f5f9;border:1px solid rgba(13,27,62,.07);box-shadow:0 12px 30px rgba(13,27,62,.08)}.review-image-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-frame{aspect-ratio:16/9}.wide-frame{aspect-ratio:16/10}.square-frame{aspect-ratio:4/3}.quick-verdict-card{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:24px;margin-bottom:24px}.quick-verdict-card h3{font-size:1.25rem;margin-bottom:8px}.quick-verdict-card ul,.clean-list,.pros-cons-v2 ul{list-style:none;padding:0;margin:0}.quick-verdict-card li,.clean-list li,.pros-cons-v2 li{padding:7px 0;color:#374151}.review-two-up{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:26px 0}.review-two-up.reverse{grid-template-columns:1fr 1fr}.review-copy-card{padding:26px}.section-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#e4197e}.pros-cons-v2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.pros-box,.cons-box{padding:24px}.pros-box{border-color:rgba(16,185,129,.22)}.cons-box{border-color:rgba(244,63,94,.2)}.final-cta-card{display:grid;grid-template-columns:.95fr 1fr;gap:24px;padding:24px;margin:30px 0 10px;align-items:center}.final-cta-card .review-image-frame{margin:0}.review-sidebar-v2{position:sticky;top:90px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;border:1px solid rgba(13,27,62,.12);color:#0d1b3e;background:#fff;text-decoration:none;font-weight:900}.btn-secondary:hover{background:#f8fafc}
@media(max-width:900px){.review-shell{grid-template-columns:1fr}.review-sidebar-v2{position:static}.quick-verdict-card,.review-two-up,.review-two-up.reverse,.final-cta-card,.pros-cons-v2{grid-template-columns:1fr}.review-two-up.reverse figure{order:2}.review-two-up.reverse .review-copy-card{order:1}.card-body{flex-direction:column!important;align-items:stretch!important}.card-rank{align-self:flex-start}.card-right{text-align:center!important;width:100%}.btn-visit,.btn-primary,.btn-secondary{width:100%;justify-content:center}.review-hero-card{padding:22px}.hero-frame,.wide-frame,.square-frame{aspect-ratio:4/3}.nav-inner{height:auto;min-height:72px;gap:12px;padding:8px 0}.nav-links{flex-wrap:wrap;justify-content:flex-end}}
@media(min-width:901px) and (max-width:1100px){.review-shell{grid-template-columns:minmax(0,1fr) 280px}.square-frame{aspect-ratio:4/3}}

/* === Final Tinder review polish: proportional, sharp, mobile/iPad safe === */
.tinder-final-page{max-width:1180px;margin:0 auto;padding:34px 20px 56px;}
.tinder-final-hero h1{font-family:'DM Serif Display',serif;color:#0d1b3e;font-size:clamp(2.05rem,4vw,3.35rem);line-height:1.02;margin:8px 0 14px;letter-spacing:-.02em;}
.review-image-frame{isolation:isolate;}
.review-image-frame img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;}
.review-image-frame.focus-top img{object-position:center 35%;}
.review-image-frame.focus-face img{object-position:center center;}
.review-image-frame.focus-center img{object-position:center center;}
.hero-frame{aspect-ratio:16/9;min-height:360px;}
.wide-frame{aspect-ratio:16/10;min-height:280px;}
.square-frame{aspect-ratio:4/3;min-height:280px;}
.best-for-pill,.rating-pill,.fresh-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;line-height:1;}
.best-for-pill{background:linear-gradient(135deg,#ff315d,#ff6b81);color:#fff;}
.rating-pill{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;}
.fresh-pill{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;}
.pros-box h2,.cons-box h2,.quick-verdict-card h2{font-size:1.35rem;margin-bottom:10px;color:#0d1b3e;}
@media(max-width:1024px){.tinder-final-page{padding:26px 16px 48px}.review-shell{grid-template-columns:1fr}.review-sidebar-v2{position:static}.hero-frame{min-height:300px}.wide-frame,.square-frame{min-height:260px}}
@media(max-width:640px){.tinder-final-page{padding:20px 14px 42px}.review-hero-card,.quick-verdict-card,.review-copy-card,.final-cta-card,.pros-box,.cons-box{border-radius:16px}.hero-frame,.wide-frame,.square-frame{aspect-ratio:4/3;min-height:220px}.review-hero-actions{display:grid;grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%;text-align:center;justify-content:center}.review-two-up,.review-two-up.reverse,.quick-verdict-card,.final-cta-card,.pros-cons-v2{grid-template-columns:1fr!important}.review-two-up.reverse figure{order:2}.review-two-up.reverse .review-copy-card{order:1}}


/* === MatchGauge final image mapping + sharp proportional photo system === */
.review-image-frame,
.article-photo,
.art-img-slot,
.rv-img-slot,
.img-slot,
.image-wrapper {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #f6f7fb !important;
}
.review-image-frame img,
.article-photo img,
.art-img-slot img,
.rv-img-slot img,
.img-slot img,
.image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  image-rendering: auto !important;
}
.hero-frame, .review-photo-wide { aspect-ratio: 16 / 9 !important; min-height: 360px !important; }
.wide-frame, .review-photo, .article-photo, .art-img-slot, .rv-img-slot, .img-slot { aspect-ratio: 16 / 9 !important; min-height: 320px !important; }
.square-frame { aspect-ratio: 4 / 3 !important; min-height: 300px !important; }
@media (max-width: 1024px) {
  .hero-frame, .wide-frame, .square-frame, .review-photo, .article-photo, .art-img-slot, .rv-img-slot, .img-slot { min-height: 260px !important; }
}
@media (max-width: 640px) {
  .hero-frame, .wide-frame, .square-frame, .review-photo, .article-photo, .art-img-slot, .rv-img-slot, .img-slot { aspect-ratio: 4 / 3 !important; min-height: 220px !important; }
}


/* === FINAL IMAGE QUALITY + ARTICLE FRAME OVERRIDES === */
.article-photo,.art-img-slot,.review-photo,.rv-img-slot,.img-slot,.image-wrapper{width:100%!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important;overflow:hidden!important;border-radius:18px!important;background:#f6f7fb!important}
.article-photo img,.art-img-slot img,.review-photo img,.rv-img-slot img,.img-slot img,.image-wrapper img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center center!important;display:block!important;border-radius:18px!important;image-rendering:auto}
@media(max-width:768px){.article-photo,.art-img-slot,.review-photo,.rv-img-slot,.img-slot,.image-wrapper{aspect-ratio:4/3!important}}

/* =========================================================
   SITEWIDE HEADER STANDARDIZATION
   Homepage hero/header remains independent. All other page,
   article, review, compare, quiz, and legal headers use the
   same compact MatchGauge header rhythm.
   ========================================================= */
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,
body:not(.home) > div[style*="background:var(--light)"][style*="text-align:center"] {
  background: linear-gradient(135deg, #fff7f9 0%, #ffffff 52%, #f4f7ff 100%) !important;
  border-bottom: 1px solid rgba(13,27,62,.10) !important;
  padding: 34px 20px 32px !important;
  margin: 0 !important;
  min-height: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
  position: relative !important;
}
body:not(.home) .page-hero::after,
body:not(.home) .review-hero::after,
body:not(.home) .cmp-hero::after,
body:not(.home) .disc-hero::after,
body:not(.home) .quiz-hero::after,
body:not(.home) .art-hero::after,
body:not(.home) .standard-page-hero::after { content: none !important; }
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 > *,
body:not(.home) > div[style*="background:var(--light)"][style*="text-align:center"] > * {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body:not(.home) .page-hero-flex,
body:not(.home) .review-hero-inner,
body:not(.home) .cmp-hero-flex,
body:not(.home) .art-hero-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  text-align: left !important;
}
body:not(.home) .page-hero h1,
body:not(.home) .review-hero h1,
body:not(.home) .review-hero h2,
body:not(.home) .cmp-hero h1,
body:not(.home) .disc-hero h1,
body:not(.home) .quiz-hero h1,
body:not(.home) .art-hero h1,
body:not(.home) .art-h1,
body:not(.home) .rv-app-name,
body:not(.home) .standard-page-hero h1,
body:not(.home) > div[style*="background:var(--light)"][style*="text-align:center"] h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.85rem, 3.1vw, 2.6rem) !important;
  line-height: 1.08 !important;
  color: var(--navy, #0d1b3e) !important;
  margin: 0 0 10px !important;
  letter-spacing: -.015em !important;
  font-style: normal !important;
}
body:not(.home) .page-hero p,
body:not(.home) .review-hero p,
body:not(.home) .cmp-hero p,
body:not(.home) .disc-hero p,
body:not(.home) .quiz-hero p,
body:not(.home) .art-hero p,
body:not(.home) .rv-sub,
body:not(.home) .standard-page-hero p,
body:not(.home) > div[style*="background:var(--light)"][style*="text-align:center"] p {
  color: var(--muted, #64748b) !important;
  font-size: .98rem !important;
  line-height: 1.55 !important;
  max-width: 720px !important;
  margin: 0 auto 12px !important;
}
body:not(.home) .page-hero-label,
body:not(.home) .art-cat,
body:not(.home) .cmp-eyebrow,
body:not(.home) .quiz-hero-eyebrow,
body:not(.home) .disc-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,49,93,.08) !important;
  border: 1px solid rgba(255,49,93,.16) !important;
  color: #e4195c !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  margin: 0 0 14px !important;
}
body:not(.home) .rv-meta,
body:not(.home) .art-meta,
body:not(.home) .quiz-hero-trust,
body:not(.home) .cmp-hero-tags {
  justify-content: center !important;
  color: var(--muted, #64748b) !important;
  margin-top: 12px !important;
}
body:not(.home) .rv-visit,
body:not(.home) .review-hero .btn-primary,
body:not(.home) .cmp-hero .btn-primary,
body:not(.home) .quiz-hero .btn-primary { margin-top: 14px !important; }
@media (max-width: 760px) {
  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,
  body:not(.home) > div[style*="background:var(--light)"][style*="text-align:center"] {
    padding: 28px 16px 26px !important;
    text-align: center !important;
  }
  body:not(.home) .page-hero-flex,
  body:not(.home) .review-hero-inner,
  body:not(.home) .cmp-hero-flex,
  body:not(.home) .art-hero-inner {
    display: block !important;
    text-align: center !important;
  }
  body:not(.home) .page-hero h1,
  body:not(.home) .review-hero h1,
  body:not(.home) .review-hero h2,
  body:not(.home) .cmp-hero h1,
  body:not(.home) .disc-hero h1,
  body:not(.home) .quiz-hero h1,
  body:not(.home) .art-hero h1,
  body:not(.home) .art-h1,
  body:not(.home) .rv-app-name,
  body:not(.home) .standard-page-hero h1 {
    font-size: clamp(1.65rem, 8vw, 2.15rem) !important;
  }
}


/* === MatchGauge Final Image Pack + Hero/Card Enhancements === */
.mg-page-photo,.page-photo-hero,.ai-scene-photo{width:min(1100px,calc(100% - 40px));margin:26px auto 32px;border-radius:18px;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(13,27,62,.08);box-shadow:0 16px 38px rgba(13,27,62,.10);background:#fff}
.mg-page-photo img,.page-photo-hero img,.ai-scene-photo img,.rev-image-slot img,.art-img-slot img,.article-photo img,.image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:auto}
.rev-image-slot,.art-img-slot,.article-photo,.image-wrapper{overflow:hidden;border-radius:16px;background:#fff}
.reviews-hero-card,.stat-stack{background:linear-gradient(135deg,#fff 0%,#fff3f6 48%,#eef5ff 100%)!important;border:1px solid rgba(255,60,95,.18)!important;border-radius:20px!important;box-shadow:0 22px 48px rgba(13,27,62,.14)!important;padding:22px!important;min-width:300px;position:relative;overflow:hidden}
.reviews-hero-card::before,.stat-stack::before{content:"#1 Comparison Hub";display:inline-block;background:linear-gradient(135deg,#ff3c5f,#ff6b81);color:#fff;font-weight:800;font-size:11px;letter-spacing:.02em;padding:6px 10px;border-radius:999px;margin-bottom:12px}
.stat-stack-row{background:rgba(255,255,255,.72)!important;border:1px solid rgba(13,27,62,.06)!important;border-radius:12px;padding:9px 10px}
@media(max-width:900px){.mg-page-photo,.page-photo-hero,.ai-scene-photo{width:calc(100% - 28px);margin:20px auto 26px;border-radius:15px}.reviews-hero-card,.stat-stack{min-width:0;width:100%}}


/* ===== Review hero app info + description layout ===== */
.review-hero-inner.review-hero-with-desc{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  text-align:left!important;
  flex-wrap:wrap!important;
}
.review-hero-inner.review-hero-with-desc > div:not(.app-logo):not(.rv-score-stack):not(.rv-desc-card){
  flex:1 1 300px!important;
  min-width:260px!important;
}
.rv-desc-card{
  flex:1 1 340px!important;
  max-width:520px!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  box-shadow:0 12px 28px rgba(13,27,62,.06)!important;
}
.rv-desc-kicker{
  color:#ff3c5f!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:6px!important;
}
.rv-desc-card p{
  margin:0!important;
  color:#374151!important;
  line-height:1.65!important;
  font-size:.94rem!important;
}
.review-hero-inner.review-hero-with-desc .rv-score-stack{
  flex:0 0 auto!important;
}
.tinder-final-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  column-gap:28px!important;
  align-items:center!important;
}
.tinder-final-hero .review-topline,
.tinder-final-hero h1,
.tinder-final-hero .review-hero-actions{
  grid-column:1!important;
}
.tinder-final-hero .review-hero-description{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:18px!important;
  padding:20px!important;
  box-shadow:0 12px 28px rgba(13,27,62,.06)!important;
  margin:0!important;
}
@media(max-width:900px){
  .review-hero-inner.review-hero-with-desc{align-items:flex-start!important;}
  .rv-desc-card{max-width:none!important;flex-basis:100%!important;}
  .tinder-final-hero{grid-template-columns:1fr!important;}
  .tinder-final-hero .review-topline,
  .tinder-final-hero h1,
  .tinder-final-hero .review-hero-actions,
  .tinder-final-hero .review-hero-description{grid-column:1!important;grid-row:auto!important;}
  .tinder-final-hero .review-hero-description{margin-top:14px!important;}
}

/* === Compare page hero image: small/medium supporting visual === */
.compare-hero-photo,.cmp-hero-photo{
  width:min(320px,100%);
  aspect-ratio:4/3;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(13,27,62,.08);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
  background:#fff;
  flex:0 0 320px;
}
.compare-hero-photo img,.cmp-hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.cmp-hero-flex{
  gap:22px!important;
}
.cmp-stat-badge{
  flex:0 0 160px;
}
@media(max-width:900px){
  .compare-hero-photo,.cmp-hero-photo{width:100%;max-width:420px;flex:0 0 auto;margin:8px auto 0;}
  .cmp-stat-badge{width:100%;flex:0 0 auto;}
}

/* === New image pack placement helpers === */
.review-visual-suite .review-photo img,
.img-slot.hero-scene img,
.art-img-slot img,
.mg-page-photo img{
  image-rendering:auto;
  transform:none!important;
}

/* === Expanded dating image pack placement + responsive sizing === */
.image-wrapper,
.article-photo,
.art-img-slot,
.review-image,
.review-hero-image,
.app-image-frame {
  overflow: hidden;
  border-radius: 16px;
  background: #f7f7f8;
}
.image-wrapper img,
.article-photo img,
.art-img-slot img,
.review-image img,
.review-hero-image img,
.app-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.image-hero,
.article-photo.hero,
.review-hero-image {
  aspect-ratio: 16 / 9;
}
.image-section,
.art-img-slot,
.review-image {
  aspect-ratio: 4 / 3;
}
/* Keep Compare hero supportive, not overpowering */
.cmp-hero-photo {
  max-width: 360px !important;
  width: min(34vw, 360px) !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 36px rgba(13,27,62,.12) !important;
}
.cmp-hero-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
/* More compact app-card image behavior after the expanded pack */
.app-card img,
.card-media img,
.review-card img,
.rank-card img {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 900px) {
  .cmp-hero-photo {
    width: 100% !important;
    max-width: 520px !important;
    margin: 18px auto 0 !important;
  }
  .image-section,
  .art-img-slot,
  .review-image { aspect-ratio: 16 / 10; }
}

/* Final nav polish: Deals CTA contrast + spacing */
.nav-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
.nav-links{display:flex!important;align-items:center!important;gap:10px!important;}
.nav-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;transition:all .18s ease!important;}
.nav-links a.nav-deals{background:linear-gradient(135deg,#ff3c5f,#ff6b81)!important;color:#ffffff!important;padding:9px 17px!important;border-radius:999px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 8px 18px rgba(255,60,95,.28)!important;border:1px solid rgba(255,255,255,.35)!important;line-height:1!important;}
.nav-links a.nav-deals:hover,.nav-links a.nav-deals.active{color:#ffffff!important;background:linear-gradient(135deg,#e4197e,#ff3c5f)!important;transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(228,25,126,.34)!important;}
.nav-links a:not(.nav-deals):not(.nav-cta){color:var(--muted,#64748b)!important;}
.nav-links a:not(.nav-deals):not(.nav-cta):hover,.nav-links a:not(.nav-deals):not(.nav-cta).active{color:var(--blue,#1e4bd4)!important;background:#eef2ff!important;}
@media(max-width:760px){.nav-inner{min-height:68px!important;}.nav-links{gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}.nav-links a.nav-deals{padding:8px 12px!important;font-size:13px!important;}}


/* === MatchGauge external photo wiring + no-stretch image system === */
.image-wrapper, .hero-photo, .photo-shell, .article-photo, .art-img-slot, .review-photo, .compare-hero-photo { overflow: hidden; }
.image-wrapper img, .hero-photo img, .photo-shell img, .article-photo img, .art-img-slot img, .review-photo img, .compare-hero-photo img, .app-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.compare-hero-photo, .compare-hero .image-wrapper { max-width: 420px; aspect-ratio: 4 / 3; }
.nav-deal, a.nav-deal, .nav-links a.nav-deal { background: linear-gradient(135deg, #ff3c5f, #ff6b81) !important; color: #fff !important; padding: 8px 16px !important; border-radius: 999px !important; font-weight: 800 !important; box-shadow: 0 6px 16px rgba(255,60,95,.22) !important; }


/* === Production merge overrides: image-safe baseline retained === */
/* Review main images: reduce dominance without replacing photos */
.review-photo-wide,
.review-image-frame.hero-frame,
.hero-frame.review-image-frame {
  max-width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 0 !important;
}
.review-photo-wide img,
.review-image-frame.hero-frame img,
.hero-frame.review-image-frame img {
  min-height: 0 !important;
  height: auto !important;
}
@media (max-width: 768px) {
  .review-photo-wide,
  .review-image-frame.hero-frame,
  .hero-frame.review-image-frame {
    max-width: 86% !important;
  }
}
/* Deal of the Week: roughly 25% smaller */
.dotw-hero,
.deal-of-week,
.deal-week,
.deal-week-box {
  max-width: 75% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 75% !important;
}
.dotw-hero { padding: 18px !important; }
.dotw-hero h2, .dotw-hero h3 { font-size: clamp(1.25rem, 2.4vw, 1.75rem) !important; }
.dotw-hero p { font-size: .9rem !important; }
@media (max-width: 768px) {
  .dotw-hero,
  .deal-of-week,
  .deal-week,
  .deal-week-box { max-width: 92% !important; padding: 16px !important; }
}
/* Deal waitlist modal */
.mg-waitlist-modal{display:none;position:fixed;inset:0;background:rgba(5,10,30,.68);z-index:9999;align-items:center;justify-content:center;padding:18px}
.mg-waitlist-modal.show{display:flex}.mg-waitlist-card{width:100%;max-width:460px;background:#fff;border-radius:24px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28);position:relative}.mg-waitlist-close{position:absolute;right:14px;top:14px;border:0;border-radius:999px;background:#f3f4f6;width:34px;height:34px;font-weight:900;cursor:pointer}.mg-waitlist-card h3{font-family:'DM Serif Display',serif;color:#0d1b3e;font-size:1.7rem;line-height:1.05;margin:8px 0 8px}.mg-waitlist-card p{color:#4b5563;line-height:1.55}.mg-waitlist-card input{width:100%;padding:14px;border:1px solid #e5e7eb;border-radius:14px;margin:10px 0;font-size:15px}.mg-waitlist-card button[type=submit]{width:100%;padding:14px 18px;border-radius:999px;border:0;background:linear-gradient(135deg,#ff315d,#ff6b81);color:#fff;font-weight:900;cursor:pointer}.mg-coming-soon-badge{display:inline-flex;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.mg-early-access-note{font-size:12px!important;color:#6b7280!important;margin-top:8px!important}
.profile-tool-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:#f8fafc;margin:18px 0}.profile-tool-card h3{margin:0 0 8px;color:#111827}.profile-tool-card textarea,.profile-tool-card select{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;margin-top:10px;font-family:inherit}.profile-tool-card .mini-btn{width:100%;margin-top:10px;border:0;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);color:#fff;font-weight:900;cursor:pointer}.tool-output{display:none;margin-top:12px;padding:13px;background:#fff;border:1px solid var(--border);border-radius:14px;color:#374151}.tool-output.show{display:block}.tool-output b{display:block;color:#0d1b3e;margin-bottom:4px}.tool-output small{display:block;color:#6b7280;margin-top:8px;line-height:1.45}.locked-preview{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:16px;padding:14px;margin:14px 0;color:#4c1d95;font-weight:800}.secure-note{font-size:12px;color:#6b7280;text-align:center;margin-top:8px}


/* === AI tools layout cleanup: separate bio + message tools into clear sections === */
@media (min-width: 760px){
  .score-shell{max-width:860px!important;}
  #uploadScreen,#processingScreen{max-width:480px;margin-left:auto;margin-right:auto;}
}
.ai-tools-section{margin:24px 0 4px;padding:18px;border:1px solid rgba(13,27,62,.08);border-radius:24px;background:linear-gradient(135deg,#ffffff,#f8f9ff);box-shadow:0 12px 34px rgba(13,27,62,.06)}
.ai-tools-header{max-width:680px;margin:0 0 16px}.ai-tools-header h3{font-family:'DM Serif Display',serif;font-style:italic;font-size:1.45rem;line-height:1.08;color:#0d1b3e;margin:8px 0 6px}.ai-tools-header p{margin:0;color:#6b7280;font-size:.92rem;line-height:1.5}.section-pill{display:inline-flex;border-radius:999px;background:#f5f3ff;border:1px solid #ddd6fe;color:#7a22d4;padding:6px 10px;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ai-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.ai-tool-grid .profile-tool-card{margin:0;background:#fff;border:1px solid rgba(13,27,62,.10);border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(13,27,62,.06);min-height:100%}.ai-tool-grid .profile-tool-card h3{font-size:1.05rem;margin:4px 0 8px}.ai-tool-grid .profile-tool-card .lead{font-size:.86rem!important;margin:0 0 10px!important;color:#4b5563;line-height:1.45}.tool-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e);color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(122,34,212,.18)}.ai-tool-grid textarea{min-height:88px;resize:vertical}.ai-tool-grid select{background:#fff}.ai-tool-grid .mini-btn{margin-top:12px}.ai-tool-grid .fine{text-align:left;margin-bottom:0}.tool-output{word-break:normal}
@media(max-width:759px){.ai-tools-section{padding:14px;margin-top:20px;border-radius:20px}.ai-tool-grid{grid-template-columns:1fr;gap:14px}.ai-tools-header h3{font-size:1.25rem}.ai-tool-grid .profile-tool-card{padding:16px}.ai-tool-grid textarea{min-height:78px}}


/* =========================================================
   REVIEW IMAGE SCALE + OVERLAP FIX PASS
   - keeps review-page photos consistent and smaller
   - prevents image frames from crowding buttons/links/text
   - enlarges tiny review-card photos to a consistent useful size
   ========================================================= */
body:not(.home) .review-image-frame,
body:not(.home) .review-photo,
body:not(.home) .rev-image-slot.ai-generated-scene,
body:not(.home) .mg-page-photo{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  z-index:0!important;
  flex-shrink:0!important;
}
body:not(.home) .review-image-frame img,
body:not(.home) .review-photo img,
body:not(.home) .rev-image-slot.ai-generated-scene img,
body:not(.home) .mg-page-photo img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  pointer-events:none!important;
}
/* top page photos should support the content, not dominate it */
body:not(.home) .mg-page-photo{
  width:min(740px, calc(100% - 40px))!important;
  max-width:740px!important;
  aspect-ratio:16 / 7!important;
  min-height:0!important;
  margin:22px auto 28px!important;
  border-radius:18px!important;
}
/* review listing cards: consistent, enlarged enough to avoid the one-card-too-small look */
.reviews-page .rev-image-slot.ai-generated-scene,
.rev-section .rev-image-slot.ai-generated-scene{
  height:190px!important;
  min-height:190px!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
}
.rev-section .rev-image-slot.ai-generated-scene img{
  position:absolute!important;
  inset:0!important;
}
/* individual review pages: shrink oversized hero/media frames roughly by half */
.review-shell .hero-frame,
.review-main-v2 .hero-frame,
body:not(.home) .review-image-frame.hero-frame{
  width:min(760px,100%)!important;
  max-width:760px!important;
  aspect-ratio:16 / 7!important;
  min-height:0!important;
  margin:0 auto 24px!important;
}
body:not(.home) .review-two-up{
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.72fr)!important;
  gap:24px!important;
  align-items:center!important;
}
body:not(.home) .review-two-up.reverse{
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.08fr)!important;
}
body:not(.home) .review-two-up .review-image-frame,
body:not(.home) .review-pro-grid .review-photo{
  width:100%!important;
  max-width:460px!important;
  aspect-ratio:4 / 3!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto 18px!important;
}
body:not(.home) .review-image-frame.wide-frame,
body:not(.home) .review-photo-wide{
  max-width:680px!important;
  aspect-ratio:16 / 8!important;
  min-height:0!important;
  margin:0 auto 24px!important;
}
body:not(.home) .final-cta-card .review-image-frame,
body:not(.home) .review-pro-cta .review-photo{
  max-width:420px!important;
  aspect-ratio:4 / 3!important;
  min-height:0!important;
  margin:0 auto!important;
}
/* keep CTAs always clickable/visible above nearby media */
.review-hero-actions,
.review-cta-actions,
.final-cta-copy,
.review-copy-card,
.rev-content,
.rev-section-head{
  position:relative!important;
  z-index:3!important;
}
.review-image-frame::before,.review-image-frame::after,
.review-photo::before,.review-photo::after,
.rev-image-slot::before,.rev-image-slot::after{
  pointer-events:none!important;
}
@media(max-width:900px){
  body:not(.home) .review-two-up,
  body:not(.home) .review-two-up.reverse,
  body:not(.home) .final-cta-card,
  body:not(.home) .review-pro-grid,
  body:not(.home) .review-pro-grid.reverse,
  body:not(.home) .review-pro-cta{
    grid-template-columns:1fr!important;
  }
  body:not(.home) .review-two-up .review-image-frame,
  body:not(.home) .review-pro-grid .review-photo,
  body:not(.home) .final-cta-card .review-image-frame,
  body:not(.home) .review-pro-cta .review-photo{
    max-width:560px!important;
    aspect-ratio:16 / 10!important;
    margin:12px auto 18px!important;
  }
  body:not(.home) .mg-page-photo,
  body:not(.home) .review-image-frame.hero-frame,
  body:not(.home) .review-image-frame.wide-frame,
  body:not(.home) .review-photo-wide{
    width:calc(100% - 28px)!important;
    max-width:560px!important;
    aspect-ratio:16 / 10!important;
  }
  .reviews-page .rev-image-slot.ai-generated-scene,
  .rev-section .rev-image-slot.ai-generated-scene{
    height:165px!important;
    min-height:165px!important;
  }
}
@media(max-width:560px){
  body:not(.home) .review-two-up .review-image-frame,
  body:not(.home) .review-pro-grid .review-photo,
  body:not(.home) .final-cta-card .review-image-frame,
  body:not(.home) .review-pro-cta .review-photo,
  body:not(.home) .mg-page-photo,
  body:not(.home) .review-image-frame.hero-frame,
  body:not(.home) .review-image-frame.wide-frame,
  body:not(.home) .review-photo-wide{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:4 / 3!important;
  }
}

/* =========================================================
   FINAL PHOTO POLISH PASS
   - safer face crops so heads are not cut off
   - keeps media inside frames and below CTAs/links
   - makes repeated review photos less obvious by using new assets
   ========================================================= */
.review-image-frame img,
.review-photo img,
.rev-image-slot img,
.img-slot img,
.mg-page-photo img,
.article-photo img,
.art-img-slot img,
.compare-hero-photo img,
.cmp-hero-photo img{
  object-fit:cover!important;
  object-position:center 28%!important;
  display:block!important;
  max-width:100%!important;
  pointer-events:none!important;
}
/* Portrait/profile images need slightly more headroom */
img[src*="profile-"],
img[src*="woman-"],
img[src*="man-"],
.focus-face img{
  object-position:center 22%!important;
}
/* Wide date scenes should stay centered and not over-crop people */
img[src*="date-"],
.focus-wide img,
.focus-center img{
  object-position:center center!important;
}
/* Hero frames: reduce harsh cropping and keep people visible */
.hero-scene img,
.hero-frame img{
  object-position:center 30%!important;
}
/* Prevent visual media from overlapping or covering interactive elements */
.review-image-frame,
.review-photo,
.rev-image-slot,
.img-slot,
.mg-page-photo,
.article-photo,
.art-img-slot,
.compare-hero-photo,
.cmp-hero-photo{
  position:relative!important;
  z-index:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
a, button, .btn-primary, .btn-secondary, .nav-links, .review-cta-actions, .hero-actions, .cta-row, .deal-actions{
  position:relative!important;
  z-index:5!important;
}
/* Review media should be polished, consistent, and smaller than page-width */
body:not(.home) .review-photo-wide,
body:not(.home) .review-image-frame.hero-frame,
body:not(.home) .review-image-frame.wide-frame{
  width:min(680px, 92%)!important;
  max-width:680px!important;
  aspect-ratio:16/8!important;
  margin:0 auto 24px!important;
}
body:not(.home) .review-two-up .review-image-frame,
body:not(.home) .review-pro-grid .review-photo,
body:not(.home) .final-cta-card .review-image-frame,
body:not(.home) .review-pro-cta .review-photo{
  width:min(460px, 100%)!important;
  max-width:460px!important;
  aspect-ratio:4/3!important;
  margin:0 auto 18px!important;
}
@media(max-width:760px){
  body:not(.home) .review-photo-wide,
  body:not(.home) .review-image-frame.hero-frame,
  body:not(.home) .review-image-frame.wide-frame,
  body:not(.home) .review-two-up .review-image-frame,
  body:not(.home) .review-pro-grid .review-photo,
  body:not(.home) .final-cta-card .review-image-frame,
  body:not(.home) .review-pro-cta .review-photo{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:4/3!important;
  }
}


/* =========================================================
   FINAL DEPLOY PASS — MOBILE + PHOTO CROP SAFETY
   Applied after the full image-safe baseline.
   Goals:
   1) stop heads/faces from being cut off
   2) keep images from covering links/buttons
   3) reduce repeated-photo feeling on review/app pages
   4) improve mobile tap targets and spacing
   ========================================================= */

/* Reliable media frame behavior */
.review-image-frame,
.review-photo,
.rev-image-slot,
.img-slot,
.mg-page-photo,
.article-photo,
.art-img-slot,
.image-wrapper,
.compare-hero-photo,
.cmp-hero-photo {
  overflow: hidden !important;
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
  border-radius: 18px !important;
}

.review-image-frame img,
.review-photo img,
.rev-image-slot img,
.img-slot img,
.mg-page-photo img,
.article-photo img,
.art-img-slot img,
.image-wrapper img,
.compare-hero-photo img,
.cmp-hero-photo img,
.app-card img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  max-width: 100% !important;
  pointer-events: none !important;
}

/* Portraits need more headroom than landscapes. */
img[src*="portrait"],
img[src*="profile"],
img[src*="woman"],
img[src*="man"],
img[src*="studio"],
img[src*="business"],
img[src*="glasses"],
img[src*="formal"],
img[src*="smiling"],
img[src*="freckled"],
.focus-face img {
  object-position: center 18% !important;
}

/* Full body / group / date scenes should not be pulled too high. */
img[src*="date"],
img[src*="couple"],
img[src*="bike"],
img[src*="hiking"],
img[src*="holding"],
img[src*="rooftop"],
img[src*="sunset"],
img[src*="lake"],
.focus-wide img,
.focus-center img {
  object-position: center center !important;
}

/* Review images: consistent and smaller so they support content instead of dominating the page. */
body:not(.home) .review-photo-wide,
body:not(.home) .review-image-frame.hero-frame,
body:not(.home) .review-image-frame.wide-frame {
  width: min(660px, 92%) !important;
  max-width: 660px !important;
  aspect-ratio: 16 / 8 !important;
  min-height: 0 !important;
  margin: 0 auto 24px !important;
}

body:not(.home) .review-two-up .review-image-frame,
body:not(.home) .review-pro-grid .review-photo,
body:not(.home) .final-cta-card .review-image-frame,
body:not(.home) .review-pro-cta .review-photo {
  width: min(440px, 100%) !important;
  max-width: 440px !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto 18px !important;
}

/* Keep action areas above images. */
a,
button,
.btn-primary,
.btn-secondary,
.nav-links,
.nav-cta,
.hero-actions,
.review-hero-actions,
.review-cta-actions,
.final-cta-copy,
.review-copy-card,
.rev-content,
.deal-actions,
.cta-row {
  position: relative !important;
  z-index: 5 !important;
}

/* Buttons should be easy to tap on mobile. */
@media (max-width: 768px) {
  .btn-primary,
  .btn-secondary,
  .nav-cta,
  .cta-primary,
  .cta-secondary,
  .btn-visit,
  .quiz-box a,
  .review-hero-actions a,
  .review-cta-actions a,
  .hero-actions a {
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 16px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .hero-actions,
  .review-hero-actions,
  .review-cta-actions,
  .cta-row,
  .deal-actions {
    gap: 10px !important;
  }
  body:not(.home) .review-photo-wide,
  body:not(.home) .review-image-frame.hero-frame,
  body:not(.home) .review-image-frame.wide-frame,
  body:not(.home) .review-two-up .review-image-frame,
  body:not(.home) .review-pro-grid .review-photo,
  body:not(.home) .final-cta-card .review-image-frame,
  body:not(.home) .review-pro-cta .review-photo,
  body:not(.home) .mg-page-photo {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 4 / 3 !important;
  }
  .review-image-frame img,
  .review-photo img,
  .rev-image-slot img,
  .img-slot img,
  .mg-page-photo img,
  .article-photo img,
  .art-img-slot img,
  .image-wrapper img {
    object-position: center 25% !important;
  }
  img[src*="portrait"],
  img[src*="profile"],
  img[src*="woman"],
  img[src*="man"],
  img[src*="studio"],
  img[src*="business"],
  img[src*="glasses"],
  img[src*="formal"],
  img[src*="smiling"],
  img[src*="freckled"],
  .focus-face img {
    object-position: center 16% !important;
  }
}

@media (max-width: 560px) {
  .page-wrap,
  section,
  .section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .btn-primary,
  .btn-secondary,
  .cta-primary,
  .cta-secondary,
  .btn-visit {
    width: 100% !important;
  }
}

/* =========================================================
   FINAL SITE-WIDE MOBILE + BUTTON CONSISTENCY POLISH
   - unifies CTA colors and spacing
   - improves tap targets and nav wrapping on mobile
   - tightens article / content flow on smaller screens
   ========================================================= */
:root{
  --cta-red-start:#ff315d;
  --cta-red-end:#ff6b81;
  --cta-red-hover-start:#e4197e;
  --cta-red-hover-end:#ff3c5f;
}

/* Unified primary CTA system */
.btn-primary,
.btn-visit,
.nav-cta,
.s-cta,
.s-deals-cta,
.quiz-box a,
.cta-primary,
a.compare-btn,
button.compare-btn,
.inline-cta,
.art-mini-cta,
.review-hero-actions .btn-primary,
.review-cta-actions .btn-primary,
.hero-actions .btn-primary {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:46px !important;
  padding:13px 20px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(135deg,var(--cta-red-start),var(--cta-red-end)) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  line-height:1.2 !important;
  box-shadow:0 12px 26px rgba(255,49,93,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.btn-primary:hover,
.btn-visit:hover,
.nav-cta:hover,
.s-cta:hover,
.s-deals-cta:hover,
.quiz-box a:hover,
.cta-primary:hover,
a.compare-btn:hover,
button.compare-btn:hover,
.inline-cta:hover,
.art-mini-cta:hover {
  background:linear-gradient(135deg,var(--cta-red-hover-start),var(--cta-red-hover-end)) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 16px 32px rgba(228,25,126,.24) !important;
}

/* Unified secondary CTA system */
.btn-secondary,
.btn-outline,
.cta-secondary,
a.btn-outline,
a.btn-secondary {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:46px !important;
  padding:13px 20px !important;
  border-radius:14px !important;
  border:1px solid rgba(13,27,62,.12) !important;
  background:#fff !important;
  color:var(--navy) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.btn-secondary:hover,
.btn-outline:hover,
.cta-secondary:hover,
a.btn-outline:hover,
a.btn-secondary:hover {
  background:#f8fafc !important;
  color:var(--blue) !important;
  border-color:rgba(30,75,212,.18) !important;
}

/* Keep special Deals nav pill visually aligned with the shared CTA system. */
.nav-links a.nav-deals{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Global mobile / tablet flow improvements */
@media (max-width: 980px){
  .page-wrap{padding:26px 18px 48px !important;}
  .page-hero{padding:30px 18px 24px !important;}
  .two-col,
  .review-shell,
  .review-two-up,
  .review-two-up.reverse,
  .final-cta-card,
  .review-pro-grid,
  .review-pro-grid.reverse,
  .review-pro-cta,
  .art-intro-grid,
  .art-start-shell,
  .art-topic-grid,
  .page-hero-flex,
  .card-grid,
  .foot-grid{
    grid-template-columns:1fr !important;
  }
  .sidebar,
  .review-sidebar-v2{
    position:static !important;
    top:auto !important;
  }
  .review-shell,
  .review-two-up,
  .review-pro-grid,
  .review-pro-cta,
  .art-intro-grid,
  .art-start-shell,
  .art-topic-grid,
  .card-grid{
    gap:18px !important;
  }
  .page-hero-flex,
  .art-hub-top,
  .hero-actions,
  .review-hero-actions,
  .review-cta-actions,
  .cta-row,
  .deal-actions{
    gap:10px !important;
  }
}

@media (max-width: 760px){
  .nav{padding:0 14px !important;}
  .nav-inner{
    height:auto !important;
    min-height:unset !important;
    padding:10px 0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .nav-logo{
    display:flex !important;
    justify-content:center !important;
  }
  .nav-logo img{height:50px !important;}
  .nav-links{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
  }
  .nav-links a{
    min-height:40px !important;
    padding:9px 12px !important;
    font-size:13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .page-wrap,
  .page-hero,
  section,
  .section{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .hero-actions,
  .review-hero-actions,
  .review-cta-actions,
  .cta-row,
  .deal-actions,
  .art-chip-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-visit,
  .nav-cta,
  .s-cta,
  .s-deals-cta,
  .cta-primary,
  .cta-secondary,
  .quiz-box a,
  a.compare-btn,
  button.compare-btn,
  .inline-cta,
  .art-mini-cta,
  .hero-actions a,
  .review-hero-actions a,
  .review-cta-actions a,
  .deal-actions a{
    width:100% !important;
  }
  .card,
  .review-hero-card,
  .quick-verdict-card,
  .review-copy-card,
  .final-cta-card,
  .review-verdict,
  .review-pro-cta,
  .review-copy-card,
  .pros-box,
  .cons-box,
  .art-side-card,
  .art-start-card,
  .art-topic-card,
  .data-card{
    border-radius:16px !important;
  }
  .table-scroll,
  .metrics-wrap,
  .sample-table-wrap,
  .price-table-wrap,
  .comparison-table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  table.price-table,
  table.metrics-table{
    min-width:620px !important;
  }
}

@media (max-width: 560px){
  .page-wrap{padding-top:22px !important;padding-bottom:42px !important;}
  .page-hero h1{font-size:clamp(1.55rem,7vw,2rem) !important;line-height:1.1 !important;}
  .page-hero p{font-size:.94rem !important;}
  .card-body,
  .tool-top,
  .art-hub-top{
    align-items:stretch !important;
  }
  .card-right{text-align:center !important;width:100% !important;}
  .card-tagline,
  .review-lede,
  .art-start-copy,
  .articles-main-sidebar-note{font-size:.96rem !important;}
  .art-chip-row{gap:8px !important;}
}


/* =========================================================
   ARTICLES PAGE REDESIGN + FINAL QA POLISH
   ========================================================= */
.art-flow-band{
  max-width:1100px;
  margin:0 auto;
  padding:8px 20px 0;
}
.art-flow-inner{
  background:linear-gradient(135deg,#fff7f9 0%,#ffffff 55%,#f8fbff 100%);
  border:1px solid rgba(13,27,62,.08);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(13,27,62,.06);
  padding:24px;
}
.art-flow-copy h2,
.articles-list-intro h2{
  margin:6px 0 10px;
  color:var(--navy);
  font-size:clamp(1.35rem,2.6vw,1.9rem);
  line-height:1.1;
}
.art-flow-copy p,
.articles-list-intro p{
  margin:0;
  color:#64748b;
  font-size:14px;
  line-height:1.7;
  max-width:780px;
}
.art-section-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:#fff1f2;
  color:#e11d48;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.art-path-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.art-path-pill{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:16px;
  padding:16px 15px;
  box-shadow:0 8px 18px rgba(13,27,62,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.art-path-pill strong{
  display:block;
  color:var(--navy);
  font-size:14px;
  margin-bottom:6px;
}
.art-path-pill span{
  display:block;
  color:#64748b;
  font-size:12.5px;
  line-height:1.55;
}
.art-path-pill:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(30,75,212,.09);
  border-color:#c7d2fe;
}
.articles-content-wrap{
  max-width:1100px;
  margin:0 auto;
  padding-top:26px !important;
}
.articles-list-intro{
  margin:0 0 18px;
  padding:0 0 4px;
}
.articles-section-note{
  margin:-2px 0 16px;
  color:#64748b;
  font-size:13px;
  line-height:1.65;
}
.articles-sidebar-stack{display:flex;flex-direction:column;gap:18px;}
.s-link-stack{display:grid;gap:10px;}
.s-link-card{
  display:block;
  text-decoration:none;
  color:inherit;
  padding:13px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid rgba(13,27,62,.07);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.s-link-card strong{
  display:block;
  color:var(--navy);
  font-size:13.5px;
  margin-bottom:4px;
}
.s-link-card span{
  display:block;
  color:#64748b;
  font-size:12px;
  line-height:1.55;
}
.s-link-card:hover{
  transform:translateY(-1px);
  border-color:#c7d2fe;
  box-shadow:0 12px 22px rgba(30,75,212,.08);
}
.articles-quick-win-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.articles-quick-win-list li{
  padding:0 0 12px;
  border-bottom:1px solid rgba(13,27,62,.08);
}
.articles-quick-win-list li:last-child{padding-bottom:0;border-bottom:none;}
.articles-quick-win-list strong{
  display:block;
  color:var(--navy);
  font-size:13.5px;
  margin-bottom:4px;
}
.articles-quick-win-list span{
  display:block;
  color:#64748b;
  font-size:12.5px;
  line-height:1.6;
}
.articles-helper-card{
  background:linear-gradient(135deg,#fff7f2 0%,#f8fbff 100%);
  border:1px solid rgba(13,27,62,.08);
  border-radius:18px;
  padding:20px;
  box-shadow:0 12px 26px rgba(13,27,62,.05);
}
.articles-helper-card h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:1.05rem;
}
.articles-helper-card p{
  margin:0;
  color:#64748b;
  font-size:13.5px;
  line-height:1.65;
}
.articles-helper-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
}
.articles-content-wrap .ac-hero,
.articles-content-wrap .ac-wide,
.articles-content-wrap .ac-card{
  background:#fff !important;
  box-shadow:0 10px 24px rgba(13,27,62,.05);
}
.articles-content-wrap .ac-hero{margin-bottom:22px !important;}
.articles-content-wrap .ac-card p,
.articles-content-wrap .ac-wide p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  -webkit-line-clamp:3;
}
.articles-content-wrap .card-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;}
.articles-content-wrap main .section-label:first-child{margin-top:0;}
.mg-page-photo img{
  object-fit:cover;
  object-position:center center;
}
@media (max-width: 980px){
  .art-path-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .articles-content-wrap .card-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 760px){
  .art-flow-band{padding-left:16px;padding-right:16px;}
  .art-flow-inner{padding:18px;}
  .art-path-strip{grid-template-columns:1fr;}
  .articles-content-wrap .card-grid{grid-template-columns:1fr !important;}
  .articles-list-intro{margin-bottom:14px;}
  .articles-helper-actions{grid-template-columns:1fr;}
}

/* =========================================================
   FINAL ROUND: SITE-WIDE QA / VISUAL POLISH
   - smoother card rhythm
   - safer image framing
   - tighter page spacing
   - better footer / mobile finish
   ========================================================= */
.page-wrap{
  max-width:1140px;
  margin-left:auto;
  margin-right:auto;
}

/* Give key content cards a slightly more polished, consistent finish */
.listing .card,
.s-card,
.quick-verdict-card,
.review-copy-card,
.review-verdict,
.review-pro-cta,
.final-cta-card,
.data-card,
.art-start-card,
.art-side-card,
.art-hub,
.art-mini-cta,
.articles-helper-card,
.art-path-pill,
.art-topic-card,
.ac-hero,
.ac-wide,
.ac-card{
  box-shadow:0 12px 28px rgba(13,27,62,.05) !important;
}

/* Safer image framing and cleaner clipping across the site */
.mg-page-photo,
.card-visual,
.img-slot,
.review-photo,
.rev-image-slot,
.rv-img-slot,
.art-img-slot{
  overflow:hidden;
}
.mg-page-photo img,
.card-visual img,
.img-slot img,
.review-photo img,
.rev-image-slot img,
.rv-img-slot img,
.art-img-slot img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* Better paragraph rhythm for informational pages */
.page-wrap p,
.review-shell p,
.two-col main p,
.articles-content-wrap p{
  line-height:1.7;
}

/* Notes and microcopy spacing */
.articles-section-note,
.articles-main-sidebar-note,
.card-tagline,
.review-lede,
.page-hero p{
  max-width:780px;
}

/* Consistent spacing between stacked sections */
.page-wrap > .section-label:first-child,
.two-col main > .section-label:first-child{
  margin-top:0;
}
.page-wrap > * + .section-label,
.two-col main > * + .section-label{
  margin-top:26px;
}

/* Tighter CTA group flow */
.hero-actions,
.review-hero-actions,
.review-cta-actions,
.articles-helper-actions,
.art-chip-row{
  align-items:stretch;
}

/* Footer polish */
.site-footer{
  margin-top:42px;
}
.foot-disc{
  line-height:1.7;
}

/* Scroll safety for any wide content blocks */
.table-scroll,
.comparison-table-wrap,
.metrics-wrap,
.sample-table-wrap,
.price-table-wrap,
.code-wrap,
.pre-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Mobile finishing touches */
@media (max-width: 760px){
  .page-hero{
    padding-bottom:20px !important;
  }
  .mg-page-photo{
    border-radius:18px;
    margin:14px 16px 0;
  }
  .mg-page-photo img{
    min-height:220px;
    object-position:center center;
  }
  .listing .card,
  .s-card,
  .quick-verdict-card,
  .review-copy-card,
  .review-verdict,
  .review-pro-cta,
  .final-cta-card,
  .data-card,
  .art-start-card,
  .art-side-card,
  .art-hub,
  .art-mini-cta,
  .articles-helper-card,
  .art-path-pill,
  .art-topic-card,
  .ac-hero,
  .ac-wide,
  .ac-card{
    box-shadow:0 10px 22px rgba(13,27,62,.05) !important;
  }
  .foot-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .foot-bottom{
    display:grid !important;
    gap:6px !important;
    text-align:center !important;
  }
  .foot-logo p,
  .foot-disc{
    max-width:none !important;
  }
}


/* NAV + FOOTER EXPANSION POLISH */
.nav-inner{max-width:1180px!important;}
.nav-links{gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.nav-links a{white-space:nowrap!important;}
.nav-links a.nav-cta{padding:9px 15px!important;}
.nav-links a.nav-deals{padding:9px 15px!important;}
.site-footer a{cursor:pointer;}
@media(max-width:980px){
  .nav-inner{height:auto!important;min-height:76px!important;padding:10px 0!important;gap:10px!important;}
  .nav-links{justify-content:center!important;width:100%!important;}
  .nav-links a{font-size:13px!important;padding:8px 10px!important;}
}
@media(max-width:640px){
  .nav-links{display:flex!important;}
  .nav-links a{font-size:12.5px!important;padding:8px 9px!important;}
  .nav-links a.nav-cta{width:100%!important;}
  .foot-grid{grid-template-columns:1fr!important;gap:22px!important;}
}


/* Enhanced review "In a Nutshell" sections */
.nutshell-enhanced{
  position:relative;
  overflow:hidden;
  margin:28px 0 30px;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(13,27,62,.10);
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--nutshell-accent) 14%, transparent), transparent 36%),
    linear-gradient(135deg,#ffffff 0%,#fbfcff 58%,#fff7f8 100%);
  box-shadow:0 18px 42px rgba(13,27,62,.08);
}
.nutshell-enhanced::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--nutshell-accent),#ff315d,#ff8a00);
}
.nutshell-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.nutshell-topline span{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:color-mix(in srgb, var(--nutshell-accent) 12%, white);
  color:var(--nutshell-accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.nutshell-topline strong{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.nutshell-main{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:20px;
  align-items:center;
}
.nutshell-score{
  width:112px;
  height:112px;
  border-radius:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  box-shadow:0 12px 28px rgba(13,27,62,.08);
}
.nutshell-score div{
  font-family:'DM Serif Display',serif;
  font-size:2.15rem;
  line-height:1;
  color:var(--nutshell-accent);
}
.nutshell-score span{
  margin-top:5px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
}
.nutshell-copy h2{
  margin:0 0 10px;
  color:var(--navy);
  font-size:clamp(1.55rem,3vw,2.15rem);
  line-height:1.08;
}
.nutshell-copy p{
  margin:0;
  color:#475569;
  font-size:1rem;
  line-height:1.75;
}
.nutshell-best{
  display:inline-flex;
  align-items:center;
  margin-top:14px;
  padding:10px 13px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  color:var(--navy);
  font-size:13px;
  font-weight:900;
}
.nutshell-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.nutshell-mini{
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  box-shadow:0 10px 22px rgba(13,27,62,.04);
}
.nutshell-mini span{
  display:block;
  margin-bottom:7px;
  color:var(--nutshell-accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nutshell-mini strong{
  display:block;
  color:#334155;
  font-size:13.5px;
  line-height:1.55;
}
.nutshell-verdict{
  margin-top:16px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px dashed rgba(13,27,62,.16);
  color:#475569;
  line-height:1.65;
  font-size:14px;
}
.nutshell-verdict strong{color:var(--navy)}
.nutshell-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
@media(max-width:760px){
  .nutshell-enhanced{padding:20px;border-radius:20px}
  .nutshell-main{grid-template-columns:1fr;gap:14px}
  .nutshell-score{width:100%;height:auto;min-height:86px;border-radius:18px;align-items:flex-start;padding:18px}
  .nutshell-grid{grid-template-columns:1fr}
  .nutshell-actions{display:grid;grid-template-columns:1fr}
  .nutshell-actions a{width:100%}
}

/* HOMEPAGE REBUILD STYLES */
.hero {
  position: relative;
  height: 420px;
  overflow: hidden;
  border-radius: 18px;
}
.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
.hero-text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: white;
}
img {
  width: 100%;
  display: block;
}


/* =========================================================
   REVIEW PHOTO SIZE STANDARDIZATION — MATCH GRINDR PAGE
   This pass is sizing-only. It does not replace review images.
   ========================================================= */

/* App review hero/main images: match Grindr-style controlled size */
body:not(.home) .img-slot.hero-scene,
body:not(.home) .review-photo-wide,
body:not(.home) .review-image-frame.hero-frame,
body:not(.home) .review-image-frame.wide-frame {
  width: min(660px, 92%) !important;
  max-width: 660px !important;
  aspect-ratio: 16 / 8 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto 24px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #f6f7fb !important;
}

/* App review supporting photos: same footprint as Grindr supporting cards */
body:not(.home) .review-pro-grid .review-photo,
body:not(.home) .review-pro-grid.reverse .review-photo,
body:not(.home) .review-pro-cta .review-photo,
body:not(.home) .final-cta-card .review-image-frame,
body:not(.home) .review-two-up .review-image-frame {
  width: min(440px, 100%) !important;
  max-width: 440px !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto 18px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #f6f7fb !important;
}

/* Keep photos inside frames and preserve face-safe crop */
body:not(.home) .img-slot.hero-scene img,
body:not(.home) .review-photo-wide img,
body:not(.home) .review-image-frame.hero-frame img,
body:not(.home) .review-image-frame.wide-frame img,
body:not(.home) .review-pro-grid .review-photo img,
body:not(.home) .review-pro-grid.reverse .review-photo img,
body:not(.home) .review-pro-cta .review-photo img,
body:not(.home) .final-cta-card .review-image-frame img,
body:not(.home) .review-two-up .review-image-frame img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  background: #f6f7fb !important;
}

/* Portrait images need extra headroom */
body:not(.home) .focus-face img,
body:not(.home) img[src*="portrait"],
body:not(.home) img[src*="profile"],
body:not(.home) img[src*="business"],
body:not(.home) img[src*="glasses"],
body:not(.home) img[src*="formal"],
body:not(.home) img[src*="studio"],
body:not(.home) img[src*="smiling"] {
  object-position: center 18% !important;
}

/* Mobile: review photos stack cleanly and match Grindr proportions */
@media (max-width: 760px) {
  body:not(.home) .img-slot.hero-scene,
  body:not(.home) .review-photo-wide,
  body:not(.home) .review-image-frame.hero-frame,
  body:not(.home) .review-image-frame.wide-frame,
  body:not(.home) .review-pro-grid .review-photo,
  body:not(.home) .review-pro-grid.reverse .review-photo,
  body:not(.home) .review-pro-cta .review-photo,
  body:not(.home) .final-cta-card .review-image-frame,
  body:not(.home) .review-two-up .review-image-frame {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    margin: 12px auto 18px !important;
  }
}

/* Footer logo cleanup: transparent, no grey/white box, no forced background */
footer img[src*="logo-footer"],
.site-footer img[src*="logo-footer"],
.foot-logo img,
footer img[alt*="MatchGauge"] {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}


/* =========================================================
   FOOTER LOGO CLEANUP — transparent logo, no grey/white box
   ========================================================= */
footer img[src*="logo-footer"],
.site-footer img[src*="logo-footer"],
footer img[alt*="MatchGauge"],
.foot-logo img {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}


/* =========================================================
   REVIEW HEADER PHOTO REPOSITION
   Lead photo now lives in the header where the App Description card was.
   App Description card moves directly beneath the header.
   ========================================================= */
.review-hero-inner.review-hero-with-photo{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  gap:28px!important;
  align-items:center!important;
}

.review-header-photo-card{
  width:100%;
  max-width:460px;
  justify-self:center;
  aspect-ratio:4 / 3;
  min-height:280px;
  border-radius:24px;
  overflow:hidden;
  background:#f6f7fb;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 20px 48px rgba(13,27,62,.16);
}

.review-header-photo-card img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  min-height:0!important;
}

.review-desc-under-hero{
  max-width:1100px;
  margin:24px auto 34px;
  padding:0 20px;
}

.review-desc-under-hero .rv-desc-card-under{
  max-width:920px;
  margin:0 auto;
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:22px;
  padding:22px 24px;
  box-shadow:0 12px 34px rgba(13,27,62,.08);
}

.review-desc-under-hero .rv-desc-card-under p{
  margin:0;
  color:#475569;
  line-height:1.75;
}

/* Simple legacy review headers converted into text + image layout */
.review-header-simple{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
  gap:28px!important;
  align-items:center!important;
  text-align:left!important;
  padding:38px 20px!important;
}

.review-header-simple .review-header-copy{
  max-width:640px;
  margin-left:auto;
}

.review-header-simple .review-header-photo-card{
  margin-right:auto;
}

/* Tinder/newer review header */
.review-hero-card.review-hero-with-photo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
  gap:24px!important;
  align-items:center!important;
}

.review-hero-card.review-hero-with-photo .review-topline,
.review-hero-card.review-hero-with-photo h1,
.review-hero-card.review-hero-with-photo .review-hero-actions{
  grid-column:1!important;
}

.review-hero-card.review-hero-with-photo .review-header-photo-card{
  grid-column:2!important;
  grid-row:1 / span 3!important;
}

@media(max-width:860px){
  .review-hero-inner.review-hero-with-photo,
  .review-header-simple,
  .review-hero-card.review-hero-with-photo{
    grid-template-columns:1fr!important;
    text-align:left!important;
  }

  .review-header-simple .review-header-copy{
    margin-left:0;
  }

  .review-header-photo-card,
  .review-header-simple .review-header-photo-card{
    width:100%;
    max-width:100%;
    min-height:240px;
    margin:0 auto;
  }

  .review-hero-card.review-hero-with-photo .review-header-photo-card{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* =========================================================
   REVIEW DESCRIPTION CARD PROFESSIONAL UPDATE
   Left-justified, richer app descriptions below review headers.
   ========================================================= */
.review-desc-under-hero{
  text-align:left!important;
}

.review-desc-under-hero .rv-desc-card-under{
  text-align:left!important;
  padding:28px 30px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fbfcff 100%)!important;
  border:1px solid rgba(13,27,62,.10)!important;
  box-shadow:0 16px 42px rgba(13,27,62,.08)!important;
}

.review-desc-under-hero .rv-desc-kicker{
  text-align:left!important;
  display:inline-flex!important;
  width:max-content!important;
  margin-bottom:10px!important;
}

.rv-desc-title{
  font-family:'DM Serif Display',serif;
  font-size:clamp(1.35rem,2.4vw,1.85rem);
  line-height:1.1;
  color:#0d1b3e;
  margin:0 0 12px;
  text-align:left!important;
}

.review-desc-under-hero .rv-desc-card-under p{
  text-align:left!important;
  color:#475569!important;
  line-height:1.78!important;
  margin:0 0 12px!important;
  max-width:none!important;
}

.rv-desc-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.rv-desc-detail-grid div{
  background:#f8fafc;
  border:1px solid rgba(13,27,62,.08);
  border-radius:16px;
  padding:14px 15px;
}

.rv-desc-detail-grid strong{
  display:block;
  color:#0d1b3e;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}

.rv-desc-detail-grid span{
  display:block;
  color:#64748b;
  line-height:1.55;
  font-size:13.5px;
}

/* Article editorial byline compacting */
.art-meta.art-meta-compact{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  flex-wrap:wrap!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  line-height:1.35!important;
}

.art-byline-compact{
  display:block!important;
  max-width:100%!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:normal!important;
}

@media(max-width:700px){
  .rv-desc-detail-grid{
    grid-template-columns:1fr;
  }

  .review-desc-under-hero .rv-desc-card-under{
    padding:22px 20px!important;
  }

  .art-byline-compact{
    font-size:12.5px!important;
  }
}


/* =========================================================
   REVIEW DESCRIPTION AS PAGE SECTION
   Removes card styling and presents App Description as a clean
   left-justified content section beneath the review header.
   ========================================================= */
.review-desc-page-section{
  max-width:1100px!important;
  margin:34px auto 36px!important;
  padding:0 20px 30px!important;
  text-align:left!important;
  border-bottom:1px solid rgba(13,27,62,.08)!important;
}

.review-desc-page-section .rv-desc-section-content{
  max-width:960px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  text-align:left!important;
}

.review-desc-page-section .rv-desc-kicker{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 0 10px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#1e4bd4!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}

.review-desc-page-section .rv-desc-title{
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(1.65rem,3vw,2.25rem)!important;
  line-height:1.08!important;
  color:#0d1b3e!important;
  margin:0 0 14px!important;
  text-align:left!important;
}

.review-desc-page-section p{
  color:#475569!important;
  font-size:15.5px!important;
  line-height:1.78!important;
  max-width:900px!important;
  margin:0 0 13px!important;
  text-align:left!important;
}

.review-desc-page-section .rv-desc-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:900px!important;
  margin:20px 0 0!important;
}

.review-desc-page-section .rv-desc-detail-grid div{
  background:#f8fafc!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:16px!important;
  padding:15px 16px!important;
  box-shadow:none!important;
}

.review-desc-page-section .rv-desc-detail-grid strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:5px!important;
}

.review-desc-page-section .rv-desc-detail-grid span{
  display:block!important;
  color:#64748b!important;
  line-height:1.55!important;
  font-size:13.5px!important;
}

@media(max-width:700px){
  .review-desc-page-section{
    margin:26px auto 30px!important;
    padding:0 18px 26px!important;
  }

  .review-desc-page-section .rv-desc-detail-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   REVIEW PAGES — BUMBLE-STYLE STANDARDIZATION
   Applies the same polished header/body rhythm used on Bumble
   to Grindr, POF, Zoosk, HER, Coffee Meets Bagel, etc.
   ========================================================= */

.review-page-standardized,
.review-hero.review-page-standardized,
.review-hero-card.review-page-standardized,
.review-hero-card.tinder-final-hero.review-hero-bumble-style{
  background:linear-gradient(135deg,#fff7f9 0%,#ffffff 52%,#f4f7ff 100%)!important;
  border-bottom:1px solid rgba(13,27,62,.10)!important;
  padding:38px 20px 36px!important;
  margin:0!important;
  text-align:left!important;
  overflow:hidden!important;
}

.review-hero-inner.review-hero-bumble-style,
.review-hero-card.review-hero-bumble-style{
  max-width:1100px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:32px!important;
  align-items:center!important;
}

.review-hero-copy-standard{
  max-width:650px!important;
  text-align:left!important;
}

.review-hero-copy-standard .app-logo{
  margin-bottom:12px!important;
}

.review-hero-copy-standard .rv-badge,
.review-hero-copy-standard .best-for-pill,
.review-hero-copy-standard .rating-pill,
.review-hero-copy-standard .fresh-pill{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 8px 10px 0!important;
}

.review-hero-copy-standard .rv-app-name,
.review-hero-copy-standard h1{
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:1.04!important;
  margin:0 0 10px!important;
  color:#0d1b3e!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
  text-align:left!important;
}

.review-hero-copy-standard .rv-sub,
.review-hero-copy-standard .review-lede{
  color:#475569!important;
  font-size:clamp(1rem,1.5vw,1.15rem)!important;
  line-height:1.65!important;
  max-width:620px!important;
  margin:0 0 12px!important;
  text-align:left!important;
}

.review-hero-copy-standard .rv-meta,
.review-hero-copy-standard .review-topline{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:14px 0!important;
}

.review-hero-copy-standard .rv-meta span,
.review-hero-copy-standard .review-topline span{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  color:#64748b!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
}

.review-hero-copy-standard .rv-visit,
.review-hero-copy-standard .review-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:16px!important;
}

.review-header-photo-card{
  width:100%!important;
  max-width:460px!important;
  justify-self:center!important;
  aspect-ratio:4 / 3!important;
  min-height:300px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#f6f7fb!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 22px 54px rgba(13,27,62,.16)!important;
}

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

.rv-score-inline{
  display:inline-grid!important;
  grid-template-columns:auto auto auto!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:14px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  box-shadow:0 10px 24px rgba(13,27,62,.06)!important;
}

.rv-score-inline .rv-score-num{
  font-size:1.45rem!important;
  line-height:1!important;
  color:#0d1b3e!important;
}

.rv-score-inline .rv-score-lbl,
.rv-score-inline .rv-stars{
  font-size:12px!important;
  color:#64748b!important;
}

.page-wrap .two-col{
  align-items:start!important;
}

.review-body{
  min-width:0!important;
}

.review-visual-suite-standard,
.review-visual-suite{
  background:transparent!important;
}

.review-pro-grid,
.review-pro-grid.reverse,
.review-pro-cta{
  border-radius:26px!important;
}

.review-copy-card{
  border-radius:24px!important;
  border:1px solid rgba(13,27,62,.08)!important;
  box-shadow:0 12px 36px rgba(13,27,62,.07)!important;
}

.review-photo{
  border-radius:24px!important;
  box-shadow:0 16px 44px rgba(13,27,62,.12)!important;
}

.sidebar .review-standard-compare-card{
  margin-top:18px!important;
}

@media(max-width:900px){
  .review-hero-inner.review-hero-bumble-style,
  .review-hero-card.review-hero-bumble-style{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .review-header-photo-card{
    max-width:100%!important;
    min-height:240px!important;
  }

  .review-hero-copy-standard .rv-app-name,
  .review-hero-copy-standard h1{
    font-size:clamp(1.85rem,8vw,2.5rem)!important;
  }
}

@media(max-width:620px){
  .review-page-standardized,
  .review-hero.review-page-standardized,
  .review-hero-card.tinder-final-hero.review-hero-bumble-style{
    padding:30px 16px 28px!important;
  }

  .review-hero-copy-standard .rv-visit,
  .review-hero-copy-standard .review-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .review-hero-copy-standard .btn-primary,
  .review-hero-copy-standard .btn-secondary{
    width:100%!important;
    justify-content:center!important;
  }
}


/* =========================================================
   REVIEWS HUB — CLEARER WHAT WORKS / WHAT DOESN'T DISTINCTION
   ========================================================= */
.reviews-page .rev-procon,
.rev-procon{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  align-items:stretch!important;
}

.rev-pros.pro-block-enhanced,
.rev-cons.con-block-enhanced{
  position:relative!important;
  border-radius:18px!important;
  padding:18px 18px 16px 18px!important;
  overflow:hidden!important;
  min-height:100%!important;
}

.rev-pros.pro-block-enhanced{
  background:linear-gradient(135deg,#ecfdf5 0%,#ffffff 70%)!important;
  border:1.5px solid rgba(5,150,105,.28)!important;
  box-shadow:0 12px 28px rgba(5,150,105,.08)!important;
}

.rev-cons.con-block-enhanced{
  background:linear-gradient(135deg,#fff1f2 0%,#ffffff 72%)!important;
  border:1.5px solid rgba(225,29,72,.26)!important;
  box-shadow:0 12px 28px rgba(225,29,72,.07)!important;
}

.rev-pros.pro-block-enhanced::before,
.rev-cons.con-block-enhanced::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
}

.rev-pros.pro-block-enhanced::before{
  background:#059669;
}

.rev-cons.con-block-enhanced::before{
  background:#e11d48;
}

.rev-pros.pro-block-enhanced .rev-procon-h,
.rev-cons.con-block-enhanced .rev-procon-h{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
}

.rev-pros.pro-block-enhanced .rev-procon-h{
  background:#d1fae5!important;
  color:#047857!important;
}

.rev-cons.con-block-enhanced .rev-procon-h{
  background:#ffe4e6!important;
  color:#be123c!important;
}

.rev-pros.pro-block-enhanced ul,
.rev-cons.con-block-enhanced ul{
  margin:0!important;
  padding-left:0!important;
  list-style:none!important;
  display:grid!important;
  gap:9px!important;
}

.rev-pros.pro-block-enhanced li,
.rev-cons.con-block-enhanced li{
  position:relative!important;
  color:#334155!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  padding-left:24px!important;
}

.rev-pros.pro-block-enhanced li::before,
.rev-cons.con-block-enhanced li::before{
  position:absolute;
  left:0;
  top:0;
  font-weight:950;
}

.rev-pros.pro-block-enhanced li::before{
  content:"✓";
  color:#059669;
}

.rev-cons.con-block-enhanced li::before{
  content:"!";
  color:#e11d48;
}

@media(max-width:760px){
  .reviews-page .rev-procon,
  .rev-procon{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   REVIEWS QUICK STATS REDESIGN
   Upgrades Best For / Pricing / Users section
   ========================================================= */
.rev-quick-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:18px 0 22px!important;
}

.rev-qstat{
  position:relative!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:20px!important;
  padding:16px 16px 15px!important;
  box-shadow:0 12px 28px rgba(13,27,62,.06)!important;
  overflow:hidden!important;
}

.rev-qstat::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,#ff315d,#7a22d4);
}

.rev-qtop{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:10px!important;
}

.rev-qicon{
  width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#f1f5ff!important;
  font-size:14px!important;
}

.rev-qlbl{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.rev-qval{
  color:#0d1b3e!important;
  font-size:14.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

@media(max-width:760px){
  .rev-quick-stats{
    grid-template-columns:1fr!important;
  }

  .rev-qstat{
    padding:15px!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;
  }
}

/* =========================================================
   Compare page responsive enhancement
   - Better mobile/tablet/laptop layout
   - Cleaner selector cards
   - Improves table usability on small screens
   ========================================================= */

.compare-page .nav .nav-inner > a:first-child img{
  width:auto !important;
  max-width:190px !important;
  height:72px !important;
  object-fit:contain !important;
}

.compare-hero-inner{
  align-items:center !important;
}

.compare-tool{
  border-radius:32px !important;
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(10px);
}

.tool-grid{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto !important;
}

.app-select{
  min-width:0 !important;
}

.metrics-wrap{
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
}

.metrics-table{
  min-width:720px;
}

/* Tablet: keep the compare tool premium, but avoid cramped 4-column 
layout */
@media (max-width:1100px){
  .compare-hero-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .hero-device{
    max-width:520px !important;
    width:100% !important;
  }

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

  .compare-btn{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

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

/* Mobile: stack cards and reduce visual noise */
@media (max-width:700px){
  .compare-shell{
    padding:0 15px !important;
  }

  .compare-hero-inner{
    padding:34px 15px 58px !important;
  }

  .compare-hero h1{
    font-size:clamp(2.05rem,12vw,2.75rem) !important;
    line-height:1.02 !important;
  }

  .compare-lead{
    font-size:1rem !important;
    line-height:1.6 !important;
  }

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

  .hero-device{
    display:none !important;
  }

  .compare-main{
    margin-top:-32px !important;
  }

  .compare-tool{
    padding:18px !important;
    border-radius:24px !important;
  }

  .tool-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .vs-pill{
    text-align:center !important;
    padding:2px 0 !important;
  }

  .app-select{
    min-height:88px !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .select-logo{
    width:50px !important;
    height:50px !important;
  }

  .select-meta strong{
    font-size:1.02rem !important;
  }

  .summary-grid,
  .quick-results,
  .method-cards{
    grid-template-columns:1fr !important;
  }

  .summary-card,
  .recommend-card,
  .trust-card,
  .compare-cta-panel{
    border-radius:22px !important;
  }

  .metrics-table{
    min-width:640px !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;
  }
}

/* =========================================================
   Reviews mobile card header fix
   - Prevents MatchScore from overlapping ranking number
   - Stacks rank/logo/title/score cleanly on mobile
   ========================================================= */

@media (max-width:700px){
  .reviews-page .rev-section-head,
  body:not(.home) .rev-section-head{
    display:grid !important;
    grid-template-columns:auto 44px minmax(0,1fr) !important;
    grid-template-areas:
      "rank logo title"
      "score score score" !important;
    gap:10px 12px !important;
    align-items:center !important;
    padding:14px 16px !important;
  }

  .reviews-page .rev-rank,
  body:not(.home) .rev-rank{
    grid-area:rank !important;
    font-size:1.75rem !important;
    line-height:1 !important;
    min-width:28px !important;
    position:static !important;
    z-index:auto !important;
  }

  .reviews-page .rev-logo,
  body:not(.home) .rev-logo{
    grid-area:logo !important;
    width:42px !important;
    height:42px !important;
  }

  .reviews-page .rev-title-block,
  body:not(.home) .rev-title-block{
    grid-area:title !important;
    min-width:0 !important;
  }

  .reviews-page .rev-score-block,
  body:not(.home) .rev-score-block{
    grid-area:score !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    padding:9px 11px !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,#f8fbff,#fff4f8) !important;
    border:1px solid #e6eaf2 !important;
    text-align:left !important;
    position:static !important;
    z-index:auto !important;
  }

  .reviews-page .rev-score,
  body:not(.home) .rev-score{
    font-size:1.35rem !important;
    line-height:1 !important;
  }

  .reviews-page .rev-stars,
  body:not(.home) .rev-stars{
    font-size:10px !important;
    margin:0 !important;
  }

  .reviews-page .rev-score-lbl,
  body:not(.home) .rev-score-lbl{
    font-size:9px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .reviews-page .rev-name,
  body:not(.home) .rev-name{
    font-size:1.12rem !important;
  }

  .reviews-page .rev-badge,
  body:not(.home) .rev-badge{
    font-size:8.5px !important;
    padding:3px 7px !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;
  }
}


/* =========================================================
   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;
}

/* =========================================================
   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 page header typography reset
   ========================================================= */
body:not(.home) .page-hero h1,
body:not(.home) .review-hero h1,
body:not(.home) .review-hero h2,
body:not(.home) .cmp-hero h1,
body:not(.home) .disc-hero h1,
body:not(.home) .quiz-hero h1,
body:not(.home) .art-hero h1,
body:not(.home) .art-h1,
body:not(.home) .rv-app-name,
body:not(.home) .standard-page-hero h1{
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(1.85rem,3.1vw,2.6rem)!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}

body:not(.home) .page-hero p,
body:not(.home) .review-hero p,
body:not(.home) .cmp-hero p,
body:not(.home) .disc-hero p,
body:not(.home) .quiz-hero p,
body:not(.home) .art-hero p,
body:not(.home) .rv-sub,
body:not(.home) .standard-page-hero p{
  font-size:.98rem!important;
  line-height:1.55!important;
}

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{
  padding:34px 20px 32px!important;
}

@media(max-width:760px){
  body:not(.home) .page-hero h1,
  body:not(.home) .review-hero h1,
  body:not(.home) .review-hero h2,
  body:not(.home) .cmp-hero h1,
  body:not(.home) .disc-hero h1,
  body:not(.home) .quiz-hero h1,
  body:not(.home) .art-hero h1,
  body:not(.home) .art-h1,
  body:not(.home) .rv-app-name,
  body:not(.home) .standard-page-hero h1{
    font-size:clamp(1.65rem,8vw,2.15rem)!important;
  }
}

/* =========================================================
   FINAL BASELINE RESET: navbar logo + page headers
   ========================================================= */

/* Navbar logo */
.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;
  }
}

/* Page header typography closer to original baseline */
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{
  padding:28px 20px 22px!important;
}

body:not(.home) .page-hero h1,
body:not(.home) .review-hero h1,
body:not(.home) .review-hero h2,
body:not(.home) .cmp-hero h1,
body:not(.home) .disc-hero h1,
body:not(.home) .quiz-hero h1,
body:not(.home) .art-hero h1,
body:not(.home) .art-h1,
body:not(.home) .rv-app-name,
body:not(.home) .standard-page-hero h1{
  font-size:clamp(1.5rem,3vw,2.1rem)!important;
  line-height:1.12!important;
}

body:not(.home) .page-hero p,
body:not(.home) .review-hero p,
body:not(.home) .cmp-hero p,
body:not(.home) .disc-hero p,
body:not(.home) .quiz-hero p,
body:not(.home) .art-hero p,
body:not(.home) .rv-sub,
body:not(.home) .standard-page-hero p{
  font-size:.94rem!important;
  line-height:1.5!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;
  }

  body:not(.home) .page-hero h1,
  body:not(.home) .review-hero h1,
  body:not(.home) .review-hero h2,
  body:not(.home) .cmp-hero h1,
  body:not(.home) .disc-hero h1,
  body:not(.home) .quiz-hero h1,
  body:not(.home) .art-hero h1,
  body:not(.home) .art-h1,
  body:not(.home) .rv-app-name,
  body:not(.home) .standard-page-hero h1{
    font-size:clamp(1.45rem,7vw,1.95rem)!important;
  }
}

/* =========================================================
   Final Compare baseline header + navbar logo correction
   ========================================================= */
.compare-page .compare-hero h1{
  font-size:clamp(1.5rem,3vw,2.1rem)!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
}

.compare-page .compare-hero-inner{
  padding-top:28px!important;
}

@media(min-width:901px){
  body.home nav img[alt="MatchGauge"][src$="logo.png"],
  body.compare-page 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/compare navbar logo wrapper
   ========================================================= */
@media(min-width:901px){
  body.home .mg-navbar-logo-link,
  body.compare-page .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,
  body.compare-page .mg-navbar-logo-link img{
    height:86px!important;
    max-height:86px!important;
    width:auto!important;
    max-width:none!important;
    display:block!important;
  }
}

/* =========================================================
   FINAL GLOBAL SPACING NORMALIZATION
   ========================================================= */

/* Standard page hero spacing */
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{
  padding:0!important;
  margin:0!important;
}

/* Hero inner layout */
body:not(.home) .page-hero-flex,
body:not(.home) .compare-hero-inner,
body:not(.home) .review-hero-inner,
body:not(.home) .deals-hero-inner{
  padding:28px 20px 22px!important;
  gap:28px!important;
}

/* Hero titles */
body:not(.home) .page-hero h1,
body:not(.home) .review-hero h1,
body:not(.home) .compare-hero h1,
body:not(.home) .cmp-hero h1,
body:not(.home) .disc-hero h1,
body:not(.home) .quiz-hero h1,
body:not(.home) .art-hero h1,
body:not(.home) .standard-page-hero h1{
  font-size:clamp(1.5rem,3vw,2.1rem)!important;
  line-height:1.12!important;
  margin-bottom:8px!important;
}

/* Main content spacing */
main,
.page-wrap,
.two-col{
  margin-top:0!important;
}

.section-divider{
  margin:42px 0 18px!important;
}

.section-divider:first-child{
  margin-top:12px!important;
}

/* Space between homepage cards and next section */
.home .listing{
  margin-bottom:56px!important;
}

/* Footer spacing */
.site-footer{
  margin-top:64px!important;
}

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

  body:not(.home) .page-hero-flex,
  body:not(.home) .compare-hero-inner,
  body:not(.home) .review-hero-inner,
  body:not(.home) .deals-hero-inner{
    padding:22px 16px 18px!important;
    gap:20px!important;
  }

  .section-divider{
    margin:32px 0 14px!important;
  }

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

  .site-footer{
    margin-top:48px!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;
}

/* =========================================================
   Review page standardization blocks
   ========================================================= */
.alt-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin-top:18px;
}

.alt-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px;
  border:1px solid rgba(13,27,62,.08);
  border-radius:18px;
  background:#fff;
  text-decoration:none;
  color:inherit;
  transition:.18s ease;
  box-shadow:0 6px 20px rgba(13,27,62,.04);
}

.alt-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(13,27,62,.08);
}

.alt-card strong{
  font-size:1rem;
  color:var(--mg-navy);
}

.alt-card span{
  font-size:.9rem;
  color:var(--muted);
}

/* Review page standardized inserted sections */
.rv-section{
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:22px;
  padding:24px;
  margin:24px 0;
  box-shadow:0 10px 28px rgba(13,27,62,.05);
}

.rv-section h2{
  font-family:'DM Serif Display',serif;
  color:#0d1b3e;
  font-size:clamp(1.45rem,2.6vw,2rem);
  line-height:1.1;
  margin:0 0 10px;
}

.rv-section p,
.rv-section li{
  color:#4b5563;
  line-height:1.7;
}

.review-list{
  margin:12px 0 0;
  padding-left:20px;
}

.alt-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin-top:14px;
}

.alt-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px;
  border:1px solid rgba(13,27,62,.08);
  border-radius:16px;
  background:#f8fbff;
  text-decoration:none;
  color:inherit;
}

.alt-card strong{
  color:#0d1b3e;
}

.alt-card span{
  color:#64748b;
  font-size:.92rem;
}

/* =========================================================
   Premium styling for standardized review sections
   ========================================================= */
.rv-section{
  background:
    radial-gradient(circle at 12% 8%, rgba(30,75,212,.08), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(228,25,92,.08), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 52%,#fff7fb 100%)!important;
  border:1px solid rgba(13,27,62,.10)!important;
  border-radius:26px!important;
  padding:28px!important;
  margin:28px 0!important;
  box-shadow:0 16px 44px rgba(13,27,62,.07)!important;
}

.rv-section h2{
  font-family:'DM Serif Display',serif!important;
  font-size:clamp(1.65rem,3vw,2.25rem)!important;
  line-height:1.05!important;
  color:#0d1b3e!important;
  margin:0 0 12px!important;
  letter-spacing:-.015em!important;
}

.rv-section p{
  font-size:1rem!important;
  line-height:1.75!important;
  color:#4b5563!important;
  margin:0!important;
}

.rv-section .review-list{
  list-style:none!important;
  padding:0!important;
  margin:16px 0 0!important;
  display:grid!important;
  gap:10px!important;
}

.rv-section .review-list li{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:15px!important;
  padding:12px 14px 12px 38px!important;
  position:relative!important;
  color:#374151!important;
  line-height:1.55!important;
  box-shadow:0 8px 20px rgba(13,27,62,.04)!important;
}

.rv-section .review-list li::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:12px;
  color:#e4195c;
  font-weight:900;
}

.rv-section .alt-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
  margin-top:16px!important;
}

.rv-section .alt-card{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.09)!important;
  border-radius:18px!important;
  padding:18px!important;
  text-decoration:none!important;
  color:inherit!important;
  box-shadow:0 10px 24px rgba(13,27,62,.05)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}

.rv-section .alt-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(13,27,62,.09)!important;
}

.rv-section .alt-card strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:1rem!important;
  margin-bottom:5px!important;
}

.rv-section .alt-card span{
  color:#64748b!important;
  font-size:.92rem!important;
  line-height:1.5!important;
}

@media(max-width:700px){
  .rv-section{
    padding:22px!important;
    border-radius:22px!important;
  }
}

/* Standard review header photo sizing */
.review-page-standardized .review-header-photo-card{
  min-height:420px;
}

.review-header-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
}

.rv-mini-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 16px;
}

.rv-mini-meta span{
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:800;
  color:#475569;
}

.rv-hero-subtext{
  color:#4b5563;
  font-size:1rem;
  line-height:1.65;
  max-width:620px;
}

@media(max-width:900px){
  .review-page-standardized .review-header-photo-card{
    min-height:320px;
  }
}

/* =========================================================
   MASTER NAVBAR LOGO SYSTEM
   FINAL OVERRIDE
   ========================================================= */

.nav-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:88px!important;
  padding:10px 0!important;
}

.nav .nav-inner > a:first-child,
.mg-navbar-logo-link{
  display:flex!important;
  align-items:center!important;
  flex-shrink:0!important;
  text-decoration:none!important;
}

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

/* Homepage + Compare consistency */
body.home .nav img[alt="MatchGauge"],
body.compare-page .nav img[alt="MatchGauge"]{
  height:86px!important;
}

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

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

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

/* Homepage ranking card image normalization */
.card-image{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:22px 22px 0 0;
  background:#f6f7fb;
}

.card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* =========================================================
   Global premium section separation
   ========================================================= */

main > section,
.page-wrap main > section,
.review-main-v2 > section,
.compare-main section,
.deals-shell section,
.about-body section{
  scroll-margin-top:100px;
}

/* Soft feature blocks */
.review-desc-page-section,
.review-pro-grid,
.review-pro-cta,
.quick-verdict-card,
.metrics-wrap,
.summary-grid,
.method-cards,
.compare-cta-panel,
.deals-grid,
.about-card,
.rv-section{
  border:1px solid rgba(13,27,62,.09)!important;
  border-radius:26px!important;
  box-shadow:0 14px 38px rgba(13,27,62,.055)!important;
}

/* Alternating visual bands */
.review-desc-page-section,
.compare-tool,
.deals-premium-hero + main,
.about-page .page-hero + .page-wrap{
  background:
    radial-gradient(circle at 12% 8%, rgba(30,75,212,.07), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(228,25,92,.07), transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 52%,#fff7fb 100%)!important;
}

/* Section dividers feel more editorial */
.section-divider{
  margin:54px 0 22px!important;
}

.section-divider-text{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  box-shadow:0 8px 22px rgba(13,27,62,.045)!important;
}

/* Feature card hover lift */
.review-copy-card,
.summary-card,
.method-card,
.trust-card,
.result-card,
.alt-card,
.rv-section{
  transition:transform .18s ease, box-shadow .18s ease!important;
}

.review-copy-card:hover,
.summary-card:hover,
.method-card:hover,
.trust-card:hover,
.result-card:hover,
.alt-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(13,27,62,.085)!important;
}

/* Subtle page bottom breathing room */
main{
  padding-bottom:44px;
}

@media(max-width:760px){
  .section-divider{
    margin:38px 0 16px!important;
  }

  .section-divider-text{
    padding:7px 11px!important;
  }

  main{
    padding-bottom:28px;
  }
}

/* Reviews page: condense Top 3 cards */
.reviews-top-picks .review-card:nth-child(-n+3),
.review-card.top-pick{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

.reviews-top-picks .review-card:nth-child(-n+3) .review-card-media,
.review-card.top-pick .review-card-media{
  grid-column:1!important;
}

.reviews-top-picks .review-card:nth-child(-n+3) .review-card-content,
.review-card.top-pick .review-card-content{
  grid-column:2!important;
  grid-row:1 / span 3!important;
}

.reviews-top-picks .review-card:nth-child(-n+3) .review-card-actions,
.reviews-top-picks .review-card:nth-child(-n+3) .review-actions,
.reviews-top-picks .review-card:nth-child(-n+3) .our-verdict,
.reviews-top-picks .review-card:nth-child(-n+3) .verdict,
.review-card.top-pick .review-card-actions,
.review-card.top-pick .review-actions,
.review-card.top-pick .our-verdict,
.review-card.top-pick .verdict{
  grid-column:1!important;
  margin-top:12px!important;
}

@media(max-width:800px){
  .reviews-top-picks .review-card:nth-child(-n+3),
  .review-card.top-pick{
    grid-template-columns:1fr!important;
  }

  .reviews-top-picks .review-card:nth-child(-n+3) .review-card-content,
  .review-card.top-pick .review-card-content{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* =========================================================
   Reviews page: condense top 3 cards using actual classes
   ========================================================= */
.reviews-page .rev-card:nth-of-type(1),
.reviews-page .rev-card:nth-of-type(2),
.reviews-page .rev-card:nth-of-type(3),
main .rev-card:nth-of-type(1),
main .rev-card:nth-of-type(2),
main .rev-card:nth-of-type(3){
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

main .rev-card:nth-of-type(1) .rev-img,
main .rev-card:nth-of-type(2) .rev-img,
main .rev-card:nth-of-type(3) .rev-img{
  grid-column:1!important;
  grid-row:1!important;
}

main .rev-card:nth-of-type(1) .rev-content,
main .rev-card:nth-of-type(2) .rev-content,
main .rev-card:nth-of-type(3) .rev-content{
  grid-column:2!important;
  grid-row:1 / span 4!important;
}

main .rev-card:nth-of-type(1) .rev-verdict,
main .rev-card:nth-of-type(2) .rev-verdict,
main .rev-card:nth-of-type(3) .rev-verdict,
main .rev-card:nth-of-type(1) .rev-actions,
main .rev-card:nth-of-type(2) .rev-actions,
main .rev-card:nth-of-type(3) .rev-actions{
  grid-column:1!important;
}

main .rev-card:nth-of-type(1) .rev-verdict,
main .rev-card:nth-of-type(2) .rev-verdict,
main .rev-card:nth-of-type(3) .rev-verdict{
  margin-top:12px!important;
}

main .rev-card:nth-of-type(1) .rev-actions,
main .rev-card:nth-of-type(2) .rev-actions,
main .rev-card:nth-of-type(3) .rev-actions{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
}

@media(max-width:820px){
  main .rev-card:nth-of-type(1),
  main .rev-card:nth-of-type(2),
  main .rev-card:nth-of-type(3){
    grid-template-columns:1fr!important;
  }

  main .rev-card:nth-of-type(1) .rev-img,
  main .rev-card:nth-of-type(2) .rev-img,
  main .rev-card:nth-of-type(3) .rev-img,
  main .rev-card:nth-of-type(1) .rev-content,
  main .rev-card:nth-of-type(2) .rev-content,
  main .rev-card:nth-of-type(3) .rev-content,
  main .rev-card:nth-of-type(1) .rev-verdict,
  main .rev-card:nth-of-type(2) .rev-verdict,
  main .rev-card:nth-of-type(3) .rev-verdict,
  main .rev-card:nth-of-type(1) .rev-actions,
  main .rev-card:nth-of-type(2) .rev-actions,
  main .rev-card:nth-of-type(3) .rev-actions{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* Reviews page: condense top 3 cards using actual rev-card structure */
main .rev-card:nth-of-type(1),
main .rev-card:nth-of-type(2),
main .rev-card:nth-of-type(3){
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

main .rev-card:nth-of-type(1) .rev-img,
main .rev-card:nth-of-type(2) .rev-img,
main .rev-card:nth-of-type(3) .rev-img{
  grid-column:1!important;
  grid-row:1!important;
}

main .rev-card:nth-of-type(1) .rev-content,
main .rev-card:nth-of-type(2) .rev-content,
main .rev-card:nth-of-type(3) .rev-content{
  grid-column:2!important;
  grid-row:1!important;
}

main .rev-card:nth-of-type(1) .rev-verdict,
main .rev-card:nth-of-type(2) .rev-verdict,
main .rev-card:nth-of-type(3) .rev-verdict,
main .rev-card:nth-of-type(1) .rev-actions,
main .rev-card:nth-of-type(2) .rev-actions,
main .rev-card:nth-of-type(3) .rev-actions{
  max-width:280px!important;
}

@media(max-width:820px){
  main .rev-card:nth-of-type(1),
  main .rev-card:nth-of-type(2),
  main .rev-card:nth-of-type(3){
    grid-template-columns:1fr!important;
  }

  main .rev-card:nth-of-type(1) .rev-verdict,
  main .rev-card:nth-of-type(2) .rev-verdict,
  main .rev-card:nth-of-type(3) .rev-verdict,
  main .rev-card:nth-of-type(1) .rev-actions,
  main .rev-card:nth-of-type(2) .rev-actions,
  main .rev-card:nth-of-type(3) .rev-actions{
    max-width:none!important;
  }
}

/* Align newly added review cards with existing Reviews page cards */
main .rev-card{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

main .rev-card .rev-img{
  width:100%!important;
  height:210px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#f8fafc!important;
}

main .rev-card .rev-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

main .rev-card .rev-content{
  min-width:0!important;
}

main .rev-card .rev-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:14px!important;
}

main .rev-card .rev-verdict{
  margin-top:16px!important;
}

@media(max-width:820px){
  main .rev-card{
    grid-template-columns:1fr!important;
  }

  main .rev-card .rev-img{
    height:240px!important;
  }
}

/* Compare page section separation */
.compare-page .compare-tool{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#fff4f8 100%)!important;
  border:1px solid rgba(30,75,212,.14)!important;
}

.compare-page .premium-strip{
  background:#fff7f1!important;
  border:1px solid rgba(255,107,129,.18)!important;
  border-radius:28px!important;
  padding:22px!important;
}

.compare-page .summary-grid{
  background:#f7f5ff!important;
  border:1px solid rgba(122,34,212,.14)!important;
  border-radius:28px!important;
  padding:22px!important;
}

.compare-page .quick-results{
  background:#f8fbff!important;
  border:1px solid rgba(30,75,212,.12)!important;
  border-radius:24px!important;
  padding:18px!important;
}

.compare-page .metrics-wrap{
  background:#ffffff!important;
  border:1px solid rgba(13,27,62,.12)!important;
}

.compare-page .method-cards{
  background:#fffaf0!important;
  border:1px solid rgba(245,164,0,.18)!important;
  border-radius:24px!important;
  padding:18px!important;
}

.compare-page .compare-cta-panel{
  background:linear-gradient(135deg,#0d1b3e,#1e4bd4)!important;
  color:#fff!important;
}

.compare-page .compare-cta-panel p,
.compare-page .compare-cta-panel h2{
  color:#fff!important;
}

/* =========================================================
   All Reviews compact grid section
   ========================================================= */

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

.compact-review-card{
  background:#fff;
  border:1px solid rgba(13,27,62,.08);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(13,27,62,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}

.compact-review-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(13,27,62,.10);
}

.compact-review-image{
  height:210px;
  overflow:hidden;
  background:#f8fafc;
}

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

.compact-review-body{
  padding:20px;
}

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

.compact-review-name{
  font-size:1.15rem;
  font-weight:800;
  color:#0d1b3e;
}

.compact-review-score{
  background:#eef4ff;
  color:#1e4bd4;
  border-radius:999px;
  padding:6px 10px;
  font-size:.82rem;
  font-weight:800;
}

.compact-review-copy{
  font-size:.92rem;
  line-height:1.6;
  color:#42526b;
  margin-bottom:18px;
}

.compact-review-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.compact-review-actions a{
  text-decoration:none;
}

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

@media(max-width:760px){
  .all-reviews-grid{
    grid-template-columns:1fr;
  }

  .compact-review-image{
    height:240px;
  }
}

/* =========================================================
   Hinge review page polish
   ========================================================= */

.hinge-review-page .review-page-standardized{
  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;
}

.hinge-review-page .review-hero-kicker{
  display:inline-flex;
  width:max-content;
  margin:0 0 10px;
  padding:7px 11px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(228,25,92,.16);
  color:#a91543;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}

.hinge-review-page .review-hero-copy-standard h1{
  max-width:760px!important;
  font-size:clamp(2.1rem,4.4vw,4rem)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  margin-bottom:14px!important;
}

.hinge-review-page .rv-app-name{
  font-size:clamp(1.55rem,3vw,2.35rem)!important;
  margin-bottom:8px!important;
}

.hinge-review-page .rv-hero-subtext{
  max-width:700px!important;
  color:#334155!important;
  font-size:clamp(1rem,1.45vw,1.13rem)!important;
}

.hinge-review-page .review-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  align-items:center!important;
  margin-top:16px!important;
}

.hinge-review-page .hinge-hero-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:680px;
  margin:16px 0 2px;
}

.hinge-review-page .hinge-hero-proof div{
  padding:12px 13px;
  border-radius:16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(13,27,62,.08);
  box-shadow:0 10px 24px rgba(13,27,62,.045);
}

.hinge-review-page .hinge-hero-proof span{
  display:block;
  margin-bottom:5px;
  color:#64748b;
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.hinge-review-page .hinge-hero-proof strong{
  display:block;
  color:#0d1b3e;
  font-size:12.5px;
  font-weight:950;
  line-height:1.3;
}

.hinge-review-page .review-header-photo-card{
  position:relative!important;
  min-height:440px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 24px 60px rgba(13,27,62,.16)!important;
}

.hinge-review-page .review-header-photo-card::after{
  content:"Relationship focus";
  position:absolute;
  left:18px;
  bottom:18px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:#0d1b3e;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(15,23,42,.16);
}

.hinge-review-page .review-header-photo-card img{
  object-position:center 62%!important;
}

.hinge-review-page .sidebar{
  gap:18px!important;
}

.hinge-review-page .review-score-side-card,
.hinge-review-page .review-rank-side-card{
  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;
  overflow:hidden!important;
}

.hinge-review-page .review-score-side-card{
  position:relative!important;
  top:auto!important;
}

.hinge-review-page .review-score-side-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#e4195c,#7a22d4,#1e4bd4);
}

.hinge-review-page .side-card-kicker{
  color:#a91543;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.hinge-review-page .score-card-top{
  display:grid!important;
  justify-items:start!important;
  text-align:left!important;
  padding-bottom:16px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(13,27,62,.08)!important;
}

.hinge-review-page .big-score{
  font-size:3.25rem!important;
  letter-spacing:0!important;
}

.hinge-review-page .score-lbl{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}

.hinge-review-page .score-side-summary{
  margin:0 0 16px!important;
  color:#475569!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.hinge-review-page .score-bar-wrap{
  gap:12px!important;
}

.hinge-review-page .score-bar-label{
  color:#334155!important;
  font-size:12px!important;
  font-weight:850!important;
}

.hinge-review-page .score-bar-track{
  height:7px!important;
  background:#eef2f7!important;
  border-radius:999px!important;
}

.hinge-review-page .score-bar-fill{
  height:7px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#e4195c,#7a22d4,#1e4bd4)!important;
}

.hinge-review-page .sidebar .s-cta{
  background:#0d1b3e!important;
  color:#fff!important;
  border-radius:14px!important;
}

.hinge-review-page .review-rank-side-card .s-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:8px!important;
}

.hinge-review-page .review-rank-side-card .s-head::after{
  content:"";
  display:none!important;
}

.hinge-review-page .side-compare-intro{
  margin:0 0 14px!important;
  color:#64748b!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:750!important;
}

.hinge-review-page .review-rank-side-card .s-row{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 46px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}

.hinge-review-page .review-rank-side-card .s-row:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(30,75,212,.16)!important;
  box-shadow:0 12px 24px rgba(15,23,42,.07)!important;
}

.hinge-review-page .review-rank-side-card .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:#e9eef7!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:950!important;
}

.hinge-review-page .review-rank-side-card .s-num.gold{
  background:#fff1c7!important;
  color:#9a6500!important;
}

.hinge-review-page .review-rank-side-card .s-app{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}

.hinge-review-page .review-rank-side-card .s-app::before{
  content:none!important;
  display:none!important;
}

.hinge-review-page .review-rank-side-card .s-app strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:13.5px!important;
  font-weight:950!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.hinge-review-page .review-rank-side-card .s-app small{
  display:block!important;
  margin-top:3px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.hinge-review-page .review-rank-side-card .s-score{
  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;
  -webkit-text-fill-color:initial!important;
}

.bumble-review-page .bumble-rank-side-card{
  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;
  overflow:hidden!important;
}

.bumble-review-page .bumble-rank-side-card .s-head{
  color:#0d1b3e!important;
  background:transparent!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin-bottom:8px!important;
}

.bumble-review-page .bumble-rank-side-card .s-head::before,
.bumble-review-page .bumble-rank-side-card .s-head::after{
  content:none!important;
  display:none!important;
}

.bumble-review-page .side-compare-intro{
  margin:0 0 14px!important;
  color:#64748b!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:750!important;
}

.bumble-review-page .bumble-rank-side-card .s-body{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

.bumble-review-page .bumble-rank-side-card .s-row{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 46px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  text-decoration:none!important;
}

.bumble-review-page .bumble-rank-side-card .s-row:hover{
  padding:12px!important;
  transform:translateY(-1px)!important;
  border-color:rgba(30,75,212,.16)!important;
  box-shadow:0 12px 24px rgba(15,23,42,.07)!important;
}

.bumble-review-page .bumble-rank-side-card .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:#e9eef7!important;
  color:#475569!important;
  -webkit-text-fill-color:initial!important;
  font-family:'DM Sans',sans-serif!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:950!important;
}

.bumble-review-page .bumble-rank-side-card .s-num.gold{
  background:#fff1c7!important;
  color:#9a6500!important;
  -webkit-text-fill-color:#9a6500!important;
}

.bumble-review-page .bumble-rank-side-card .s-app{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}

.bumble-review-page .bumble-rank-side-card .s-app::before{
  content:none!important;
  display:none!important;
}

.bumble-review-page .bumble-rank-side-card .s-app strong{
  display:block!important;
  color:#0d1b3e!important;
  font-size:13.5px!important;
  font-weight:950!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.bumble-review-page .bumble-rank-side-card .s-app small{
  display:block!important;
  margin-top:3px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.bumble-review-page .bumble-rank-side-card .s-score{
  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;
  -webkit-text-fill-color:initial!important;
}

@media(max-width:900px){
  .hinge-review-page .review-header-photo-card{
    min-height:320px!important;
  }

  .hinge-review-page .hinge-hero-proof{
    grid-template-columns:1fr!important;
  }

  .hinge-review-page .review-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  .hinge-review-page .review-hero-actions a{
    width:100%!important;
  }
}

@media(max-width:560px){
  .hinge-review-page .review-hero-actions{
    grid-template-columns:1fr!important;
  }

  .hinge-review-page .review-header-photo-card{
    min-height:260px!important;
  }
}

/* Final shared nav active sizing for review pages with older inline overrides. */
@media(min-width:901px){
  .nav .nav-links a.active:not(.nav-cta),
  .nav .nav-links a[aria-current="page"]:not(.nav-cta){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:max-content!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#eef2ff!important;
    border:1px solid rgba(30,75,212,.16)!important;
    color:#0d1b3e!important;
    box-shadow:inset 0 -2px 0 #1e4bd4!important;
    line-height:1!important;
    font-weight:950!important;
  }
}

/* =========================================================
   Standard individual review header template
   ========================================================= */
.review-page-standardized .review-hero-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 430px!important;
  gap:34px!important;
  align-items:center!important;
}

.review-page-standardized .review-header-photo-card{
  min-height:420px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#f6f7fb!important;
  box-shadow:0 18px 48px rgba(13,27,62,.10)!important;
}

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

.rv-mini-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:12px 0 16px!important;
}

.rv-mini-meta span{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#475569!important;
}

.rv-hero-subtext{
  color:#4b5563!important;
  font-size:1rem!important;
  line-height:1.65!important;
  max-width:620px!important;
}

@media(max-width:900px){
  .review-page-standardized .review-hero-inner{
    grid-template-columns:1fr!important;
  }

  .review-page-standardized .review-header-photo-card{
    min-height:320px!important;
  }
}

/* =========================================================
   Standard individual review header template
   ========================================================= */
.review-page-standardized .review-hero-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 430px!important;
  gap:34px!important;
  align-items:center!important;
}

.review-page-standardized .review-header-photo-card{
  min-height:420px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#f6f7fb!important;
  box-shadow:0 18px 48px rgba(13,27,62,.10)!important;
}

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

.rv-mini-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:12px 0 16px!important;
}

.rv-mini-meta span{
  background:#fff!important;
  border:1px solid rgba(13,27,62,.08)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#475569!important;
}

.rv-hero-subtext{
  color:#4b5563!important;
  font-size:1rem!important;
  line-height:1.65!important;
  max-width:620px!important;
}

@media(max-width:900px){
  .review-page-standardized .review-hero-inner{
    grid-template-columns:1fr!important;
  }

  .review-page-standardized .review-header-photo-card{
    min-height:320px!important;
  }
}

/* =========================================================
   Reviews page pills
   ========================================================= */

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

.review-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  transition:all .18s ease;
  border:1px solid transparent;
}

.review-pill:hover{
  transform:translateY(-1px);
}

.review-pill-blue{
  background:#eef4ff;
  color:#1e4bd4;
  border-color:rgba(30,75,212,.14);
}

.review-pill-purple{
  background:#f4f0ff;
  color:#6d28d9;
  border-color:rgba(109,40,217,.14);
}

.review-pill-pink{
  background:#fff1f5;
  color:#db2777;
  border-color:rgba(219,39,119,.14);
}

.review-pill-gold{
  background:#fff8e8;
  color:#b7791f;
  border-color:rgba(183,121,31,.14);
}

.review-pill-slate{
  background:#f8fafc;
  color:#475569;
  border-color:rgba(71,85,105,.12);
}

/* Shared nav active state and compact mobile drawer */
.nav{
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  overflow:visible!important;
}

.nav-inner{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  height:96px!important;
  min-height:96px!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:32px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}

.nav-logo-link,
.nav .nav-inner > a:first-child{
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-decoration:none!important;
}

.nav-logo-img,
.nav img[alt="MatchGauge"]{
  width:auto!important;
  min-width:0!important;
  height:86px!important;
  max-height:86px!important;
  max-width:240px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}

.nav .nav-links a.active:not(.nav-cta),
.nav .nav-links a[aria-current="page"]:not(.nav-cta){
  color:#0d1b3e!important;
  background:#eef2ff!important;
  border:1px solid rgba(30,75,212,.16)!important;
  border-radius:999px!important;
  box-shadow:inset 0 -2px 0 #1e4bd4!important;
  font-weight:950!important;
}

.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;
  cursor:pointer!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
}

.nav-mobile-toggle span{
  display:block!important;
  width:20px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#0d1b3e!important;
}

@media(max-width:900px){
  .nav{
    position:relative!important;
    overflow:visible!important;
    z-index:1000!important;
  }

  .nav-inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    width:calc(100% - 28px)!important;
    height:78px!important;
    min-height:78px!important;
    overflow:visible!important;
  }

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

  .nav-logo-link,
  .nav .nav-inner > a:first-child{
    width:auto!important;
    min-width:0!important;
    max-width:168px!important;
    height:78px!important;
    min-height:78px!important;
  }

  .nav-logo-img,
  .nav img[alt="MatchGauge"]{
    height:58px!important;
    max-height:58px!important;
    max-width:168px!important;
  }

  .nav-mobile-toggle{
    display:inline-flex!important;
    grid-column:2!important;
    margin-left:auto!important;
  }

  .nav .nav-links{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!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;
  }

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

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

  .nav .nav-links a,
  .nav .nav-links a:not(.nav-cta),
  .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;
  }

  .nav .nav-links a.nav-cta{
    justify-content:center!important;
    margin-top:4px!important;
  }
}

/* Reusable MatchGauge ecosystem modules */
.mg-ecosystem-hub{
  width:100%!important;
  max-width:1100px!important;
  margin:28px auto 34px!important;
  padding:24px!important;
  border:1px solid rgba(30,75,212,.14)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(30,75,212,.12),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(228,25,126,.12),transparent 32%),
    linear-gradient(135deg,#f7faff 0%,#fff 48%,#fff7fb 100%)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.07)!important;
  overflow:hidden!important;
}

.mg-ecosystem-hub.dark{
  border-color:rgba(199,210,254,.18)!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;
  color:#fff!important;
}

.mg-ecosystem-kicker{
  margin:0 0 8px!important;
  color:#7a22d4!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

.mg-ecosystem-hub.dark .mg-ecosystem-kicker{
  color:#c7d2fe!important;
}

.mg-ecosystem-hub h2{
  margin:0!important;
  color:#0d1b3e!important;
  font-family:"DM Serif Display",Georgia,serif!important;
  font-size:clamp(1.45rem,2.4vw,2rem)!important;
  font-weight:500!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}

.mg-ecosystem-hub.dark h2{
  color:#fff!important;
}

.mg-ecosystem-hub > p{
  max-width:760px!important;
  margin:10px 0 0!important;
  color:#475569!important;
  font-size:14px!important;
  line-height:1.7!important;
}

.mg-ecosystem-hub.dark > p{
  color:rgba(255,255,255,.76)!important;
}

.mg-ecosystem-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:18px!important;
}

.mg-ecosystem-card{
  position:relative!important;
  display:flex!important;
  min-height:142px!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:17px!important;
  border:1px solid rgba(13,27,62,.1)!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#0d1b3e!important;
  text-decoration:none!important;
  box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}

.mg-ecosystem-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 36px rgba(15,23,42,.1)!important;
}

.mg-ecosystem-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,#1e4bd4,#7a22d4,#e4197e)!important;
}

.mg-ecosystem-card:nth-child(2)::before{
  background:linear-gradient(90deg,#10b981,#1e4bd4)!important;
}

.mg-ecosystem-card:nth-child(3)::before{
  background:linear-gradient(90deg,#f59e0b,#e4197e)!important;
}

.mg-ecosystem-card span{
  color:#1e4bd4!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.mg-ecosystem-card strong{
  color:#0d1b3e!important;
  font-size:1.02rem!important;
  font-weight:950!important;
  line-height:1.22!important;
}

.mg-ecosystem-card em{
  color:#64748b!important;
  font-size:12.5px!important;
  font-style:normal!important;
  font-weight:750!important;
  line-height:1.45!important;
}

.mg-ecosystem-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}

.mg-ecosystem-primary,
.mg-ecosystem-secondary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 17px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
}

.mg-ecosystem-primary{
  background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(122,34,212,.2)!important;
}

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

.mg-ecosystem-hub.dark .mg-ecosystem-secondary{
  border-color:transparent!important;
}

@media(max-width:860px){
  .mg-ecosystem-grid{
    grid-template-columns:1fr!important;
  }

  .mg-ecosystem-hub{
    padding:20px!important;
    border-radius:18px!important;
  }
}

/* Shared header color: align standard page heroes with the homepage 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,
body:not(.home) > div[style*="background:var(--light)"][style*="text-align:center"]{
  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;
}

/* Final shared mobile polish: consistent logos, headers, and review-page menu behavior. */
nav.nav .nav-logo-link,
nav.nav .nav-inner > a:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  height:86px!important;
  min-height:86px!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
}

nav.nav .nav-logo-img,
nav.nav img[alt="MatchGauge"][src*="logo.png"]{
  display:block!important;
  width:auto!important;
  height:68px!important;
  max-height:68px!important;
  max-width:196px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}

body:not(.home) .page-hero h1,
body:not(.home) .review-hero h1,
body:not(.home) .review-hero-copy-standard h1,
body:not(.home) .cmp-hero h1,
body:not(.home) .compare-hero h1,
body:not(.home) .disc-hero h1,
body:not(.home) .quiz-hero h1,
body:not(.home) .art-hero h1,
body:not(.home) .standard-page-hero h1{
  font-family:'DM Serif Display',Georgia,serif!important;
  font-size:clamp(2rem,4.4vw,3.25rem)!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  font-weight:500!important;
  color:#0d1b3e!important;
}

body:not(.home) .page-hero p,
body:not(.home) .review-hero p,
body:not(.home) .rv-hero-subtext,
body:not(.home) .quiz-hero p,
body:not(.home) .standard-page-hero p{
  font-size:clamp(.98rem,1.8vw,1.08rem)!important;
  line-height:1.68!important;
}

body.hinge-review-page .nutshell-enhanced{
  padding:18px!important;
  border-radius:20px!important;
}

body.hinge-review-page .nutshell-main{
  gap:16px!important;
}

body.hinge-review-page .nutshell-score{
  width:112px!important;
  min-width:112px!important;
  padding:14px 12px!important;
}

body.hinge-review-page .nutshell-score div{
  font-size:2.25rem!important;
}

body.hinge-review-page .nutshell-copy h2{
  font-size:clamp(1.28rem,2.2vw,1.72rem)!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
}

body.hinge-review-page .nutshell-copy p{
  font-size:13.6px!important;
  line-height:1.62!important;
}

@media(max-width:900px){
  nav.nav{
    position:sticky!important;
    top:0!important;
    z-index:10050!important;
    overflow:visible!important;
  }

  nav.nav .nav-inner{
    width:calc(100% - 28px)!important;
    height:98px!important;
    min-height:98px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:14px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
  }

  nav.nav .nav-logo-link,
  nav.nav .nav-inner > a:first-child{
    grid-column:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:240px!important;
    height:98px!important;
    min-height:98px!important;
  }

  nav.nav .nav-logo-img,
  nav.nav img[alt="MatchGauge"][src*="logo.png"]{
    height:84px!important;
    max-height:84px!important;
    max-width:240px!important;
    transform:none!important;
  }

  nav.nav .nav-mobile-toggle{
    grid-column:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:row!important;
    gap:9px!important;
    width:auto!important;
    min-width:88px!important;
    height:42px!important;
    padding:0 13px!important;
    border:1px solid rgba(13,27,62,.14)!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:#0d1b3e!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
    z-index:10080!important;
  }

  nav.nav .nav-mobile-toggle .nav-toggle-label{
    display:block!important;
    width:auto!important;
    height:auto!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-transform:uppercase!important;
  }

  nav.nav .nav-mobile-toggle .nav-toggle-lines{
    display:grid!important;
    width:18px!important;
    height:12px!important;
    gap:6px!important;
    align-content:center!important;
    background:transparent!important;
  }

  nav.nav .nav-mobile-toggle .nav-toggle-lines span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
  }

  nav.nav .nav-mobile-toggle > span:not(.nav-toggle-label):not(.nav-toggle-lines){
    display:none!important;
  }

  nav.nav .nav-mobile-toggle.is-open{
    background:#0d1b3e!important;
    border-color:#0d1b3e!important;
    color:#fff!important;
    box-shadow:0 14px 32px rgba(13,27,62,.22)!important;
  }

  nav.nav .nav-mobile-toggle.is-open .nav-toggle-lines span:nth-child(1){
    transform:translateY(4px) rotate(45deg)!important;
  }

  nav.nav .nav-mobile-toggle.is-open .nav-toggle-lines span:nth-child(2){
    transform:translateY(-4px) rotate(-45deg)!important;
  }

  nav.nav .nav-links{
    display:none!important;
    position:fixed!important;
    top:86px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100vh - 104px)!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,.12)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(15,23,42,.2)!important;
    z-index:10070!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }

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

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

  nav.nav .nav-links a,
  nav.nav .nav-links a:not(.nav-cta),
  nav.nav .nav-links a.nav-cta,
  nav.nav .nav-links a.nav-deals{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    border:1px solid transparent!important;
    background:#fff!important;
    color:#0d1b3e!important;
    box-shadow:none!important;
    font-size:13.5px!important;
    font-weight:850!important;
    text-align:left!important;
  }

  nav.nav .nav-links a.active,
  nav.nav .nav-links a[aria-current="page"]{
    background:#eef2ff!important;
    border-color:rgba(30,75,212,.16)!important;
    color:#0d1b3e!important;
  }

  nav.nav .nav-links a.nav-cta{
    justify-content:center!important;
    margin-top:4px!important;
    background:linear-gradient(135deg,#1e4bd4,#7a22d4,#e4197e)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(122,34,212,.2)!important;
  }

  body:not(.home) .page-hero h1,
  body:not(.home) .review-hero h1,
  body:not(.home) .review-hero-copy-standard h1,
  body:not(.home) .cmp-hero h1,
  body:not(.home) .compare-hero h1,
  body:not(.home) .disc-hero h1,
  body:not(.home) .quiz-hero h1,
  body:not(.home) .art-hero h1,
  body:not(.home) .standard-page-hero h1{
    font-size:clamp(1.85rem,8vw,2.38rem)!important;
    line-height:1.06!important;
  }

  body.hinge-review-page .nutshell-enhanced{
    padding:14px!important;
  }

  body.hinge-review-page .nutshell-main{
    grid-template-columns:82px minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
  }

  body.hinge-review-page .nutshell-score{
    width:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    border-radius:16px!important;
    align-items:center!important;
    text-align:center!important;
    padding:10px 8px!important;
  }

  body.hinge-review-page .nutshell-score div{
    font-size:1.72rem!important;
  }

  body.hinge-review-page .nutshell-score span{
    font-size:9px!important;
  }

  body.hinge-review-page .nutshell-copy h2{
    font-size:1.16rem!important;
  }

  body.hinge-review-page .nutshell-copy p{
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:12.8px!important;
    line-height:1.5!important;
  }

  body.hinge-review-page .nutshell-best{
    padding:8px 10px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }

  body.hinge-review-page .nutshell-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:12px!important;
  }

  body.hinge-review-page .nutshell-mini{
    padding:10px 11px!important;
  }

  body.hinge-review-page .nutshell-mini strong{
    font-size:12.4px!important;
    line-height:1.35!important;
  }

  body.hinge-review-page .nutshell-verdict{
    margin-top:10px!important;
    padding:10px 12px!important;
    font-size:12.6px!important;
    line-height:1.45!important;
  }

  body.hinge-review-page .nutshell-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }

  body.hinge-review-page .nutshell-actions a{
    min-width:0!important;
    width:100%!important;
    min-height:40px!important;
    padding:10px 12px!important;
    font-size:12.6px!important;
  }
}

/* Review hero app identity: logo beside app name for faster brand scanning. */
body:not(.home) .review-hero-copy-standard > div:first-child{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  column-gap:13px!important;
  row-gap:8px!important;
  align-items:center!important;
}

body:not(.home) .review-hero-copy-standard .review-hero-kicker{
  grid-column:1 / -1!important;
}

body:not(.home) .review-hero-copy-standard .app-logo{
  grid-column:1!important;
  grid-row:2!important;
  width:56px!important;
  height:56px!important;
  margin:0!important;
}

body:not(.home) .review-hero-copy-standard .rv-app-name{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
}

body:not(.home) .review-hero-copy-standard h1,
body:not(.home) .review-hero-copy-standard .rv-hero-subtext,
body:not(.home) .review-hero-copy-standard .rv-mini-meta,
body:not(.home) .review-hero-copy-standard .hinge-hero-proof,
body:not(.home) .review-hero-copy-standard .review-hero-actions{
  grid-column:1 / -1!important;
}

@media(max-width:520px){
  body:not(.home) .review-hero-copy-standard > div:first-child{
    grid-template-columns:52px minmax(0,1fr)!important;
    column-gap:11px!important;
  }

  body:not(.home) .review-hero-copy-standard .app-logo{
    width:50px!important;
    height:50px!important;
    border-radius:13px!important;
  }
}

/* Shared sidebar score card polish for standardized app review pages. */
.review-score-summary-card .score-stars{
  color:#f59e0b;
  margin-top:6px;
  letter-spacing:.04em;
  font-size:14px;
}

.review-score-summary-card .score-best-fit{
  font-size:11px;
  color:var(--muted);
  margin-top:5px;
  line-height:1.35;
  font-weight:800;
}

.review-score-summary-card .score-bar-label{
  gap:10px;
}

.review-score-summary-card .score-bar-label span:last-child{
  text-align:right;
}

/* Final section adjacency cleanup.
   Keeps solid content bands connected to the footer/header instead of leaving
   stray white strips from older page spacing rules. */
html body .site-footer.site-footer{
  margin-top:0!important;
}

html,
body{
  overflow-x:hidden;
}

html body main > :last-child,
html body .page-wrap > :last-child,
html body .articles-content-wrap > :last-child,
html body .deals-redesign-wrap > :last-child,
html body .quiz-wrap > :last-child,
html body .ms-wrap > :last-child,
html body .about-body > :last-child{
  margin-bottom:0!important;
}

html body .page-hero + *,
html body .compare-hero + *,
html body .quiz-hero + *,
html body .standard-page-hero + *,
html body .review-hero + *{
  margin-top:0!important;
}

/* Final mobile footer layout: brand full-width, link groups in two columns. */
@media(max-width:640px){
  html body .site-footer .foot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 22px!important;
    align-items:start!important;
  }

  html body .site-footer .foot-logo{
    grid-column:1 / -1!important;
  }

  html body .site-footer .foot-col{
    min-width:0!important;
  }

  html body .site-footer .foot-col h4{
    margin-bottom:10px!important;
  }

  html body .site-footer .foot-col ul,
  html body .site-footer .foot-col li{
    margin-left:0!important;
    padding-left:0!important;
  }

  html body .site-footer .foot-col a{
    display:inline-flex!important;
    max-width:100%!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
}

.review-affiliate-note{
  margin:8px 0 0!important;
  color:#64748b!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.45!important;
}

.review-hero-actions .review-affiliate-note,
.review-cta-actions .review-affiliate-note{
  flex:0 0 100%!important;
}

html body .review-hero-actions .review-affiliate-note,
html body .review-app-lockup > .review-affiliate-note{
  display:none!important;
}

.score-card .review-affiliate-note,
.review-sidebar .review-affiliate-note,
.review-sidebar-v2 .review-affiliate-note{
  text-align:center!important;
}

/* Keep the individual review back link aligned with the hero badge row. */
html body:not(.home) .review-hero.review-page-standardized.review-page-standardized.review-page-standardized .review-hero-copy-standard.review-hero-copy-standard{
  position:relative!important;
  padding-top:0!important;
}

html body:not(.home) .review-hero.review-page-standardized.review-page-standardized.review-page-standardized .review-hero-copy-standard.review-hero-copy-standard .review-back-link.review-back-link{
  position:absolute!important;
  top:0!important;
  right:0!important;
  margin:0!important;
  z-index:4!important;
}

@media(max-width:640px){
  html body:not(.home) .review-hero.review-page-standardized.review-page-standardized.review-page-standardized .review-hero-copy-standard.review-hero-copy-standard{
    padding-top:0!important;
  }

  html body:not(.home) .review-hero.review-page-standardized.review-page-standardized.review-page-standardized .review-hero-copy-standard.review-hero-copy-standard .review-back-link.review-back-link{
    right:0!important;
  }
}

/* Standard Pros / Cons component for individual review pages. */
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin:22px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  border-radius:18px!important;
  padding:21px 20px 19px!important;
  border:1px solid rgba(13,27,62,.10)!important;
  box-shadow:0 14px 32px rgba(13,27,62,.07)!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box{
  background:linear-gradient(180deg,#ffffff 0%,#f4fbf8 100%)!important;
  border-color:rgba(15,159,110,.20)!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box{
  background:linear-gradient(180deg,#ffffff 0%,#fff7f7 100%)!important;
  border-color:rgba(228,25,63,.18)!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box::before{
  background:#0f9f6e!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box::before{
  background:#e4193f!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros h4,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons h4,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box h4,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box h4{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 13px!important;
  color:#0d1b3e!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros h4::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons h4::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box h4::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box h4::before{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
  flex:0 0 auto!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros h4::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box h4::before{
  content:"+"!important;
  background:#0f9f6e!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons h4::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box h4::before{
  content:"-"!important;
  background:#e4193f!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons ul,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2 ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  color:#334155!important;
  font-size:14px!important;
  line-height:1.55!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons li,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2 li{
  position:relative!important;
  margin:0!important;
  padding:9px 0 9px 22px!important;
  border-top:1px solid rgba(13,27,62,.07)!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons li:first-child,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2 li:first-child{
  border-top:0!important;
  padding-top:0!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons li::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2 li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:16px!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros li::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box li::before{
  background:#0f9f6e!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons li::before,
html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box li::before{
  background:#e4193f!important;
}

@media(max-width:700px){
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:18px!important;
  }

  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box{
    padding:18px 17px 16px!important;
    border-radius:16px!important;
  }

  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros h4,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons h4,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-box h4,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .cons-box h4{
    font-size:12px!important;
    margin-bottom:11px!important;
  }

  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons ul,
  html body.app-review-page:has(.review-page-standardized) .review-template-panel .pros-cons-v2 ul{
    font-size:13.5px!important;
  }
}

/* Standard Pricing / Value component for individual review pages. */
html body.app-review-page:has(.review-page-standardized) .review-template-panel:has(.price-table){
  background:#f8fbff!important;
  border-color:rgba(30,75,212,.14)!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel:has(.price-table) .review-template-kicker{
  color:#1e4bd4!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel:has(.price-table) > p{
  max-width:780px!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table{
  width:100%!important;
  min-width:0!important;
  margin:20px 0 0!important;
  border-collapse:separate!important;
  border-spacing:0 10px!important;
  font-size:14px!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table thead th{
  padding:0 15px 2px!important;
  border:0!important;
  background:transparent!important;
  color:#475569!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr{
  filter:drop-shadow(0 10px 18px rgba(13,27,62,.045))!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table td{
  padding:16px 15px!important;
  border:0!important;
  background:#fff!important;
  color:#334155!important;
  font-size:14px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr td:first-child{
  border-radius:15px 0 0 15px!important;
  color:#0d1b3e!important;
  font-weight:950!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr td:last-child{
  border-radius:0 15px 15px 0!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr:first-child td{
  background:#eef6ff!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr.featured-row td{
  background:#fff1f7!important;
  color:#3b1025!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr:last-child td{
  background:#f8fafc!important;
}

html body.app-review-page:has(.review-page-standardized) .price-table tbody tr.featured-row td:first-child strong,
html body.app-review-page:has(.review-page-standardized) .price-table tbody tr.featured-row td:nth-child(2) strong{
  color:#c51658!important;
}

html body.app-review-page:has(.review-page-standardized) .review-template-panel:has(.price-table) .review-disclosure-note{
  margin-top:14px!important;
  background:#fff!important;
  border-color:rgba(30,75,212,.14)!important;
  color:#475569!important;
  font-size:13px!important;
  line-height:1.6!important;
}

@media(max-width:700px){
  html body.app-review-page:has(.review-page-standardized) .price-table{
    display:block!important;
    border-spacing:0!important;
    margin-top:16px!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table thead{
    display:none!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table tbody,
  html body.app-review-page:has(.review-page-standardized) .price-table tr,
  html body.app-review-page:has(.review-page-standardized) .price-table td{
    display:block!important;
    width:100%!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table tbody{
    display:grid!important;
    gap:12px!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table tbody tr{
    border-radius:16px!important;
    overflow:hidden!important;
    filter:none!important;
    box-shadow:0 12px 26px rgba(13,27,62,.065)!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table td{
    display:grid!important;
    grid-template-columns:minmax(86px,34%) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
    padding:13px 14px!important;
    border-bottom:1px solid rgba(13,27,62,.08)!important;
    border-radius:0!important;
    font-size:13.5px!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table td:last-child{
    border-bottom:0!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table td::before{
    color:#64748b!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
  }

  html body.app-review-page:has(.review-page-standardized) .price-table td:nth-child(1)::before{ content:"Plan"!important; }
  html body.app-review-page:has(.review-page-standardized) .price-table td:nth-child(2)::before{ content:"Price"!important; }
  html body.app-review-page:has(.review-page-standardized) .price-table td:nth-child(3)::before{ content:"Best use"!important; }
}