/* Credit Dunia page-specific polish. Kept scoped so the rest of the site remains unchanged. */
:root {
  --cd-ink: #173e42;
  --cd-ink-deep: #102e35;
  --cd-mint: #e5eee5;
  --cd-paper: #f7faf1;
  --cd-coral: #ed8b66;
  --cd-teal: #267d6d;
  --cd-line: rgba(23, 62, 66, .12);
  --cd-shadow: 0 20px 50px rgba(23, 62, 66, .12);
}

/* The homepage's secondary hero action is intentionally high-contrast. */
[data-testid="link-home-compare"] {
  background: rgba(238, 240, 223, .12) !important;
  border-color: #eef0df !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
[data-testid="link-home-compare"]:hover {
  background: #eef0df !important;
  border-color: #eef0df !important;
  color: var(--cd-ink) !important;
  transform: translateY(-1px);
}

.cd-premium-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  opacity: 1 !important;
  transform: none !important;
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 15%, rgba(237, 139, 102, .32), transparent 27%),
    radial-gradient(circle at 10% 100%, rgba(73, 144, 127, .22), transparent 35%),
    linear-gradient(135deg, #173e42 0%, #204f54 58%, #2d706b 100%);
  color: #fff;
  box-shadow: var(--cd-shadow);
}
.cd-premium-hero::before,
.cd-premium-hero::after {
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  content: "";
}
.cd-premium-hero::before { width: 360px; height: 360px; right: -140px; top: -190px; }
.cd-premium-hero::after { width: 260px; height: 260px; left: -170px; bottom: -185px; }
.cd-premium-hero-inner {
  display: grid;
  gap: 32px;
  align-items: center;
  padding: clamp(28px, 5vw, 58px);
}
@media (min-width: 820px) {
  .cd-premium-hero-inner { grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); }
}
.cd-eyebrow {
  color: #f5c0a9;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.cd-premium-hero h1 {
  max-width: 720px;
  margin: 12px 0 0;
  color: #fff;
  font-family: Manrope, Inter, sans-serif;
  font-size: clamp(2.25rem, 6vw, 4.75rem);
  font-weight: 800;
  letter-spacing: -.075em;
  line-height: .98;
}
.cd-premium-hero p {
  max-width: 580px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.75);
  font-size: 15px;
  line-height: 1.75;
}
.cd-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.cd-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 12px 17px;
  font-size: 12px;
  font-weight: 800;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.cd-hero-actions a:hover { transform: translateY(-2px); }
.cd-hero-primary { background: var(--cd-coral); color: var(--cd-ink); }
.cd-hero-primary:hover { background: #f6ac8d; }
.cd-hero-secondary { border: 1px solid rgba(255,255,255,.3); color: #fff; }
.cd-hero-secondary:hover { background: rgba(255,255,255,.1); }
.cd-hero-kpis { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 25px; color: rgba(255,255,255,.66); font-size: 11px; }
.cd-hero-kpis strong { display: block; color: #fff; font-size: 16px; }

.cd-visual-wrap { display: grid; place-items: center; min-height: 220px; }
.cd-hero-card {
  position: relative;
  width: min(100%, 310px);
  aspect-ratio: 1.58;
  padding: 23px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 20px;
  background: linear-gradient(135deg, #d8a273, #754f40 45%, #173e42);
  box-shadow: 0 25px 45px rgba(0,0,0,.28);
  transform: rotate(6deg);
}
.cd-hero-card::before, .cd-hero-card::after {
  position: absolute;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  content: "";
}
.cd-hero-card::before { width: 170px; height: 170px; right: -70px; top: -50px; }
.cd-hero-card::after { width: 130px; height: 130px; left: 90px; bottom: -90px; }
.cd-card-brand { display: flex; justify-content: space-between; color: rgba(255,255,255,.76); font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.cd-card-chip { width: 37px; height: 26px; margin-top: 44px; border-radius: 7px; background: linear-gradient(135deg, #f8db9c, #b18b55); }
.cd-card-name { position: absolute; bottom: 23px; left: 23px; color: #fff; font-family: Manrope, sans-serif; font-size: 18px; font-weight: 800; letter-spacing: -.04em; }

.cd-support-section { margin-top: 58px; }
.cd-section-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 20px; }
.cd-section-head h2 { margin: 5px 0 0; font-family: Manrope, sans-serif; font-size: clamp(1.65rem, 3vw, 2.4rem); font-weight: 800; letter-spacing: -.06em; line-height: 1; }
.cd-section-head p { max-width: 520px; margin: 7px 0 0; color: #6a817d; font-size: 13px; line-height: 1.6; }
.cd-step-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cd-step, .cd-info-card, .cd-style-card, .cd-faq, .cd-feature-guide {
  border: 1px solid var(--cd-line);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 28px rgba(23,62,66,.05);
}
.cd-step { position: relative; padding: 22px; }
.cd-step-number { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--cd-ink); color: #eef0df; font-size: 11px; font-weight: 800; }
.cd-step h3 { margin: 24px 0 6px; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 800; }
.cd-step p, .cd-info-card p { margin: 0; color: #6a817d; font-size: 13px; line-height: 1.65; }
.cd-faq { overflow: hidden; }
.cd-faq details { border-bottom: 1px solid var(--cd-line); padding: 17px 20px; }
.cd-faq details:last-child { border-bottom: 0; }
.cd-faq summary { cursor: pointer; list-style: none; color: var(--cd-ink); font-size: 13px; font-weight: 800; }
.cd-faq summary::-webkit-details-marker { display: none; }
.cd-faq summary::after { float: right; content: "+"; color: var(--cd-teal); font-size: 18px; line-height: 12px; }
.cd-faq details[open] summary::after { content: "−"; }
.cd-faq p { max-width: 720px; margin: 10px 25px 0 0; color: #6a817d; font-size: 13px; line-height: 1.7; }
.cd-final-cta {
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
  margin-top: 58px; padding: 28px; border-radius: 22px;
  background: var(--cd-ink); color: #fff;
}
.cd-final-cta h2 { margin: 0; color: #fff; font-family: Manrope, sans-serif; font-size: clamp(1.4rem, 3vw, 2.2rem); font-weight: 800; letter-spacing: -.06em; }
.cd-final-cta p { margin: 7px 0 0; color: rgba(255,255,255,.65); font-size: 13px; }
.cd-final-cta a { flex: none; border-radius: 999px; background: var(--cd-coral); padding: 12px 17px; color: var(--cd-ink); font-size: 12px; font-weight: 800; }

/* Compare page */
.cd-compare-legacy { margin-top: 32px; }
.cd-compare-selection { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); margin-top: 20px; }
.cd-selected-tile { position: relative; padding: 12px; border: 1px solid var(--cd-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(23,62,66,.08); }
.cd-selected-tile .cd-mini-art { margin-bottom: 12px; }
.cd-selected-name { margin-top: 10px; color: var(--cd-ink); font-size: 13px; font-weight: 800; line-height: 1.25; }
.cd-selected-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; color: #6a817d; font-size: 11px; }
.cd-best-badge { position: absolute; top: 20px; left: 20px; border-radius: 999px; background: #eef0df; padding: 5px 8px; color: var(--cd-ink); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cd-mini-art { position: relative; min-height: 92px; padding: 13px; overflow: hidden; border-radius: 13px; background: var(--cd-card-bg); color: #fff; }
.cd-mini-art::after { position: absolute; width: 100px; height: 100px; right: -35px; top: -50px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; content: ""; }
.cd-mini-art small { position: relative; z-index: 1; color: rgba(255,255,255,.72); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.cd-mini-art strong { position: absolute; z-index: 1; bottom: 13px; left: 13px; max-width: 75%; color: #fff; font-size: 14px; letter-spacing: -.03em; }
.cd-remove-selected { position: absolute; top: 16px; right: 16px; border: 0; border-radius: 50%; background: rgba(255,255,255,.18); padding: 4px 7px; color: #fff; cursor: pointer; font-size: 12px; }
.cd-compare-legacy table thead { position: sticky; z-index: 3; top: 72px; background: #fff; }
.cd-compare-legacy table thead th { box-shadow: 0 1px 0 var(--cd-line); }
.cd-compare-legacy table tbody tr:hover { background: #eef6f0; }
.cd-compare-legacy > div:last-child { box-shadow: var(--cd-shadow); }

/* Best cards page */
.cd-best-legacy { margin-top: 30px; }
.cd-best-legacy > div:first-of-type { margin-top: 26px; }
.cd-best-legacy a[data-testid^="link-best-category"] { min-height: 190px; background: linear-gradient(145deg, #fff, #f0f6ee); }
.cd-best-legacy a[data-testid^="link-best-category"]:hover { background: #fff; box-shadow: 0 18px 34px rgba(23,62,66,.12); }
.cd-best-sections { display: grid; gap: 52px; margin-top: 62px; }
.cd-card-rail { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cd-curated-card { min-width: 0; overflow: hidden; border: 1px solid var(--cd-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(23,62,66,.06); transition: transform .22s ease, box-shadow .22s ease; }
.cd-curated-card:hover { transform: translateY(-5px); box-shadow: 0 18px 36px rgba(23,62,66,.14); }
.cd-curated-card-body { padding: 14px; }
.cd-curated-card h3 { min-height: 37px; margin: 8px 0 0; color: var(--cd-ink); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 800; letter-spacing: -.03em; line-height: 1.3; }
.cd-bank-label { color: #6a817d; font-size: 10px; font-weight: 700; }
.cd-card-description { min-height: 42px; margin: 10px 0 0; color: #6a817d; font-size: 11px; line-height: 1.5; }
.cd-card-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 13px; border-top: 1px solid var(--cd-line); padding-top: 11px; }
.cd-card-stats span { display: block; color: #7d918d; font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.cd-card-stats strong { display: block; margin-top: 3px; color: var(--cd-ink); font-size: 12px; }
.cd-card-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.cd-card-actions a, .cd-card-actions button { border-radius: 999px; padding: 8px 10px; font-size: 10px; font-weight: 800; }
.cd-card-actions a:first-child { background: var(--cd-ink); color: #fff; }
.cd-card-actions a:nth-child(2), .cd-card-actions button { border: 1px solid #c5d5ca; background: #f7faf1; color: var(--cd-ink); cursor: pointer; }
.cd-card-actions a:hover, .cd-card-actions button:hover { transform: translateY(-1px); }
.cd-style-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cd-style-card { display: block; padding: 18px; transition: transform .2s ease, border-color .2s ease; }
.cd-style-card:hover { transform: translateY(-3px); border-color: var(--cd-teal); }
.cd-style-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; background: var(--cd-mint); color: var(--cd-ink); font-size: 15px; font-weight: 800; }
.cd-style-card h3 { margin: 16px 0 5px; color: var(--cd-ink); font-size: 14px; font-weight: 800; }
.cd-style-card p { margin: 0; color: #6a817d; font-size: 12px; line-height: 1.55; }

/* Guides page */
.cd-guides-legacy { margin-top: 30px; }
.cd-guides-legacy a[data-testid^="link-guide-"] { min-height: 185px; background: linear-gradient(145deg, #fff, #f0f6ee); }
.cd-guides-legacy a[data-testid^="link-guide-"]:hover { background: #fff; box-shadow: 0 18px 34px rgba(23,62,66,.12); }
.cd-guide-search { position: relative; max-width: 570px; margin-top: 25px; }
.cd-guide-search input { width: 100%; height: 52px; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; outline: 0; background: #f7faf1; padding: 0 17px; color: var(--cd-ink); font-size: 13px; box-shadow: 0 12px 25px rgba(0,0,0,.12); }
.cd-guide-search input:focus { border-color: var(--cd-coral); box-shadow: 0 0 0 3px rgba(237,139,102,.22); }
.cd-guide-layout { display: grid; gap: 24px; margin-top: 52px; }
.cd-guide-categories { display: flex; flex-wrap: wrap; gap: 8px; }
.cd-guide-category { border: 1px solid #c9d9ce; border-radius: 999px; background: #fff; padding: 9px 12px; color: var(--cd-ink); font-size: 11px; font-weight: 800; transition: background .2s ease, transform .2s ease; }
.cd-guide-category:hover { transform: translateY(-2px); background: var(--cd-mint); }
.cd-feature-guide { display: grid; gap: 25px; padding: clamp(20px, 4vw, 34px); background: linear-gradient(135deg, #173e42, #2c716b); color: #fff; }
@media (min-width: 760px) { .cd-feature-guide { grid-template-columns: 1.2fr .8fr; align-items: center; } }
.cd-feature-guide h2 { margin: 8px 0 0; color: #fff; font-family: Manrope, sans-serif; font-size: clamp(1.6rem, 4vw, 2.8rem); letter-spacing: -.06em; line-height: 1; }
.cd-feature-guide p { max-width: 530px; margin: 13px 0 0; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.7; }
.cd-guide-visual { min-height: 175px; padding: 20px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.03)); }
.cd-guide-visual span { display: block; width: 55%; height: 8px; margin-top: 13px; border-radius: 99px; background: rgba(255,255,255,.65); }
.cd-guide-visual span:nth-child(2) { width: 76%; background: rgba(237,139,102,.9); }
.cd-guide-visual span:nth-child(3) { width: 42%; }
.cd-guide-visual span:nth-child(4) { width: 68%; }
.cd-guide-visual span:nth-child(5) { width: 32%; }
.cd-latest-grid { display: grid; gap: 13px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cd-guide-card { display: flex; min-height: 200px; flex-direction: column; padding: 18px; border: 1px solid var(--cd-line); border-radius: 17px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.cd-guide-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(23,62,66,.1); }
.cd-guide-card .cd-guide-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--cd-mint); color: var(--cd-ink); font-size: 16px; font-weight: 800; }
.cd-guide-card small { margin-top: 18px; color: var(--cd-teal); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cd-guide-card h3 { margin: 8px 0 0; color: var(--cd-ink); font-family: Manrope, sans-serif; font-size: 16px; font-weight: 800; letter-spacing: -.04em; line-height: 1.2; }
.cd-guide-card p { margin: 9px 0 0; color: #6a817d; font-size: 12px; line-height: 1.55; }
.cd-guide-card a { margin-top: auto; padding-top: 17px; color: var(--cd-ink); font-size: 11px; font-weight: 800; }
.cd-beginner-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cd-info-card { padding: 18px; }
.cd-info-card strong { display: block; margin-bottom: 8px; color: var(--cd-ink); font-size: 13px; }
.cd-info-card em { display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 18px; border-radius: 9px; background: var(--cd-coral); color: var(--cd-ink); font-size: 11px; font-style: normal; font-weight: 800; }

.cd-reveal { opacity: 0; transform: translateY(12px); transition: opacity .55s ease, transform .55s ease; }
.cd-reveal.cd-reveal-visible { opacity: 1; transform: none; }
@media (max-width: 900px) {
  .cd-card-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cd-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cd-beginner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .cd-premium-hero-inner { padding: 25px 20px; }
  .cd-premium-hero h1 { font-size: 2.55rem; }
  .cd-visual-wrap { min-height: 185px; }
  .cd-hero-card { width: 270px; }
  .cd-step-grid, .cd-card-rail, .cd-style-grid, .cd-latest-grid, .cd-beginner-grid { grid-template-columns: 1fr; }
  .cd-section-head { display: block; }
  .cd-section-head a { display: inline-block; margin-top: 12px; }
  .cd-final-cta { display: block; padding: 22px; }
  .cd-final-cta a { display: inline-block; margin-top: 17px; }
  .cd-compare-legacy table thead { position: static; }
  .cd-selected-tile { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .cd-premium-hero *, .cd-curated-card, .cd-style-card, .cd-guide-card, .cd-reveal { transition: none !important; transform: none !important; }
}
/* ===== Credit Dunia homepage visual refresh ===== */
:root{--cd-purple:#5146e5;--cd-purple-2:#6d5df5;--cd-navy:#111a35;--cd-soft:#f7f7fc;--cd-line-2:#e7e8f1}
body{background:#fff}
/* Light, editorial fintech hero */
#root main > .page-enter > section:first-child{background:linear-gradient(180deg,#fff 0%,#faf9ff 100%) !important;color:var(--cd-navy)!important}
#root main > .page-enter > section:first-child .relative.mx-auto.grid{padding-top:74px!important;padding-bottom:54px!important}
#root main > .page-enter > section:first-child h1{color:var(--cd-navy)!important;letter-spacing:-.065em!important}
#root main > .page-enter > section:first-child h1 span{color:var(--cd-purple)!important}
#root main > .page-enter > section:first-child p{color:#5d6680!important}
#root main > .page-enter > section:first-child input{background:#fff!important;border:1px solid #e0e2eb!important;color:var(--cd-navy)!important;box-shadow:0 12px 30px rgba(31,36,68,.08)!important}
#root main > .page-enter > section:first-child form button{background:var(--cd-purple)!important;color:#fff!important}
#root main > .page-enter > section:first-child form button:hover{background:#4038c8!important}
#root main > .page-enter > section:first-child a[data-testid="link-home-explore"]{background:var(--cd-purple)!important;color:#fff!important;box-shadow:0 10px 24px rgba(81,70,229,.2)!important}
#root main > .page-enter > section:first-child a[data-testid="link-home-explore"]:hover{background:#4038c8!important}
#root main > .page-enter > section:first-child a[data-testid="link-home-compare"]{border-color:#cfd2df!important;background:#fff!important;color:var(--cd-navy)!important}
#root main > .page-enter > section:first-child a[data-testid="link-home-compare"]:hover{border-color:var(--cd-purple)!important;color:var(--cd-purple)!important;background:#f8f7ff!important}
#root main > .page-enter > section:first-child .absolute.-right-28{border-color:#dcd9ff!important}
#root main > .page-enter > section:first-child .absolute.right-\[16\%\]{border-color:#e9e7ff!important}
#root main > .page-enter > section:first-child .home-float > div:first-child,
#root main > .page-enter > section:first-child .home-float > div:last-child{background:#fff!important;border-color:#e2e4ed!important;color:var(--cd-navy)!important}
#root main > .page-enter > section:first-child .home-float > div:nth-child(2){background:linear-gradient(135deg,#5146e5,#8b7cf8)!important;box-shadow:0 30px 70px rgba(81,70,229,.22)!important}
#root main > .page-enter > section:first-child .border-t{border-color:#e5e6ef!important}
#root main > .page-enter > section:first-child .text-\[\#ed8b66\]{color:var(--cd-purple)!important}
#root main > .page-enter > section:first-child .bg-\[\#ed8b66\]{background:var(--cd-purple)!important}
#root main > .page-enter > section:first-child .text-\[\#9fc0b6\],
#root main > .page-enter > section:first-child .text-\[\#b9d0c9\]{color:#66708a!important}

/* Homepage sections */
#root main > .page-enter > section:not(:first-child){position:relative}
#root main > .page-enter > section:nth-of-type(2),
#root main > .page-enter > section:nth-of-type(4),
#root main > .page-enter > section:nth-of-type(6),
#root main > .page-enter > section:nth-of-type(8){background:#fff!important}
#root main > .page-enter > section:nth-of-type(3),
#root main > .page-enter > section:nth-of-type(7){background:#f7f6fc!important}
#root main > .page-enter > section:nth-of-type(5){background:#f3f1ff!important}
#root main > .page-enter h2{color:var(--cd-navy)!important}
#root main > .page-enter .text-accent{color:var(--cd-purple)!important}
#root main > .page-enter .home-category-card,
#root main > .page-enter .home-action{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
#root main > .page-enter .home-category-card{border-color:var(--cd-line-2)!important;background:#fff!important;box-shadow:0 8px 24px rgba(23,30,60,.045)!important}
#root main > .page-enter .home-category-card:hover{border-color:#bdb7ff!important;box-shadow:0 18px 36px rgba(81,70,229,.12)!important}
#root main > .page-enter .home-category-icon{background:#f0efff!important;color:var(--cd-purple)!important}
#root main > .page-enter .home-bank-marquee{padding:4px 0 12px}
.cd-bank-two-row{display:grid;gap:10px;width:100%;overflow:hidden;padding:2px 0 8px}
.cd-bank-row-viewport{width:100%;overflow:hidden}
#root main > .page-enter .home-bank-track{gap:10px!important}
#root main > .page-enter .home-carousel-viewport{scrollbar-width:none}
#root main > .page-enter .home-carousel-viewport::-webkit-scrollbar{display:none}

/* Homepage card tiles */
#root main > .page-enter .home-carousel-viewport article > div{border-color:#e4e4ed!important;background:#fff!important;box-shadow:0 12px 30px rgba(24,29,55,.06)!important}
#root main > .page-enter .home-carousel-viewport article > div:hover{box-shadow:0 20px 40px rgba(81,70,229,.13)!important}

/* Premium bank logo tiles */
.cd-bank-logo-tile{height:68px!important;width:190px!important;min-width:190px!important;padding:9px 11px!important;display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-start!important;border:1px solid #e5e6ee!important;background:#fff!important;border-radius:13px!important;box-shadow:0 6px 18px rgba(25,31,61,.045)!important;color:var(--cd-navy)!important}
.cd-bank-logo-wrap{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #ececf3;border-radius:13px;background:#fafafe;overflow:hidden}
.cd-bank-logo-wrap img{width:26px;height:26px;object-fit:contain;display:block}
.cd-bank-logo-fallback{font-size:11px;font-weight:900;color:var(--cd-purple);letter-spacing:-.02em}
.cd-bank-logo-copy{min-width:0;text-align:left}
.cd-bank-logo-copy strong{display:block;font-size:12px;line-height:1.2;font-weight:850;letter-spacing:-.02em;color:var(--cd-navy)}
.cd-bank-logo-copy span{display:block;margin-top:2px;font-size:9px;color:#7a8197;font-weight:600}
.cd-bank-logo-tile .cd-bank-arrow{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0efff;color:var(--cd-purple);font-weight:800;transition:.2s ease}
.cd-bank-logo-tile:hover{transform:translateY(-4px)!important;border-color:#c8c3ff!important;box-shadow:0 18px 34px rgba(81,70,229,.12)!important}
.cd-bank-logo-tile:hover .cd-bank-arrow{background:var(--cd-purple);color:#fff}
@keyframes cdBankFlowLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cdBankFlowRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
#root main > .page-enter .home-bank-row-track.cd-bank-row-left{animation:cdBankFlowLeft 22s linear infinite}
#root main > .page-enter .home-bank-row-track.cd-bank-row-right{animation:cdBankFlowRight 22s linear infinite}
#root main > .page-enter .home-bank-row-track.is-paused{animation-play-state:paused}

/* Homepage buttons: never washed out */
#root main > .page-enter button,
#root main > .page-enter a{outline-offset:3px}
#root main > .page-enter .home-action:focus-visible{outline:3px solid rgba(81,70,229,.25)}

@media(max-width:700px){
  #root main > .page-enter > section:first-child .relative.mx-auto.grid{padding-top:48px!important}
  .cd-bank-logo-tile{width:165px!important;min-width:165px!important;height:62px!important}
  .cd-bank-logo-wrap{width:30px;height:30px;flex-basis:30px}
  .cd-bank-logo-wrap img{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){#root main > .page-enter .home-bank-row-track{animation:none!important}}

/* Keep enhanced pages aligned with the site header and prevent edge-clipping. */
.cd-premium-hero,
.cd-support-section {
  width: calc(100% - 140px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.cd-support-section {
  overflow-wrap: anywhere;
}
.cd-section-head h2,
.cd-section-head h3,
.cd-section-head p,
.cd-compare-builder h3,
.cd-compare-builder p,
.cd-compare-slot strong,
.cd-picker-name,
.cd-picker-meta {
  overflow-wrap: anywhere;
  word-break: normal;
}
@media(max-width:900px){
  .cd-premium-hero,
  .cd-support-section { width: calc(100% - 48px); }
}
@media(max-width:600px){
  .cd-premium-hero,
  .cd-support-section { width: calc(100% - 28px); }
}

/* Custom compare picker: choose any 2–5 cards */
.cd-compare-picker{margin:28px 0 10px;padding:28px;border:1px solid #dfe8e5;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(20,63,71,.06)}
.cd-compare-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.cd-compare-picker-head h3{margin:4px 0 6px;font-size:24px;color:#183b42}.cd-compare-picker-head p{margin:0;color:#64777a;font-size:14px}.cd-compare-limit{font-size:13px;color:#267d6d;font-weight:700;white-space:nowrap}
.cd-compare-search{width:100%;height:48px;border:1px solid #d8e2df;border-radius:11px;padding:0 15px;outline:0;margin-bottom:16px;font-size:14px}.cd-compare-search:focus{border-color:#267d6d;box-shadow:0 0 0 3px rgba(38,125,109,.08)}
.cd-compare-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:410px;overflow:auto;padding:2px}.cd-picker-card{position:relative;display:block;border:1px solid #e1e9e7;border-radius:14px;padding:14px;background:#fff;cursor:pointer;transition:.18s;min-height:190px;overflow:hidden}.cd-picker-card *{pointer-events:none}.cd-picker-card input{pointer-events:none}.cd-picker-card:hover{border-color:#8bbeb2;transform:translateY(-1px)}.cd-picker-card.is-selected{border-color:#267d6d;background:#f2faf7;box-shadow:0 0 0 2px rgba(38,125,109,.1)}.cd-picker-card input{position:absolute;opacity:0;pointer-events:none}.cd-picker-check{position:absolute;right:12px;top:12px;width:23px;height:23px;border-radius:50%;border:1px solid #cbd8d5;display:grid;place-items:center;font-size:13px;color:transparent;background:#fff}.cd-picker-card .cd-picker-art{height:66px;margin:-2px -2px 11px;border-radius:10px;overflow:hidden}.cd-picker-card .cd-picker-art *{max-height:100%}.cd-picker-select-label{display:block;margin-top:11px;font-size:11px;font-weight:700;color:#267d6d}.cd-picker-card.is-selected .cd-picker-check{background:#267d6d;border-color:#267d6d;color:#fff}.cd-picker-bank{font-size:11px;color:#748487;text-transform:uppercase;letter-spacing:.04em}.cd-picker-name{font-size:14px;font-weight:700;color:#183b42;margin:7px 30px 7px 0;line-height:1.3}.cd-picker-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#65777a}.cd-picker-empty{padding:22px;text-align:center;color:#758487;grid-column:1/-1}.cd-picker-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding-top:17px;border-top:1px solid #e7eeec}.cd-picker-count{font-size:13px;color:#5f7174}.cd-picker-count strong{color:#183b42}.cd-compare-now{border:0;border-radius:10px;padding:12px 18px;background:#267d6d;color:#fff;font-weight:700;cursor:pointer}.cd-compare-now:disabled{opacity:.45;cursor:not-allowed}
.cd-manual-compare-table{margin-top:24px;overflow:auto;border:1px solid #e1e9e7;border-radius:16px;background:#fff}.cd-manual-compare-table table{width:100%;min-width:760px;border-collapse:collapse}.cd-manual-compare-table th,.cd-manual-compare-table td{padding:14px 16px;border-bottom:1px solid #edf2f1;text-align:left;vertical-align:top;font-size:13px}.cd-manual-compare-table th{background:#f7faf9;color:#183b42;font-size:14px;position:relative}.cd-manual-compare-table td:first-child,.cd-manual-compare-table th:first-child{font-weight:700;color:#526669;position:sticky;left:0;background:#fff;z-index:1}.cd-manual-compare-table th:first-child{background:#f7faf9}.cd-manual-compare-table tr:last-child td{border-bottom:0}.cd-manual-compare-title{font-weight:800;color:#183b42}.cd-manual-compare-bank{display:block;font-size:11px;color:#758487;font-weight:500;margin-top:3px}.cd-manual-remove{margin-top:8px;border:0;background:none;color:#a45151;font-size:11px;cursor:pointer;padding:0}.cd-compare-rule{font-size:12px;color:#748487;margin-top:8px}
@media(max-width:900px){.cd-compare-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-compare-picker-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.cd-compare-picker{padding:19px}.cd-compare-picker-grid{grid-template-columns:1fr;max-height:520px}.cd-picker-actions{align-items:stretch;flex-direction:column}.cd-compare-now{width:100%}}
.cd-compare-builder{margin:28px 0 10px;padding:28px;border:1px solid #dfe8e5;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(20,63,71,.06)}
.cd-builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.cd-builder-head h3{margin:0 0 5px;font-size:24px;color:#183b42}.cd-builder-head p{margin:0;color:#64777a;font-size:14px}
.cd-compare-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.cd-compare-slot{min-height:126px;border:1px dashed #b8cbc6;border-radius:14px;background:#f9fcfb;padding:12px;position:relative;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#183b42}.cd-compare-slot.empty{align-items:center;text-align:center;cursor:pointer}.cd-compare-slot.empty span{font-size:24px;color:#267d6d}.cd-compare-slot.empty small,.cd-compare-slot.filled small{font-size:11px;color:#758487}.cd-compare-slot.filled{border-style:solid;background:#f2faf7}.cd-slot-remove{position:absolute;right:7px;top:6px;border:0;background:#fff;border-radius:50%;width:23px;height:23px;color:#a45151;cursor:pointer}.cd-slot-change{align-self:flex-start;border:0;background:none;padding:0;color:#267d6d;font-size:11px;font-weight:700;cursor:pointer}.cd-compare-slot .cd-mini-art{width:100%;height:45px;min-height:45px;padding:8px;border-radius:8px}.cd-compare-slot .cd-mini-art strong{font-size:10px}.cd-builder-divider{display:flex;align-items:center;gap:12px;color:#7b8b8d;font-size:12px;margin:8px 0 14px}.cd-builder-divider:before,.cd-builder-divider:after{content:"";height:1px;background:#e5ecea;flex:1}.cd-compare-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}.cd-compare-filters button{border:1px solid #dbe6e3;background:#fff;color:#526669;border-radius:999px;padding:7px 12px;font-size:12px;cursor:pointer}.cd-compare-filters button.is-active{background:#267d6d;border-color:#267d6d;color:#fff}.cd-compare-trending{margin-top:40px}.cd-matchup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cd-matchup{border:1px solid #e1e9e7;border-radius:16px;padding:15px;background:#fff;display:grid;gap:7px;position:relative}.cd-matchup-tag{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#267d6d;font-weight:800}.cd-matchup .cd-mini-art{height:52px;min-height:52px;padding:9px}.cd-matchup .cd-mini-art strong{font-size:10px}.cd-matchup>strong{font-size:12px;color:#183b42}.cd-vs{text-align:center;font-size:10px;font-weight:800;color:#9aa9aa}.cd-matchup-btn{border:0;background:#183b42;color:#fff;border-radius:9px;padding:9px 12px;font-weight:700;font-size:12px;cursor:pointer;margin-top:4px}
@media(max-width:1000px){.cd-compare-slots{grid-template-columns:repeat(3,1fr)}.cd-matchup-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cd-compare-slots{grid-template-columns:repeat(2,1fr)}.cd-matchup-grid{grid-template-columns:1fr}.cd-builder-head{align-items:flex-start;flex-direction:column}.cd-compare-builder{padding:19px}}

/* FINAL CONTENT ALIGNMENT FIX
   Keep the original visual design, but contain page content so headings,
   descriptions and cards never start at the viewport edge or get clipped. */
.cd-compare-legacy,
.cd-best-legacy {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0;
}
.cd-compare-legacy > *,
.cd-best-legacy > *,
.cd-compare-legacy section,
.cd-best-legacy section,
.cd-compare-legacy article,
.cd-best-legacy article {
  min-width: 0;
  max-width: 100%;
}
.cd-compare-legacy h1,
.cd-compare-legacy h2,
.cd-compare-legacy h3,
.cd-compare-legacy h4,
.cd-compare-legacy p,
.cd-compare-legacy a,
.cd-best-legacy h1,
.cd-best-legacy h2,
.cd-best-legacy h3,
.cd-best-legacy h4,
.cd-best-legacy p,
.cd-best-legacy a {
  overflow-wrap: break-word;
  word-break: normal;
}
.cd-compare-legacy .cd-compare-picker,
.cd-compare-legacy .cd-compare-builder,
.cd-compare-legacy .cd-manual-compare-table {
  width: 100%;
  max-width: 100%;
}
.cd-best-legacy .cd-best-sections,
.cd-best-legacy .cd-card-rail {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 700px) {
  .cd-compare-legacy,
  .cd-best-legacy {
    width: calc(100% - 28px);
  }
  .cd-compare-legacy .cd-compare-picker,
  .cd-compare-legacy .cd-compare-builder {
    padding-left: 16px;
    padding-right: 16px;
  }
  .cd-compare-legacy .cd-picker-name,
  .cd-best-legacy h1,
  .cd-best-legacy h2,
  .cd-best-legacy h3,
  .cd-best-legacy p {
    max-width: 100%;
  }
}

/* Final fix: keep selected card name and bank on separate rows. */
.cd-compare-slot.filled > div:not(.cd-mini-art) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  width: 100%;
  gap: 3px;
}
.cd-compare-slot.filled > div:not(.cd-mini-art) > strong {
  display: block;
  width: 100%;
  margin: 0;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}
.cd-compare-slot.filled > div:not(.cd-mini-art) > small {
  display: block;
  width: 100%;
  margin: 0;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}


/* Exact text-overlap fix for compare cards.  Names and banks must never share an inline line. */
.cd-compare-slot.filled .cd-slot-card-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cd-compare-slot.filled .cd-slot-card-name,
.cd-compare-slot.filled .cd-slot-card-bank {
  display: block !important;
  position: static !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.25 !important;
}
.cd-compare-slot.filled .cd-slot-card-name {
  color: #183b42 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.cd-compare-slot.filled .cd-slot-card-bank {
  color: #758487 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* The compact artwork is only 45–52px tall, so keep its two labels in their own rows. */
.cd-compare-slot .cd-mini-art,
.cd-matchup .cd-mini-art {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}
.cd-compare-slot .cd-mini-art small,
.cd-matchup .cd-mini-art small {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  max-width: 100% !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.cd-compare-slot .cd-mini-art strong,
.cd-matchup .cd-mini-art strong {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  display: block !important;
  max-width: 92% !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Final contrast polish: only the two sections shown in the supplied screenshots. */
.home-reveal > div[class*="bg-[#173e42]"] h2,
.home-reveal > div[class*="bg-[#173e42]"] h3 {
  color: #f7fbf4 !important;
}
.home-reveal > div[class*="bg-[#173e42]"] p {
  color: #cfe4de !important;
}
.home-reveal > div[class*="bg-[#ed8b66]"] h2 {
  color: #102e35 !important;
}
.home-reveal > div[class*="bg-[#ed8b66]"] p {
  color: #633f38 !important;
}
.home-reveal > div[class*="bg-[#ed8b66]"] a[class*="bg-[#173e42]"] {
  color: #eef0df !important;
}
.home-reveal > div[class*="bg-[#ed8b66]"] a[class*="border-[#7f392d]"] {
  color: #102e35 !important;
}
/* HD bank logos: use vector artwork at native resolution and prevent browser softening. */
.cd-bank-logo-wrap img{width:26px!important;height:26px!important;object-fit:contain!important;image-rendering:auto!important;filter:none!important;opacity:1!important}
@media (max-width:640px){.cd-bank-logo-wrap img{width:23px!important;height:23px!important}}

/* Popular Banks: compact two-row opposing marquee. */
.cd-bank-two-row{
  display:grid!important;
  grid-template-rows:repeat(2,70px)!important;
  gap:10px!important;
  width:100%!important;
  overflow:hidden!important;
  padding:2px 0 8px!important;
}
.cd-bank-two-row .cd-bank-row-viewport{
  width:100%!important;
  overflow:hidden!important;
  position:relative!important;
}
.cd-bank-two-row .cd-bank-row-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:10px!important;
  height:70px!important;
  will-change:transform;
}
.cd-bank-two-row .cd-bank-logo-tile{
  width:190px!important;
  min-width:190px!important;
  height:64px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(31,65,72,.12)!important;
  background:rgba(255,255,255,.9)!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(27,57,65,.045)!important;
  transform:none!important;
  flex:0 0 190px!important;
  overflow:hidden!important;
}
.cd-bank-two-row .cd-bank-logo-tile:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(31,65,72,.2)!important;
  box-shadow:0 7px 18px rgba(27,57,65,.08)!important;
  background:#fff!important;
}
.cd-bank-two-row .cd-bank-logo-wrap{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border:1px solid rgba(31,65,72,.08)!important;
  border-radius:11px!important;
  background:#f8faf9!important;
  overflow:hidden!important;
}
.cd-bank-two-row .cd-bank-logo-wrap img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:31px!important;
  max-height:27px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
}
.cd-bank-two-row .cd-bank-logo-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:hidden!important;
}
.cd-bank-two-row .cd-bank-logo-copy strong{
  display:block!important;
  color:#193b43!important;
  font-size:13px!important;
  line-height:1.12!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cd-bank-two-row .cd-bank-logo-copy small{
  display:block!important;
  color:#7a8990!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.cd-bank-two-row .cd-bank-arrow{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  border-radius:999px!important;
  background:#f0efff!important;
  color:#6158e8!important;
  font-size:13px!important;
  font-weight:800!important;
}
.cd-bank-two-row .cd-bank-logo-fallback{font-size:9px!important;font-weight:800!important;color:#183b42!important}
@keyframes cdBankFlowLeftFinal{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cdBankFlowRightFinal{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.cd-bank-two-row .cd-bank-row-right{animation:cdBankFlowRightFinal 30s linear infinite!important}
.cd-bank-two-row .cd-bank-row-left{animation:cdBankFlowLeftFinal 30s linear infinite!important}
.cd-bank-two-row .cd-bank-row-track.is-paused{animation-play-state:paused!important}
@media(max-width:900px){
  .cd-bank-two-row{grid-template-rows:repeat(2,62px)!important;gap:8px!important}
  .cd-bank-two-row .cd-bank-row-track{height:62px!important;gap:8px!important}
  .cd-bank-two-row .cd-bank-logo-tile{width:170px!important;min-width:170px!important;flex-basis:170px!important;height:56px!important;padding:7px 8px!important;border-radius:13px!important;gap:8px!important}
  .cd-bank-two-row .cd-bank-logo-wrap{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
  .cd-bank-two-row .cd-bank-logo-wrap img{max-width:28px!important;max-height:24px!important}
  .cd-bank-two-row .cd-bank-logo-copy strong{font-size:12px!important}
  .cd-bank-two-row .cd-bank-logo-copy small{font-size:8px!important}
  .cd-bank-two-row .cd-bank-arrow{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:12px!important}
}
@media(max-width:560px){
  .cd-bank-two-row{grid-template-rows:repeat(2,56px)!important;gap:7px!important}
  .cd-bank-two-row .cd-bank-row-track{height:56px!important;gap:7px!important}
  .cd-bank-two-row .cd-bank-logo-tile{width:150px!important;min-width:150px!important;flex-basis:150px!important;height:50px!important;padding:6px 7px!important;gap:7px!important;border-radius:12px!important}
  .cd-bank-two-row .cd-bank-logo-wrap{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important}
  .cd-bank-two-row .cd-bank-logo-wrap img{max-width:25px!important;max-height:21px!important}
  .cd-bank-two-row .cd-bank-logo-copy strong{font-size:11px!important}
  .cd-bank-two-row .cd-bank-logo-copy small{font-size:7.5px!important}
  .cd-bank-two-row .cd-bank-arrow{display:none!important}
}
@media(prefers-reduced-motion:reduce){.cd-bank-two-row .cd-bank-row-track{animation:none!important}}

/* Final text-contrast fix for homepage sections. */
.cd-contrast-fix-how {
  color: #ffffff !important;
}

/* The homepage How It Works block is rendered by the main app, so target
   its existing structure without changing the rest of the site. */
section.home-reveal > div.rounded-\[22px\].bg-\[\#173e42\] {
  color: #ffffff !important;
}
section.home-reveal > div.rounded-\[22px\].bg-\[\#173e42\] h2,
section.home-reveal > div.rounded-\[22px\].bg-\[\#173e42\] h3 {
  color: #ffffff !important;
}
section.home-reveal > div.rounded-\[22px\].bg-\[\#173e42\] > div > div > p:last-child,
section.home-reveal > div.rounded-\[22px\].bg-\[\#173e42\] h3 + p {
  color: #dcece7 !important;
}
section.home-reveal > div.rounded-\[22px\].bg-\[\#173e42\] span {
  color: #ffb08f !important;
}

/* Final coral CTA: keep every text element clearly readable. */
section.home-reveal + section > div.rounded-\[22px\].bg-\[\#ed8b66\] {
  color: #102e35 !important;
}
section.home-reveal + section > div.rounded-\[22px\].bg-\[\#ed8b66\] h2 {
  color: #102e35 !important;
}
section.home-reveal + section > div.rounded-\[22px\].bg-\[\#ed8b66\] p:last-child {
  color: #4d3a38 !important;
}
section.home-reveal + section > div.rounded-\[22px\].bg-\[\#ed8b66\] a[data-testid="link-home-final-explore"] {
  color: #eef0df !important;
}
section.home-reveal + section > div.rounded-\[22px\].bg-\[\#ed8b66\] a[data-testid="link-home-final-compare"] {
  color: #102e35 !important;
}

/* Final fix: How It Works heading was still inheriting the homepage navy rule. */
#root main > .page-enter section.home-reveal > div[class*="bg-[#173e42]"] h2 {
  color: #eef0df !important;
}
#root main > .page-enter section.home-reveal > div[class*="bg-[#173e42]"] > div > p {
  color: #dcece7 !important;
}