/* Theme shell */
.nav-preferences,
.mobile-preferences {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.nav-preferences {
  flex-shrink: 0;
}

.mobile-preferences {
  margin: 0 0 16px;
  flex-wrap: wrap;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--toggle-border);
  background: var(--toggle-bg);
  box-shadow: var(--toggle-shadow);
  color: var(--toggle-text);
  font-family: var(--display);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
  background: var(--toggle-hover-bg);
  color: var(--toggle-text-hover);
  border-color: var(--b2);
  transform: translateY(-1px);
}

.theme-toggle:focus-visible {
  outline: 2px solid #A8E32D;
  outline-offset: 3px;
}

.theme-toggle__icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.theme-toggle__icon svg {
  width: 16px;
  height: 16px;
  overflow: visible;
}

.theme-toggle__icon-sun {
  display: block;
}

.theme-toggle__icon-moon {
  display: none;
}

html[data-theme="light"] .theme-toggle__icon-sun {
  display: none;
}

html[data-theme="light"] .theme-toggle__icon-moon {
  display: block;
}

.theme-toggle__label {
  min-width: 38px;
  text-align: left;
}

.theme-toggle--mobile {
  height: 40px;
  padding: 0 14px;
}

.theme-toggle--mobile .theme-toggle__label {
  min-width: 44px;
}

/* Light theme tokens */
html[data-theme="light"] {
  color-scheme: light;
  /* Light elevation ladder — white/near-white surfaces float above a soft-gray
     page; s2..s4 step grayer for nested/inset/borders. All rungs distinct. */
  --bg: #e8edf5;
  --surf: #ffffff;
  --graph: #fbfdff;
  --s1: #f2f6fc;
  --s2: #e2eaf5;
  --blue: #dbe6f5;
  --s3: #d3deee;
  --s4: #c2d1e6;
  --b1: rgba(15, 23, 42, 0.10);
  --b2: rgba(15, 23, 42, 0.16);
  --text: #223042;
  --mid: #3f4d63;
  --dim: #637088;
  --n0: #0e1726;
  --nav-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.62));
  --nav-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.56), transparent 55%), radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.8), transparent 38%);
  --nav-border: rgba(15, 23, 42, 0.10);
  --nav-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
  --submenu-bg: rgba(255, 255, 255, 0.96);
  --submenu-border: rgba(15, 23, 42, 0.10);
  --submenu-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
  --filter-bar-bg: rgba(246, 248, 252, 0.96);
  --filter-bar-border: rgba(15, 23, 42, 0.10);
  --pagination-bg: rgba(15, 23, 42, 0.04);
  --pagination-hover-bg: rgba(15, 23, 42, 0.08);
  --pagination-active-bg: var(--n0);
  --pagination-active-border: var(--n0);
  --pagination-active-color: #f4f7fb;
  --panel-hover-bg: #eef3fb;
  --panel-shadow: 0 12px 32px rgba(15, 23, 42, 0.10);
  --lift-shadow: 0 1px 1px rgba(15, 23, 42, 0.03), 0 10px 24px rgba(15, 23, 42, 0.05);
  --lift-shadow-hover: 0 2px 4px rgba(15, 23, 42, 0.05), 0 14px 28px rgba(15, 23, 42, 0.08);
  --toggle-bg: rgba(15, 23, 42, 0.04);
  --toggle-border: rgba(15, 23, 42, 0.12);
  --toggle-hover-bg: rgba(15, 23, 42, 0.08);
  --toggle-active-bg: rgba(15, 23, 42, 0.12);
  --toggle-text: var(--mid);
  --toggle-text-hover: var(--n0);
  --toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --case-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(241, 245, 251, 0.48));
  --case-card-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(241, 245, 251, 0.50));
  --case-card-featured-bg: linear-gradient(180deg, rgba(233, 239, 247, 0.58), rgba(224, 232, 242, 0.42));
  --case-card-title: var(--n0);
  --case-card-text: var(--mid);
  --case-card-client: var(--dim);
  --case-card-image-overlay: linear-gradient(180deg, rgba(236, 242, 248, 0.08) 0%, rgba(220, 229, 240, 0.26) 100%);
  --case-card-image-overlay-hover: linear-gradient(180deg, rgba(236, 242, 248, 0.04) 0%, rgba(220, 229, 240, 0.14) 100%);
  --case-card-image-label: rgba(15, 23, 42, 0.60);
  --case-card-image-surface: rgba(255, 255, 255, 0.96);
  --case-card-industry-bg: rgba(15, 23, 42, 0.04);
  --case-card-industry-text: var(--dim);
  --case-card-link: var(--dim);
  --case-card-featured-text: var(--mid);
  --case-card-footer-border: rgba(15, 23, 42, 0.10);
  --case-card-featured-footer-border: rgba(15, 23, 42, 0.10);
  --proof-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(241, 245, 251, 0.40));
  --proof-card-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(241, 245, 251, 0.50));
  --proof-card-title: var(--n0);
  --proof-card-meta: var(--mid);
  --proof-card-link: var(--mid);
  /* Brand accents — light-theme tones, deepened to pass WCAG AA on the light bg.
     growth=magenta, innovation=blue, learn=legacy orange, lime=AI-ONE. */
  --growth:#B51E89;--innovation:#0E6C93;--learn:#A8481A;
  --lime:#A8E32D;--lime-ink:#4F6B00;
}
/* Match the accent tint rgb to the light-theme hues so subtle fills/glows track. */
html[data-theme="light"] .unit-growth{--unit-rgb:181,30,137}
html[data-theme="light"] .unit-innovation {--unit-rgb:14,108,147}
html[data-theme="light"] .unit-learn{--unit-rgb:168,72,26}
html[data-theme="light"]{--unit-rgb:14,108,147}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 182, 230, 0.08), transparent 26%),
    radial-gradient(circle at 82% 0%, rgba(232, 91, 158, 0.06), transparent 24%),
    linear-gradient(180deg, #f7f9fc 0%, var(--bg) 100%);
  color: var(--text);
  --section-accent: #1b2738 !important;
}

html[data-theme="light"] .section-h em,
html[data-theme="light"] .problem-h em,
html[data-theme="light"] .system-h em,
html[data-theme="light"] .process-h em,
html[data-theme="light"] .expectations-intro em,
html[data-theme="light"] .pricing-h em,
html[data-theme="light"] .cta-statement em,
html[data-theme="light"] #panel-learn .expectations-h em,
html[data-theme="light"] .featured-body-title em,
html[data-theme="light"] .phil-headline .serif,
html[data-theme="light"] .philosophy-intro em,
html[data-theme="light"] .contrast-h em {
  color: var(--mid);
}

html[data-theme="light"] .phil-word--main {
  color: var(--n0);
}

html[data-theme="light"] .phil-word--muted {
  color: var(--mid);
}

html[data-theme="light"] .phil-headline .serif {
  color: rgba(15, 23, 42, 0.58);
}

html[data-theme="light"] .btn-text-link {
  color: var(--n0) !important;
}

html[data-theme="light"] .btn-text-link:hover {
  color: var(--mid) !important;
}

html[data-theme="light"] body.section-home #homeHero .btn-text-link,
html[data-theme="light"] body.section-growth #hero .btn-text-link,
html[data-theme="light"] body.section-innovation #hero .btn-text-link,
html[data-theme="light"] body.section-learn #hero .btn-text-link,
html[data-theme="light"] body[class*="page-case-study"] #hero .btn-text-link {
  color: rgba(221, 226, 235, 0.78) !important;
}

html[data-theme="light"] body.section-home #homeHero .btn-text-link:hover,
html[data-theme="light"] body.section-growth #hero .btn-text-link:hover,
html[data-theme="light"] body.section-innovation #hero .btn-text-link:hover,
html[data-theme="light"] body.section-learn #hero .btn-text-link:hover,
html[data-theme="light"] body[class*="page-case-study"] #hero .btn-text-link:hover {
  color: #f8fafc !important;
}

html[data-theme="light"] section {
  border-top-color: rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] #problem,
html[data-theme="light"] #how,
html[data-theme="light"] #process {
  background: linear-gradient(180deg, rgba(230, 237, 247, 0.95), rgba(241, 245, 250, 0.95));
}

html[data-theme="light"] #proof,
html[data-theme="light"] #insights,
html[data-theme="light"] #cta {
  background: linear-gradient(180deg, rgba(248, 250, 253, 0.96), rgba(239, 243, 249, 0.94));
}

html[data-theme="light"] #units {
  background: linear-gradient(180deg, rgba(248, 250, 253, 0.98), rgba(239, 243, 249, 0.96));
}

html[data-theme="light"] #philosophy::before {
  background: radial-gradient(ellipse, rgba(15, 23, 42, 0.06) 0%, transparent 70%);
}

html[data-theme="light"] #contrast {
  background: linear-gradient(180deg, rgba(230, 237, 247, 0.96), rgba(241, 245, 250, 0.95));
}

html[data-theme="light"] #nav {
  background: var(--nav-bg) !important;
  border-bottom: 1px solid var(--nav-border) !important;
  box-shadow: var(--nav-shadow) !important;
}

html[data-theme="light"] #nav::before {
  background: var(--nav-overlay);
}

/* Scroll-condensed nav state (base.css defines #nav.scrolled for dark; this
   is the light-theme equivalent — same idea, opposite direction: nav surface
   goes MORE opaque/white and the shadow deepens slightly, instead of dark
   deepening toward black). */
html[data-theme="light"] #nav.scrolled {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.86)) !important;
  border-bottom-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14) !important;
  backdrop-filter: blur(32px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(160%) !important;
}

html[data-theme="light"] .nav-topbar {
  padding: 0 4px 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .nav-ticker {
  max-width: 520px;
  padding: 7px 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 252, 0.92));
  border-color: rgba(15, 23, 42, 0.10);
  box-shadow:
    0 6px 18px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .nav-ticker-label {
  color: var(--unit);
}

html[data-theme="light"] .nav-ticker-kind {
  color: var(--n0);
}

html[data-theme="light"] .nav-ticker-title {
  color: var(--mid);
}

html[data-theme="light"] body.section-home #homeHero .hero-h1,
html[data-theme="light"] body.section-growth #hero .hero-h,
html[data-theme="light"] body.section-innovation #hero .hero-h,
html[data-theme="light"] body.section-learn #hero .hero-h,
html[data-theme="light"] body[class*="page-case-study"] #hero .hero-h {
  color: #f8fafc;
}

html[data-theme="light"] body.section-home #homeHero .hero-h1 em,
html[data-theme="light"] body.section-growth #hero .hero-h em,
html[data-theme="light"] body.section-innovation #hero .hero-h em,
html[data-theme="light"] body.section-learn #hero .hero-h em,
html[data-theme="light"] body[class*="page-case-study"] #hero .hero-h em {
  color: var(--unit);
}

html[data-theme="light"] body.section-home #homeHero .hero-sub,
html[data-theme="light"] body.section-growth #hero .hero-sub,
html[data-theme="light"] body.section-innovation #hero .hero-sub,
html[data-theme="light"] body.section-learn #hero .hero-sub,
html[data-theme="light"] body[class*="page-case-study"] #hero .hero-sub,
html[data-theme="light"] body.section-home .hero-sub,
html[data-theme="light"] body.section-growth .hero-phrase,
html[data-theme="light"] body.section-innovation .hero-phrase,
html[data-theme="light"] body.section-learn .hero-phrase,
html[data-theme="light"] body[class*="page-case-study"] .hero-phrase {
  color: rgba(221, 226, 235, 0.82);
}

html[data-theme="light"] body.section-learn .hero-h,
html[data-theme="light"] body[class*="page-case-study"] .hero-h {
  color: #f8fafc;
}

html[data-theme="light"] body.section-learn .hero-h em,
html[data-theme="light"] body[class*="page-case-study"] .hero-h em {
  color: var(--unit);
}

html[data-theme="light"] body.section-learn .hero-sub,
html[data-theme="light"] body[class*="page-case-study"] .hero-sub,
html[data-theme="light"] body[class*="page-case-study"] .hero-badges .badge-text {
  color: rgba(221, 226, 235, 0.82);
}

html[data-theme="light"] body[class*="page-case-study"] #hero .hero-inner {
  border-color: rgba(15, 23, 42, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 249, 253, 0.94));
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] body.section-news #hero .hero-inner,
html[data-theme="light"] body.section-insights #hero .hero-inner,
html[data-theme="light"] body.section-cases #hero .hero-inner,
html[data-theme="light"] body.section-impact #hero .hero-inner,
html[data-theme="light"] body.section-about #hero .hero-inner,
html[data-theme="light"] body.section-contact #hero .hero-inner,
html[data-theme="light"] body.section-how-we-work #hero .hero-inner {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] body.section-news #hero .hero-h,
html[data-theme="light"] body.section-insights #hero .hero-h,
html[data-theme="light"] body[class*="page-case-study"] #hero .hero-h {
  color: var(--n0);
}

html[data-theme="light"] body.section-cases #hero .hero-h {
  color: var(--n0);
}

html[data-theme="light"] body.section-impact #hero .hero-h {
  color: var(--n0);
}

html[data-theme="light"] body.section-about #hero .hero-h,
html[data-theme="light"] body.section-contact #hero .hero-h,
html[data-theme="light"] body.section-how-we-work #hero .hero-h {
  color: var(--n0);
}

html[data-theme="light"] body.section-news #hero .hero-h em,
html[data-theme="light"] body.section-insights #hero .hero-h em,
html[data-theme="light"] body[class*="page-case-study"] #hero .hero-h em {
  color: rgba(15, 23, 42, 0.56);
}

html[data-theme="light"] body.section-cases #hero .hero-h em {
  color: rgba(15, 23, 42, 0.56);
}

html[data-theme="light"] body.section-impact #hero .hero-h em {
  color: rgba(15, 23, 42, 0.56);
}

html[data-theme="light"] body.section-about #hero .hero-h em,
html[data-theme="light"] body.section-contact #hero .hero-h em,
html[data-theme="light"] body.section-how-we-work #hero .hero-h em {
  color: rgba(15, 23, 42, 0.56);
}

html[data-theme="light"] body.section-news #hero .hero-phrase,
html[data-theme="light"] body.section-insights #hero .hero-phrase,
html[data-theme="light"] body[class*="page-case-study"] #hero .hero-phrase {
  color: var(--mid);
}

html[data-theme="light"] body.section-news #hero .hero-sub,
html[data-theme="light"] body.section-insights #hero .hero-sub,
html[data-theme="light"] body.section-cases #hero .hero-sub,
html[data-theme="light"] body.section-impact #hero .hero-sub {
  color: var(--mid);
}

html[data-theme="light"] body.section-about #hero .hero-sub,
html[data-theme="light"] body.section-contact #hero .hero-sub,
html[data-theme="light"] body.section-how-we-work #hero .hero-sub {
  color: var(--mid);
}

html[data-theme="light"] body.section-cases #hero .hero-phrase {
  color: var(--mid);
}

html[data-theme="light"] body.section-impact #hero .hero-phrase {
  color: var(--mid);
}

html[data-theme="light"] body.section-about #hero .hero-phrase,
html[data-theme="light"] body.section-contact #hero .hero-phrase,
html[data-theme="light"] body.section-how-we-work #hero .hero-phrase {
  color: var(--mid);
}

html[data-theme="light"] body.section-news #hero .hero-badge,
html[data-theme="light"] body.section-insights #hero .hero-badge,
html[data-theme="light"] body.section-cases #hero .hero-badge,
html[data-theme="light"] body.section-impact #hero .hero-badge {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] body.section-about #hero .hero-badge,
html[data-theme="light"] body.section-contact #hero .hero-badge,
html[data-theme="light"] body.section-how-we-work #hero .hero-badge {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] body.section-news #hero .badge-text,
html[data-theme="light"] body.section-insights #hero .badge-text,
html[data-theme="light"] body.section-cases #hero .badge-text,
html[data-theme="light"] body.section-impact #hero .badge-text {
  color: var(--mid);
}

html[data-theme="light"] body.section-about #hero .badge-text,
html[data-theme="light"] body.section-contact #hero .badge-text,
html[data-theme="light"] body.section-how-we-work #hero .badge-text,
html[data-theme="light"] body.section-about #hero .hero-link,
html[data-theme="light"] body.section-contact #hero .hero-link,
html[data-theme="light"] body.section-how-we-work #hero .hero-link {
  color: var(--mid);
}

html[data-theme="light"] body.section-growth .aione-h,
html[data-theme="light"] body.section-innovation .platform-h {
  color: var(--n0);
}

html[data-theme="light"] body.section-growth .aione-h em,
html[data-theme="light"] body.section-innovation .platform-h em {
  color: var(--innovation);
}

html[data-theme="light"] body.section-growth .aione-p,
html[data-theme="light"] body.section-innovation .platform-p {
  color: var(--mid);
}

html[data-theme="light"] body.section-growth .aione-pillar,
html[data-theme="light"] body.section-innovation .platform-pillar {
  color: var(--text);
}

html[data-theme="light"] body.section-innovation .stack-sub {
  color: var(--mid);
}

html[data-theme="light"] body.section-growth .hero-industry-tag,
html[data-theme="light"] body.section-innovation .hero-industry-tag,
html[data-theme="light"] body.section-learn .hero-industry-tag,
html[data-theme="light"] body[class*="page-case-study"] .hero-industry-tag {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(221, 226, 235, 0.78);
}

html[data-theme="light"] body.section-growth .hero-badge,
html[data-theme="light"] body.section-innovation .hero-badge,
html[data-theme="light"] body.section-learn .hero-badge,
html[data-theme="light"] body[class*="page-case-study"] .hero-badge {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"] .page-trail__inner {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(15, 23, 42, 0.10);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .page-trail__back {
  background: rgba(168, 227, 45, 0.12);
  border-color: rgba(168, 227, 45, 0.24);
  color: var(--n0);
}

html[data-theme="light"] .page-trail__back:hover {
  background: rgba(168, 227, 45, 0.18);
  border-color: rgba(168, 227, 45, 0.34);
  color: var(--n0);
}

html[data-theme="light"] .page-trail__crumbs {
  color: var(--dim);
}

html[data-theme="light"] .page-trail__crumbs a {
  color: var(--mid);
}

html[data-theme="light"] .page-trail__crumbs a:hover {
  color: var(--n0);
}

html[data-theme="light"] .page-trail__crumbs span:last-child {
  color: var(--mid);
}

html[data-theme="light"] body.section-home #homeHero .hero-eyebrow span,
html[data-theme="light"] body.section-growth #hero .badge-text,
html[data-theme="light"] body.section-innovation #hero .badge-text,
html[data-theme="light"] body.section-learn #hero .badge-text,
html[data-theme="light"] body[class*="page-case-study"] #hero .badge-text {
  color: rgba(221, 226, 235, 0.82);
}

html[data-theme="light"] body.section-home #hero .btn-primary,
html[data-theme="light"] body.section-growth #hero .btn-primary,
html[data-theme="light"] body.section-innovation #hero .btn-primary,
html[data-theme="light"] body.section-learn #hero .btn-primary,
html[data-theme="light"] body[class*="page-case-study"] #hero .btn-primary {
  background: var(--unit);
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 10px 24px rgba(var(--unit-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

html[data-theme="light"] body.section-home #hero .btn-primary:hover,
html[data-theme="light"] body.section-growth #hero .btn-primary:hover,
html[data-theme="light"] body.section-innovation #hero .btn-primary:hover,
html[data-theme="light"] body.section-learn #hero .btn-primary:hover,
html[data-theme="light"] body[class*="page-case-study"] #hero .btn-primary:hover {
  opacity: 1;
  transform: translateY(-1px);
  background: var(--unit);
  color: #f8fafc;
  border-color: rgba(255, 255, 255, 0.16);
}

html[data-theme="light"] .nav-item--has-menu > a:hover {
  background: rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .nav-submenu {
  background: var(--submenu-bg);
  border-color: var(--submenu-border);
  box-shadow: var(--submenu-shadow);
}

html[data-theme="light"] .nav-submenu-link {
  background: rgba(15, 23, 42, 0.03);
}

html[data-theme="light"] .nav-submenu-link:hover,
html[data-theme="light"] .nav-submenu-link:focus-visible {
  background: rgba(15, 23, 42, 0.06);
  border-color: rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .nav-right-divider {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.06), rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.06));
}

html[data-theme="light"] .btn-ghost-nav {
  color: var(--n0) !important;
}

html[data-theme="light"] .btn-ghost-nav:hover {
  color: var(--mid) !important;
}

html[data-theme="light"] .nav-locale {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .mobile-menu {
  background: rgba(246, 248, 252, 0.98);
}

html[data-theme="light"] .mobile-nav-links li {
  border-bottom-color: var(--b1);
}

html[data-theme="light"] .mobile-nav-links a,
html[data-theme="light"] .mobile-accordion-toggle {
  color: var(--text);
}

html[data-theme="light"] .mobile-nav-links a:hover,
html[data-theme="light"] .mobile-accordion-toggle:hover,
html[data-theme="light"] .mobile-sublink:hover {
  color: var(--n0) !important;
}

html[data-theme="light"] .mobile-nav-sub {
  color: var(--dim);
}

html[data-theme="light"] .mobile-accordion-icon {
  color: var(--mid);
}

html[data-theme="light"] .mobile-link--unit {
  color: var(--mid) !important;
  border-top-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .mobile-tag.growth {
  background: rgba(232, 91, 158, 0.10);
}

html[data-theme="light"] .mobile-tag.innovation {
  background: rgba(34, 182, 230, 0.10);
}

html[data-theme="light"] .mobile-tag.learn {
  background: rgba(242, 131, 63, 0.10);
}

html[data-theme="light"] .mobile-menu-footer {
  border-top-color: var(--b1);
}

html[data-theme="light"] .mobile-cta-dock__button {
  border-color: rgba(15, 23, 42, 0.10);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(240, 245, 251, 0.94)),
    rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  color: var(--n0);
}

html[data-theme="light"] .mobile-cta-dock__button:hover,
html[data-theme="light"] .mobile-cta-dock__button:focus-visible {
  border-color: rgba(168, 227, 45, 0.38);
  color: #0e1726;
}

html[data-theme="light"] .locale-link:hover,
html[data-theme="light"] .locale-link:focus-visible {
  background: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .locale-link.active {
  background: rgba(15, 23, 42, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

html[data-theme="light"] .nav-links a.active {
  color: var(--section-accent, var(--n0)) !important;
  text-shadow: none;
}

html[data-theme="light"] .nav-item--has-menu > a.active {
  background: rgba(var(--unit-rgb), 0.10);
  color: var(--unit) !important;
}

html[data-theme="light"] .nav-links a:hover {
  color: var(--n0) !important;
}

html[data-theme="light"] #filter-bar,
html[data-theme="light"] #tab-bar {
  background: var(--filter-bar-bg);
  border-bottom-color: var(--filter-bar-border);
  border-top-color: var(--filter-bar-border);
}

html[data-theme="light"] .pagination-btn,
html[data-theme="light"] .pagination-page {
  background: var(--pagination-bg);
}

html[data-theme="light"] .pagination-btn:hover,
html[data-theme="light"] .pagination-page:hover {
  background: var(--pagination-hover-bg);
  color: var(--text);
}

html[data-theme="light"] .pagination-page.active {
  background: var(--pagination-active-bg);
  border-color: var(--pagination-active-border);
  color: var(--pagination-active-color);
}

html[data-theme="light"] .service-faqs {
  background: var(--surf);
}

html[data-theme="light"] .faq-item,
html[data-theme="light"] .faq-item:first-child {
  border-color: var(--b1);
}

html[data-theme="light"] .faq-q::after {
  background-color: var(--mid);
}

html[data-theme="light"] .faq-item[open] .faq-q::after {
  background-color: var(--unit);
}

html[data-theme="light"] .case-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .case-card,
html[data-theme="light"] .proof-card,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .unit-panel,
html[data-theme="light"] .stat-row,
html[data-theme="light"] .proof-col-card,
html[data-theme="light"] .ls-program-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.50), rgba(241, 245, 251, 0.34));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .case-card.featured {
  background: linear-gradient(180deg, rgba(233, 239, 247, 0.54), rgba(224, 232, 242, 0.40));
}

html[data-theme="light"] .case-img.unit-tint {
  background: linear-gradient(145deg, rgba(34, 182, 230, 0.10) 0%, rgba(241, 245, 251, 0.96) 72%);
}

html[data-theme="light"] .case-img.dark-tint {
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.06) 0%, rgba(241, 245, 251, 0.98) 72%);
}

html[data-theme="light"] .case-card[data-unit="growth"] .case-image {
  background: linear-gradient(145deg, rgba(232, 91, 158, 0.12) 0%, rgba(241, 245, 251, 0.96) 100%);
}

html[data-theme="light"] .case-card[data-unit="innovation"] .case-image {
  background: linear-gradient(145deg, rgba(34, 182, 230, 0.10) 0%, rgba(241, 245, 251, 0.96) 100%);
}

html[data-theme="light"] .case-card[data-unit="learn"] .case-image {
  background: linear-gradient(145deg, rgba(242, 131, 63, 0.10) 0%, rgba(241, 245, 251, 0.96) 100%);
}

html[data-theme="light"] .case-card .case-img::after {
  background: linear-gradient(180deg, rgba(236, 242, 248, 0.08) 0%, rgba(220, 229, 240, 0.30) 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .case-card:hover .case-img::after {
  background: linear-gradient(180deg, rgba(236, 242, 248, 0.04) 0%, rgba(220, 229, 240, 0.18) 100%);
}

html[data-theme="light"] .case-card .case-image-logo {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .case-card .case-image-label {
  color: rgba(15, 23, 42, 0.60);
}

html[data-theme="light"] .case-card .case-image-num,
html[data-theme="light"] .case-card .case-h,
html[data-theme="light"] .case-card .case-title,
html[data-theme="light"] .proof-card-title,
html[data-theme="light"] .unit-panel-title,
html[data-theme="light"] .stat-number {
  color: var(--n0);
}

html[data-theme="light"] .case-card .case-client,
html[data-theme="light"] .case-card .case-tag,
html[data-theme="light"] .case-card .case-excerpt,
html[data-theme="light"] .case-card .case-link,
html[data-theme="light"] .case-card .case-metric-sub,
html[data-theme="light"] .case-card .case-desc,
html[data-theme="light"] .proof-card-meta,
html[data-theme="light"] .proof-card-link,
html[data-theme="light"] .unit-panel-desc,
html[data-theme="light"] .stat-desc,
html[data-theme="light"] .insight-excerpt,
html[data-theme="light"] .insight-meta {
  color: var(--mid);
}

html[data-theme="light"] .insight-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.50), rgba(241, 245, 251, 0.34));
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .insight-card:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(241, 245, 251, 0.50));
  border-color: rgba(15, 23, 42, 0.16);
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html[data-theme="light"] .insight-cat,
html[data-theme="light"] .insight-link {
  color: var(--unit);
}

html[data-theme="light"] .insight-title {
  color: var(--n0);
}

html[data-theme="light"] .case-card .case-industry-tag {
  background: rgba(15, 23, 42, 0.04);
  color: var(--dim);
}

html[data-theme="light"] .case-card.featured .case-metric-sub,
html[data-theme="light"] .case-card.featured .case-desc {
  color: var(--mid);
}

html[data-theme="light"] .case-card.featured .case-footer {
  border-top-color: rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .proof-card,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .unit-panel,
html[data-theme="light"] .stat-row {
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .proof-card:hover,
html[data-theme="light"] .insight-card:hover,
html[data-theme="light"] .unit-panel:hover,
html[data-theme="light"] .stat-row:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(241, 245, 251, 0.50));
  border-color: rgba(15, 23, 42, 0.16);
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}

html[data-theme="light"] .proof-card-link,
html[data-theme="light"] .case-card .case-link {
  color: var(--dim);
}

html[data-theme="light"] .case-card:hover,
html[data-theme="light"] .stat-row:hover,
html[data-theme="light"] .service-card:hover,
html[data-theme="light"] .phase-card:hover,
html[data-theme="light"] .proof-card:hover,
html[data-theme="light"] .contrast-item:hover,
html[data-theme="light"] .related-card:hover,
html[data-theme="light"] .stack-layer:hover {
  background: var(--panel-hover-bg);
  box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .phase-card.accent {
  background: rgba(var(--unit-rgb), 0.15);
}

html[data-theme="light"] .phase-card.accent:hover {
  background: rgba(var(--unit-rgb), 0.15);
}

html[data-theme="light"] .phase-card.lime {
  background: rgba(168, 227, 45, 0.15);
}

html[data-theme="light"] .phase-card.lime:hover {
  background: rgba(168, 227, 45, 0.15);
}

html[data-theme="light"] .phase-chevron {
  background: rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .phase-card.open .phase-chevron {
  background: rgba(var(--unit-rgb), 0.08);
}

html[data-theme="light"] .proof-grid,
html[data-theme="light"] .home-proof-grid,
html[data-theme="light"] .proof-stack {
  background: var(--b1);
}

html[data-theme="light"] .spotlight-card {
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .unit-card,
html[data-theme="light"] .dash,
html[data-theme="light"] .ls-program-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 251, 0.94));
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: var(--lift-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .unit-card:hover {
  border-color: rgba(15, 23, 42, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 251, 0.96));
  box-shadow: var(--lift-shadow-hover), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html[data-theme="light"] .hero-home .unit-card,
html[data-theme="light"] .hero-home .unit-card:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .hero-home__bottomfade {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.24) 44%, rgba(0, 0, 0, 0) 100%);
}

html[data-theme="light"] .proof-featured,
html[data-theme="light"] .proof-card,
html[data-theme="light"] .proof-col-card,
html[data-theme="light"] .unit-panel,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .phase-card,
html[data-theme="light"] .stack-layer,
html[data-theme="light"] .related-card,
html[data-theme="light"] .contrast-item,
html[data-theme="light"] .case-card,
html[data-theme="light"] .dash,
html[data-theme="light"] .ls-program-card,
html[data-theme="light"] .article-body .insight-table-wrap,
html[data-theme="light"] .company-logo,
html[data-theme="light"] .image-lightbox-image,
html[data-theme="light"] .sidebar-back {
  box-shadow: var(--lift-shadow);
}

html[data-theme="light"] .proof-featured:hover,
html[data-theme="light"] .proof-card:hover,
html[data-theme="light"] .proof-col-card:hover,
html[data-theme="light"] .unit-panel:hover,
html[data-theme="light"] .insight-card:hover,
html[data-theme="light"] .service-card:hover,
html[data-theme="light"] .phase-card:hover,
html[data-theme="light"] .stack-layer:hover,
html[data-theme="light"] .related-card:hover,
html[data-theme="light"] .contrast-item:hover,
html[data-theme="light"] .case-card:hover,
html[data-theme="light"] .article-body .insight-table-wrap:hover,
html[data-theme="light"] .company-logo:hover,
html[data-theme="light"] .image-lightbox-image:hover,
html[data-theme="light"] .sidebar-back:hover {
  box-shadow: var(--lift-shadow-hover);
}

html[data-theme="light"] #units .unit-panel.growth.is-active,
html[data-theme="light"] #units .unit-panel.growth:hover,
html[data-theme="light"] #units .unit-panel.innovation.is-active,
html[data-theme="light"] #units .unit-panel.innovation:hover,
html[data-theme="light"] #units .unit-panel.learn.is-active,
html[data-theme="light"] #units .unit-panel.learn:hover {
  box-shadow:
    0 1px 1px rgba(15, 23, 42, 0.03),
    0 10px 24px rgba(15, 23, 42, 0.06),
    0 0 32px rgba(var(--glow-rgb, 15, 23, 42), 0.04);
}

html[data-theme="light"] .insight-card:hover,
html[data-theme="light"] .proof-card:hover,
html[data-theme="light"] .proof-col-card:hover,
html[data-theme="light"] .case-card:hover,
html[data-theme="light"] .contrast-item:hover,
html[data-theme="light"] .related-card:hover,
html[data-theme="light"] .phase-card:hover,
html[data-theme="light"] .service-card:hover,
html[data-theme="light"] .stack-layer:hover {
  box-shadow:
    0 1px 1px rgba(15, 23, 42, 0.03),
    0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .contrast-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 251, 0.94));
}

html[data-theme="light"] .contrast-item:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 251, 0.96));
}

html[data-theme="light"] .hero-home .unit-card:hover {
  transform: translateX(4px) translateY(-1px);
}

html[data-theme="light"] .hero-home .unit-card::after {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 42%);
}

html[data-theme="light"] .hero-home .unit-name {
  color: var(--n0);
}

html[data-theme="light"] .hero-home .unit-desc {
  color: var(--mid);
}

html[data-theme="light"] .hero-home .unit-arrow {
  color: var(--dim);
}

html[data-theme="light"] .article-body .insight-table-wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 251, 0.96));
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .company-logo {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(232, 238, 246, 0.94));
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .image-lightbox-image {
  background: #f2f5fa;
  box-shadow: 0 20px 80px rgba(15, 23, 42, 0.20);
}

html[data-theme="light"] .stack-layer:hover {
  border-color: rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .btn-ghost-nav:hover {
  color: var(--n0) !important;
}

html[data-theme="light"] #cta {
  --cta-border: rgba(15, 23, 42, 0.10);
  --cta-glow: radial-gradient(circle, rgba(34, 182, 230, 0.05) 0%, transparent 60%);
  --cta-eyebrow-color: var(--dim);
  --cta-copy-color: var(--mid);
  --cta-em-color: rgba(15, 23, 42, 0.48);
  --cta-note-color: var(--dim);
  --cta-link-color: var(--dim);
}

html[data-theme="light"] #cta::after {
  background: conic-gradient(
    from var(--cta-angle),
    transparent 0deg,
    rgba(34, 182, 230, 0.08) 60deg,
    rgba(232, 91, 158, 0.05) 150deg,
    rgba(242, 131, 63, 0.04) 240deg,
    transparent 330deg
  );
}

html[data-theme="light"] .btn-cta::before {
  background: conic-gradient(
    from var(--btn-angle),
    transparent 0deg,
    rgba(34, 182, 230, 0.55) 60deg,
    rgba(232, 91, 158, 0.38) 180deg,
    rgba(242, 131, 63, 0.28) 300deg,
    transparent 360deg
  );
}

html[data-theme="light"] .hero-industry-tag,
html[data-theme="light"] .service-tag {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.10);
  color: var(--dim);
}

html[data-theme="light"] .company-site-link {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.10);
  color: var(--mid);
}

html[data-theme="light"] .company-site-link:hover {
  background: rgba(15, 23, 42, 0.07);
  color: var(--n0);
}

html[data-theme="light"] .company-privacy-note {
  background: rgba(15, 23, 42, 0.04);
  color: var(--mid);
}

html[data-theme="light"] .deliverable-icon {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .unit-card::after {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 42%);
}

html[data-theme="light"] .btn-hero:hover,
html[data-theme="light"] .format-card:hover,
html[data-theme="light"] .stack-layer:hover,
html[data-theme="light"] .service-card:hover,
html[data-theme="light"] .phase-card:hover,
html[data-theme="light"] .stat-row:hover,
html[data-theme="light"] .case-card:hover,
html[data-theme="light"] .proof-card:hover,
html[data-theme="light"] .contrast-item:hover,
html[data-theme="light"] .related-card:hover {
  background: var(--panel-hover-bg);
}

html[data-theme="light"] .company-site-link:hover,
html[data-theme="light"] .industry-trigger.has-filter,
html[data-theme="light"] .tag-trigger.has-filter {
  background: rgba(15, 23, 42, 0.05);
  border-color: var(--b2);
  color: var(--n0);
}

html[data-theme="light"] .industry-option.active,
html[data-theme="light"] .tag-option.active,
html[data-theme="light"] .filter-btn.active,
html[data-theme="light"] .cat-btn.active,
html[data-theme="light"] .tab-btn.active {
  color: var(--n0);
}

html[data-theme="light"] .industry-option.active .industry-option-check,
html[data-theme="light"] .tag-option.active .tag-option-check {
  background: var(--n0);
  border-color: var(--n0);
  color: var(--bg);
}

html[data-theme="light"] .article-body .insight-table-wrap {
  background: linear-gradient(180deg, rgba(251, 252, 253, 0.98), rgba(240, 244, 249, 0.96));
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .article-body thead th {
  background: rgba(236, 242, 248, 0.98);
  color: var(--n0);
  border-bottom-color: var(--b1);
}

html[data-theme="light"] .company-logo {
  background: linear-gradient(145deg, rgba(251, 252, 253, 0.98), rgba(232, 239, 247, 0.94));
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .image-lightbox-image {
  background: #f2f5fa;
  box-shadow: 0 20px 80px rgba(15, 23, 42, 0.20);
}

html[data-theme="light"] .footer-logo .brand-lockup--footer-dark {
  display: none;
}

html[data-theme="light"] .footer-logo .brand-lockup--footer-light {
  display: block;
}

html[data-theme="dark"] .footer-logo .brand-lockup--footer-light {
  display: none;
}

html[data-theme="dark"] .footer-logo .brand-lockup--footer-dark {
  display: block;
}

html[data-theme="light"] .brand-lockup--footer,
html[data-theme="dark"] .brand-lockup--footer {
  display: inline-flex;
  align-items: center;
}

html[data-theme="light"] .brand-lockup--footer .brand-lockup__asset,
html[data-theme="dark"] .brand-lockup--footer .brand-lockup__asset {
  display: block;
}

html[data-theme="light"] .brand-lockup--footer .brand-lockup__asset--dark {
  display: none;
}

html[data-theme="light"] footer.site-footer {
  background:
    radial-gradient(circle at 10% 0%, rgba(232, 91, 158, 0.08), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(34, 182, 230, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(247, 249, 253, 0.98), rgba(239, 243, 249, 0.98)) !important;
  border-top-color: rgba(15, 23, 42, 0.10) !important;
}

html[data-theme="light"] footer.site-footer::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), transparent 22%),
    radial-gradient(circle at 50% 0%, rgba(15, 23, 42, 0.05), transparent 40%);
}

html[data-theme="light"] .footer-kicker,
html[data-theme="light"] .footer-links-title {
  color: var(--innovation);
}

html[data-theme="light"] .footer-headline {
  color: var(--n0);
}

html[data-theme="light"] .footer-copy,
html[data-theme="light"] .footer-copy--fine,
html[data-theme="light"] .footer-meta-label,
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .footer-compact-list a,
html[data-theme="light"] .footer-email {
  color: var(--mid) !important;
}

html[data-theme="light"] .footer-email span:last-child {
  color: var(--n0);
}

html[data-theme="light"] .footer-links-block {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.10);
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03), 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .footer-unit {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(242, 246, 251, 0.96));
  border-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .footer-unit:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 249, 0.98));
  border-color: rgba(168, 227, 45, 0.18);
}

html[data-theme="light"] .footer-unit-eyebrow {
  color: var(--dim);
}

html[data-theme="light"] .footer-unit-title {
  color: var(--n0);
}

html[data-theme="light"] .footer-unit-copy {
  color: var(--mid);
}

html[data-theme="light"] .footer-social-link {
  color: var(--mid);
  border-color: rgba(15, 23, 42, 0.10);
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .footer-social-link:hover {
  color:var(--lime-ink);
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(168, 227, 45, 0.34);
}

html[data-theme="dark"] .brand-lockup--footer .brand-lockup__asset--light {
  display: none;
}

/* ============================================================
   AURORA — light theme
   ============================================================
   aurora.css (loaded after this file) declares `.aurora{--au-*:...}` once,
   tuned for dark surfaces only — there was previously ZERO light-theme
   coverage for the entire Aurora hero/glass system used on Home, Growth,
   Innovation, About, Contact, How We Work, Insights, and the internal
   /design-system/ page. `html[data-theme="light"] .aurora{...}` below wins
   the cascade purely on selector specificity (attribute selector beats a
   bare class), so load order relative to aurora.css doesn't matter.

   These are RE-TUNED values, not a straight dark->light inversion — same
   approach as the Phase A --growth/--innovation split (see the accent-token
   comment above in this file, and design-system/MASTER.md's color rules):
   --au-mag and --au-cyan reuse the EXACT light-theme --growth/--innovation
   hex values (#B51E89 / #0E6C93) rather than inventing new brand colors,
   since they represent the same two accents inside the Aurora subsystem.
   --au-ink-faint is deepened one step further than a naive invert would
   give (see contrast note below) to clear 4.5:1 on the darker of the two
   ground tones. Computed contrast ratios (scripted, not eyeballed) against
   the worst-case background (--au-ground-2, the darker of the two ground
   stops):
     --au-ink      #10192A on #E8EDF5 -> 14.95:1 (need 4.5:1, normal text)
     --au-ink-soft #3F4D63 on #E8EDF5 ->  7.28:1 (need 4.5:1, normal text)
     --au-ink-faint#526078 on #E8EDF5 ->  5.41:1 (need 4.5:1, normal text)
     --au-mag      #B51E89 on #E8EDF5 ->  5.09:1 (need 3:1, large text only)
     --au-cyan     #0E6C93 on #E8EDF5 ->  4.98:1 (need 3:1, large text only)
   All pass with margin; --au-mag/--au-cyan clear even the stricter 4.5:1
   normal-text threshold, useful headroom since they're also used at
   .au-card's ~16px icon/gradient sizes, not just the large au-h1/au-metric
   text they're primarily meant for. */
html[data-theme="light"] .aurora {
  --au-ground: #F7F9FC;
  --au-ground-2: #E8EDF5;
  --au-ink: #10192A;
  --au-ink-soft: #3F4D63;
  --au-ink-faint: #526078;
  --au-mag: #B51E89;
  --au-cyan: #0E6C93;
  --au-blue: #1D4FA0;
  /* Light glass card: white-based translucency instead of dark-navy, border/
     shadow deepened toward ink instead of white so edges still read against
     a light page. Mirrors the --case-card-bg / --b1 / --panel-shadow light
     pattern already established above in this file rather than inventing a
     new glass recipe. */
  --au-glass: rgba(255, 255, 255, 0.55);
  --au-glass-brd: rgba(15, 23, 42, 0.12);
  --au-glass-sh: rgba(15, 23, 42, 0.16);
  --au-sheen: rgba(120, 170, 230, 0.30);
  --au-good: #1C8F5A;
}

/* Decorative aurora glow blobs (.au-b1/.au-b2/.au-b3, aurora.css ~L122-124)
   pick up the re-tuned --au-mag/--au-cyan/--au-blue automatically via var(),
   but their opacity was tuned for how a blurred saturated glow reads against
   near-black (.72/.58/.38) — the same opacities on an off-white ground read
   as flat, milky color stains rather than a moody glow, so each is stepped
   down for light the same way the hue was deepened rather than inverted. */
html[data-theme="light"] .au-b1 {
  opacity: 0.28;
}

html[data-theme="light"] .au-b2 {
  opacity: 0.22;
}

html[data-theme="light"] .au-b3 {
  opacity: 0.16;
}

/* `.hero-scrub-bg::after` (the text-legibility scrim over the Phase D scroll-
   scrubbed hero footage) is OUTSIDE `.aurora`'s DOM scope by design (see the
   Phase D2 comment in aurora.css) so it can't inherit --au-* tokens — it was
   hardcoded to a near-black scrim (rgba(4,6,10,...)) regardless of theme,
   which reads as a jarring dark box dropped onto an otherwise light page.
   Light equivalent: same gradient shape/stops, same fade-with-scroll
   behavior (var(--au-scroll-fade), still written by aurora.js), but the
   scrim color itself flips to the site's own light-theme "page start" tone
   (#f7f9fc, the first stop of the light body gradient defined earlier in
   this file) so it darkens the footage toward the page's own background
   color instead of toward black. Text sitting on top gets its dark --au-ink
   from the override above, so a light scrim is what actually restores
   contrast here — a dark scrim under dark text would do the opposite. */
html[data-theme="light"] .hero-scrub-bg::after {
  background:
    linear-gradient(90deg, rgba(247, 249, 252, 0.82) 0%, rgba(247, 249, 252, 0.62) 34%, rgba(247, 249, 252, 0.22) 60%, transparent 76%),
    linear-gradient(0deg, rgba(247, 249, 252, 0.55) 0%, transparent 26%);
}