/* Professional / functional — mono palette (orange/red killed except Wichita promos) */

html {
  scroll-behavior: smooth;
}

body.home-page,
body.legal-page,
body.funnel-page,
body.demo-ss,
body.account-page {
  --pro-ink: #111111;
  --pro-muted: #4b5560;
  --pro-line: rgba(17, 17, 17, 0.1);
  --pro-surface: #f6f7f8;
  --pro-accent: #111111;
  --pro-accent-hover: #000000;
  --uai-orange: #111111;
  --uai-orange-dark: #000000;
  --uai-orange-soft: rgba(17, 17, 17, 0.08);
  --uai-orange-border: rgba(17, 17, 17, 0.18);
  --obs-orange: #111111;
  --obs-orange-dark: #000000;
  --obs-orange-soft: rgba(17, 17, 17, 0.08);
  --obs-orange-border: rgba(17, 17, 17, 0.18);
  --refine-accent: #111111;
  --refine-accent-soft: rgba(17, 17, 17, 0.08);
  --impact-accent: #111111;
  --impact-accent-dim: rgba(17, 17, 17, 0.08);
  --impact-accent-border: rgba(17, 17, 17, 0.18);
  --ss-orange: #111111;
  font-family: "IBM Plex Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

html.home-page-root,
html.home-page-root body,
.home-page,
.home-page *,
.home-page *::before,
.home-page *::after {
  font-family: "IBM Plex Sans", sans-serif !important;
}

.obs-scroll-glow,
.home-page--obsidian::before,
.hero-phone__glow-ring {
  display: none !important;
}

.home-page--obsidian {
  --obs-text: var(--pro-ink);
  --obs-muted: var(--pro-muted);
  --obs-subtle: #5c6570;
  background: #fff !important;
}

/* Force leftover hardcoded oranges to mono on marketed pages */
.home-page [style*="#ff6200"],
.home-page [style*="#e85d04"],
.home-page [style*="255, 98, 0"] {
  color: inherit;
}

.home-page .btn--glow,
.home-page .btn-convert,
.home-page .btn--solid,
.home-page .btn--orange,
.legal-page .btn--glow,
.funnel-page .btn--glow,
.account-gate .btn--glow,
.walk .btn-convert {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  border-radius: 8px !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 0 0 3px rgba(0, 0, 0, 0.05),
    0 0 14px rgba(0, 0, 0, 0.16) !important;
  text-shadow: none !important;
  filter: none !important;
  background-image: none !important;
}

.home-page .btn--glow:hover,
.home-page .btn-convert:hover,
.home-page .btn--solid:hover,
.home-page .btn--orange:hover,
.legal-page .btn--glow:hover,
.funnel-page .btn--glow:hover,
.account-gate .btn--glow:hover,
.walk .btn-convert:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 0 0 4px rgba(0, 0, 0, 0.06),
    0 0 18px rgba(0, 0, 0, 0.22) !important;
}

.home-page .btn--dark-outline,
.home-page .btn--orange-outline,
.walk .btn--dark-outline {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(17, 17, 17, 0.22) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) !important;
}

.home-page--obsidian .navbar,
.home-page.home-page--obsidian .navbar {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--pro-line);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-page--obsidian .navbar__links,
.home-page.home-page--obsidian .navbar__links {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

.home-page--obsidian .navbar__phone {
  display: none;
  color: #111;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.home-page--obsidian .navbar__phone:hover {
  opacity: 0.7;
}

@media (min-width: 980px) {
  .home-page--obsidian .navbar__phone {
    display: inline-flex;
    align-items: center;
  }
}

.home-page--obsidian .navbar__cta {
  border-radius: 999px !important;
}

.home-page--obsidian .hero__h-accent {
  color: var(--pro-ink) !important;
}

.home-page--obsidian .obs-frame__bg,
.home-page--obsidian .obs-frame__corner,
.home-page--obsidian .obs-frame__glow {
  display: none !important;
}

/* Mono eyebrows sitewide — Wichita keeps its own red */
.home-page .info-block__eyebrow,
.home-page--obsidian .obs-frame__eyebrow,
.home-page--obsidian .integrations-display__eyebrow,
.home-page--obsidian .mobile-showcase__eyebrow {
  color: #666 !important;
}

.wichita-strip .wichita-strip__eyebrow,
.wichita-strip .info-block__eyebrow {
  color: #b91c1c !important;
}

/* Sliders / progress / accent fillers */
.home-page input[type='range'],
.home-page .calc-range {
  background: linear-gradient(
    90deg,
    #111 var(--range-pct, 0%),
    rgba(17, 17, 17, 0.12) var(--range-pct, 0%)
  ) !important;
}

.home-page input[type='range']::-webkit-slider-thumb,
.home-page .calc-range::-webkit-slider-thumb {
  background: #111 !important;
  border-color: #111 !important;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06), 0 0 14px rgba(0, 0, 0, 0.16) !important;
}

.home-page .mobile-showcase__progress-fill,
.home-page .deploy-preview__progress-fill,
.home-page .process-rail__fill {
  background: #111 !important;
  background-image: none !important;
}

.home-page .mobile-showcase__dot.is-active,
.home-page .crm-modules__dot {
  background: #111 !important;
  box-shadow: none !important;
}

.home-page a:not(.btn):not(.wichita-banner a) {
  /* keep default link mono where accented orange was used */
}

.home-page .footer__tagline,
.legal-page .footer__tag {
  color: var(--pro-muted);
}

.home-page .rv {
  transition: opacity 0.35s ease, transform 0.35s ease !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-page .rv {
    transition: none !important;
  }
}