body.solutions-page {
  --solution-ink: #f8fafc;
  --solution-muted: #b4c0d0;
  --solution-surface: #111b2b;
  --solution-line: rgba(226, 232, 240, 0.14);
  --solution-accent: #60a5fa;
  color: var(--solution-ink);
  background: var(--bg-black, #121212);
  font-family: var(--font-body, 'Plus Jakarta Sans', sans-serif);
}

body.solutions-page nav:not(.not-found-nav) {
  z-index: 1100;
  background: rgba(10, 14, 24, 0.92);
  border-bottom: 1px solid var(--solution-line);
}
body.solutions-page .nav-container { max-width: 1280px; padding-inline: 24px; }
body.solutions-page .nav-logo { color: #f8fafc; }
body.solutions-page .nav-links > a,
body.solutions-page .nav-links .dropdown-trigger { color: #d6deea; }
body.solutions-page .nav-links > a:hover,
body.solutions-page .nav-links .dropdown-trigger:hover { color: #fff; }
body.solutions-page .dropdown-content { background: #101a2a; border: 1px solid var(--solution-line); }
body.solutions-page .solutions-mega { min-width: min(720px, calc(100vw - 32px)); }
body.solutions-page .mobile-menu { background: #0d1625; }
body.solutions-page .mobile-link,
body.solutions-page .mobile-dropdown-trigger { color: #eef4fb; }
body.solutions-page .mobile-dropdown-content a { color: #c1ccda; }
body.solutions-page .mobile-menu-btn { color: #eef4fb; }
body.solutions-page .mobile-menu-btn:focus-visible,
body.solutions-page .nav a:focus-visible,
body.solutions-page .nav button:focus-visible,
body.solutions-page a:focus-visible,
body.solutions-page button:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }

body.solutions-page .solutions-category-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 20px;
  padding: 7px 11px;
  border: 1px solid rgba(96, 165, 250, 0.34);
  border-radius: 3px;
  background: rgba(37, 99, 235, 0.12);
  color: #bfdbfe;
  font: 700 11px/1.3 var(--font-body, sans-serif);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.solutions-page .solutions-backlink {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin: 0 0 22px;
  color: #d5deeb;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
body.solutions-page .solutions-backlink:hover { color: #93c5fd; }
body.solutions-page .solutions-backlink::before { content: '\2190'; color: var(--solution-accent); font-size: 15px; }

body.solutions-page .bs-hero,
body.solutions-page .eng-hero,
body.solutions-page .gm-hero,
body.solutions-page .ri-hero,
body.solutions-page .ops-hero,
body.solutions-page .ai-hero,
body.solutions-page .slid-hero,
body.solutions-page .solutions-hero {
  min-height: clamp(640px, 82svh, 900px);
  scroll-margin-top: 82px;
}
body.solutions-page .bs-hero { min-height: clamp(640px, 84svh, 900px); }
body.solutions-page .bs-hero__inner,
body.solutions-page .eng-hero-inner,
body.solutions-page .ri-hero__inner { max-width: 1280px; padding-inline: 24px; }
body.solutions-page .eng-hero { padding: 120px 24px 72px; }
body.solutions-page .gm-hero__content { max-width: 1280px; padding: 120px 24px 72px; gap: clamp(28px, 5vw, 72px); }
body.solutions-page .gm-hero__heading,
body.solutions-page .bs-hero h1,
body.solutions-page .eng-hero-content h1,
body.solutions-page .ri-hero h1,
body.solutions-page .solutions-hero h1 {
  color: #f8fafc !important;
  font-family: var(--font-heading, 'Space Grotesk', sans-serif);
  font-size: clamp(38px, 5vw, 68px) !important;
  font-weight: 700;
  line-height: 1.08 !important;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
body.solutions-page .gm-hero__heading span { color: #bfdbfe; }
body.solutions-page .bs-hero__sub,
body.solutions-page .eng-hero-content p,
body.solutions-page .gm-hero__body,
body.solutions-page .ri-hero__sub,
body.solutions-page .solutions-hero p { color: #c4cfdd; }
body.solutions-page .ops-hero,
body.solutions-page .ai-hero,
body.solutions-page .solutions-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px) !important;
  max-width: 1280px;
  margin: 0 auto;
  padding: 132px 24px 76px !important;
  background: var(--bg-black, #121212) !important;
}
body.solutions-page .ops-hero h1,
body.solutions-page .ai-hero h1,
body.solutions-page .solutions-hero h1 {
  max-width: 16ch;
  margin: 0 0 22px !important;
}
body.solutions-page .ops-hero p,
body.solutions-page .ai-hero p,
body.solutions-page .solutions-hero p { color: var(--text-gray, #b4c0d0) !important; }
body.solutions-page .ops-hero-visual,
body.solutions-page .ai-hero-visual,
body.solutions-page .solutions-hero-visual {
  min-width: 0;
  max-height: 460px;
  border-radius: 4px !important;
  overflow: hidden;
}
body.solutions-page .ops-hero-visual img,
body.solutions-page .ai-hero-visual img,
body.solutions-page .solutions-hero-visual img {
  width: 100%;
  height: 100%;
  max-height: 460px;
  object-fit: cover;
}
body.solutions-page .slid-hero__content { max-width: 1280px; padding-inline: 24px; }
body.solutions-page .slid-hero__heading { color: #f8fafc !important; font-family: var(--font-heading, 'Space Grotesk', sans-serif); font-size: clamp(38px, 5vw, 68px); line-height: 1.08; }
body.solutions-page .slid-hero__body { color: #c4cfdd; }

body.solutions-page .btn-primary,
body.solutions-page .btn-secondary,
body.solutions-page .btn--primary,
body.solutions-page .btn--ghost,
body.solutions-page .slid-hero__buttons a,
body.solutions-page .ops-hero-buttons a,
body.solutions-page .ai-hero-buttons a {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 18px !important;
  border: 1px solid transparent;
  border-radius: 4px !important;
  font: 600 13px/1.35 var(--font-body, sans-serif);
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
body.solutions-page .btn-primary,
body.solutions-page .btn--primary,
body.solutions-page .ops-hero-buttons a:first-child,
body.solutions-page .ai-hero-buttons a:first-child { background: #2563eb; color: #fff !important; }
body.solutions-page .btn-primary:hover,
body.solutions-page .btn--primary:hover,
body.solutions-page .ops-hero-buttons a:first-child:hover,
body.solutions-page .ai-hero-buttons a:first-child:hover { background: #1d4ed8; }
body.solutions-page .btn-secondary,
body.solutions-page .btn--ghost,
body.solutions-page .ops-hero-buttons a:not(:first-child),
body.solutions-page .ai-hero-buttons a:not(:first-child) { background: transparent; color: var(--text-white, #fff) !important; border-color: var(--border, rgba(255,255,255,.25)); }
body.solutions-page .solutions-index-card { border-radius: 4px; }
body.solutions-page .solutions-index-card:hover,
body.solutions-page .solutions-index-card:focus-visible { transform: translateY(-2px); }
body.solutions-page .saintslink-footer { margin-top: 0; }
body.solutions-page .saintslink-watermark { border-radius: 3px; }
body.solutions-page .faq-item,
body.solutions-page [class*="-faq__item"] { scroll-margin-top: 90px; }
body.solutions-page [class*="faq__question"],
body.solutions-page [class*="faq__trigger"] { min-height: 48px; }

[data-theme="light"] body.solutions-page {
  color: #1a1a2e;
  background: #f6f5f2;
}
[data-theme="light"] body.solutions-page nav:not(.not-found-nav) {
  background: rgba(246, 245, 242, 0.96);
  border-bottom-color: rgba(15, 23, 42, 0.14);
}
[data-theme="light"] body.solutions-page .nav-logo { color: #1a1a2e; }
[data-theme="light"] body.solutions-page .nav-links > a,
[data-theme="light"] body.solutions-page .nav-links .dropdown-trigger { color: #30364a; }
[data-theme="light"] body.solutions-page .dropdown-content { background: #fff; border-color: rgba(15,23,42,.12); }
[data-theme="light"] body.solutions-page .solutions-mega-card__title,
[data-theme="light"] body.solutions-page .dropdown-item .item-title { color: #1a1a2e; }
[data-theme="light"] body.solutions-page .solutions-mega-card__desc,
[data-theme="light"] body.solutions-page .dropdown-item .item-desc { color: #596174; }
[data-theme="light"] body.solutions-page .mobile-menu { background: rgba(246,245,242,.98); }
[data-theme="light"] body.solutions-page .mobile-link,
[data-theme="light"] body.solutions-page .mobile-dropdown-trigger,
[data-theme="light"] body.solutions-page .mobile-menu-btn { color: #1a1a2e; }
[data-theme="light"] body.solutions-page .mobile-dropdown-content a { color: #41495c; }
[data-theme="light"] body.solutions-page .solutions-backlink { color: #e2e8f0; }
[data-theme="light"] body.solutions-page .solutions-category-label { color: #dbeafe; }
[data-theme="light"] body.solutions-page .bs-hero,
[data-theme="light"] body.solutions-page .eng-hero,
[data-theme="light"] body.solutions-page .gm-hero,
[data-theme="light"] body.solutions-page .ri-hero,
[data-theme="light"] body.solutions-page .slid-hero,
[data-theme="light"] body.solutions-page .ops-hero,
[data-theme="light"] body.solutions-page .ai-hero,
[data-theme="light"] body.solutions-page .solutions-hero { color: #f8fafc; }
[data-theme="light"] body.solutions-page .solutions-index-card { background: #fff; border-color: rgba(15,23,42,.13); color: #1a1a2e; }
[data-theme="light"] body.solutions-page .solutions-index-card h2 { color: #1a1a2e; }
[data-theme="light"] body.solutions-page .solutions-index-card p { color: #596174; }

@media (max-width: 900px) {
  body.solutions-page .nav-container { padding-inline: 20px; }
  body.solutions-page .solutions-mega { min-width: 0; }
  body.solutions-page .solutions-mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.solutions-page .ops-hero,
  body.solutions-page .ai-hero,
  body.solutions-page .solutions-hero { grid-template-columns: 1fr; padding: 120px 24px 56px !important; }
  body.solutions-page .ops-hero-visual,
  body.solutions-page .ai-hero-visual,
  body.solutions-page .solutions-hero-visual { max-height: 360px; }
  body.solutions-page .gm-hero__content { grid-template-columns: 1fr; padding-top: 125px; }
  body.solutions-page .gm-hero__visual { max-width: 720px; }
}
@media (max-width: 600px) {
  body.solutions-page .nav-container { height: 64px; padding-inline: 16px; }
  body.solutions-page .mobile-menu { inset-block-start: 64px; }
  body.solutions-page .solutions-mega-grid { grid-template-columns: 1fr; }
  body.solutions-page .bs-hero,
  body.solutions-page .eng-hero,
  body.solutions-page .gm-hero,
  body.solutions-page .ri-hero,
  body.solutions-page .slid-hero,
  body.solutions-page .ops-hero,
  body.solutions-page .ai-hero,
  body.solutions-page .solutions-hero { min-height: auto; }
  body.solutions-page .bs-hero__inner,
  body.solutions-page .eng-hero-inner,
  body.solutions-page .ri-hero__inner { padding-inline: 18px; }
  body.solutions-page .gm-hero__content { padding: 112px 18px 48px; }
  body.solutions-page .ops-hero,
  body.solutions-page .ai-hero,
  body.solutions-page .solutions-hero { padding: 112px 18px 48px !important; }
  body.solutions-page .ops-hero-buttons,
  body.solutions-page .ai-hero-buttons { flex-wrap: wrap; }
  body.solutions-page .ops-hero-buttons a,
  body.solutions-page .ai-hero-buttons a { width: 100%; }
  body.solutions-page .gm-hero__heading,
  body.solutions-page .bs-hero h1,
  body.solutions-page .eng-hero-content h1,
  body.solutions-page .ri-hero h1,
  body.solutions-page .solutions-hero h1,
  body.solutions-page .slid-hero__heading { font-size: clamp(34px, 10vw, 48px) !important; }
  body.solutions-page .solutions-index-grid { padding-inline: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body.solutions-page *, body.solutions-page *::before, body.solutions-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}