/* ============================================================
   ValidateNiche — NEW HOMEPAGE THEME
   Namespaced .nv-* so it never fights styles.css.
   Powers the new nav + hero. Your search, results, trending
   banner and all scripts are untouched and keep working.
============================================================ */
:root{
  --nv-ink:#0B1E33; --nv-ink2:#1C3A56; --nv-ocean:#0E3A5C; --nv-ocean-deep:#0A2B44;
  --nv-accent:#1A73C0; --nv-bright:#3FA0E6; --nv-accent-soft:#E8F1FA;
  --nv-good:#15924D; --nv-good-soft:#E5F4EC; --nv-warn:#D9920F; --nv-warn-soft:#FBF1DA;
  --nv-bad:#CF4329; --nv-bad-soft:#FBE7E2;
  --nv-paper:#FFFFFF; --nv-mist:#F2F7FC; --nv-mist2:#E9F2F9;
  --nv-line:#E1EBF3; --nv-line2:#CFDEEC; --nv-muted:#5C7186; --nv-muted2:#8396A8;
  --nv-disp:'Archivo',-apple-system,Segoe UI,sans-serif;
  --nv-body:'Inter',-apple-system,Segoe UI,sans-serif;
  --nv-mono:'Spline Sans Mono',ui-monospace,monospace;
  --nv-shsm:0 1px 3px rgba(14,58,92,.07),0 1px 2px rgba(14,58,92,.05);
  --nv-shmd:0 8px 24px rgba(14,58,92,.10),0 2px 6px rgba(14,58,92,.06);
  --nv-shlg:0 24px 60px rgba(11,30,51,.16),0 6px 18px rgba(14,58,92,.08);
}

/* ---------- NAV ---------- */
.nv-nav{position:sticky;top:0;z-index:300;background:rgba(242,247,252,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--nv-line)}
.nv-nav-in{max-width:1180px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nv-logo{display:inline-flex;align-items:center}
.nv-logo img{height:84px;width:auto;display:block}   /* ← change 84px to 150px for the original big size */
.nv-links{display:flex;gap:28px;align-items:center}
.nv-links a{color:var(--nv-ink2);font-family:var(--nv-body);font-weight:600;font-size:.94rem;text-decoration:none;transition:color .15s;position:relative;padding:6px 0}
.nv-links a:hover{color:var(--nv-accent)}
.nv-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--nv-accent);transition:width .2s}
.nv-links a:hover::after{width:100%}
.nv-navcta{display:flex;gap:10px;align-items:center}
.nv-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--nv-body);font-weight:700;font-size:.9rem;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .2s;white-space:nowrap;cursor:pointer}
.nv-btn-ghost{padding:9px 16px;color:var(--nv-ink2);border:1px solid var(--nv-line2);background:none}
.nv-btn-ghost:hover{background:#fff;color:var(--nv-accent);transform:translateY(-1px)}
.nv-btn-primary{padding:10px 18px;color:#fff;background:linear-gradient(135deg,var(--nv-accent),var(--nv-ocean));box-shadow:0 6px 16px rgba(26,115,192,.32);border:none}
.nv-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(26,115,192,.42)}

/* ---------- HERO ---------- */
.nv-hero{padding:54px 0 34px;background:
   radial-gradient(900px 480px at 88% -10%,rgba(63,160,230,.16),transparent 60%),
   radial-gradient(700px 460px at -5% 0%,rgba(26,115,192,.10),transparent 55%),
   linear-gradient(180deg,#EAF3FB 0%,var(--nv-mist) 60%,var(--nv-mist) 100%);
   border-bottom:1px solid var(--nv-line)}
.nv-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nv-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:50px;align-items:start}
.nv-grid>div{min-width:0}
.nv-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--nv-mono);font-size:.92rem;font-weight:700;color:var(--nv-ink);background:#fff;border:2px solid #F57C00;padding:9px 18px;border-radius:999px;box-shadow:0 4px 16px rgba(245,124,0,0.2),0 0 0 4px rgba(245,124,0,0.12)}
.nv-eyebrow .d{width:8px;height:8px;border-radius:50%;background:#F57C00;box-shadow:0 0 0 3px rgba(245,124,0,0.25);animation:nvpulse 2.4s infinite}
@keyframes nvpulse{0%,100%{opacity:1}50%{opacity:.45}}
.nv-h1{font-family:var(--nv-disp);font-weight:900;font-size:clamp(2.4rem,4.8vw,3.7rem);line-height:1.06;letter-spacing:-.02em;color:var(--nv-ink);margin:20px 0 16px}
.nv-h1 .hl{position:relative;color:var(--nv-accent);white-space:nowrap}
.nv-h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.07em;height:.32em;background:rgba(63,160,230,.20);z-index:-1;border-radius:3px}
.nv-lede{font-family:var(--nv-body);font-size:1.1rem;color:var(--nv-muted);max-width:480px;line-height:1.65;margin-bottom:8px}
.nv-lede b{color:var(--nv-ink2);font-weight:600}
.nv-seglabel{display:inline-flex;align-items:center;gap:8px;font-family:var(--nv-body);font-size:1rem;font-weight:700;color:var(--nv-ink);background:var(--nv-accent-soft);border:1.5px solid var(--nv-accent);border-left:5px solid var(--nv-accent);padding:10px 16px;border-radius:12px;margin:24px 0 13px;box-shadow:0 4px 14px rgba(26,115,192,.18)}
.nv-seglabel b{color:var(--nv-accent);font-weight:800}
.nv-seglabel .nv-point{display:inline-block;font-size:1.15rem;animation:nvbounce 1.3s ease-in-out infinite}
@keyframes nvbounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

/* platform tabs — override styles.css, keep on one line */
#platformSelector.nv-seg{display:flex;gap:4px;background:var(--nv-mist2);border:1px solid var(--nv-line);padding:4px;border-radius:14px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 0 4px}
#platformSelector.nv-seg::-webkit-scrollbar{display:none}
#platformSelector.nv-seg .platform-btn{position:relative;overflow:hidden;padding:9px 12px !important;border-radius:10px !important;font-family:var(--nv-body) !important;font-weight:600 !important;font-size:.85rem !important;color:var(--nv-muted) !important;background:none !important;border:1.5px solid transparent !important;display:inline-flex !important;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease,color .25s ease,background .25s ease !important;box-shadow:none !important;width:auto !important;margin:0 !important;z-index:0}
#platformSelector.nv-seg .platform-btn::before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(120deg,transparent,rgba(63,160,230,.30),transparent);transform:skewX(-20deg);transition:left .6s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:1}
#platformSelector.nv-seg .platform-btn>*{position:relative;z-index:2}
#platformSelector.nv-seg .platform-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(63,160,230,.30),0 0 0 1px rgba(63,160,230,.22) !important}
#platformSelector.nv-seg .platform-btn:hover::before{left:130%}
#platformSelector.nv-seg .platform-btn.active{background:#fff !important;color:var(--nv-ink) !important;box-shadow:var(--nv-shsm) !important}
#platformSelector.nv-seg .platform-btn.active::before{display:none}
/* Per-platform brand colors */
#platformSelector.nv-seg .platform-btn[data-platform="kdp"]::before{background:linear-gradient(120deg,transparent,rgba(255,153,0,.35),transparent)}
#platformSelector.nv-seg .platform-btn[data-platform="kdp"]:hover{color:#C76B00 !important;border-color:#FF9900 !important;box-shadow:0 8px 20px rgba(255,153,0,.35),0 0 0 1px rgba(255,153,0,.25) !important}
#platformSelector.nv-seg .platform-btn[data-platform="kdp"].active{background:#FF9900 !important;color:#fff !important;box-shadow:0 4px 14px rgba(255,153,0,.4) !important}
#platformSelector.nv-seg .platform-btn[data-platform="youtube"]::before{background:linear-gradient(120deg,transparent,rgba(255,0,0,.28),transparent)}
#platformSelector.nv-seg .platform-btn[data-platform="youtube"]:hover{color:#D70000 !important;border-color:#FF0000 !important;box-shadow:0 8px 20px rgba(255,0,0,.28),0 0 0 1px rgba(255,0,0,.22) !important}
#platformSelector.nv-seg .platform-btn[data-platform="youtube"].active{background:#FF0000 !important;color:#fff !important;box-shadow:0 4px 14px rgba(255,0,0,.4) !important}
#platformSelector.nv-seg .platform-btn[data-platform="amazon"]::before{background:linear-gradient(120deg,transparent,rgba(20,110,180,.35),transparent)}
#platformSelector.nv-seg .platform-btn[data-platform="amazon"]:hover{color:#0E4E80 !important;border-color:#146EB4 !important;box-shadow:0 8px 20px rgba(20,110,180,.35),0 0 0 1px rgba(20,110,180,.25) !important}
#platformSelector.nv-seg .platform-btn[data-platform="amazon"].active{background:#146EB4 !important;color:#fff !important;box-shadow:0 4px 14px rgba(20,110,180,.4) !important}
#platformSelector.nv-seg .platform-btn[data-platform="tiktok"]::before{background:linear-gradient(120deg,transparent,rgba(254,44,85,.30),transparent)}
#platformSelector.nv-seg .platform-btn[data-platform="tiktok"]:hover{color:#D11341 !important;border-color:#FE2C55 !important;box-shadow:0 8px 20px rgba(254,44,85,.30),0 0 0 1px rgba(254,44,85,.22) !important}
#platformSelector.nv-seg .platform-btn[data-platform="tiktok"].active{background:#010101 !important;color:#fff !important;border-color:#FE2C55 !important;box-shadow:0 0 0 1.5px #FE2C55,0 4px 14px rgba(254,44,85,.35) !important}

/* search box */
.nv-search{margin:16px 0 10px;display:flex;gap:10px;background:#fff;border:1.5px solid var(--nv-line2);border-radius:16px;padding:8px;box-shadow:var(--nv-shmd);transition:box-shadow .2s,border-color .2s}
.nv-search:focus-within{border-color:var(--nv-bright);box-shadow:var(--nv-shmd),0 0 0 4px rgba(63,160,230,.18)}
.nv-search input{flex:1;border:none !important;background:none !important;font-family:var(--nv-body);font-size:1.04rem;color:var(--nv-ink);padding:12px 14px;outline:none;box-shadow:none !important;margin:0 !important;width:auto !important}
.nv-search input::placeholder{color:var(--nv-muted2)}
.nv-search button{padding:0 26px;border-radius:11px;background:linear-gradient(135deg,var(--nv-accent),var(--nv-ocean));color:#fff;font-family:var(--nv-body);font-weight:700;font-size:1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 16px rgba(26,115,192,.34);white-space:nowrap}
.nv-search button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(26,115,192,.46)}

/* example chips — app.js injects .example-chip into #exampleSearches */
#exampleSearches{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}
#exampleSearches .example-chip{font-family:var(--nv-body) !important;font-size:.83rem !important;font-weight:500 !important;color:var(--nv-ink2) !important;background:#fff !important;border:1px solid var(--nv-line) !important;padding:6px 13px !important;border-radius:999px !important;cursor:pointer;transition:all .15s;margin:0 !important}
#exampleSearches .example-chip:hover{border-color:var(--nv-accent) !important;color:var(--nv-accent) !important;transform:translateY(-1px)}
.nv-fine{font-family:var(--nv-body);font-size:.98rem;color:var(--nv-ink2);font-weight:500;margin:14px 0 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.nv-fine .s{width:4px;height:4px;border-radius:50%;background:var(--nv-line2)}

/* niche-library links — app.js injects into #nicheLibraryLinks */
#nicheLibraryLinks{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:14px 0 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
#nicheLibraryLinks::-webkit-scrollbar{display:none}
#nicheLibraryLinks .niche-quicklinks-label{font-family:var(--nv-mono);font-size:.72rem;color:var(--nv-muted2);font-weight:500;white-space:nowrap;flex-shrink:0}
#nicheLibraryLinks .niche-quicklink{font-family:var(--nv-body);font-size:.82rem;font-weight:600;color:var(--nv-accent);text-decoration:none;background:var(--nv-accent-soft);padding:5px 11px;border-radius:999px;transition:all .15s;white-space:nowrap;flex-shrink:0}
#nicheLibraryLinks .niche-quicklink:hover{background:#fff;box-shadow:var(--nv-shsm)}

/* data sources — one line */
.nv-sources{margin:22px 0 0;font-family:var(--nv-mono);font-size:.88rem;color:var(--nv-ink2);display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.nv-sources::-webkit-scrollbar{display:none}
.nv-sources .live{display:inline-flex;align-items:center;gap:6px;color:var(--nv-good);font-weight:600;flex-shrink:0}
.nv-sources .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--nv-good);animation:nvpulse 1.8s infinite}
.nv-sources .list{color:var(--nv-ink2);font-weight:500}

/* social proof */
.nv-proof{display:flex;align-items:center;gap:12px;margin:26px 0 0}
.nv-stack{display:flex}
.nv-stack span{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--nv-mist);display:grid;place-items:center;font-family:var(--nv-body);font-size:.84rem;font-weight:700;margin-left:-9px;box-shadow:var(--nv-shsm)}
.nv-stack span:first-child{margin-left:0}
.nv-proof p{font-family:var(--nv-body);font-size:1rem;color:var(--nv-ink2);margin:0}
.nv-proof b{color:var(--nv-ink);font-weight:700}

/* ---------- VERDICT CARD ---------- */
.nv-verdict{background:linear-gradient(170deg,var(--nv-ocean) 0%,var(--nv-ocean-deep) 100%);border-radius:26px;padding:26px;box-shadow:var(--nv-shlg);position:relative;overflow:hidden;color:#fff;font-family:var(--nv-body)}
.nv-verdict::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 80% -10%,rgba(63,160,230,.30),transparent 60%);pointer-events:none}
.nv-vhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative}
.nv-vhead .lbl{font-family:var(--nv-mono);font-size:.66rem;letter-spacing:.05em;color:rgba(255,255,255,.55);text-transform:uppercase}
.nv-vhead .bdg{font-size:.7rem;font-weight:700;color:#7DE6AC;background:rgba(21,146,77,.22);border:1px solid rgba(21,146,77,.45);padding:4px 11px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}
.nv-vtop{display:flex;align-items:center;gap:22px;margin-bottom:20px;position:relative}
.nv-gauge{position:relative;width:124px;height:124px;flex-shrink:0}
.nv-gauge svg{transform:rotate(-90deg)}
.nv-gauge .num{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.nv-gauge .num b{font-family:var(--nv-disp);font-weight:900;font-size:2.5rem;color:#fff;line-height:1}
.nv-gauge .num i{font-style:normal;font-size:.74rem;color:rgba(255,255,255,.5);font-weight:600}
.nv-vmeta .nm{font-family:var(--nv-disp);font-weight:700;font-size:1.16rem;color:#fff;margin-bottom:6px;letter-spacing:-.01em}
.nv-vv{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:#7DE6AC;margin-bottom:12px}
.nv-vmeta ul{list-style:none;display:grid;gap:5px;padding:0;margin:0}
.nv-vmeta li{font-size:.8rem;color:rgba(255,255,255,.66);display:flex;align-items:center;gap:8px}
.nv-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px;position:relative}
.nv-metric{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:12px 14px}
.nv-metric .mt{font-family:var(--nv-mono);font-size:.62rem;letter-spacing:.05em;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:7px}
.nv-metric .mv{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.nv-metric .mv b{font-family:var(--nv-disp);font-size:1.32rem;font-weight:800;color:#fff}
.nv-metric .mv span{font-size:.72rem;font-weight:700;color:#7DE6AC}
.nv-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.nv-bar i{display:block;height:100%;border-radius:3px}
.nv-plan{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}
.nv-plan .pt{font-family:var(--nv-mono);font-size:.62rem;letter-spacing:.05em;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:11px}
.nv-plan ol{list-style:none;display:grid;gap:8px;counter-reset:s;padding:0;margin:0}
.nv-plan li{counter-increment:s;display:flex;align-items:center;gap:10px;font-size:.82rem;color:rgba(255,255,255,.82)}
.nv-plan li::before{content:counter(s);width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--nv-bright),var(--nv-accent));color:#fff;font-size:.66rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;font-family:var(--nv-disp)}
.nv-plan li b{color:#fff;font-weight:600}
.nv-vcta{margin-top:13px;width:100%;padding:13px;border-radius:12px;background:linear-gradient(135deg,var(--nv-bright),var(--nv-accent));color:#fff;font-family:var(--nv-body);font-weight:700;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 20px rgba(63,160,230,.3)}
.nv-vcta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(63,160,230,.42)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:880px){
  .nv-grid{grid-template-columns:1fr;gap:36px}
  .nv-verdict{max-width:440px;margin:0 auto}
  .nv-links{display:none}
  .nv-logo img{height:64px}
}
@media(max-width:520px){
  .nv-search{flex-direction:column}
  .nv-search button{padding:14px}
  .nv-logo img{height:54px}
}
@media(prefers-reduced-motion:reduce){.nv-eyebrow .d,.nv-sources .live::before{animation:none}}

/* ============================================================
   PHASE 2 — niche cards + footer + middle sections
============================================================ */

/* ---------- Niche result cards (match the example look) ---------- */
.home .niche-card{background:var(--nv-paper) !important;border:1px solid var(--nv-line) !important;border-radius:18px !important;box-shadow:var(--nv-shmd) !important;overflow:hidden;font-family:var(--nv-body)}
#results{background:var(--nv-mist) !important}
.results-grid{gap:20px}

/* ---------- Stats strip ---------- */
.stats-strip{background:var(--nv-paper) !important;border:1px solid var(--nv-line) !important;border-radius:18px !important;box-shadow:var(--nv-shsm) !important;margin:0 auto !important;max-width:1180px}
.stat-value{font-family:var(--nv-disp) !important;font-weight:800 !important;letter-spacing:-.02em}
.stat-label{font-family:var(--nv-body) !important;color:var(--nv-muted) !important}
.stat-value.text-accent{color:var(--nv-accent) !important}
.stat-value.text-green{color:var(--nv-good) !important}
.stat-value.text-red{color:var(--nv-bad) !important}
.stat-value.text-yellow{color:var(--nv-warn) !important}

/* ---------- Feature / info cards ---------- */
.feature-card{background:var(--nv-paper) !important;border:1px solid var(--nv-line) !important;border-radius:16px !important;box-shadow:var(--nv-shsm) !important;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--nv-shmd) !important}

/* ---------- New footer (light, clean, wordmark) ---------- */
.nv-footer{background:var(--nv-mist);border-top:1px solid var(--nv-line);padding:54px 0 34px;font-family:var(--nv-body)}
.nv-foot-grid{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px}
.nv-foot-brand .wm{font-family:var(--nv-disp);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:var(--nv-ink);text-decoration:none;display:inline-block;margin-bottom:14px}
.nv-foot-brand .wm b{color:var(--nv-accent)}
.nv-foot-brand .wm span{color:var(--nv-muted2);font-weight:600}
.nv-foot-brand p{color:var(--nv-muted);font-size:.9rem;line-height:1.6;max-width:300px}
.nv-foot-col h4{font-family:var(--nv-disp);font-size:.8rem;font-weight:700;color:var(--nv-ink);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px}
.nv-foot-col ul{list-style:none;margin:0;padding:0}
.nv-foot-col li{margin-bottom:9px}
.nv-foot-col a{color:var(--nv-muted);font-size:.89rem;text-decoration:none;transition:color .15s}
.nv-foot-col a:hover{color:var(--nv-accent)}
.nv-foot-col p{color:var(--nv-muted);font-size:.89rem;margin:0 0 8px}
.nv-foot-col .mail{color:var(--nv-accent);font-weight:600;font-size:.92rem;text-decoration:none}
.nv-foot-bottom{max-width:1180px;margin:28px auto 0;padding:22px 24px 0;border-top:1px solid var(--nv-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--nv-muted2);font-size:.84rem}
.nv-foot-bottom a{color:var(--nv-muted);text-decoration:none}
.nv-foot-bottom a:hover{color:var(--nv-accent)}
.nv-foot-disc{max-width:1180px;margin:16px auto 0;padding:0 24px;font-size:.78rem;color:var(--nv-muted2);text-align:center;line-height:1.6}
.nv-foot-disc a{color:var(--nv-muted)}
@media(max-width:880px){.nv-foot-grid{grid-template-columns:1fr 1fr;gap:28px}.nv-foot-bottom{flex-direction:column}}
@media(max-width:520px){.nv-foot-grid{grid-template-columns:1fr}}

/* ============================================================
   DARK NICHE CARD — match the example (text colors + dark bg)
   Done with attribute selectors so components.js logic is untouched.
============================================================ */
.home .niche-card{background:linear-gradient(168deg,#0E3A5C 0%,#0A2B44 100%) !important;border:1px solid rgba(255,255,255,0.10) !important;color:#EAF3FB}
.home .niche-card-body,.home .niche-card-header{color:#EAF3FB}
.home .niche-card h1,.home .niche-card h2,.home .niche-card h3,.home .niche-card h4,.home .niche-card strong,.home .niche-card b{color:#FFFFFF}
.home .niche-card p,.home .niche-card span,.home .niche-card li,.home .niche-card div{color:inherit}

/* flip explicit DARK text → light */
.home .niche-card [style*="color:#0E3A5C"],.home .niche-card [style*="color: #0E3A5C"]{color:#EAF3FB !important}
.home .niche-card [style*="color:#5C7186"],.home .niche-card [style*="color: #5C7186"]{color:#A7BBCC !important}
.home .niche-card [style*="color:#7AABBF"]{color:#9CC0D6 !important}
.home .niche-card [style*="color:#94A3B8"],.home .niche-card [style*="color:#90A4AE"],.home .niche-card [style*="color:#B0BEC5"],.home .niche-card [style*="color:#CBD5E1"]{color:#9FB3C5 !important}
/* brighten accent text for dark bg */
.home .niche-card [style*="color:#15924D"]{color:#3FD680 !important}
.home .niche-card [style*="color:#CF4329"]{color:#FF7559 !important}
.home .niche-card [style*="color:#D9920F"]{color:#F2B43E !important}
.home .niche-card [style*="color:#2E86C1"],.home .niche-card [style*="color:#5BA8D4"]{color:#6FB7EC !important}

/* flip light box BACKGROUNDS → dark translucent */
.home .niche-card [style*="background:#F8F9FA"],.home .niche-card [style*="background: #F8F9FA"],
.home .niche-card [style*="background:#EEF6FC"],.home .niche-card [style*="background:#EAF4FB"],
.home .niche-card [style*="background:#E8EDF5"],.home .niche-card [style*="background: #E8EDF5"],
.home .niche-card [style*="background:#F0F7FF"],.home .niche-card [style*="background:#F8FBFF"],
.home .niche-card [style*="background:#F4F8FB"],.home .niche-card [style*="background:#F0F4F8"],
.home .niche-card [style*="background:#EBF5FB"],.home .niche-card [style*="background:#E8F4FD"]{background:rgba(255,255,255,0.06) !important}
.home .niche-card [style*="background:#FFF5F5"]{background:rgba(255,117,89,0.13) !important}
/* progress-bar fills → bright accent so they show on dark */
.home .niche-card [style*="background:#AED6F1"],.home .niche-card [style*="background:#5BA8D4"]{background:#3FA0E6 !important}
.home .niche-card [style*="background:#7B68EE"]{background:#9D8DF1 !important}

/* light BORDERS → subtle light */
.home .niche-card [style*="#E2E8F0"],.home .niche-card [style*="#D6E8F4"],.home .niche-card [style*="#CBD5E0"],
.home .niche-card [style*="#C8D8E8"],.home .niche-card [style*="#E8EDF5"]{border-color:rgba(255,255,255,0.12) !important}
.home .niche-card [style*="#FCA5A5"]{border-color:rgba(255,117,89,0.4) !important}
.home .niche-card [style*="#AED6F1"]{border-color:rgba(255,255,255,0.14) !important}

/* links inside the card stay readable */
.home .niche-card a{color:#6FB7EC}
.home .niche-card a:hover{color:#9CC0D6}

/* the animated gauge */
.nvg{display:inline-block}
.nvg .nvg-ring{transition:none}

/* ============================================================
   SUB-PAGE HERO (reusable across kdp-hub, trending, blog, etc.)
============================================================ */
.nv-pagehero{background:
   radial-gradient(700px 320px at 80% -20%,rgba(63,160,230,.28),transparent 60%),
   linear-gradient(165deg,var(--nv-ocean) 0%,var(--nv-ocean-deep) 100%);
   color:#fff;padding:48px 0 46px;text-align:center;border-bottom:1px solid var(--nv-line)}
.nv-pagehero .nv-wrap{max-width:820px}
.nv-pagehero .nv-eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff;box-shadow:none}
.nv-pagehero h1{font-family:var(--nv-disp) !important;font-weight:900 !important;font-size:clamp(2rem,4.5vw,3rem) !important;color:#fff !important;letter-spacing:-.02em !important;margin:18px 0 14px !important;line-height:1.1 !important;text-transform:none !important;text-align:center !important}
.nv-pagehero p{color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.65;max-width:660px;margin:0 auto}
.nv-pagehero .lead2{color:rgba(255,255,255,.65);font-size:.9rem;margin-top:12px}