:root{
  --green:#12B886; --blue:#2563EB; --red:#EF4444;
  --ink:#0f172a; --muted:#334155; --bg:#f8fafc; --card:#ffffff;
  --ring:0 8px 30px rgba(0,0,0,.07);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.header{background:linear-gradient(90deg,var(--green),var(--blue));color:#fff;padding:24px 16px;box-shadow:var(--ring)}
.header .brand{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}
.logo{width:44px;height:44px;border-radius:12px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-weight:800}
.nav{max-width:1200px;margin:10px auto 0 auto;display:flex;gap:18px;flex-wrap:wrap}
.nav a{color:#fff;opacity:.95;font-weight:600}
.hero{max-width:1200px;margin:24px auto;padding:0 16px 8px 16px;text-align:center;}
.hero h1{font-size: clamp(2rem, 4vw, 3rem);margin:8px 0 6px 0}
.hero p{font-size:1.1rem;opacity:.9;margin:0 auto;max-width:900px}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
@media (max-width: 960px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:18px;padding:18px;box-shadow:var(--ring)}
.card h2{margin:0 0 10px 0}
.card .muted{color:var(--muted)}
.footer{margin-top:24px;padding:24px 16px;background:#0b1220;color:#cbd5e1}
.footer a{color:#93c5fd}
.btn{background:var(--blue);color:#fff;border:none;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700}
.btn:hover{filter:brightness(.96)}
.btn.red{background:var(--red)}
.btn.green{background:var(--green)}
.input, select, .slider{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:720px){.row{grid-template-columns:1fr}}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.kpi{background:#0b1220;color:#fff;border-radius:14px;padding:12px;text-align:center}
.kpi strong{font-size:1.6rem}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.8rem;font-weight:700}
.badge.green{background:rgba(18,184,134,.12);color:var(--green)}
.badge.red{background:rgba(239,68,68,.12);color:var(--red)}
.badge.blue{background:rgba(37,99,235,.12);color:var(--blue)}
.gauge{height:22px;border-radius:999px;background:#e2e8f0;overflow:hidden;position:relative;margin:10px 0}
.gauge .fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--red),var(--blue),var(--green));transition:width .35s ease}
.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:10px 12px;border-radius:12px}
.prose{line-height:1.65}
.prose p{margin:.5rem 0}
.ads{background:#f1f5f9;border:1px dashed #94a3b8;border-radius:12px;padding:10px;text-align:center;color:#475569}
.sidebar .card{position:sticky;top:12px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;background:#fff;padding:.5rem .75rem;border-radius:.5rem;z-index:1000}


.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:960px){.cards{grid-template-columns:1fr}}
.card.icon{display:flex;gap:12px;align-items:flex-start}
.icon-dot{width:34px;height:34px;border-radius:999px;flex:0 0 34px;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:var(--ring)}
.section{max-width:1200px;margin:18px auto;padding:0 16px}
.section h2{text-align:center;margin:10px 0 6px 0}
.section p.lead{text-align:center;opacity:.9;margin:0 auto 10px auto;max-width:880px}
.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:960px){.scenarios{grid-template-columns:1fr}}
.scenario{background:#fff;border-radius:18px;box-shadow:var(--ring);padding:14px}
.scenario .btn{width:100%}
.accordion .item{border:1px solid #e2e8f0;border-radius:12px;margin:8px 0;background:#fff}
.accordion .head{padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.accordion .body{padding:0 14px 12px 14px;display:none}
.accordion .item.open .body{display:block}
.grid-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:960px){.grid-blog{grid-template-columns:1fr}}
.blog-card{background:#fff;border-radius:18px;padding:14px;box-shadow:var(--ring)}
.blog-card h3{margin:.3rem 0}
.center{text-align:center}
.hr{height:1px;background:#e2e8f0;margin:14px 0}


/* Homepage centering */
.home .hero,
.home .section { text-align:center; }

.home .container { max-width: 1000px; padding-left: 24px; padding-right: 24px; }

.home .grid {
  grid-template-columns: 1.5fr 1fr;
  justify-content: center;
  align-items: start;
  gap: 18px;
}

.home .card,
.home .sidebar .card { margin-left: auto; margin-right: auto; }

.home .kpis { justify-items: center; }

@media (max-width: 960px){
  .home .container { max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .home .grid { grid-template-columns: 1fr; }
}


.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{padding:10px 12px;background:#fff;border:1px solid #e2e8f0}
.table th{background:#0b1220;color:#fff;border-color:#0b1220}
.checklist{list-style:none;padding-left:0}
.checklist li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin:8px 0;display:flex;gap:10px;align-items:flex-start}
.check{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--green),var(--blue))}
.quote{border-left:4px solid var(--blue);padding:8px 12px;background:#f1f5f9;border-radius:6px}
.badge.range{background:#0b1220;color:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:960px){.grid-2{grid-template-columns:1fr}}


.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:960px){.form-row{grid-template-columns:1fr}}
.calc-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;box-shadow:var(--ring)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:#0b1220;color:#e2e8f0;border-radius:8px;padding:6px 8px;display:inline-block}
.tip{background:#ecfeff;border:1px solid #a5f3fc;color:#155e75;border-radius:12px;padding:10px 12px}

/* Disable clicks to ads.txt links just in case */
a[href$='/ads.txt']{pointer-events:none;cursor:default;text-decoration:none;color:inherit}

/* Pushpin logo styling */
.header .logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.header .logo .pushpin { vertical-align:middle; }
.header .logo .brand-text { font-weight:700; letter-spacing:0.2px; }
@media (max-width: 640px){
  .header .logo .brand-text { display:none; } /* keep header tidy on small screens */
}
@media (max-width: 640px){
  .hero .pin-badge{ width:44px; height:44px; border-radius:12px; margin-right:10px; }
}
/* Inline hero pushpin badge (compact) */
.hero .pin-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; height:40px;
  border-radius:10px;
  background:#ffffff;
  box-shadow: 0 6px 16px rgba(16,24,40,0.12);
  margin-right:10px;
  vertical-align:middle;
}
.hero h1{ display:inline-block; vertical-align:middle; }
.hero .pin-ic{ display:block; }
@media (max-width: 640px){
  .hero .pin-badge{ width:34px; height:34px; border-radius:9px; margin-right:8px; }
}
/* Header pushpin badge next to brand title */
.header .logo{
  display:inline-flex; align-items:center; gap:10px; text-decoration:none;
}
.header .logo .pin-badge--header{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:8px; background:#ffffff;
  box-shadow: 0 4px 12px rgba(16,24,40,0.12);
}
.header .logo .pin-ic{ display:block; }
.header .logo .brand-text{ font-weight:700; letter-spacing:.2px; }

/* Ensure hero badge (if any left) stays hidden after move */
.hero .pin-badge{ display:none !important; }

@media (max-width:640px){
  .header .logo .brand-text{ font-size:0.95rem; }
  .header .logo .pin-badge--header{ width:26px; height:26px; border-radius:7px; }
}

/* Header pushpin + full title; strip old CS box */
.header .logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.header .logo .pin-badge--header{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:8px;background:#fff;
  box-shadow:0 4px 12px rgba(16,24,40,.12)
}
.header .logo .brand-text{font-weight:700;letter-spacing:.2px}
.cs-box,.cs-logo,.cs-badge,.logo-badge,.brand-badge{display:none!important}


/* Hero inline pushpin next to title/subtitle */
.hero .hero-head{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.hero .pin-badge--hero{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:12px; background:#fff;
  box-shadow:0 6px 16px rgba(16,24,40,.12);
}
.hero h1{ margin:0; }
.hero p.subtitle{ margin:0; opacity:0.9; }

/* If the markup lacks a .hero-head wrapper, emulate inline behavior */
.hero .pin-badge--hero + h1{
  display:inline-block; vertical-align:middle; margin-right:8px;
}


/* Hero: pushpin next to main title/subtitle */
.hero .hero-titleblock{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.hero .pin-badge--hero{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:12px; background:#fff;
  box-shadow:0 6px 16px rgba(16,24,40,.12);
}
.hero h1{ margin:0; }
.hero .subtitle{ margin:0; opacity:.9 }
@media (max-width:640px){
  .hero .pin-badge--hero{ width:38px; height:38px; border-radius:10px; }
}


/* ===== Modern Header Redesign ===== */
.header{
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: saturate(160%) blur(10px);
  background: rgba(255,255,255,0.7);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 6px 18px rgba(16,24,40,0.06);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease, padding .25s ease;
}
.header .wrap{
  max-width: 1100px; margin: 0 auto;
  padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.header.scrolled .wrap{ padding: 8px 18px; }
.header .logo{ display: inline-flex; align-items: center; gap: 10px; text-decoration:none }
.header .brand-text{ font-weight: 800; letter-spacing: .2px; }
.header .pin-badge--header{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:8px; background:#fff;
  box-shadow:0 4px 12px rgba(16,24,40,.12)
}

/* Nav */
.header nav{ display:flex; align-items:center; gap: 10px; }
.header .nav-links{ display:flex; }
.header .nav-links ul{ display:flex; align-items:center; gap: 14px; margin:0; padding:0; list-style:none; }
.header .nav-links a{
  position: relative; padding: 8px 10px; border-radius: 10px; text-decoration:none;
  transition: color .2s ease;
}
.header .nav-links a:hover{ color:#c31327; }
.header .nav-links a[aria-current="page"], .header .nav-links .active{
  color:#c31327;
}
.header .nav-links a::after{
  content:""; position:absolute; left:10px; right:10px; bottom:6px; height:2px;
  background: linear-gradient(90deg,#ff465a,#c31327); transform: scaleX(0); transform-origin:left; transition: transform .25s ease;
}
.header .nav-links a:hover::after, .header .nav-links a[aria-current="page"]::after, .header .nav-links .active::after{ transform: scaleX(1); }

/* Mobile toggle */
.nav-toggle{
  display:none; margin-left: auto; background:transparent; border:0; padding:8px; border-radius:10px;
}
.nav-toggle .bar{ display:block; width:22px; height:2px; background:#111; margin:5px 0; transition: transform .2s ease, opacity .2s ease; }
.nav-open .nav-toggle .bar:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.nav-open .nav-toggle .bar:nth-child(2){ opacity:0; }
.nav-open .nav-toggle .bar:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* Mobile menu */
@media (max-width: 880px){
  .header .wrap{ gap:10px; }
  .nav-toggle{ display:inline-block; }
  .header nav{ width:100%; }
  .header .nav-links{
    position: absolute; left:0; right:0; top:100%;
    background: rgba(255,255,255,0.95); backdrop-filter: blur(12px);
    border-bottom:1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 24px rgba(16,24,40,0.08);
    transform: translateY(-8px); opacity:0; pointer-events:none;
    transition: transform .2s ease, opacity .2s ease;
  }
  .header .nav-links ul{ flex-direction: column; align-items: flex-start; gap: 6px; padding: 10px 16px; }
  .nav-open .header .nav-links{ transform: translateY(0); opacity:1; pointer-events:auto; }
}

/* Compact on scroll */
body.scrolled .header{
  background: rgba(255,255,255,0.85);
  box-shadow: 0 10px 24px rgba(16,24,40,0.10);
}

/* Focus states */
.header a:focus-visible, .nav-toggle:focus-visible{
  outline: 2px solid #c31327; outline-offset: 2px; border-radius: 8px;
}


/* === Centered hero under header === */
.hero{ padding: 48px 16px 28px; }
.hero .hero-center{ max-width: 900px; margin: 0 auto; text-align: center; }
.hero h1{ font-size: clamp(1.8rem, 2.6vw, 2.6rem); margin: 0 0 8px; }
.hero .subtitle{ font-size: clamp(1rem, 1.35vw, 1.25rem); margin: 0 0 18px; color: #475569; }
.cta-row{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 12px; }

/* Buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; text-decoration:none; transition:transform .1s ease, box-shadow .1s ease; }
.btn:hover{ transform: translateY(-1px); box-shadow: 0 8px 18px rgba(16,24,40,0.08); }
.btn-primary{ background: linear-gradient(90deg,#ff465a,#c31327); color:#fff; }
.btn-soft{ background:#ffffff; color:#111; border:1px solid rgba(0,0,0,0.08); }
@media (max-width:680px){
  .hero{ padding: 36px 14px 22px; }
}


/* === Quick Links band under hero === */
.quick-links{ padding: 10px 16px 24px; }
.quick-links .quick-links-center{ max-width: 1000px; margin: 0 auto; text-align: center; }
.quick-links .cta-row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }


/* ==== Updated Standard Header (site-wide) ==== */
.header{
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: saturate(160%) blur(10px);
  background: rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 6px 18px rgba(16,24,40,0.06);
}
.header .wrap{
  max-width: 1100px; margin: 0 auto;
  padding: 12px 18px; display:flex; align-items:center; gap: 16px;
}
.header .logo{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.header .logo .brand-text{ font-weight:800; letter-spacing:.2px; }
.header .pin-badge--header{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:8px; background:#fff;
  box-shadow:0 4px 12px rgba(16,24,40,.12)
}

/* Nav */
.header nav{ margin-left:auto; }
.header .nav-links ul{ display:flex; align-items:center; gap:14px; margin:0; padding:0; list-style:none; }
.header .nav-links a{
  position:relative; padding:8px 10px; border-radius:10px; text-decoration:none; transition: color .2s ease;
}
.header .nav-links a:hover{ color:#c31327; }
.header .nav-links a::after{
  content:""; position:absolute; left:10px; right:10px; bottom:6px; height:2px;
  background: linear-gradient(90deg,#ff465a,#c31327); transform: scaleX(0); transform-origin:left; transition: transform .25s ease;
}
.header .nav-links a:hover::after{ transform: scaleX(1); }

/* Mobile */
.nav-toggle{ display:none; margin-left:auto; background:transparent; border:0; padding:8px; border-radius:10px; }
.nav-toggle .bar{ display:block; width:22px; height:2px; background:#111; margin:5px 0; transition: transform .2s ease, opacity .2s ease; }

@media (max-width: 880px){
  .nav-toggle{ display:inline-block; }
  .header nav{ position: absolute; left:0; right:0; top:100%; }
  .header .nav-links{
    background: rgba(255,255,255,0.95); backdrop-filter: blur(12px);
    border-bottom:1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 24px rgba(16,24,40,0.08);
    transform: translateY(-8px); opacity:0; pointer-events:none;
    transition: transform .2s ease, opacity .2s ease;
  }
  .header .nav-links ul{ flex-direction: column; align-items: flex-start; gap:6px; padding: 10px 16px; }
  .nav-open .header .nav-links{ transform: translateY(0); opacity:1; pointer-events:auto; }

  .nav-open .nav-toggle .bar:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  .nav-open .nav-toggle .bar:nth-child(2){ opacity:0; }
  .nav-open .nav-toggle .bar:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
}

/* Focus */
.header a:focus-visible, .nav-toggle:focus-visible{
  outline: 2px solid #c31327; outline-offset: 2px; border-radius:8px;
}


/* === Header color override: Green → Blue theme (no other changes) === */
.header{
  background: linear-gradient(90deg, #10b981 0%, #2563eb 100%) !important; /* emerald → indigo */
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.12) !important; /* soft blue shadow */
}
/* Keep nav text legible on gradient */
.header .nav-links a{ color: #ffffff !important; }
.header .logo .brand-text{ color: #ffffff !important; }
/* Hover + active underline uses green→blue gradient */
.header .nav-links a::after{
  background: linear-gradient(90deg, #34d399, #3b82f6) !important;
}
/* Mobile menu panel matches theme but stays readable */
@media (max-width: 880px){
  .header .nav-links{
    background: linear-gradient(180deg, rgba(16,185,129,0.98), rgba(37,99,235,0.98)) !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  }
  .header .nav-links a{ color:#ffffff !important; }
}
/* Ensure the hamburger bars contrast on the gradient */
.nav-toggle .bar{ background: #ffffff !important; }


/* === Remove white box behind header title/logo === */
.header .pin-badge--header{
  background: transparent !important;
  box-shadow: none !important;
}
/* Slight drop-shadow on the red pin itself for contrast over gradients */
.header .pin-badge--header .pin-ic{
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}


/* === Fix: prevent pushpin from overlapping brand text ==== */
.header .logo{ display:flex !important; align-items:center !important; gap:10px !important; }
.header .pin-badge--header{ position:relative !important; margin-right:8px !important; flex:0 0 auto !important; z-index:0 !important; }
.header .pin-badge--header .pin-ic{ display:block !important; pointer-events:none !important; } /* let the whole logo link be clickable */
.header .logo .brand-text{ display:inline-block !important; line-height:1.1 !important; white-space:nowrap !important; position:relative !important; z-index:1 !important; }
/* zero out any accidental negative transforms/margins from earlier styles */
.header .logo .brand-text, .header .pin-badge--header{ transform:none !important; margin-top:0 !important; margin-bottom:0 !important; }


/* === Header-only gradient; clear any full-page gradient === */
html, body{ 
  background: #ffffff !important;  /* return site background to white */
}

/* Keep header gradient theme */
.header{
  background: linear-gradient(90deg, #10b981 0%, #2563eb 100%) !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.12) !important;
}

/* Remove white box behind words/logo in header */
.header .masthead,
.header .masthead .container,
.header .wrap,
.header .logo,
.header .logo .brand-text,
.header .pin-badge--header{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Ensure text is readable on gradient */
.header .logo .brand-text,
.header .nav-links a{ color: #ffffff !important; }

/* Pin sits left of text; no overlap */
.header .logo{ display:flex !important; align-items:center !important; gap:10px !important; }
.header .pin-badge--header{ position:relative !important; margin-right:8px !important; }

/* Mobile dropdown keeps theme */
@media (max-width: 880px){
  .header .nav-links{
    background: linear-gradient(180deg, rgba(16,185,129,0.98), rgba(37,99,235,0.98)) !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  }
  .header .nav-links a{ color:#ffffff !important; }
}

/* Hamburger bars visible on gradient */
.nav-toggle .bar{ background:#ffffff !important; }


/* === Minimal scoped: Three KPIs above tool === */
.sim-kpis{ padding: 16px 16px 8px; }
.kpis-3{ max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.kpi{ background:#ffffff; border:1px solid rgba(0,0,0,0.06); border-radius: 12px; padding: 14px; text-align:center; box-shadow: 0 6px 16px rgba(16,24,40,0.06); }
.kpi-label{ font-size: 0.9rem; color:#475569; margin-bottom: 4px; }
.kpi-value{ font-size: 1.6rem; font-weight: 800; }
@media (max-width: 860px){
  .kpis-3{ grid-template-columns: 1fr; }
}


/* === KPIs embedded in hero between button rows === */
.kpis-hero{ padding: 10px 0 4px; }
.kpis-hero .kpis-3{
  max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.kpis-hero .kpi{
  background:#ffffff; border:1px solid rgba(0,0,0,0.06); border-radius: 12px; padding: 14px; text-align:center; box-shadow: 0 6px 16px rgba(16,24,40,0.06);
}
.kpis-hero .kpi-label{ font-size: 0.9rem; color:#475569; margin-bottom: 4px; }
.kpis-hero .kpi-value{ font-size: 1.6rem; font-weight: 800; }
@media (max-width: 860px){
  .kpis-hero .kpis-3{ grid-template-columns: 1fr; }
}


/* === Force KPI values to black (as before) === */
.kpis-hero .kpi-value,
.kpis-hero .kpi-value #scoreText,
.kpis-hero .kpi-value #deltaText,
.kpis-hero .kpi-value .delta {
  color: #111111 !important;
}
.kpis-hero .kpi .kpi-label{ color:#111111 !important; opacity:.8; }