/**
 * FINAL polish — live ecomhutsy.org blue crystal
 * Load LAST. Kills amber glows, forces glossy blue buttons/tiles, fixes dark CTA text.
 */

/* ── Kill orange/yellow page atmosphere ── */
body.crystal-site::before,
body.automation-premium::before {
  background:
    radial-gradient(circle 320px at 50vw 28vh, #3784ff24, transparent 72%),
    radial-gradient(circle at 16% 78%, #4c3bff18, transparent 30%),
    radial-gradient(circle at 84% 70%, #095cff14, transparent 32%) !important;
}

body.crystal-site,
body.crystal-site.object-glass,
body.automation-premium {
  background-color: #f8faff !important;
}

.home-hero,
.universe-hero,
.services-hero,
.product-hero,
.page-hero,
.hero-reveal,
.page-pro-hero,
.svc-hero,
.founder-pro-hero,
.about-corp-hero,
.auto-hero,
.auto-page-hero,
.products-premium .prod-modules,
.home-markets {
  background:
    radial-gradient(circle at 12% 22%, #4158ff22, transparent 34%),
    radial-gradient(circle at 88% 18%, #095cff18, transparent 36%),
    linear-gradient(135deg, #ffffff, #f3f6ff) !important;
}

.products-premium .prod-modules__glow,
.home-markets__mark,
[class*="__glow"]:not(.auto-hero__glow):not(.auto-hero__glow--a):not(.auto-hero__glow--b),
.founder-social-section__orb,
.about-me-hero__orb {
  background:
    radial-gradient(ellipse at center, rgba(9, 92, 255, 0.18), transparent 68%) !important;
}

.home-markets__mark {
  background: #095cff !important;
  opacity: 0.4 !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
}

.home-markets__grain {
  opacity: 0.05 !important;
  mix-blend-mode: soft-light !important;
  filter: hue-rotate(190deg) saturate(1.2) !important;
}

/* ── Glossy primary buttons (exact .org treatment) ── */
body.crystal-site .site-nav__cta,
body.crystal-site .site-dashboard,
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-primary,
body.crystal-site .v3-btn-primary,
body.crystal-site .svc-btn--primary,
body.crystal-site .auto-btn--primary,
body.crystal-site .founder-pro-btn--primary,
body.crystal-site .careers-btn-primary,
body.crystal-site .page-pro-btn--primary,
body.crystal-site .prod-modules__cta,
body.crystal-site .about-corp-btn,
body.crystal-site .auto-nav__cta,
body.automation-premium .auto-nav__cta,
body.crystal-site a[href].rounded-full.bg-primary-container,
body.crystal-site .bg-\[\#ffa500\],
body.crystal-site .bg-\[\#855400\],
body.crystal-site .bg-\[\#c47a00\] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: linear-gradient(110deg, #075cff 0%, #2a4dff 45%, #4d38ff 100%) !important;
  background-image: linear-gradient(110deg, #075cff 0%, #2a4dff 45%, #4d38ff 100%) !important;
  background-color: #095cff !important;
  border: 0 !important;
  border-radius: 11px !important;
  box-shadow:
    0 14px 28px #204fff45,
    inset 0 1px 0 #ffffff8a,
    inset 0 -1px 0 #00000022 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}

body.crystal-site .site-nav__cta::before,
body.crystal-site a.bg-primary-container::before,
body.crystal-site .prod-modules__cta::before,
body.crystal-site .button-primary::before,
body.crystal-site .v3-btn-primary::before,
body.crystal-site .auto-nav__cta::before,
body.crystal-site .about-corp-btn::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.34) 0%,
    rgba(255, 255, 255, 0.08) 42%,
    transparent 58%
  ) !important;
  opacity: 1 !important;
}

body.crystal-site .site-nav__cta > *,
body.crystal-site a.bg-primary-container > *,
body.crystal-site .prod-modules__cta > * {
  position: relative;
  z-index: 1;
}

body.crystal-site .site-nav__cta:hover,
body.crystal-site a.bg-primary-container:hover,
body.crystal-site .prod-modules__cta:hover,
body.crystal-site .button-primary:hover,
body.crystal-site .auto-nav__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 36px #224eff57,
    inset 0 1px 0 #ffffffa0,
    inset 0 -1px 0 #00000018 !important;
  filter: none !important;
}

/* Nav active / soft wash — blue not tan */
body.crystal-site .site-nav__link.bg-soft-wash,
body.crystal-site .site-nav__link[class*="bg-soft"],
body.crystal-site .bg-soft-wash {
  background: rgba(9, 92, 255, 0.1) !important;
  color: #095cff !important;
}

/* ── Glossy tiles site-wide ── */
body.crystal-site .home-tile,
body.crystal-site .svc-card,
body.crystal-site .svc-hub-card,
body.crystal-site .auto-card,
body.crystal-site .prod-module-card,
body.crystal-site .prod-card,
body.crystal-site .web-svc-card,
body.crystal-site .page-pro-panel:not(.page-pro-panel--ink),
body.crystal-site .faq-item,
body.crystal-site .ach-stat-card,
body.crystal-site .careers-role-card,
body.crystal-site .about-corp-card,
body.crystal-site .home-markets__stage,
body.automation-premium .auto-card {
  background:
    linear-gradient(#fffffffc, #f8fbfffa) padding-box,
    linear-gradient(135deg, rgba(76, 59, 255, 0.45), rgba(9, 92, 255, 0.55) 52%, rgba(123, 67, 242, 0.35)) border-box !important;
  border: 1.5px solid transparent !important;
  border-radius: 18px !important;
  box-shadow:
    0 28px 80px #1c3a8929,
    0 8px 24px #22479c17,
    inset 0 1px 0 #fffffff5,
    inset 0 -1px 0 #5275cd1f !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

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 {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.55) 0%,
    transparent 42%,
    transparent 100%
  ) !important;
  opacity: 0.85 !important;
  z-index: 0 !important;
}

/* ── Dark CTA bands: light text (fix black-on-navy) ── */
body.crystal-site .page-pro-cta-band,
body.crystal-site .bg-ink-text,
body.crystal-site .founder-pro-connect,
body.crystal-site .home-security,
body.crystal-site .ach-mission,
body.crystal-site .careers-cta-premium,
body.crystal-site .about-corp-ceo,
body.crystal-site .page-pro-panel--ink,
body.crystal-site .prod-section--dark,
body.crystal-site .dark-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;
}

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 p,
body.crystal-site .page-pro-cta-band .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 p,
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 p,
body.crystal-site .home-security h2,
body.crystal-site .home-security p,
body.crystal-site .ach-mission h2,
body.crystal-site .ach-mission p,
body.crystal-site .careers-cta-premium h2,
body.crystal-site .careers-cta-premium p {
  color: #f5f8ff !important;
}

body.crystal-site .page-pro-cta-band .section-kicker,
body.crystal-site .page-pro-cta-band .eyebrow,
body.crystal-site .bg-ink-text .section-kicker,
body.crystal-site .founder-pro-connect .section-kicker {
  color: #7eb0ff !important;
  background: rgba(126, 176, 255, 0.12) !important;
  border-color: rgba(126, 176, 255, 0.28) !important;
}

/* Light CTA bands stay ice */
body.crystal-site .svc-cta-band,
body.crystal-site .auto-cta-band {
  background:
    radial-gradient(circle at 12% 0%, #2867ff14, transparent 60%),
    #f8faff !important;
  color: #09142c !important;
}

body.crystal-site .svc-cta-band h2,
body.crystal-site .auto-cta-band h2 {
  color: #09142c !important;
}

/* Accent leftovers → blue */
body.crystal-site .text-\[\#ffa500\],
body.crystal-site .text-\[\#855400\],
body.crystal-site .text-\[\#c47a00\],
body.crystal-site .products-premium .prod-section-label,
body.crystal-site .about-corp-eyebrow {
  color: #154ff3 !important;
}

/* Module mock accents inside cards — shift warm bars to blue */
body.crystal-site .prod-module-card [class*="bg-amber"],
body.crystal-site .prod-module-card [class*="bg-orange"],
body.crystal-site .prod-module-card .bg-\[\#ffa500\] {
  background: #095cff !important;
  color: #fff !important;
}

/* ── Brand: Ecom ink + hutsy orange ── */
.brand-mark,
.brand-mark__ecom,
.site-nav__brand-ecom,
.auto-nav__brand-text .brand-mark,
body.crystal-site .site-nav__brand-ecom,
body.crystal-site .about-corp-hero__brand .brand-mark__ecom {
  color: #09142c !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}
.brand-mark__hutsy,
.site-nav__brand-hutsy,
body.crystal-site .site-nav__brand-hutsy,
body.crystal-site .about-corp-hero__brand .brand-mark__hutsy,
body.automation-premium .auto-nav__brand-text .site-nav__brand-hutsy {
  color: #ff6a00 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}
body.crystal-site .about-corp-hero__brand .brand-mark,
body.crystal-site .page-pro-hero__brand .brand-mark {
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
}

/* ── Kill eyebrow / leadership "bars" — plain prominent labels ── */
body.crystal-site .about-corp-eyebrow,
body.crystal-site .about-corp-eyebrow--on-dark,
body.crystal-site .section-kicker,
body.crystal-site .v3-eyebrow,
body.crystal-site .page-pro-hero__eyebrow,
body.crystal-site .contact-pro__eyebrow,
body.crystal-site .auto-section-label {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  font-size: clamp(0.85rem, 1.4vw, 1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.85rem !important;
}
body.crystal-site .about-corp-eyebrow {
  color: #154ff3 !important;
}
body.crystal-site .about-corp-eyebrow--on-dark,
body.crystal-site .about-corp-people .about-corp-eyebrow,
body.crystal-site .about-corp-ceo .about-corp-eyebrow {
  color: #ffffff !important;
  font-size: clamp(1rem, 1.8vw, 1.2rem) !important;
  letter-spacing: 0.08em !important;
}
body.crystal-site .about-corp-title--light,
body.crystal-site .about-corp-people .about-corp-title,
body.crystal-site .about-corp-ceo .about-corp-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
}

/* ── Nav Home/Services… glossy 3D pills ── */
body.crystal-site .site-nav__link {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  color: #16213b !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  border: 1px solid rgba(75, 123, 255, 0.28) !important;
  border-radius: 9999px !important;
  box-shadow:
    0 8px 18px rgba(24, 51, 112, 0.1),
    inset 0 1px 0 #ffffff !important;
  font-weight: 700 !important;
  padding: 0.45rem 0.85rem !important;
}
body.crystal-site .site-nav__link::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.55), transparent 55%) !important;
  opacity: 0.9 !important;
  z-index: 0 !important;
}
body.crystal-site .site-nav__link:hover,
body.crystal-site .site-nav__link.bg-soft-wash,
body.crystal-site .site-nav__link.text-on-surface {
  color: #095cff !important;
  border-color: rgba(9, 92, 255, 0.45) !important;
  box-shadow:
    0 12px 24px rgba(9, 92, 255, 0.18),
    inset 0 1px 0 #fff !important;
  transform: translateY(-1px);
}

/* Shared glossy 3D button */
.btn-glossy-3d,
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: 50px !important;
  padding: 0.9rem 1.6rem !important;
  border: 0 !important;
  border-radius: 9999px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  background: linear-gradient(110deg, #075cff 0%, #2a4dff 45%, #4d38ff 100%) !important;
  box-shadow:
    0 14px 28px #204fff45,
    0 2px 0 #3a2fd0,
    inset 0 1px 0 #ffffffa8,
    inset 0 -2px 0 rgba(0, 0, 0, 0.18) !important;
  transform: translateY(0);
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.btn-glossy-3d::before,
body.crystal-site .btn-glossy-3d::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.38), transparent 48%) !important;
  pointer-events: none !important;
}
.btn-glossy-3d:hover,
body.crystal-site .btn-glossy-3d:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 36px #224eff57,
    0 3px 0 #3a2fd0,
    inset 0 1px 0 #fff,
    inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
}

/* Strengthen primary CTAs to same 3D gloss pills */
body.crystal-site .site-nav__cta,
body.crystal-site a.bg-primary-container,
body.crystal-site .about-corp-btn--primary,
body.crystal-site .auto-btn--primary,
body.crystal-site .prod-modules__cta,
body.crystal-site .svc-btn--primary,
body.crystal-site .button-primary,
body.crystal-site .v3-btn-primary,
body.crystal-site .prod-detail-buy:not(.prod-detail-buy--ghost) {
  border-radius: 9999px !important;
  box-shadow:
    0 14px 28px #204fff45,
    0 2px 0 #3a2fd0,
    inset 0 1px 0 #ffffffa8,
    inset 0 -2px 0 rgba(0, 0, 0, 0.18) !important;
}

/* Contact page polish */
.contact-pro__eyebrow {
  color: #154ff3;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.85rem;
}
.contact-pro__card {
  padding: 1.15rem 1.25rem;
  border-radius: 16px;
  background:
    linear-gradient(#fffffffc, #f8fbfffa) padding-box,
    linear-gradient(135deg, rgba(76, 59, 255, 0.4), rgba(9, 92, 255, 0.5)) border-box;
  border: 1.5px solid transparent;
  box-shadow:
    0 18px 40px #18337017,
    inset 0 1px 0 #fff;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.contact-pro__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 48px #18337028, inset 0 1px 0 #fff;
}
.contact-pro__card-label {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5d6b86;
}
.contact-pro__card-value {
  margin-top: 0.35rem;
  font-family: "Segoe UI", Inter, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
  color: #09142c;
}
.contact-pro__topic-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #09142c;
  margin-bottom: 0.35rem;
  letter-spacing: -0.02em;
}
.contact-pro__form {
  border-radius: 18px !important;
}
.page-pro-rail::before {
  display: none !important;
}