/* ============================================================
   KKRF TECH — Theme override: white-first + logo blue
   Loads AFTER style.css. Applies to ALL pages site-wide.
   ============================================================ */
:root {
  --blue: #1574FF;
  --blue-dark: #0a52cc;
  --blue-light: #4a90ff;
  --blue-tint: rgba(21,116,255,.08);
  --blue-tint-2: rgba(21,116,255,.14);
  /* Override green-everything to blue */
  --green: #1574FF;
  --green-dark: #0a52cc;
  --green-light: #4a90ff;
}

/* ---------- HERO: convert dark → white ---------- */
.hero {
  background: #fff !important;
  color: var(--ink) !important;
  min-height: 92vh;
  padding: 160px 0 100px;
}
.hero__bg {
  background:
    radial-gradient(ellipse 65% 50% at 80% 0%, rgba(21,116,255,.10), transparent 60%),
    radial-gradient(ellipse 55% 45% at 15% 100%, rgba(21,116,255,.05), transparent 55%),
    #fff !important;
}
.hero__bg::after {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(21,116,255,.10) 1px, transparent 0) !important;
  background-size: 32px 32px !important;
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000, transparent 75%);
  mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000, transparent 75%);
}
.hero__eyebrow { color: var(--blue) !important; font-family: 'Inter', sans-serif !important; font-size: 12.5px !important; letter-spacing: .16em !important; }
.hero__title { color: var(--ink) !important; }
.hero__sub { color: var(--g-600) !important; }
.hero .btn--solid { background: var(--blue) !important; color: #fff !important; box-shadow: 0 10px 30px -10px rgba(21,116,255,.55) !important; }
.hero .btn--solid:hover { background: var(--blue-dark) !important; }
.hero .btn--ghost { color: var(--ink) !important; border-color: var(--g-300) !important; }
.hero .btn--ghost:hover { border-color: var(--ink) !important; background: var(--g-50) !important; }
.hero__awards { border-top-color: var(--line) !important; }
.award { border-right-color: var(--line) !important; }
.award__tag { color: var(--g-500) !important; }
.award__name { color: var(--ink) !important; }

/* ---------- STATS: dark band w/ blue glow ---------- */
.stats {
  background: var(--black) !important;
  position: relative;
  overflow: hidden;
}
.stats::before {
  content: "";
  position: absolute; top: -200px; left: -200px;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(21,116,255,.18), transparent 65%);
  filter: blur(20px);
  pointer-events: none;
}
.stats__grid { position: relative; z-index: 1; }
.stat__num, .stat__plus {
  background: linear-gradient(180deg, #fff, #b6c4dc);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- CAPABILITIES: dark → white ---------- */
.caps {
  background: #fff !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--line);
}
.caps .eyebrow { color: var(--blue) !important; font-family: 'Inter', sans-serif !important; font-size: 12.5px !important; letter-spacing: .16em !important; }
.caps .eyebrow::before { background: var(--blue) !important; }
.caps .section-title { color: var(--ink) !important; }
.caps .section-lead { color: var(--g-600) !important; }
.caps__grid {
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  background: var(--line);
  gap: 1px;
}
.cap {
  background: #fff !important;
  border: none !important;
}
.cap::after { background: var(--blue) !important; }
.cap:hover { background: var(--paper) !important; }
.cap__icon { color: var(--blue) !important; }
.cap__name { color: var(--ink) !important; }
.cap__desc { color: var(--g-600) !important; }
.cap__link { color: var(--g-600) !important; }
.cap:hover .cap__link { color: var(--blue) !important; }

/* ---------- INDUSTRIES (scroll-synced): dark → white ---------- */
.indsel {
  background: #fff !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--line);
}
.indsel__eyebrow { color: var(--blue) !important; font-family: 'Inter', sans-serif !important; letter-spacing: .16em !important; }
.indsel__img { border-color: var(--line) !important; box-shadow: 0 30px 70px -30px rgba(15,40,90,.18) !important; }
.indsel__name { color: var(--g-400) !important; }
.indsel__name.is-active { color: var(--ink) !important; }
.indsel__name.is-active::before { background: var(--blue) !important; }
.indsel__desc { color: var(--g-600) !important; }
.indsel__desc strong { color: var(--ink) !important; }
.indsel__cta { color: var(--ink) !important; border-color: var(--g-300) !important; }
.indsel__cta:hover { background: var(--g-50) !important; border-color: var(--ink) !important; }

/* ---------- COMPLIANCE: dark → white ---------- */
.comp {
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--line);
}
.comp__badge {
  background: var(--blue-tint) !important;
  border-color: rgba(21,116,255,.3) !important;
  color: var(--blue) !important;
}
.comp__title { color: var(--ink) !important; }
.comp__lead { color: var(--g-600) !important; }
.comp__item { border-color: var(--line) !important; }
.comp__item:first-child { border-top-color: var(--line) !important; }
.comp__q { color: var(--ink) !important; }
.comp__q:hover { color: var(--blue) !important; }
.comp__no { color: var(--g-500) !important; }
.comp__chev { color: var(--g-500) !important; }
.comp__chips span { background: var(--blue-tint) !important; color: var(--blue-dark) !important; border: 1px solid var(--blue-tint-2); }
.comp__chips span::before { color: var(--blue) !important; }

/* ---------- ABOUT: dark → white ---------- */
.about {
  background: #fff !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--line);
}
.about .eyebrow { color: var(--blue) !important; font-family: 'Inter', sans-serif !important; letter-spacing: .16em !important; }
.about .eyebrow::before { background: var(--blue) !important; }
.about__title { color: var(--ink) !important; }
.about__right > p { color: var(--g-600) !important; }
.point { border-color: var(--line) !important; }
.point:last-child { border-bottom-color: var(--line) !important; }
.point__no { color: var(--blue) !important; font-family: 'Inter', sans-serif !important; }
.point h4 { color: var(--ink) !important; }
.point p { color: var(--g-600) !important; }

/* ---------- CLIENTS: dark → white ---------- */
.clients {
  background: var(--paper) !important;
  color: var(--ink) !important;
}
.clients__title { color: var(--ink) !important; }
.clients__grid {
  border-color: var(--line) !important;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.logo {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--g-500) !important;
}
.logo:hover {
  color: var(--blue) !important;
  background: var(--blue-tint) !important;
}
.logo__img { filter: none !important; opacity: .7 !important; }
.logo:hover .logo__img { opacity: 1 !important; }
.clients__note { color: var(--g-500) !important; }

/* ---------- ALLIANCES: dark → white ---------- */
.alli {
  background: #fff !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--line);
}
.alli__title { color: var(--ink) !important; }
.alli__tile {
  background: #fff !important;
  border-color: var(--line) !important;
}
.alli__tile:hover {
  background: var(--blue-tint) !important;
  border-color: var(--blue) !important;
}
.alli__logo--text { color: var(--g-600) !important; }
.alli__tile:hover .alli__logo--text { color: var(--blue-dark) !important; }
.alli__name { color: var(--g-500) !important; }
.alli__tile:hover .alli__name { color: var(--ink) !important; }
img.alli__logo { filter: none !important; opacity: .8 !important; }

/* ---------- CTA: dark → blue glow on dark ---------- */
.cta {
  background: var(--black) !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
}
.cta::before {
  content: "";
  position: absolute; top: -200px; left: 50%; transform: translateX(-50%);
  width: 800px; height: 600px;
  background: radial-gradient(ellipse, rgba(21,116,255,.22), transparent 65%);
  filter: blur(20px);
  pointer-events: none;
}
.cta .wrap { position: relative; z-index: 1; }
.cta .btn--solid { background: var(--blue) !important; color: #fff !important; box-shadow: 0 10px 30px -10px rgba(21,116,255,.55) !important; }
.cta .btn--solid:hover { background: var(--blue-dark) !important; }
.field input, .field textarea { background: rgba(255,255,255,.05) !important; border-color: var(--line-dark) !important; }
.field input:focus, .field textarea:focus { border-color: var(--blue) !important; background: rgba(21,116,255,.08) !important; }
.cta__msg { color: var(--blue-light) !important; }

/* ---------- Stats: keep dark ---------- */
/* (no override needed; already dark) */

/* ---------- Nav: solid blue pill contact button ---------- */
.nav .nav__actions .btn--solid { background: var(--blue) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 18px rgba(21,116,255,.40) !important; border-radius: 999px !important; }
.nav .nav__actions .btn--solid:hover { background: var(--blue-dark) !important; color: #fff !important; border: none !important; box-shadow: 0 6px 24px rgba(21,116,255,.55) !important; }
/* Light pill: same solid blue */
.nav.scrolled:not(.on-dark) .nav__actions .btn--solid { background: var(--blue) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 18px rgba(21,116,255,.35) !important; }
.nav.scrolled:not(.on-dark) .nav__actions .btn--solid:hover { background: var(--blue-dark) !important; border: none !important; }

/* Mega menu: keep blue accents */
.mega__col-icon { color: var(--blue) !important; }
.mega__ai-promo:hover, .mega__ai-link:hover, .mega__ai-item:hover, .mega__item:hover, .mega__subitem:hover { color: var(--blue) !important; }
.mega__ai-card { background: linear-gradient(140deg, var(--blue), var(--blue-dark)) !important; }
.mega__feature-img { background: linear-gradient(135deg, var(--blue-tint), var(--blue-tint-2)) !important; }
.mega__feature-img span { color: var(--blue) !important; }
.mega__plus { color: var(--blue) !important; }

/* General .stats label tints */
.stat__label { color: var(--g-400) !important; }

/* Footer (stays dark, blue link hover) */
.footer__col a:hover, .footer__legal a:hover { color: var(--blue-light) !important; }

/* Recalibrate dark-section detection: stats, cta, footer remain dark */
.nav.on-dark { background: rgba(10,10,10,.7) !important; }