/* FreeSCIM visual performance tuning
   Loaded by script.js after the flagship visual layer.
   Keep the premium enterprise treatment while avoiding continuous GPU work. */

:root {
  --vr-glow: 0 10px 34px rgba(0, 0, 0, 0.2);
  --vr-shadow: 0 18px 54px rgba(0, 0, 0, 0.3);
}

html {
  scroll-behavior: auto;
}

body.visual-enterprise {
  background:
    radial-gradient(circle at 12% 0%, rgba(59, 130, 246, 0.11), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(115, 251, 211, 0.055), transparent 24%),
    linear-gradient(rgba(86, 215, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(86, 215, 255, 0.014) 1px, transparent 1px),
    #050a12;
  background-size: auto, auto, 72px 72px, 72px 72px, auto;
}

.visual-enterprise .bg-glow {
  display: none;
}

.visual-enterprise nav,
.visual-enterprise nav.scrolled {
  background: rgba(4, 9, 16, 0.98);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

.visual-enterprise .brand-logo-mark,
.visual-enterprise .hero-brand-lockup img,
.visual-enterprise .hero-art,
.visual-enterprise .page-hero-visual img {
  filter: none;
}

.visual-enterprise .home-hero::before,
.visual-enterprise .hero-art-shell::before,
.visual-enterprise .bento-card::after,
.visual-enterprise .status-showcase article::after {
  display: none;
}

.visual-enterprise .hero-art,
.visual-enterprise .network-dot {
  animation: none !important;
}

.visual-enterprise .hero-art-caption {
  background: rgba(5, 13, 22, 0.96);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.visual-enterprise .hero-proof::before,
.visual-enterprise .network-dot,
.visual-enterprise .mini-log span::before,
.visual-enterprise .topology-legend .legend-line {
  box-shadow: none;
}

.visual-enterprise .hero-actions a,
.visual-enterprise .premium-button,
.visual-enterprise .bento-card,
.visual-enterprise .ecosystem-chip,
.visual-enterprise .spotlight-list div,
.visual-enterprise .capability-showcase-card,
.visual-enterprise .status-showcase article,
.visual-enterprise .dimension-card {
  transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.visual-enterprise .hero-actions a:hover,
.visual-enterprise .premium-button:hover,
.visual-enterprise .bento-card:hover {
  transform: none;
}

.visual-enterprise .hero-actions a:hover,
.visual-enterprise .premium-button:hover {
  box-shadow: none;
}

.visual-enterprise .bento-card,
.visual-enterprise .visual-frame,
.visual-enterprise .evidence-console,
.visual-enterprise .closing-cta,
.visual-enterprise .metric-ribbon {
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22);
}

.visual-enterprise .bento-card:hover {
  border-color: rgba(86, 215, 255, 0.36);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22);
}

.visual-enterprise .visual-frame::before {
  background: linear-gradient(130deg, rgba(86, 215, 255, 0.18), transparent 28%, transparent 72%, rgba(115, 251, 211, 0.12));
}

/* The only retained entrance effect is a short opacity fade. */
.fade-up {
  transform: none !important;
  transition: opacity 160ms ease-out !important;
}

.fade-up.visible {
  transform: none !important;
}

@media (max-width: 900px), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .fade-up,
  .fade-up.visible,
  .visual-enterprise *,
  .visual-enterprise *::before,
  .visual-enterprise *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  .fade-up {
    opacity: 1 !important;
    transform: none !important;
  }

  .visual-enterprise .hero-art-caption {
    display: none;
  }
}