/**
 * Critical UI fixes — contrast, automation nav, dropdowns, brand casing
 * Load LAST.
 */

/* Brand: keep given casing; only “hutsy” is orange */
.brand-mark,
.brand-mark__ecom {
  text-transform: none !important;
  color: #09142c !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.brand-mark__hutsy,
.site-nav__brand-hutsy {
  text-transform: none !important;
  color: #ff6a00 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Header wordmark: ALL CAPS, logo height ≈ CTA */
body.crystal-site .site-nav__brand {
  min-height: 2.875rem;
  align-items: center !important;
}
body.crystal-site .site-nav__brand-logo {
  width: 2.875rem !important;
  height: 2.875rem !important;
  max-height: 2.875rem !important;
  object-fit: contain !important;
}
body.crystal-site .site-nav__brand-text {
  font-size: clamp(1.35rem, 2.1vw, 1.7rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #09142c !important;
}
body.crystal-site .site-nav__brand-ecom {
  color: #09142c !important;
  text-transform: uppercase !important;
}
body.crystal-site .site-nav__brand-hutsy {
  color: #ff6a00 !important;
  text-transform: uppercase !important;
}
body.crystal-site .site-nav__cta {
  min-height: 2.875rem !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* ========== LIGHT SURFACES: readable ink (never near-white on white) ========== */
body.crystal-site,
body.automation-premium {
  --muted: #3a4660 !important;
  --eh-muted: #3a4660 !important;
}

body.crystal-site .text-muted-text,
body.crystal-site .text-on-surface-variant,
body.crystal-site .page-pro-hero__sub,
body.crystal-site .page-pro-stat__label,
body.crystal-site .prod-stat .page-pro-stat__label,
body.crystal-site .prod-detail-stat__label,
body.crystal-site .auto-stat__label,
body.crystal-site .svc-stat-pill,
body.crystal-site .home-stat-pill,
body.crystal-site p.muted,
body.crystal-site .muted,
body.automation-premium .text-muted-text,
body.automation-premium .auto-stat__label {
  color: #3a4660 !important;
  opacity: 1 !important;
}

body.crystal-site .page-pro-stat,
body.crystal-site .prod-stat,
body.crystal-site .page-pro-stat__value,
body.crystal-site .prod-stat .page-pro-stat__value,
body.crystal-site .home-tile:not(.home-tile--dark),
body.crystal-site .svc-card,
body.crystal-site .svc-hub-card,
body.crystal-site .auto-card,
body.crystal-site .auto-panel,
body.crystal-site .auto-stat,
body.crystal-site .prod-module-card,
body.crystal-site .prod-card,
body.crystal-site .page-pro-panel:not(.page-pro-panel--ink),
body.crystal-site .contact-pro__card,
body.crystal-site .faq-item,
body.crystal-site .web-svc-card {
  color: #09142c !important;
}

body.crystal-site .page-pro-stat__value,
body.crystal-site .prod-stat .page-pro-stat__value {
  color: #09142c !important;
  font-weight: 800 !important;
}

body.crystal-site .page-pro-stat__label,
body.crystal-site .prod-stat .page-pro-stat__label {
  color: #3a4660 !important;
  font-weight: 700 !important;
}

/* Keep card copy above glossy glass overlays */
body.crystal-site .page-pro-stat > *,
body.crystal-site .prod-stat > *,
body.crystal-site .home-tile > *:not(style),
body.crystal-site .svc-card > *,
body.crystal-site .auto-card > *,
body.crystal-site .auto-panel > *,
body.crystal-site .prod-module-card > *,
body.crystal-site .prod-card > *,
body.crystal-site .web-svc-card > * {
  position: relative;
  z-index: 1;
}

body.crystal-site .home-tile::after,
body.crystal-site .svc-card::after,
body.crystal-site .prod-module-card::after,
body.crystal-site .auto-card::after,
body.crystal-site .page-pro-stat::after,
body.crystal-site .prod-stat::after {
  opacity: 0.35 !important;
}

/*
 * Leftover Tailwind text-white/* from the old dark theme → readable on ice.
 * Dark bands restore light text below.
 */
body.crystal-site [class*="text-white/"],
body.crystal-site [class*="text-white\/"],
body.automation-premium [class*="text-white/"],
body.automation-premium [class*="text-white\/"] {
  color: #3a4660 !important;
}

/* Dark surfaces: force light text (incl. brand words inside notes) */
body.crystal-site .founder-pro-stat,
body.crystal-site .founder-pro-hero__stats,
body.crystal-site .about-corp-stat,
body.crystal-site .about-corp-stats,
body.crystal-site .bg-ink-text,
body.crystal-site .page-pro-panel--ink,
body.crystal-site .page-pro-cta-band,
body.crystal-site .founder-pro-connect,
body.crystal-site .about-corp-people,
body.crystal-site .about-corp-ceo,
body.crystal-site .careers-cta-premium,
body.crystal-site .ach-mission,
body.crystal-site .home-security,
body.crystal-site .prod-section--dark,
body.crystal-site .dark-band,
body.crystal-site .founder-pro-dark-band {
  color: #f5f8ff !important;
}

/* Restore light copy inside dark bands (overrides global text-white remap) */
body.crystal-site .bg-ink-text [class*="text-white/"],
body.crystal-site .bg-ink-text [class*="text-white\/"],
body.crystal-site .page-pro-panel--ink [class*="text-white/"],
body.crystal-site .page-pro-cta-band [class*="text-white/"],
body.crystal-site .page-pro-cta-band [class*="text-white\/"],
body.crystal-site .page-pro-cta-band p,
body.crystal-site .page-pro-cta-band h1,
body.crystal-site .page-pro-cta-band h2,
body.crystal-site .page-pro-cta-band h3,
body.crystal-site .founder-pro-connect [class*="text-white/"],
body.crystal-site .about-corp-people [class*="text-white/"],
body.crystal-site .about-corp-ceo [class*="text-white/"],
body.crystal-site .about-corp-stats [class*="text-white/"],
body.crystal-site .about-corp-stat [class*="text-white/"],
body.crystal-site .careers-cta-premium [class*="text-white/"],
body.crystal-site .ach-mission [class*="text-white/"],
body.crystal-site .home-security [class*="text-white/"],
body.crystal-site .prod-section--dark [class*="text-white/"],
body.crystal-site .dark-band [class*="text-white/"],
body.crystal-site .founder-pro-stat [class*="text-white/"],
body.crystal-site .home-tile--dark [class*="text-white/"],
body.crystal-site .auto-topbar [class*="text-white/"] {
  color: rgba(245, 248, 255, 0.78) !important;
}

body.crystal-site .founder-pro-stat__note,
body.crystal-site .founder-pro-stat__label,
body.crystal-site .founder-pro-stat .brand-mark,
body.crystal-site .founder-pro-stat .brand-mark__ecom,
body.crystal-site .founder-pro-stat strong,
body.crystal-site .about-corp-stat__note,
body.crystal-site .about-corp-stat .brand-mark,
body.crystal-site .about-corp-stat .brand-mark__ecom,
body.crystal-site .page-pro-cta-band .brand-mark,
body.crystal-site .page-pro-cta-band .brand-mark__ecom,
body.crystal-site .bg-ink-text .brand-mark,
body.crystal-site .bg-ink-text .brand-mark__ecom,
body.crystal-site .about-corp-people .brand-mark,
body.crystal-site .about-corp-people .brand-mark__ecom,
body.crystal-site .about-corp-ceo .brand-mark,
body.crystal-site .about-corp-ceo .brand-mark__ecom {
  color: #ffffff !important;
}
body.crystal-site .founder-pro-stat .brand-mark__hutsy,
body.crystal-site .about-corp-stat .brand-mark__hutsy,
body.crystal-site .page-pro-cta-band .brand-mark__hutsy,
body.crystal-site .bg-ink-text .brand-mark__hutsy,
body.crystal-site .about-corp-people .brand-mark__hutsy,
body.crystal-site .about-corp-ceo .brand-mark__hutsy {
  color: #ff6a00 !important;
}
body.crystal-site .founder-pro-stat__value {
  color: #ffffff !important;
}
body.crystal-site .founder-pro-stat {
  background: linear-gradient(160deg, rgba(18, 48, 110, 0.95), rgba(11, 18, 40, 0.98)) !important;
}

/* Ensure CTA bands are navy (not ice) so white copy stays visible */
body.crystal-site .page-pro-cta-band {
  background:
    radial-gradient(ellipse at 18% 0%, rgba(9, 92, 255, 0.3), transparent 52%),
    linear-gradient(160deg, #0b1220 0%, #122044 55%, #081018 100%) !important;
  color: #f5f8ff !important;
}

/* Automation light pages: readable body copy */
body.automation-premium .auto-card p,
body.automation-premium .auto-panel p,
body.automation-premium .auto-prose p,
body.automation-premium .auto-section p,
body.automation-premium .auto-hero__sub {
  color: #3a4660 !important;
}
body.automation-premium .auto-card h3,
body.automation-premium .auto-card h4,
body.automation-premium .auto-panel h3,
body.automation-premium .auto-section-title,
body.automation-premium .auto-hero__title,
body.automation-premium .auto-hero .font-display {
  color: #09142c !important;
}
body.automation-premium .auto-card .text-primary-container,
body.automation-premium .text-primary-container {
  color: #095cff !important;
}
body.automation-premium .auto-topbar,
body.automation-premium .auto-topbar a,
body.automation-premium .auto-topbar [class*="text-white/"] {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* ========== Restore automation header/nav (was wiped from app.css) ========== */
.auto-topbar {
  position: relative;
  z-index: 60;
  background: #0b1220 !important;
  color: #fff !important;
}
.auto-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  min-height: 2.35rem;
  font-size: 12px;
  font-weight: 500;
}
.auto-topbar__phone,
.auto-topbar__email {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none;
}
.auto-nav {
  position: sticky;
  top: 0;
  z-index: 70;
  overflow: visible !important;
}
.auto-nav__bar {
  position: relative;
  z-index: 71;
  background: #fffffff8 !important;
  border-bottom: 1px solid #17357517 !important;
  overflow: visible !important;
}
.auto-nav__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  color: #09142c !important;
  text-decoration: none;
}
.auto-nav__logo {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
  flex-shrink: 0;
}
.auto-nav__brand-text {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  white-space: nowrap;
  color: #09142c !important;
}
.auto-nav__links {
  overflow: visible !important;
}
.auto-nav__links > a,
.auto-nav-dropdown__trigger {
  display: inline-flex !important;
  align-items: center;
  gap: 0.2rem;
  padding: 0.45rem 0.85rem !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #16213b !important;
  background: linear-gradient(180deg, #fff, #eef4ff) !important;
  border: 1px solid rgba(75, 123, 255, 0.28) !important;
  box-shadow: 0 6px 14px rgba(24, 51, 112, 0.08), inset 0 1px 0 #fff !important;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
}
.auto-nav__links > a:hover,
.auto-nav-dropdown__trigger:hover,
.auto-nav__links > a.is-active,
.auto-nav-dropdown__trigger.is-active {
  color: #095cff !important;
  border-color: rgba(9, 92, 255, 0.45) !important;
}
.auto-nav__cta,
.auto-nav__cta--mobile {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0.7rem 1.35rem !important;
  border-radius: 11px !important;
  background: linear-gradient(110deg, #075cff, #4d38ff) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 14px 28px #204fff45,
    0 2px 0 #3a2fd0,
    inset 0 1px 0 #ffffffa8 !important;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.auto-nav__cta:hover {
  transform: translateY(-1px);
}
.auto-nav__menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 11px;
  border: 1px solid #1d43971f;
  background: #fff;
  color: #09142c;
}
.auto-nav-dropdown {
  position: relative !important;
  z-index: 80;
}
.auto-nav-dropdown::before {
  content: "";
  position: absolute;
  top: 100%;
  left: -20px;
  right: -20px;
  height: 22px;
}
.auto-nav-dropdown__menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  transform: translateY(6px) !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 240px !important;
  max-width: min(90vw, 320px) !important;
  padding: 8px !important;
  border-radius: 14px !important;
  border: 1px solid #2f4c961f !important;
  background: #ffffff !important;
  box-shadow: 0 24px 50px rgba(24, 51, 112, 0.18) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
  z-index: 200 !important;
}
.auto-nav-dropdown:hover .auto-nav-dropdown__menu,
.auto-nav-dropdown.is-open .auto-nav-dropdown__menu,
.auto-nav-dropdown:focus-within .auto-nav-dropdown__menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.auto-nav-dropdown__menu a,
.auto-nav-dropdown__item {
  display: block !important;
  width: 100% !important;
  padding: 0.7rem 0.9rem !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #09142c !important;
  text-decoration: none !important;
  white-space: normal !important;
}
.auto-nav-dropdown__menu a:hover,
.auto-nav-dropdown__item:hover,
.auto-nav-dropdown__item.is-active {
  background: rgba(9, 92, 255, 0.08) !important;
  color: #095cff !important;
}
.auto-nav__mobile {
  background: #fff !important;
  border-top: 1px solid #1d43971f !important;
}
.auto-nav__mobile-link {
  display: block;
  padding: 0.7rem 0;
  color: #09142c !important;
  font-weight: 650;
}
.auto-nav__mobile-link--sub {
  padding-left: 0.85rem;
  font-size: 13px;
  color: #5d6b86 !important;
}
.auto-nav__mobile-label {
  padding: 0.75rem 0 0.25rem;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #095cff;
}

/* Main site header: MUST sit above main (dropdowns were painting under page content) */
body.crystal-site .site-header-stack,
body.crystal-site .site-header-stack--overlay,
body.crystal-site #site-nav.site-nav,
body.crystal-site .site-nav {
  position: relative !important;
  z-index: 10000 !important;
  overflow: visible !important;
  isolation: auto !important;
}
body.crystal-site .site-header-stack--overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
body.crystal-site main,
body.crystal-site footer {
  position: relative !important;
  z-index: 1 !important;
}
body.crystal-site .site-nav__links,
body.crystal-site .nav-dropdown,
body.crystal-site .max-w-container {
  overflow: visible !important;
}
body.crystal-site .nav-dropdown {
  position: relative !important;
  z-index: 10001 !important;
}
body.crystal-site .nav-dropdown__menu {
  z-index: 10002 !important;
  background: #ffffff !important;
  box-shadow: 0 28px 60px rgba(15, 35, 90, 0.22) !important;
}
body.crystal-site .nav-dropdown:hover .nav-dropdown__menu,
body.crystal-site .nav-dropdown.is-open .nav-dropdown__menu,
body.crystal-site .nav-dropdown:focus-within .nav-dropdown__menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}
body.crystal-site .nav-dropdown--start .nav-dropdown__menu {
  left: 0 !important;
  right: auto !important;
  transform: translateY(8px) !important;
}
body.crystal-site .nav-dropdown--start:hover .nav-dropdown__menu,
body.crystal-site .nav-dropdown--start.is-open .nav-dropdown__menu,
body.crystal-site .nav-dropdown--start:focus-within .nav-dropdown__menu {
  transform: translateY(0) !important;
}

/* Automation header above page content */
body.automation-premium .auto-topbar {
  z-index: 10000 !important;
}
body.automation-premium header.auto-nav,
body.automation-premium .auto-nav {
  z-index: 10001 !important;
  overflow: visible !important;
}
body.automation-premium .auto-nav__bar,
body.automation-premium .auto-nav__links {
  overflow: visible !important;
}
body.automation-premium main {
  z-index: 1 !important;
}
body.automation-premium .auto-nav-dropdown {
  z-index: 10002 !important;
}
body.automation-premium .auto-nav-dropdown__menu {
  z-index: 10003 !important;
}

/* =========================================================
   SITE-WIDE: dark surfaces = light text (beat brand-bridge ink)
   ========================================================= */
body.crystal-site .prod-detail-why__shell,
body.crystal-site .prod-detail-why__shell *,
body.crystal-site .prod-detail-trial__banner,
body.crystal-site .prod-detail-trial__banner *,
body.crystal-site .bg-ink-text,
body.crystal-site .bg-ink-text *,
body.crystal-site .page-pro-panel--ink,
body.crystal-site .page-pro-panel--ink *,
body.crystal-site .page-pro-cta-band,
body.crystal-site .page-pro-cta-band *,
body.crystal-site .prod-section--dark,
body.crystal-site .prod-section--dark *,
body.crystal-site .dark-band,
body.crystal-site .dark-band *,
body.crystal-site .founder-pro-connect,
body.crystal-site .founder-pro-connect *,
body.crystal-site .founder-pro-dark-band,
body.crystal-site .founder-pro-dark-band *,
body.crystal-site .about-corp-ceo,
body.crystal-site .about-corp-ceo *,
body.crystal-site .about-corp-people,
body.crystal-site .about-corp-people *,
body.crystal-site .about-corp-stats,
body.crystal-site .about-corp-stats *,
body.crystal-site .about-corp-stat,
body.crystal-site .about-corp-stat *,
body.crystal-site .founder-pro-stat,
body.crystal-site .founder-pro-stat *,
body.crystal-site .careers-cta-premium,
body.crystal-site .careers-cta-premium *,
body.crystal-site .ach-mission,
body.crystal-site .ach-mission *,
body.crystal-site .home-security,
body.crystal-site .home-security *,
body.crystal-site .home-tile--dark,
body.crystal-site .home-tile--dark * {
  color: #f5f8ff !important;
}

body.crystal-site .prod-detail-why__shell p,
body.crystal-site .prod-detail-why__lede,
body.crystal-site .prod-detail-why__card p,
body.crystal-site .prod-detail-trial__text,
body.crystal-site .bg-ink-text p,
body.crystal-site .bg-ink-text .text-muted-text,
body.crystal-site .bg-ink-text [class*="text-white/"],
body.crystal-site .page-pro-panel--ink p,
body.crystal-site .page-pro-cta-band p,
body.crystal-site .page-pro-cta-band .text-muted-text,
body.crystal-site .prod-section--dark p,
body.crystal-site .dark-band p,
body.crystal-site .founder-pro-connect p,
body.crystal-site .about-corp-ceo p,
body.crystal-site .about-corp-people p,
body.crystal-site .careers-cta-premium p,
body.crystal-site .ach-mission p,
body.crystal-site .home-security p,
body.crystal-site .home-tile--dark p {
  color: rgba(245, 248, 255, 0.78) !important;
}

body.crystal-site .prod-detail-why__shell h1,
body.crystal-site .prod-detail-why__shell h2,
body.crystal-site .prod-detail-why__shell h3,
body.crystal-site .prod-detail-why__shell .font-display,
body.crystal-site .prod-detail-why__title,
body.crystal-site .prod-detail-why__card h3,
body.crystal-site .prod-detail-trial__title,
body.crystal-site .prod-detail-trial__banner .font-display,
body.crystal-site .bg-ink-text h1,
body.crystal-site .bg-ink-text h2,
body.crystal-site .bg-ink-text h3,
body.crystal-site .bg-ink-text .font-display,
body.crystal-site .page-pro-cta-band h1,
body.crystal-site .page-pro-cta-band h2,
body.crystal-site .page-pro-cta-band h3,
body.crystal-site .page-pro-cta-band .font-display,
body.crystal-site .page-pro-panel--ink h1,
body.crystal-site .page-pro-panel--ink h2,
body.crystal-site .page-pro-panel--ink h3,
body.crystal-site .page-pro-panel--ink .font-display,
body.crystal-site .prod-section--dark h1,
body.crystal-site .prod-section--dark h2,
body.crystal-site .prod-section--dark h3,
body.crystal-site .prod-section--dark .font-display,
body.crystal-site .founder-pro-connect h1,
body.crystal-site .founder-pro-connect h2,
body.crystal-site .founder-pro-connect h3,
body.crystal-site .founder-pro-connect .font-display,
body.crystal-site .about-corp-ceo h1,
body.crystal-site .about-corp-ceo h2,
body.crystal-site .about-corp-ceo h3,
body.crystal-site .about-corp-ceo .font-display,
body.crystal-site .about-corp-people h1,
body.crystal-site .about-corp-people h2,
body.crystal-site .about-corp-people h3,
body.crystal-site .about-corp-people .font-display,
body.crystal-site .careers-cta-premium h1,
body.crystal-site .careers-cta-premium h2,
body.crystal-site .careers-cta-premium h3,
body.crystal-site .ach-mission h1,
body.crystal-site .ach-mission h2,
body.crystal-site .ach-mission h3,
body.crystal-site .home-security h1,
body.crystal-site .home-security h2,
body.crystal-site .home-security h3 {
  color: #ffffff !important;
}

body.crystal-site .prod-detail-why__shell .brand-mark,
body.crystal-site .prod-detail-why__shell .brand-mark__ecom,
body.crystal-site .prod-detail-trial__banner .brand-mark,
body.crystal-site .bg-ink-text .brand-mark,
body.crystal-site .bg-ink-text .brand-mark__ecom,
body.crystal-site .page-pro-cta-band .brand-mark,
body.crystal-site .page-pro-cta-band .brand-mark__ecom,
body.crystal-site .founder-pro-connect .brand-mark,
body.crystal-site .about-corp-ceo .brand-mark,
body.crystal-site .about-corp-people .brand-mark,
body.crystal-site .about-corp-stat .brand-mark,
body.crystal-site .careers-cta-premium .brand-mark,
body.crystal-site .ach-mission .brand-mark,
body.crystal-site .home-security .brand-mark {
  color: #ffffff !important;
}
body.crystal-site .prod-detail-why__shell .brand-mark__hutsy,
body.crystal-site .prod-detail-trial__banner .brand-mark__hutsy,
body.crystal-site .bg-ink-text .brand-mark__hutsy,
body.crystal-site .page-pro-cta-band .brand-mark__hutsy,
body.crystal-site .founder-pro-connect .brand-mark__hutsy,
body.crystal-site .about-corp-ceo .brand-mark__hutsy,
body.crystal-site .about-corp-people .brand-mark__hutsy,
body.crystal-site .about-corp-stat .brand-mark__hutsy,
body.crystal-site .careers-cta-premium .brand-mark__hutsy,
body.crystal-site .ach-mission .brand-mark__hutsy,
body.crystal-site .home-security .brand-mark__hutsy {
  color: #ff6a00 !important;
}

body.crystal-site .prod-section-label--on-dark,
body.crystal-site .prod-detail-why__shell .prod-section-label {
  color: #7eb0ff !important;
  background: none !important;
  border: 0 !important;
}

body.crystal-site .prod-detail-why__icon {
  color: #4da3ff !important;
  background: rgba(9, 92, 255, 0.22) !important;
}

/* Keep CTAs / primary buttons white-on-blue inside dark bands */
body.crystal-site .prod-detail-why__shell a.auto-btn--primary,
body.crystal-site .prod-detail-trial__btn,
body.crystal-site .bg-ink-text a[class*="bg-primary"],
body.crystal-site .page-pro-cta-band a.svc-btn--primary,
body.crystal-site .page-pro-cta-band a.auto-btn--primary,
body.crystal-site .page-pro-cta-band .svc-btn--primary,
body.crystal-site .careers-cta-premium a[class*="bg-primary"],
body.crystal-site .founder-pro-connect a[class*="bg-primary"],
body.crystal-site .prod-detail-trial__btn,
body.crystal-site a.prod-detail-trial__btn {
  color: #ffffff !important;
}

/* Accent links on dark stay bright blue */
body.crystal-site .bg-ink-text .text-primary-container,
body.crystal-site .page-pro-cta-band .text-primary-container,
body.crystal-site .prod-detail-why__shell .text-primary-container,
body.crystal-site .careers-cta-premium .text-primary-container {
  color: #7eb0ff !important;
}

/* Trial banner: navy band (was ice + white text = invisible) */
body.crystal-site .prod-detail-trial__banner {
  background:
    radial-gradient(ellipse at 18% 0%, rgba(9, 92, 255, 0.32), transparent 52%),
    linear-gradient(160deg, #0b1220 0%, #122044 55%, #081018 100%) !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.crystal-site .prod-detail-why__shell {
  background:
    radial-gradient(ellipse 55% 70% at 0% 0%, rgba(9, 92, 255, 0.2), transparent 55%),
    linear-gradient(160deg, #0b1220 0%, #122044 55%, #081018 100%) !important;
  color: #f5f8ff !important;
}

body.crystal-site .prod-detail-why__card {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f5f8ff !important;
  box-shadow: none !important;
}

/* Glossy tiles must NOT paint white cards inside dark why section */
body.crystal-site .prod-detail-why__card,
body.crystal-site .prod-detail-why__shell .prod-detail-why__card {
  background-color: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
}

/* =========================================================
   UNIFIED 3D GLOSSY BUTTONS (match top nav CTA / Home pills)
   ========================================================= */
body.crystal-site .site-nav__cta,
body.crystal-site .site-dashboard,
body.crystal-site .auto-nav__cta,
body.automation-premium .auto-nav__cta,
body.crystal-site .prod-detail-buy:not(.prod-detail-buy--ghost):not(.prod-detail-buy--ghost-light),
body.crystal-site .prod-detail-trial__btn,
body.crystal-site a.prod-detail-trial__btn,
body.crystal-site .prod-modules__cta,
body.crystal-site .svc-btn--primary,
body.crystal-site .auto-btn--primary,
body.automation-premium .auto-btn--primary,
body.crystal-site .button-primary,
body.crystal-site .v3-btn-primary,
body.crystal-site .page-pro-btn--primary,
body.crystal-site .founder-pro-btn--primary,
body.crystal-site .careers-btn-primary,
body.crystal-site .about-corp-btn--primary,
body.crystal-site .about-corp-btn,
body.crystal-site a.bg-primary-container,
body.crystal-site button.bg-primary-container,
body.crystal-site [class*="bg-primary-container"],
body.crystal-site button[type="submit"]:not(.auto-btn--ghost),
body.crystal-site .contact-pro form button[type="submit"],
body.crystal-site .btn-glossy-3d {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  min-height: 2.85rem !important;
  padding: 0.85rem 1.45rem !important;
  border: 0 !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.14) !important;
  cursor: pointer !important;
  background: linear-gradient(110deg, #075cff 0%, #2a4dff 48%, #4d38ff 100%) !important;
  background-image: linear-gradient(110deg, #075cff 0%, #2a4dff 48%, #4d38ff 100%) !important;
  background-color: #095cff !important;
  box-shadow:
    0 14px 28px rgba(32, 79, 255, 0.38),
    0 2px 0 #2f2ac0,
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

body.crystal-site .site-nav__cta::before,
body.crystal-site .site-dashboard::before,
body.crystal-site .auto-nav__cta::before,
body.automation-premium .auto-nav__cta::before,
body.crystal-site .prod-detail-buy:not(.prod-detail-buy--ghost):not(.prod-detail-buy--ghost-light)::before,
body.crystal-site .prod-detail-trial__btn::before,
body.crystal-site .prod-modules__cta::before,
body.crystal-site .svc-btn--primary::before,
body.crystal-site .auto-btn--primary::before,
body.automation-premium .auto-btn--primary::before,
body.crystal-site .button-primary::before,
body.crystal-site .v3-btn-primary::before,
body.crystal-site .page-pro-btn--primary::before,
body.crystal-site .founder-pro-btn--primary::before,
body.crystal-site .careers-btn-primary::before,
body.crystal-site .about-corp-btn::before,
body.crystal-site a.bg-primary-container::before,
body.crystal-site button[type="submit"]:not(.auto-btn--ghost)::before,
body.crystal-site .btn-glossy-3d::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.42) 0%,
    rgba(255, 255, 255, 0.1) 42%,
    transparent 58%
  ) !important;
  opacity: 1 !important;
}

body.crystal-site .site-nav__cta:hover,
body.crystal-site .site-dashboard:hover,
body.crystal-site .auto-nav__cta:hover,
body.automation-premium .auto-nav__cta:hover,
body.crystal-site .prod-detail-buy:not(.prod-detail-buy--ghost):not(.prod-detail-buy--ghost-light):hover,
body.crystal-site .prod-detail-trial__btn:hover,
body.crystal-site .prod-modules__cta:hover,
body.crystal-site .svc-btn--primary:hover,
body.crystal-site .auto-btn--primary:hover,
body.automation-premium .auto-btn--primary:hover,
body.crystal-site .button-primary:hover,
body.crystal-site .v3-btn-primary:hover,
body.crystal-site .page-pro-btn--primary:hover,
body.crystal-site .founder-pro-btn--primary:hover,
body.crystal-site .careers-btn-primary:hover,
body.crystal-site .about-corp-btn:hover,
body.crystal-site a.bg-primary-container:hover,
body.crystal-site button[type="submit"]:not(.auto-btn--ghost):hover,
body.crystal-site .btn-glossy-3d:hover {
  transform: translateY(-2px) !important;
  color: #ffffff !important;
  filter: brightness(1.04) !important;
  box-shadow:
    0 18px 36px rgba(34, 78, 255, 0.48),
    0 2px 0 #2f2ac0,
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
}

/* Ghost / secondary — same glass pill as Home nav links */
body.crystal-site .prod-detail-buy--ghost,
body.crystal-site .svc-btn--ghost,
body.crystal-site .auto-btn--ghost,
body.automation-premium .auto-btn--ghost,
body.crystal-site .founder-pro-btn--ghost,
body.crystal-site .page-pro-btn--ghost,
body.crystal-site .v3-btn-ghost,
body.crystal-site .button-secondary {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.85rem !important;
  padding: 0.85rem 1.45rem !important;
  border-radius: 9999px !important;
  color: #16213b !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  border: 1px solid rgba(75, 123, 255, 0.3) !important;
  box-shadow:
    0 10px 22px rgba(24, 51, 112, 0.12),
    inset 0 1px 0 #ffffff !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

body.crystal-site .prod-detail-buy--ghost::before,
body.crystal-site .svc-btn--ghost::before,
body.crystal-site .auto-btn--ghost::before,
body.automation-premium .auto-btn--ghost::before,
body.crystal-site .founder-pro-btn--ghost::before,
body.crystal-site .page-pro-btn--ghost::before,
body.crystal-site .v3-btn-ghost::before,
body.crystal-site .button-secondary::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), transparent 55%) !important;
}

body.crystal-site .prod-detail-buy--ghost:hover,
body.crystal-site .svc-btn--ghost:hover,
body.crystal-site .auto-btn--ghost:hover,
body.automation-premium .auto-btn--ghost:hover,
body.crystal-site .founder-pro-btn--ghost:hover,
body.crystal-site .page-pro-btn--ghost:hover,
body.crystal-site .v3-btn-ghost:hover,
body.crystal-site .button-secondary:hover {
  transform: translateY(-2px) !important;
  color: #095cff !important;
  border-color: rgba(9, 92, 255, 0.5) !important;
  box-shadow:
    0 14px 28px rgba(9, 92, 255, 0.18),
    inset 0 1px 0 #fff !important;
}

/* Ghost on dark bands */
body.crystal-site .prod-detail-buy--ghost-light,
body.crystal-site .founder-pro-btn--ghost-light,
body.crystal-site .auto-cta-band .auto-btn--ghost,
body.automation-premium .auto-cta-band .auto-btn--ghost {
  color: #09142c !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 #fff !important;
}

body.crystal-site .prod-detail-buy--ghost-light:hover,
body.crystal-site .founder-pro-btn--ghost-light:hover,
body.crystal-site .auto-cta-band .auto-btn--ghost:hover,
body.automation-premium .auto-cta-band .auto-btn--ghost:hover {
  color: #095cff !important;
  transform: translateY(-2px) !important;
}

/* Larger CTA variants keep glossy pill */
body.crystal-site .svc-btn--lg,
body.crystal-site .auto-btn--lg,
body.automation-premium .auto-btn--lg {
  min-height: 3.25rem !important;
  padding: 1rem 1.75rem !important;
  font-size: 0.78rem !important;
}

/* Ensure button label sits above gloss sheen */
body.crystal-site .prod-detail-buy,
body.crystal-site .prod-detail-trial__btn,
body.crystal-site .svc-btn,
body.crystal-site .auto-btn,
body.crystal-site .site-nav__cta,
body.crystal-site .auto-nav__cta {
  z-index: 1;
}
body.crystal-site .prod-detail-buy > *,
body.crystal-site .prod-detail-trial__btn > *,
body.crystal-site .svc-btn > *,
body.crystal-site .auto-btn > *,
body.crystal-site .site-nav__cta > *,
body.crystal-site .auto-nav__cta > * {
  position: relative;
  z-index: 1;
}