/* Design tokens */
:root {
  --site-font-body: 'Inter', sans-serif;
  --site-font-heading: 'Poppins', sans-serif;

  --site-color-primary: #2563EB;
  --site-color-primary-hover: #1D4ED8;
  --site-color-primary-soft: #EFF6FF;
  --site-color-amber: #D97706;
  --site-color-amber-soft: #FEF3C7;
  --site-color-teal: #0F766E;
  --site-color-teal-dark: #115E59;
  --site-color-teal-soft: #F0FDFA;
  --site-color-teal-soft-strong: #CCFBF1;
  --site-color-white: #FFFFFF;
  --site-color-white-rgb: 255, 255, 255;
  --site-color-gray-50: #F8FAFC;
  --site-color-gray-100: #F1F5F9;
  --site-color-gray-200: #E5E7EB;
  --site-color-gray-300: #CBD5E1;
  --site-color-gray-500: #6B7280;
  --site-color-gray-600: #4B5563;
  --site-color-gray-700: #374151;
  --site-color-gray-900: #111827;

  --site-text-primary: #111827;
  --site-text-secondary: #4B5563;
  --site-text-muted: #6B7280;
  --site-bg-base: #FFFFFF;
  --site-bg-soft: #F8FAFC;
  --site-bg-panel: #F1F5F9;
  --site-surface-base: #FFFFFF;
  --site-surface-dark: #111827;
  --site-border-default: #E5E7EB;
  --site-border-strong: #CBD5E1;

  --site-text-xs: 0.75rem;
  --site-text-sm: 0.875rem;
  --site-text-base: 1rem;
  --site-text-lg: clamp(1.0625rem, 1vw + 0.875rem, 1.25rem);
  --site-text-xl: clamp(1.25rem, 1.2vw + 1rem, 1.5rem);
  --site-heading-sm: clamp(1.25rem, 1.2vw + 1rem, 1.5rem);
  --site-heading-md: clamp(1.75rem, 2vw + 1.25rem, 2.25rem);
  --site-heading-lg: clamp(2.25rem, 3vw + 1.5rem, 3.75rem);

  --site-content-narrow: 48rem;
  --site-content-max: 72rem;
  --site-content-wide: 80rem;
  --site-page-padding-x: clamp(1.25rem, 3vw, 2rem);
  --site-section-padding-y: clamp(4rem, 8vw, 5rem);
  --site-section-padding-y-compact: clamp(3rem, 6vw, 4rem);

  --site-space-1: 0.25rem;
  --site-space-2: 0.5rem;
  --site-space-3: 0.75rem;
  --site-space-4: 1rem;
  --site-space-5: 1.25rem;
  --site-space-6: 1.5rem;
  --site-space-8: 2rem;
  --site-space-10: 2.5rem;
  --site-space-12: 3rem;
  --site-space-16: 4rem;
  --site-space-20: 5rem;

  --site-radius-standard: 0.5rem;
  --site-radius-feature: 0.75rem;
  --site-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.06);
  --site-shadow-md: 0 8px 20px -14px rgba(17, 24, 39, 0.22);
  --site-shadow-lg: 0 18px 36px -24px rgba(17, 24, 39, 0.28);
  --site-shadow-cta-blue: 0 10px 24px -14px rgba(37, 99, 235, 0.65);

  --site-duration-fast: 180ms;
  --site-duration-standard: 220ms;
  --site-duration-reveal: 450ms;
  --site-ease-standard: cubic-bezier(.2,.8,.2,1);

  --site-focus-outline: 2px solid var(--site-color-primary);
  --site-focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.18);
  --site-focus-ring-offset: 2px;

  /* Compatibility aliases for existing page styles. */
  --site-color-blue-500: var(--site-color-primary);
  --site-color-blue-600: var(--site-color-primary);
  --site-color-amber-500: var(--site-color-amber);
  --site-color-amber-600: var(--site-color-amber);
  --site-radius-lg: var(--site-radius-standard);
  --site-radius-xl: var(--site-radius-feature);
  --site-transition-fast: var(--site-duration-fast);
  --site-transition-medium: var(--site-duration-standard);
  --site-transition-reveal: var(--site-duration-reveal);
}

/* Base document foundations */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--site-font-body);
  color: var(--site-text-secondary);
  background-color: var(--site-bg-base);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--site-font-heading);
  color: var(--site-text-primary);
  letter-spacing: 0;
}

.font-heading {
  font-family: var(--site-font-heading);
}

/* Opt-in layout helpers */
.site-container {
  width: 100%;
  max-width: var(--site-content-max);
  margin-inline: auto;
  padding-inline: var(--site-page-padding-x);
}

.site-container--narrow {
  max-width: var(--site-content-narrow);
}

.site-container--wide {
  max-width: var(--site-content-wide);
}

.site-section {
  padding-block: var(--site-section-padding-y);
}

.site-section--compact {
  padding-block: var(--site-section-padding-y-compact);
}

/* Motion and interaction helpers */
.scroll-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity var(--site-transition-reveal) var(--site-ease-standard), transform var(--site-transition-reveal) var(--site-ease-standard);
}

.scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

[x-cloak] {
  display: none !important;
}

.hidden {
  display: none !important;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: var(--site-focus-outline);
  outline-offset: var(--site-focus-ring-offset);
  box-shadow: var(--site-focus-ring);
}

/* Existing CTA behavior */
.cta-button {
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: var(--site-shadow-cta-blue);
}

/* Opt-in reusable controls */
.site-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.75rem 1.25rem;
  border-radius: var(--site-radius-standard);
  border: 1px solid transparent;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), border-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.site-button:hover {
  transform: translateY(-2px);
}

.site-button--primary {
  background-color: var(--site-color-primary);
  color: var(--site-color-white);
  box-shadow: var(--site-shadow-cta-blue);
}

.site-button--primary:hover {
  background-color: var(--site-color-primary-hover);
}

.site-button--secondary {
  background-color: var(--site-surface-base);
  color: var(--site-text-primary);
  border-color: var(--site-border-default);
  box-shadow: var(--site-shadow-sm);
}

.site-button--secondary:hover {
  border-color: var(--site-border-strong);
  box-shadow: var(--site-shadow-md);
}

/* Opt-in border-led surfaces */
.site-surface {
  background-color: var(--site-surface-base);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-feature);
  box-shadow: var(--site-shadow-sm);
}

.site-surface--muted {
  background-color: var(--site-bg-soft);
}

.site-surface--panel {
  background-color: var(--site-bg-panel);
}

/* Safe text wrapping */
footer a[href^="mailto:"] {
  overflow-wrap: anywhere;
}

/* Shared site footer */
.site-footer {
  background-color: #111827;
  color: var(--site-color-white);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer__inner {
  width: 100%;
  max-width: var(--site-content-wide);
  margin-inline: auto;
  padding: 3.5rem var(--site-page-padding-x) 2.25rem;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 0.85fr));
  gap: 2rem;
}

.site-footer__brand {
  display: inline-flex;
  align-items: baseline;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
}

.site-footer__brand-accent {
  color: #60A5FA;
}

.site-footer__summary,
.site-footer__contact-text,
.site-footer__bottom {
  color: #D1D5DB;
}

.site-footer__summary {
  max-width: 34rem;
  margin: 1rem 0 0;
  font-size: 0.975rem;
  line-height: 1.75;
}

.site-footer__heading {
  margin: 0 0 1rem;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}

.site-footer__link,
.site-footer__email {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  color: #D1D5DB;
  line-height: 1.35;
  text-decoration: none;
  text-underline-offset: 0.28em;
  transition: color var(--site-transition-fast) var(--site-ease-standard), text-decoration-color var(--site-transition-fast) var(--site-ease-standard);
}

.site-footer__link:hover,
.site-footer__email:hover {
  color: var(--site-color-white);
  text-decoration: underline;
  text-decoration-color: rgba(147, 197, 253, 0.9);
}

.site-footer__brand:focus-visible,
.site-footer__link:focus-visible,
.site-footer__email:focus-visible {
  outline: 2px solid #93C5FD;
  outline-offset: 4px;
  border-radius: 0.25rem;
}

.site-footer__contact-text {
  margin: 0 0 0.65rem;
  font-size: 0.95rem;
  line-height: 1.6;
}

.site-footer__bottom {
  width: 100%;
  max-width: var(--site-content-wide);
  margin-inline: auto;
  padding: 1rem var(--site-page-padding-x) 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.875rem;
}

.site-footer__bottom p {
  margin: 0;
}

@media (max-width: 959px) {
  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__positioning {
    grid-column: 1 / -1;
  }
}

@media (max-width: 639px) {
  .site-footer__inner {
    padding-block: 2.75rem 1.75rem;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
  }

  .site-footer__list {
    gap: 0.2rem;
  }

  .site-footer__link,
  .site-footer__email {
    min-height: 2.75rem;
    padding-block: 0.35rem;
  }

  .site-footer__positioning {
    grid-column: auto;
  }
}

/* Site header and navigation */
.site-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background-color: rgba(var(--site-color-white-rgb), 0.98);
  border-bottom: 1px solid var(--site-border-default);
}

.site-header__inner {
  width: 100%;
  max-width: var(--site-content-wide);
  min-height: 4rem;
  margin-inline: auto;
  padding-inline: var(--site-page-padding-x);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--site-space-4);
}

.site-logo {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: var(--site-text-primary);
  font-family: var(--site-font-heading);
  font-size: clamp(1.75rem, 2vw, 2.25rem);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.site-logo:hover {
  color: var(--site-text-primary);
}

.site-logo__accent {
  color: var(--site-color-primary);
}

.site-nav {
  display: none;
  align-items: center;
  gap: var(--site-space-2);
}

.site-nav__dropdown {
  position: relative;
}

.site-nav__link {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--site-space-2);
  padding: 0.625rem 0.875rem;
  border: 1px solid transparent;
  border-radius: var(--site-radius-standard);
  background: transparent;
  color: var(--site-text-secondary);
  font: inherit;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), border-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.site-nav__link:hover,
.site-nav__link--open {
  color: var(--site-color-primary);
  background-color: var(--site-color-primary-soft);
}

.site-nav__link:active {
  transform: translateY(1px);
}

.site-nav__link--current {
  color: var(--site-color-primary);
  background-color: var(--site-color-primary-soft);
}

.site-nav__link--button {
  appearance: none;
}

.site-nav__chevron {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  transition: transform var(--site-transition-fast) var(--site-ease-standard);
}

.site-nav__link--open .site-nav__chevron {
  transform: rotate(180deg);
}

.site-nav__dropdown-menu {
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  z-index: 60;
  width: min(16rem, calc(100vw - 2rem));
  padding: var(--site-space-2);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-feature);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-md);
}

.site-nav__dropdown-item {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 0.875rem;
  border-radius: var(--site-radius-standard);
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard);
}

.site-nav__dropdown-item:hover,
.site-nav__dropdown-item--current {
  color: var(--site-color-primary);
  background-color: var(--site-color-primary-soft);
}

.site-header__cta {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.125rem;
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-primary);
  color: var(--site-color-white);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: var(--site-shadow-cta-blue);
}

.site-header__cta:hover,
.site-header__cta--current {
  background-color: var(--site-color-primary-hover);
  color: var(--site-color-white);
}

.site-mobile-toggle {
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  color: var(--site-text-secondary);
  cursor: pointer;
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), border-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard);
}

.site-mobile-toggle:hover,
.site-mobile-toggle--open {
  border-color: var(--site-border-strong);
  background-color: var(--site-color-primary-soft);
  color: var(--site-color-primary);
}

.site-mobile-toggle__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.site-mobile-menu {
  border-top: 1px solid var(--site-border-default);
  background-color: var(--site-surface-base);
}

.site-mobile-menu__nav {
  width: 100%;
  max-width: var(--site-content-wide);
  margin-inline: auto;
  padding: var(--site-space-2) var(--site-page-padding-x) var(--site-space-4);
  display: grid;
  gap: var(--site-space-1);
}

.site-mobile-menu__link,
.site-mobile-menu__cta {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 0.875rem;
  border-radius: var(--site-radius-standard);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.site-mobile-menu__link {
  color: var(--site-text-secondary);
}

.site-mobile-menu__group {
  display: grid;
  gap: var(--site-space-1);
}

.site-mobile-menu__toggle {
  width: 100%;
  justify-content: space-between;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  appearance: none;
  cursor: pointer;
}

.site-mobile-menu__chevron {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  transition: transform var(--site-transition-fast) var(--site-ease-standard);
}

.site-mobile-menu__toggle--open .site-mobile-menu__chevron {
  transform: rotate(180deg);
}

.site-mobile-menu__group-panel {
  display: grid;
  gap: var(--site-space-1);
  margin-left: var(--site-space-2);
  padding: 0.125rem 0 0.25rem var(--site-space-2);
  border-left: 1px solid var(--site-border-default);
}

.site-mobile-menu__link--nested {
  padding-left: var(--site-space-3);
  font-size: var(--site-text-sm);
}

.site-mobile-menu__link:hover,
.site-mobile-menu__link--current {
  color: var(--site-color-primary);
  background-color: var(--site-color-primary-soft);
}

.site-mobile-menu__cta {
  justify-content: center;
  margin-top: var(--site-space-2);
  background-color: var(--site-color-primary);
  color: var(--site-color-white);
  box-shadow: var(--site-shadow-cta-blue);
}

.site-mobile-menu__cta:hover,
.site-mobile-menu__cta--current {
  background-color: var(--site-color-primary-hover);
  color: var(--site-color-white);
}

@media (min-width: 768px) {
  .site-header__inner {
    min-height: 4.25rem;
  }

  .site-nav {
    display: flex;
  }

  .site-mobile-toggle,
  .site-mobile-menu {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1040px) {
  .site-header__inner {
    gap: var(--site-space-2);
  }

  .site-nav {
    gap: var(--site-space-1);
  }

  .site-nav__link {
    padding-inline: 0.625rem;
  }

  .site-header__cta {
    padding-inline: 0.875rem;
  }
}

/* Homepage hero and service overview */
.home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(4.5rem, 8vw, 7rem) clamp(3.75rem, 7vw, 6rem);
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 78% 36%, rgba(56, 189, 248, 0.24), transparent 30rem),
    radial-gradient(circle at 66% 74%, rgba(124, 58, 237, 0.22), transparent 26rem),
    linear-gradient(116deg, rgba(37, 99, 235, 0.2) 0 20%, transparent 20.2% 100%),
    linear-gradient(296deg, rgba(109, 40, 217, 0.22) 0 31%, transparent 31.2% 100%),
    linear-gradient(135deg, #061126 0%, #0B1D46 48%, #16103B 100%);
  border-bottom: 0;
}

.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
  background-size: 4.5rem 4.5rem;
  opacity: 0.28;
}

.home-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: -1;
  height: 7rem;
  background: linear-gradient(180deg, rgba(6, 17, 38, 0), var(--site-bg-soft) 96%);
}

.home-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: center;
}

.home-hero__content {
  max-width: 43rem;
}

.home-hero__eyebrow,
.home-services__eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.home-hero__title {
  max-width: 16ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: clamp(2.45rem, 4.2vw, 4rem);
  font-weight: 800;
  line-height: 0.98;
}

.home-hero__summary {
  max-width: 42rem;
  margin: var(--site-space-6) 0 0;
  color: #DCEBFF;
  font-size: var(--site-text-lg);
  line-height: 1.65;
}

.home-hero__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.home-hero__actions .site-button {
  min-width: 10.75rem;
  min-height: 2.875rem;
}

.home-hero__actions .site-button--secondary {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.32);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.home-hero__actions .site-button--secondary:hover {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.55);
  background-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}

.home-hero__visual {
  position: relative;
  min-height: clamp(24rem, 39vw, 35rem);
  width: min(100%, 48rem);
  justify-self: center;
  transform: translateZ(0);
}

.home-hero__visual::before {
  content: "";
  position: absolute;
  inset: 14% 4% 4%;
  border-radius: 999px;
  background:
    radial-gradient(ellipse at 50% 54%, rgba(14, 165, 233, 0.18), transparent 52%),
    radial-gradient(ellipse at 50% 82%, rgba(59, 130, 246, 0.16), transparent 62%);
  filter: blur(10px);
  opacity: 0.88;
}

.home-hero__visual::after {
  content: "";
  position: absolute;
  right: 4%;
  bottom: 8%;
  left: 10%;
  height: 5rem;
  border-radius: 999px;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(56, 189, 248, 0.34), rgba(37, 99, 235, 0.08) 54%, transparent 72%);
  filter: blur(14px);
  opacity: 0.76;
}

.home-hero__canvas,
.home-hero__ribbon-glow,
.home-hero__ribbons {
  position: absolute;
  inset: 0;
}

.home-hero__canvas {
  z-index: 0;
  width: 100%;
  height: 100%;
}

.home-hero__ribbon-glow {
  z-index: 1;
  background:
    radial-gradient(circle at 46% 48%, rgba(224, 242, 254, 0.18), transparent 14%),
    radial-gradient(circle at 54% 49%, rgba(56, 189, 248, 0.24), transparent 28%),
    radial-gradient(circle at 62% 44%, rgba(124, 58, 237, 0.18), transparent 34%);
  filter: blur(16px);
  opacity: 0.95;
  mix-blend-mode: screen;
  animation: home-ribbon-glow-breathe 14s ease-in-out infinite alternate;
}

.home-hero__ribbons {
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: none;
}

.home-hero__core {
  transform-origin: 53% 50%;
  animation: home-ribbon-core-drift 18s ease-in-out infinite alternate;
}

.home-hero__fluid-ribbons {
  transform-origin: center;
  animation: home-fluid-ribbon-rise 16s ease-in-out infinite alternate;
}

.home-hero__fluid-ribbons path {
  stroke-dasharray: 210 890;
  animation: home-ribbon-segment-flow 18s linear infinite;
}

.home-hero__fluid-ribbons path:nth-child(2) {
  stroke-dasharray: 170 930;
  animation-duration: 20s;
  animation-delay: -6s;
}

.home-hero__fluid-ribbons path:nth-child(3) {
  stroke-dasharray: 150 950;
  animation-duration: 16s;
  animation-delay: -10s;
}

.home-hero__fluid-strands {
  transform-origin: center;
  animation: home-fluid-strand-drift 19s ease-in-out infinite alternate;
}

.home-hero__fluid-strands path {
  stroke-dasharray: 18 92;
  animation: home-fluid-current 10s linear infinite;
}

.home-hero__fluid-strands path:nth-child(2) {
  animation-duration: 9s;
  animation-delay: -3s;
}

.home-hero__fluid-strands path:nth-child(3) {
  animation-duration: 11s;
  animation-delay: -6s;
}

.home-hero__fluid-strands path:nth-child(4) {
  animation-duration: 12s;
  animation-delay: -8s;
}

.home-hero__fluid-veil {
  transform-origin: center;
  opacity: 0.82;
  animation: home-fluid-veil-drift 20s ease-in-out infinite alternate;
}

.home-hero.is-hero-offscreen .home-hero__ribbon-glow,
.home-hero.is-hero-offscreen .home-hero__core,
.home-hero.is-hero-offscreen .home-hero__fluid-ribbons,
.home-hero.is-hero-offscreen .home-hero__fluid-ribbons path,
.home-hero.is-hero-offscreen .home-hero__fluid-strands,
.home-hero.is-hero-offscreen .home-hero__fluid-strands path,
.home-hero.is-hero-offscreen .home-hero__fluid-veil,
.home-hero.is-hero-reduced-motion .home-hero__ribbon-glow,
.home-hero.is-hero-reduced-motion .home-hero__core,
.home-hero.is-hero-reduced-motion .home-hero__fluid-ribbons,
.home-hero.is-hero-reduced-motion .home-hero__fluid-ribbons path,
.home-hero.is-hero-reduced-motion .home-hero__fluid-strands,
.home-hero.is-hero-reduced-motion .home-hero__fluid-strands path,
.home-hero.is-hero-reduced-motion .home-hero__fluid-veil {
  animation-play-state: paused;
}

@keyframes home-ribbon-glow-breathe {
  0% {
    opacity: 0.72;
    transform: scale(0.98) translate3d(-1.5%, 1%, 0);
  }

  100% {
    opacity: 1;
    transform: scale(1.04) translate3d(1.5%, -1%, 0);
  }
}

@keyframes home-ribbon-core-drift {
  0% {
    transform: translate3d(-10px, 8px, 0) scale(0.96);
    opacity: 0.74;
  }

  100% {
    transform: translate3d(12px, -10px, 0) scale(1.04);
    opacity: 0.95;
  }
}

@keyframes home-fluid-ribbon-rise {
  0% {
    transform: translate3d(-8px, 16px, 0) rotate(-1.5deg);
  }

  100% {
    transform: translate3d(12px, -14px, 0) rotate(1.6deg);
  }
}

@keyframes home-fluid-current {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -492;
  }
}

@keyframes home-ribbon-segment-flow {
  0% {
    opacity: 0.14;
    stroke-dashoffset: 340;
  }

  14%,
  82% {
    opacity: 0.88;
  }

  100% {
    opacity: 0.16;
    stroke-dashoffset: -760;
  }
}

@keyframes home-fluid-strand-drift {
  0% {
    transform: translate3d(12px, -8px, 0) scale(1);
    opacity: 0.62;
  }

  100% {
    transform: translate3d(-10px, 10px, 0) scale(1.03);
    opacity: 0.92;
  }
}

@keyframes home-fluid-veil-drift {
  0% {
    transform: translate3d(-14px, 8px, 0) scale(0.98);
    opacity: 0.58;
  }

  100% {
    transform: translate3d(16px, -10px, 0) scale(1.02);
    opacity: 0.86;
  }
}

.home-services {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-bg-soft);
}

.home-services__header {
  max-width: 44rem;
  margin-bottom: var(--site-space-10);
}

.home-services__title {
  margin: 0;
  font-size: var(--site-heading-md);
  font-weight: 800;
  line-height: 1.1;
}

.home-services__summary {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-lg);
  line-height: 1.6;
}

.home-services__grid {
  display: grid;
  gap: var(--site-space-5);
}

.home-service-card {
  --home-card-accent: var(--site-color-primary);
  --home-card-accent-strong: #1D4ED8;
  --home-card-border: rgba(37, 99, 235, 0.22);
  --home-card-hover-border: rgba(37, 99, 235, 0.38);
  --home-card-panel-border: rgba(37, 99, 235, 0.2);
  --home-card-mesh: rgba(219, 234, 254, 0.22);
  --home-card-route-soft: rgba(191, 219, 254, 0.36);
  --home-card-signal: #BFDBFE;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: var(--site-space-6);
  border: 1px solid var(--home-card-border);
  border-radius: var(--site-radius-feature);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0 32%, transparent 32.2% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
  box-shadow: 0 18px 40px -32px rgba(17, 24, 39, 0.38);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.home-service-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 0;
  width: 0.28rem;
  background: linear-gradient(180deg, var(--home-card-accent), var(--home-card-accent-strong));
  opacity: 0.86;
}

.home-service-card::after {
  content: "";
  position: absolute;
  top: -18%;
  right: -32%;
  z-index: 0;
  width: 75%;
  height: 52%;
  background: linear-gradient(135deg, transparent 0 20%, var(--home-card-accent) 20.5% 56%, transparent 56.5% 100%);
  opacity: 0.07;
  pointer-events: none;
}

.home-service-card:hover {
  border-color: var(--home-card-hover-border);
  box-shadow: 0 24px 52px -34px rgba(17, 24, 39, 0.5);
  transform: translateY(-2px);
}

.home-service-card--ai {
  --home-card-accent: #2563EB;
  --home-card-accent-strong: #7C3AED;
  --home-card-border: rgba(37, 99, 235, 0.26);
  --home-card-hover-border: rgba(37, 99, 235, 0.42);
  --home-card-panel-border: rgba(147, 197, 253, 0.25);
  --home-card-mesh: rgba(219, 234, 254, 0.18);
  --home-card-route-soft: rgba(196, 181, 253, 0.32);
  --home-card-signal: #DBEAFE;
}

.home-service-card--bi {
  --home-card-accent: #D97706;
  --home-card-accent-strong: #EA580C;
  --home-card-border: rgba(217, 119, 6, 0.28);
  --home-card-hover-border: rgba(217, 119, 6, 0.42);
  --home-card-panel-border: rgba(217, 119, 6, 0.2);
  --home-card-mesh: rgba(146, 64, 14, 0.12);
  --home-card-route-soft: rgba(217, 119, 6, 0.22);
  --home-card-signal: #F97316;
  background:
    linear-gradient(128deg, rgba(245, 158, 11, 0.12) 0 34%, transparent 34.2% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 100%);
}

.home-service-card--managed {
  --home-card-accent: #14B8A6;
  --home-card-accent-strong: #2563EB;
  --home-card-border: rgba(20, 184, 166, 0.28);
  --home-card-hover-border: rgba(20, 184, 166, 0.42);
  --home-card-panel-border: rgba(20, 184, 166, 0.22);
  --home-card-mesh: rgba(204, 251, 241, 0.2);
  --home-card-route-soft: rgba(153, 246, 228, 0.32);
  --home-card-signal: #99F6E4;
  background:
    linear-gradient(132deg, rgba(20, 184, 166, 0.11) 0 34%, transparent 34.2% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #F0FDFA 100%);
}

.home-service-card__visual {
  position: relative;
  z-index: 1;
  min-height: 12.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(var(--site-space-6) * -1) calc(var(--site-space-6) * -1) var(--site-space-6);
  padding: var(--site-space-4);
  overflow: hidden;
  border-bottom: 1px solid var(--home-card-panel-border);
}

.home-service-card__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 30%, rgba(255, 255, 255, 0.1) 30.2% 38%, transparent 38.2% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent);
  pointer-events: none;
}

.home-service-card__visual--ai {
  background:
    linear-gradient(126deg, rgba(37, 99, 235, 0.28) 0 30%, transparent 30.2% 100%),
    linear-gradient(315deg, rgba(124, 58, 237, 0.34) 0 36%, transparent 36.2% 100%),
    linear-gradient(135deg, #07142F 0%, #102A61 58%, #24105C 100%);
}

.home-service-card__visual--bi {
  background:
    linear-gradient(120deg, rgba(245, 158, 11, 0.22) 0 34%, transparent 34.2% 100%),
    linear-gradient(305deg, rgba(37, 99, 235, 0.1) 0 24%, transparent 24.2% 100%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF7ED 100%);
}

.home-service-card__visual--managed {
  background:
    linear-gradient(132deg, rgba(20, 184, 166, 0.28) 0 32%, transparent 32.2% 100%),
    linear-gradient(300deg, rgba(37, 99, 235, 0.18) 0 28%, transparent 28.2% 100%),
    linear-gradient(135deg, #062B2B 0%, #0F3F45 62%, #123B89 100%);
}

.home-service-card__motif {
  position: relative;
  z-index: 1;
  width: min(100%, 23rem);
  height: auto;
  display: block;
}

.home-service-card__mesh {
  stroke: var(--home-card-mesh);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.home-service-card__route {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.home-service-card__route--soft {
  stroke: var(--home-card-route-soft);
  stroke-width: 2;
  stroke-dasharray: 9 14;
  animation: home-service-route-flow 9s linear infinite;
}

.home-service-card__route--strong {
  stroke-width: 4;
  stroke-dasharray: 22 14;
  animation: home-service-route-flow 5.8s linear infinite;
}

.home-service-card__route--ai {
  stroke: url("#homeAiPathGradient");
}

.home-service-card__route--bi {
  stroke: url("#homeBiLineGradient");
}

.home-service-card__route--managed {
  stroke: url("#homeManagedFlowGradient");
}

.home-service-card__node,
.home-service-card__team-node,
.home-service-card__data-point {
  vector-effect: non-scaling-stroke;
}

.home-service-card__node {
  fill: rgba(255, 255, 255, 0.84);
  stroke: rgba(219, 234, 254, 0.5);
  stroke-width: 1.5;
}

.home-service-card__node--paper,
.home-service-card__node--output {
  fill: rgba(239, 246, 255, 0.88);
}

.home-service-card__line,
.home-service-card__branch,
.home-service-card__measurement {
  fill: none;
  stroke: rgba(37, 99, 235, 0.46);
  stroke-width: 5;
  stroke-linecap: round;
}

.home-service-card__line {
  fill: rgba(37, 99, 235, 0.52);
}

.home-service-card__line--wide {
  fill: rgba(124, 58, 237, 0.48);
}

.home-service-card__review-ring {
  fill: rgba(255, 255, 255, 0.12);
  stroke: rgba(219, 234, 254, 0.8);
  stroke-width: 3;
}

.home-service-card__review-check,
.home-service-card__workstream {
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-service-card__signal {
  fill: var(--home-card-signal);
  transform-box: fill-box;
  transform-origin: center;
}

.home-service-card__signal--ai-one {
  animation: home-service-ai-signal-one 4.8s var(--site-ease-standard) infinite;
}

.home-service-card__signal--ai-two {
  animation: home-service-ai-signal-two 5.4s var(--site-ease-standard) infinite;
}

.home-service-card__bars {
  transform-box: fill-box;
  transform-origin: center bottom;
}

.home-service-card__bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: home-service-bi-bar 3.8s var(--site-ease-standard) infinite;
}

.home-service-card__bar--two {
  animation-delay: 180ms;
}

.home-service-card__bar--three {
  animation-delay: 360ms;
}

.home-service-card__bar--four {
  animation-delay: 540ms;
}

.home-service-card__data-point {
  fill: #FFFFFF;
  stroke: var(--home-card-signal);
  stroke-width: 4;
  animation: home-service-bi-point 3.4s var(--site-ease-standard) infinite;
}

.home-service-card__data-point--two {
  animation-delay: 220ms;
}

.home-service-card__data-point--three {
  animation-delay: 440ms;
}

.home-service-card__measurement {
  stroke: rgba(146, 64, 14, 0.34);
}

.home-service-card__oversight-ring {
  fill: rgba(204, 251, 241, 0.1);
  stroke: rgba(153, 246, 228, 0.66);
  stroke-width: 2;
  stroke-dasharray: 7 9;
  animation: home-service-oversight-pulse 5.6s linear infinite;
}

.home-service-card__coordination-core {
  stroke: rgba(204, 251, 241, 0.82);
  stroke-width: 2;
}

.home-service-card__team-node {
  fill: rgba(240, 253, 250, 0.9);
  stroke: rgba(153, 246, 228, 0.74);
  stroke-width: 2;
}

.home-service-card__signal--managed-one {
  animation: home-service-managed-signal-one 5s var(--site-ease-standard) infinite;
}

.home-service-card__signal--managed-two {
  animation: home-service-managed-signal-two 5.6s var(--site-ease-standard) infinite;
}

.home-service-card > h3,
.home-service-card > p,
.home-service-card > ul,
.home-service-card__link {
  position: relative;
  z-index: 1;
}

.home-service-card h3 {
  margin: 0;
  font-size: var(--site-heading-sm);
  line-height: 1.2;
}

.home-service-card p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.6;
}

.home-service-card ul {
  display: grid;
  gap: var(--site-space-2);
  margin: var(--site-space-5) 0 var(--site-space-6);
  padding: 0;
  color: var(--site-text-secondary);
  list-style: none;
}

.home-service-card li {
  position: relative;
  padding-left: var(--site-space-5);
}

.home-service-card li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  background-color: var(--home-card-accent);
}

.home-service-card__link {
  width: max-content;
  max-width: 100%;
  min-height: 2.75rem;
  display: inline-flex;
  gap: var(--site-space-2);
  align-items: center;
  margin-top: auto;
  padding-block: 0.35rem;
  color: var(--site-color-primary);
  font-weight: 700;
  text-decoration: none;
}

.home-service-card__link:hover,
.home-service-card__link:focus-visible {
  color: var(--site-color-primary-hover);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.home-service-card__link:focus-visible {
  outline: var(--site-focus-outline);
  outline-offset: 0.25rem;
  border-radius: var(--site-radius-standard);
}

@keyframes home-service-route-flow {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -220;
  }
}

@keyframes home-service-ai-signal-one {
  0% {
    opacity: 0.2;
    transform: translate3d(-18px, 10px, 0) scale(0.86);
  }

  46% {
    opacity: 1;
    transform: translate3d(70px, 40px, 0) scale(1);
  }

  100% {
    opacity: 0.24;
    transform: translate3d(190px, 52px, 0) scale(0.9);
  }
}

@keyframes home-service-ai-signal-two {
  0% {
    opacity: 0.18;
    transform: translate3d(-76px, 24px, 0) scale(0.86);
  }

  52% {
    opacity: 1;
    transform: translate3d(28px, -18px, 0) scale(1);
  }

  100% {
    opacity: 0.22;
    transform: translate3d(84px, -42px, 0) scale(0.9);
  }
}

@keyframes home-service-bi-bar {
  0%,
  100% {
    transform: scaleY(0.82);
  }

  48% {
    transform: scaleY(1);
  }
}

@keyframes home-service-bi-point {
  0%,
  100% {
    opacity: 0.72;
    transform: scale(0.92);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@keyframes home-service-oversight-pulse {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -96;
  }
}

@keyframes home-service-managed-signal-one {
  0% {
    opacity: 0.2;
    transform: translate3d(-18px, -8px, 0) scale(0.88);
  }

  50% {
    opacity: 1;
    transform: translate3d(78px, -40px, 0) scale(1);
  }

  100% {
    opacity: 0.22;
    transform: translate3d(168px, -54px, 0) scale(0.9);
  }
}

@keyframes home-service-managed-signal-two {
  0% {
    opacity: 0.18;
    transform: translate3d(36px, -28px, 0) scale(0.88);
  }

  52% {
    opacity: 1;
    transform: translate3d(-54px, 26px, 0) scale(1);
  }

  100% {
    opacity: 0.22;
    transform: translate3d(-142px, 48px, 0) scale(0.9);
  }
}

@media (min-width: 640px) {
  .home-hero__actions {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 680px) {
  .home-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-service-card--managed {
    width: min(100%, calc(50% - (var(--site-space-5) / 2)));
    grid-column: 1 / -1;
    justify-self: center;
  }
}

@media (min-width: 900px) {
  .home-hero__layout {
    grid-template-columns: minmax(0, 0.46fr) minmax(0, 0.54fr);
    min-height: clamp(32rem, 58vh, 40rem);
  }

  .home-services__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-service-card--managed {
    width: auto;
    grid-column: auto;
    justify-self: stretch;
  }
}

@media (max-width: 899px) {
  .home-hero {
    padding-block: clamp(4rem, 9vw, 5.5rem) clamp(3.25rem, 8vw, 4.75rem);
  }

  .home-hero__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-hero__content {
    max-width: 42rem;
  }

  .home-hero__visual {
    width: min(100%, 42rem);
    min-height: clamp(24rem, 58vw, 32rem);
  }
}

@media (max-width: 639px) {
  .home-services {
    padding-block: 3.5rem;
  }

  .home-services__header {
    margin-bottom: var(--site-space-6);
  }

  .home-services__summary {
    margin-top: var(--site-space-3);
    font-size: var(--site-text-base);
    line-height: 1.55;
  }

  .home-services__grid {
    gap: var(--site-space-4);
  }

  .home-hero {
    padding-block: 3rem 2.75rem;
  }

  .home-hero__title {
    max-width: 14ch;
    font-size: clamp(2.1rem, 10vw, 2.55rem);
  }

  .home-hero__summary {
    margin-top: var(--site-space-5);
    font-size: var(--site-text-base);
    line-height: 1.58;
  }

  .home-hero__actions {
    margin-top: var(--site-space-6);
  }

  .home-hero__actions .site-button {
    width: 100%;
  }

  .home-hero__visual {
    min-height: clamp(20rem, 76vw, 25rem);
  }

  .home-service-card {
    min-height: 0;
    padding: var(--site-space-4);
  }

  .home-service-card__visual {
    min-height: 8.5rem;
    margin: calc(var(--site-space-4) * -1) calc(var(--site-space-4) * -1) var(--site-space-4);
    padding: var(--site-space-2);
  }

  .home-service-card__motif {
    width: min(100%, 17rem);
  }

  .home-service-card p {
    margin-top: var(--site-space-2);
    line-height: 1.52;
  }

  .home-service-card ul {
    gap: var(--site-space-1);
    margin: var(--site-space-3) 0 var(--site-space-4);
  }

  .home-service-card li {
    padding-left: var(--site-space-4);
  }

  .home-service-card__link {
    min-height: 2.75rem;
    margin-top: var(--site-space-3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__ribbon-glow,
  .home-hero__core,
  .home-hero__fluid-ribbons,
  .home-hero__fluid-ribbons path,
  .home-hero__fluid-strands,
  .home-hero__fluid-strands path,
  .home-hero__fluid-veil {
    animation: none !important;
  }

  .home-service-card__route,
  .home-service-card__signal,
  .home-service-card__bar,
  .home-service-card__data-point,
  .home-service-card__oversight-ring {
    animation: none !important;
    transform: none !important;
  }

  .home-service-card:hover {
    transform: none;
  }
}

/* Homepage proof, trust, updates and final CTA */
.home-proof,
.home-trust,
.home-updates,
.home-selected-work,
.home-company-preview,
.home-final-cta {
  padding-block: var(--site-section-padding-y);
}

.home-proof {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3rem, 5vw, 4rem);
  border-top: 1px solid var(--site-border-default);
  border-bottom: 1px solid var(--site-border-default);
  background:
    radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.18), transparent 28rem),
    radial-gradient(circle at 86% 12%, rgba(217, 119, 6, 0.16), transparent 24rem),
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FF 54%, #F8FAFC 100%);
}

.home-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, 0.06) 1px, transparent 1px);
  background-size: 4rem 4rem;
  opacity: 0.48;
}

.home-proof::after {
  content: "";
  position: absolute;
  right: -16rem;
  bottom: -20rem;
  z-index: -1;
  width: min(42rem, 72vw);
  aspect-ratio: 1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.16), transparent 68%);
}

.home-proof .site-container {
  position: relative;
  z-index: 1;
}

.home-proof__header,
.home-section-heading {
  max-width: 44rem;
  margin-bottom: var(--site-space-10);
}

.home-proof__eyebrow,
.home-section-heading__eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.home-proof__header h2,
.home-section-heading h2,
.home-selected-work__header h2,
.home-company-preview h2,
.home-final-cta h2 {
  margin: 0;
  font-size: var(--site-heading-md);
  font-weight: 800;
  line-height: 1.1;
}

.home-proof__header p:not(.home-proof__eyebrow),
.home-section-heading p:not(.home-section-heading__eyebrow),
.home-selected-work__header p,
.home-company-preview p,
.home-final-cta p {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-lg);
  line-height: 1.6;
}

.home-proof__header {
  max-width: 38rem;
  margin-bottom: var(--site-space-8);
}

.home-proof__header p:not(.home-proof__eyebrow) {
  font-size: var(--site-text-base);
  line-height: 1.55;
}

.home-proof__system {
  position: relative;
  display: grid;
  grid-template-areas:
    "umar"
    "prism"
    "nexhealth"
    "sectors";
  gap: var(--site-space-4);
  min-width: 0;
}

.home-proof__path {
  display: none;
}

.home-proof-card {
  --proof-accent: var(--site-color-primary);
  --proof-accent-strong: var(--site-color-primary-hover);
  --proof-copy: var(--site-text-secondary);
  --proof-muted: var(--site-text-muted);
  --proof-border: rgba(37, 99, 235, 0.18);
  --proof-glow: rgba(37, 99, 235, 0.16);
  --proof-surface: linear-gradient(145deg, var(--site-color-white) 0%, #F8FAFC 100%);

  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 14.5rem;
  overflow: hidden;
  padding: var(--site-space-5);
  border: 1px solid var(--proof-border);
  border-radius: var(--site-radius-feature);
  background: var(--proof-surface);
  box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.34);
  transition: transform var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), border-color var(--site-transition-fast) var(--site-ease-standard);
}

.home-proof-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 0%, var(--proof-glow), transparent 16rem);
  pointer-events: none;
}

.home-proof-card::after {
  content: "";
  position: absolute;
  right: var(--site-space-5);
  bottom: -1px;
  left: var(--site-space-5);
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, transparent, var(--proof-accent), transparent);
  opacity: 0.8;
}

.home-proof-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--proof-accent) 34%, transparent);
  box-shadow: 0 20px 42px -32px rgba(15, 23, 42, 0.42);
}

.home-proof-card > * {
  position: relative;
  z-index: 1;
}

.home-proof-card--umar {
  grid-area: umar;
  --proof-accent: #8B5CF6;
  --proof-accent-strong: #DBEAFE;
  --proof-copy: #D9E5FF;
  --proof-muted: #BFD7FF;
  --proof-border: rgba(191, 219, 254, 0.24);
  --proof-glow: rgba(124, 58, 237, 0.34);
  --proof-surface:
    radial-gradient(circle at 24% 18%, rgba(124, 58, 237, 0.45), transparent 16rem),
    radial-gradient(circle at 86% 20%, rgba(37, 99, 235, 0.32), transparent 18rem),
    linear-gradient(145deg, #071327 0%, #101A3A 58%, #172554 100%);
  color: var(--site-color-white);
  box-shadow: 0 30px 70px -42px rgba(15, 23, 42, 0.78);
}

.home-proof-card--prism {
  grid-area: prism;
  --proof-accent: #D97706;
  --proof-accent-strong: #B45309;
  --proof-border: rgba(217, 119, 6, 0.24);
  --proof-glow: rgba(245, 158, 11, 0.22);
  --proof-surface: linear-gradient(145deg, #FFFBEB 0%, var(--site-color-white) 62%, #F8FAFC 100%);
}

.home-proof-card--nexhealth {
  grid-area: nexhealth;
  --proof-accent: #2563EB;
  --proof-accent-strong: #1D4ED8;
  --proof-border: rgba(37, 99, 235, 0.22);
  --proof-glow: rgba(37, 99, 235, 0.18);
  --proof-surface: linear-gradient(145deg, #EFF6FF 0%, var(--site-color-white) 62%, #F8FAFC 100%);
}

.home-proof-card--sectors {
  grid-area: sectors;
  --proof-accent: #0F766E;
  --proof-accent-strong: #115E59;
  --proof-border: rgba(15, 118, 110, 0.24);
  --proof-glow: rgba(20, 184, 166, 0.2);
  --proof-surface:
    radial-gradient(circle at 86% 18%, rgba(20, 184, 166, 0.14), transparent 14rem),
    linear-gradient(145deg, var(--site-color-white) 0%, #F0FDFA 100%);
}

.home-proof-card__motif {
  position: absolute;
  top: var(--site-space-4);
  right: var(--site-space-4);
  width: 5rem;
  min-height: 3.75rem;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--proof-border);
  border-radius: var(--site-radius-standard);
  background:
    radial-gradient(circle at 20% 20%, var(--proof-glow), transparent 12rem),
    rgba(255, 255, 255, 0.5);
  opacity: 0.86;
  pointer-events: none;
}

.home-proof-card--umar .home-proof-card__motif {
  min-height: 3.95rem;
  border-color: rgba(191, 219, 254, 0.2);
  background:
    radial-gradient(circle at 18% 24%, rgba(96, 165, 250, 0.24), transparent 8rem),
    linear-gradient(145deg, rgba(15, 23, 42, 0.38), rgba(37, 99, 235, 0.16));
}

.home-proof-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.home-proof-card__project {
  margin: 0;
  padding-right: 5.5rem;
  color: var(--proof-accent-strong);
  font-size: var(--site-text-xs);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
}

.home-proof-card--umar .home-proof-card__project {
  color: #DBEAFE;
}

.home-proof-card__metric {
  display: block;
  margin: var(--site-space-2) 0 var(--site-space-2);
  color: var(--proof-accent);
  font-family: var(--site-font-heading);
  font-size: 2.45rem;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: 0;
}

.home-proof-card--umar .home-proof-card__metric {
  color: var(--site-color-white);
  font-size: 2.65rem;
  line-height: 0.9;
  text-shadow: 0 18px 46px rgba(37, 99, 235, 0.34);
}

.home-proof-card h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-family: var(--site-font-heading);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.home-proof-card--umar h3 {
  color: var(--site-color-white);
}

.home-proof-card__body > p:not(.home-proof-card__project) {
  margin: var(--site-space-2) 0 var(--site-space-3);
  color: var(--proof-copy);
  font-size: 0.875rem;
  line-height: 1.42;
}

.home-proof-card__link {
  display: inline-flex;
  align-items: center;
  gap: var(--site-space-2);
  width: max-content;
  max-width: 100%;
  min-height: 2.75rem;
  margin-top: auto;
  padding-block: 0.35rem;
  color: var(--proof-accent-strong);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.home-proof-card--umar .home-proof-card__link {
  color: #DBEAFE;
}

.home-proof-card__link:hover,
.home-proof-card__link:focus-visible {
  color: var(--proof-accent);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.home-proof-card--umar .home-proof-card__link:hover,
.home-proof-card--umar .home-proof-card__link:focus-visible {
  color: var(--site-color-white);
}

.home-proof-card__link:focus-visible {
  outline: var(--site-focus-outline);
  outline-offset: 0.25rem;
  border-radius: var(--site-radius-standard);
}

.home-proof-waveform {
  position: absolute;
  top: 0.35rem;
  right: 0.5rem;
  left: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.24rem;
  min-height: 2.25rem;
}

.home-proof-waveform span {
  width: 0.22rem;
  min-height: 0.82rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #DBEAFE, #8B5CF6);
  opacity: 0.84;
  transform-origin: center;
  animation: home-impact-wave 3.2s var(--site-ease-standard) infinite;
}

.home-proof-waveform span:nth-child(2),
.home-proof-waveform span:nth-child(7) {
  min-height: 1.32rem;
  animation-delay: 180ms;
}

.home-proof-waveform span:nth-child(3),
.home-proof-waveform span:nth-child(6) {
  min-height: 1.72rem;
  animation-delay: 320ms;
}

.home-proof-waveform span:nth-child(4),
.home-proof-waveform span:nth-child(5) {
  min-height: 1.08rem;
  animation-delay: 460ms;
}

.home-proof-review-flow {
  position: absolute;
  right: 0.65rem;
  bottom: 0.6rem;
  left: 0.65rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
}

.home-proof-review-flow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12%;
  left: 12%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(191, 219, 254, 0.24), #60A5FA, #A78BFA);
  background-size: 200% 100%;
  transform: translateY(-50%);
  animation: home-impact-line 4.8s linear infinite;
}

.home-proof-review-flow span {
  position: relative;
  z-index: 1;
  justify-self: center;
  width: 0.5rem;
  aspect-ratio: 1;
  border: 1px solid rgba(219, 234, 254, 0.9);
  border-radius: 999px;
  background-color: #172554;
  box-shadow: 0 0 0 0.22rem rgba(37, 99, 235, 0.18);
}

.home-proof-commercial-motif,
.home-proof-workflow-motif,
.home-proof-sector-motif {
  position: relative;
  min-height: 3.75rem;
}

.home-proof-commercial-motif::before,
.home-proof-workflow-motif::before,
.home-proof-sector-motif::before {
  content: "";
  position: absolute;
  inset: 0.62rem;
  border: 1px solid var(--proof-border);
  border-radius: 999px;
}

.home-proof-commercial-motif::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17%;
  left: 17%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(217, 119, 6, 0.18), rgba(217, 119, 6, 0.82), rgba(37, 99, 235, 0.36));
  background-size: 200% 100%;
  transform: translateY(-50%);
  animation: home-impact-line 5.4s linear infinite;
}

.home-proof-commercial-motif span,
.home-proof-workflow-motif span,
.home-proof-sector-motif span {
  position: absolute;
  z-index: 1;
  width: 0.48rem;
  aspect-ratio: 1;
  border-radius: 999px;
  background-color: var(--site-color-white);
  box-shadow: 0 0 0 0.26rem var(--proof-glow);
}

.home-proof-commercial-motif span:first-child {
  top: 50%;
  left: 50%;
  width: 0.85rem;
  background-color: var(--proof-accent);
  transform: translate(-50%, -50%);
}

.home-proof-commercial-motif span:nth-child(2) {
  top: 24%;
  left: 18%;
}

.home-proof-commercial-motif span:nth-child(3) {
  top: 22%;
  right: 18%;
}

.home-proof-commercial-motif span:nth-child(4) {
  bottom: 20%;
  left: 24%;
}

.home-proof-commercial-motif span:nth-child(5) {
  right: 24%;
  bottom: 20%;
}

.home-proof-workflow-motif::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20%;
  left: 20%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.2), rgba(124, 58, 237, 0.52), rgba(37, 99, 235, 0.2));
  background-size: 200% 100%;
  transform: translateY(-50%);
  animation: home-impact-line 5s linear infinite;
}

.home-proof-workflow-motif span:first-child {
  top: 50%;
  left: 50%;
  width: 0.9rem;
  background: linear-gradient(145deg, #2563EB, #7C3AED);
  transform: translate(-50%, -50%);
}

.home-proof-workflow-motif span:nth-child(2) {
  top: 24%;
  left: 20%;
}

.home-proof-workflow-motif span:nth-child(3) {
  right: 18%;
  bottom: 24%;
}

.home-proof-workflow-motif span:nth-child(4) {
  bottom: 18%;
  left: 28%;
}

.home-proof-sector-motif::after {
  content: "";
  position: absolute;
  top: 48%;
  right: 18%;
  left: 18%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(15, 118, 110, 0.24), rgba(37, 99, 235, 0.34), rgba(217, 119, 6, 0.28));
  transform: translateY(-50%);
}

.home-proof-sector-motif span:first-child {
  top: 24%;
  left: 18%;
  background-color: #2563EB;
}

.home-proof-sector-motif span:nth-child(2) {
  top: 50%;
  left: 50%;
  width: 0.82rem;
  background-color: #0F766E;
  transform: translate(-50%, -50%);
}

.home-proof-sector-motif span:nth-child(3) {
  right: 18%;
  bottom: 24%;
  background-color: #D97706;
}

@keyframes home-impact-wave {
  0%,
  100% {
    transform: scaleY(0.82);
  }

  50% {
    transform: scaleY(1.08);
  }
}

@keyframes home-impact-line {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

@keyframes home-impact-signal {
  0%,
  100% {
    opacity: 0.42;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-0.35rem);
  }
}

.home-trust {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--site-color-white);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.28), rgba(124, 58, 237, 0.18) 48%, rgba(15, 23, 42, 0) 76%),
    linear-gradient(180deg, #071327 0%, #111827 100%);
}

.home-trust::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 181, 253, 0.07) 1px, transparent 1px);
  background-size: 4rem 4rem;
  opacity: 0.42;
  pointer-events: none;
}

.home-trust .site-container {
  position: relative;
  z-index: 1;
}

.home-trust .home-section-heading {
  max-width: 50rem;
}

.home-trust .home-section-heading__eyebrow {
  color: #93C5FD;
}

.home-trust .home-section-heading h2 {
  color: var(--site-color-white);
}

.home-trust .home-section-heading p:not(.home-section-heading__eyebrow) {
  color: #DCEBFF;
}

.home-selected-work {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(124, 58, 237, 0.08) 44%, rgba(217, 119, 6, 0.1) 100%),
    linear-gradient(180deg, #F8FBFF 0%, #F5F7FB 100%);
}

.home-selected-work::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, 0.055) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.72) 68%, transparent 100%);
  pointer-events: none;
}

.home-selected-work .site-container {
  position: relative;
  z-index: 1;
}

.home-selected-work__header {
  margin-bottom: var(--site-space-8);
}

.home-selected-work__header .home-text-link {
  min-height: 2.75rem;
  align-items: center;
}

.home-selected-work__layout {
  display: grid;
  gap: var(--site-space-5);
}

.home-work-card {
  --work-accent: var(--site-color-primary);
  --work-accent-strong: #7C3AED;
  --work-title: var(--site-text-primary);
  --work-copy: var(--site-text-secondary);
  --work-subtitle: #1D4ED8;
  --work-border: rgba(37, 99, 235, 0.2);
  --work-hover-border: rgba(37, 99, 235, 0.38);
  --work-chip-bg: rgba(239, 246, 255, 0.92);
  --work-chip-border: rgba(37, 99, 235, 0.22);
  --work-chip-text: #123B89;
  --work-visual-bg: rgba(255, 255, 255, 0.68);
  --work-visual-border: rgba(37, 99, 235, 0.18);
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: grid;
  gap: var(--site-space-5);
  padding: var(--site-space-6);
  border: 1px solid var(--work-border);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.84)),
    var(--site-surface-base);
  box-shadow: 0 24px 58px -42px rgba(15, 23, 42, 0.42);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.home-work-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.25rem;
  background: linear-gradient(180deg, var(--work-accent), var(--work-accent-strong));
}

.home-work-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, transparent 0 58%, rgba(255, 255, 255, 0.42) 58.2% 58.8%, transparent 59% 100%);
  opacity: 0.7;
  pointer-events: none;
}

.home-work-card:hover {
  border-color: var(--work-hover-border);
  box-shadow: 0 28px 64px -42px rgba(15, 23, 42, 0.52);
  transform: translateY(-3px);
}

.home-work-card--nexhealth {
  --work-accent: #2563EB;
  --work-accent-strong: #7C3AED;
  --work-subtitle: #1D4ED8;
}

.home-work-card--umar {
  --work-accent: #60A5FA;
  --work-accent-strong: #A78BFA;
  --work-title: #F8FAFC;
  --work-copy: #DCEBFF;
  --work-subtitle: #C4B5FD;
  --work-border: rgba(147, 197, 253, 0.24);
  --work-hover-border: rgba(191, 219, 254, 0.4);
  --work-chip-bg: rgba(255, 255, 255, 0.09);
  --work-chip-border: rgba(191, 219, 254, 0.22);
  --work-chip-text: #EAF2FF;
  --work-visual-bg: rgba(255, 255, 255, 0.08);
  --work-visual-border: rgba(191, 219, 254, 0.22);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.22), rgba(124, 58, 237, 0.16) 50%, rgba(15, 23, 42, 0) 78%),
    linear-gradient(180deg, #07142F 0%, #111827 62%, #1B1247 100%);
}

.home-work-card--prism {
  --work-accent: #D97706;
  --work-accent-strong: #EA580C;
  --work-subtitle: #92400E;
  --work-border: rgba(217, 119, 6, 0.28);
  --work-hover-border: rgba(217, 119, 6, 0.44);
  --work-chip-bg: rgba(255, 247, 237, 0.92);
  --work-chip-border: rgba(217, 119, 6, 0.22);
  --work-chip-text: #7C2D12;
  --work-visual-bg: rgba(255, 251, 235, 0.78);
  --work-visual-border: rgba(217, 119, 6, 0.24);
  background:
    linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 237, 213, 0.78)),
    var(--site-surface-base);
}

.home-work-card__content,
.home-work-card__visual {
  position: relative;
  z-index: 1;
}

.home-work-card__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.home-work-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2);
}

.home-work-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--work-chip-border);
  border-radius: var(--site-radius-standard);
  background-color: var(--work-chip-bg);
  color: var(--work-chip-text);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
}

.home-work-card h3 {
  margin: var(--site-space-5) 0 0;
  color: var(--work-title);
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1.05;
}

.home-work-card--featured h3 {
  font-size: 2.15rem;
}

.home-work-card__subtitle {
  margin: var(--site-space-2) 0 0;
  color: var(--work-subtitle);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.35;
}

.home-work-card__content > p:not(.home-work-card__subtitle) {
  margin: var(--site-space-4) 0 0;
  color: var(--work-copy);
  font-size: var(--site-text-base);
  line-height: 1.58;
}

.home-work-card__link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  margin-top: auto;
  padding-top: var(--site-space-5);
  color: var(--work-accent);
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.home-work-card--umar .home-work-card__link {
  color: #DBEAFE;
}

.home-work-card__link:hover,
.home-work-card__link:focus-visible {
  color: var(--work-accent-strong);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.home-work-card--umar .home-work-card__link:hover,
.home-work-card--umar .home-work-card__link:focus-visible {
  color: #F5F3FF;
}

.home-work-card__visual {
  min-height: 12.5rem;
  border: 1px solid var(--work-visual-border);
  border-radius: var(--site-radius-standard);
  background: var(--work-visual-bg);
  overflow: hidden;
}

.home-work-card--featured .home-work-card__visual {
  min-height: 17rem;
}

.home-work-card__visual--health {
  background:
    linear-gradient(135deg, rgba(219, 234, 254, 0.9), rgba(245, 243, 255, 0.84)),
    var(--work-visual-bg);
}

.home-work-card__visual--umar {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(124, 58, 237, 0.18)),
    rgba(255, 255, 255, 0.07);
}

.home-work-card__visual--prism {
  background:
    linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(254, 215, 170, 0.58)),
    var(--work-visual-bg);
}

.home-work-system-map {
  position: relative;
  min-height: 100%;
  padding: var(--site-space-4);
}

.home-work-system-map::before {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px dashed rgba(37, 99, 235, 0.36);
  border-radius: var(--site-radius-standard);
  animation: home-work-system-trace 4.2s var(--site-ease-standard) infinite;
}

.home-work-system-map__core,
.home-work-system-map__node {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.5rem;
  min-height: 2.7rem;
  padding: var(--site-space-2) var(--site-space-3);
  border-radius: var(--site-radius-standard);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.home-work-system-map__core {
  top: 50%;
  left: 50%;
  min-width: 8.75rem;
  min-height: 4.25rem;
  color: var(--site-color-white);
  background: linear-gradient(135deg, #2563EB, #7C3AED);
  box-shadow: 0 16px 38px -24px rgba(37, 99, 235, 0.8);
  transform: translate(-50%, -50%);
}

.home-work-system-map__node {
  border: 1px solid rgba(37, 99, 235, 0.22);
  background-color: rgba(255, 255, 255, 0.78);
  color: #123B89;
}

.home-work-system-map__node--patients {
  top: 12%;
  left: 8%;
}

.home-work-system-map__node--appointments {
  top: 12%;
  right: 8%;
}

.home-work-system-map__node--finance {
  bottom: 12%;
  left: 8%;
}

.home-work-system-map__node--clinical {
  right: 8%;
  bottom: 12%;
}

.home-work-qa-visual,
.home-work-prism-visual {
  min-height: 100%;
  display: grid;
  gap: var(--site-space-3);
  padding: var(--site-space-4);
}

.home-work-qa-visual__header,
.home-work-qa-visual__steps,
.home-work-prism-visual__model,
.home-work-prism-visual__signals,
.home-work-prism-visual__comparison {
  border: 1px solid var(--work-visual-border);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.08);
}

.home-work-qa-visual__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--site-space-3);
  padding: var(--site-space-3);
  color: #EAF2FF;
}

.home-work-qa-visual__header span,
.home-work-qa-visual__steps span {
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
}

.home-work-qa-visual__header strong {
  color: var(--site-color-white);
  font-size: var(--site-text-sm);
  line-height: 1.2;
}

.home-work-waveform {
  min-height: 3.75rem;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: var(--site-space-2);
  align-items: center;
  padding: var(--site-space-3);
  border: 1px solid rgba(191, 219, 254, 0.18);
  border-radius: var(--site-radius-standard);
  background-color: rgba(15, 23, 42, 0.22);
}

.home-work-waveform span {
  display: block;
  height: 2.6rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #DBEAFE, #A78BFA);
  transform-origin: center;
  animation: home-work-wave 2.8s var(--site-ease-standard) infinite;
}

.home-work-waveform span:nth-child(2),
.home-work-waveform span:nth-child(7) {
  height: 1.7rem;
  animation-delay: 80ms;
}

.home-work-waveform span:nth-child(3),
.home-work-waveform span:nth-child(6) {
  height: 3.2rem;
  animation-delay: 160ms;
}

.home-work-waveform span:nth-child(4),
.home-work-waveform span:nth-child(5) {
  height: 2.1rem;
  animation-delay: 240ms;
}

.home-work-qa-visual__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-space-2);
  padding: var(--site-space-3);
}

.home-work-qa-visual__steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.4rem;
  padding: var(--site-space-2);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.09);
  color: #EAF2FF;
  text-align: center;
}

.home-work-prism-visual {
  color: #7C2D12;
}

.home-work-prism-visual__model {
  position: relative;
  overflow: hidden;
  min-height: 4.25rem;
  display: grid;
  place-items: center;
  padding: var(--site-space-3);
  background: linear-gradient(135deg, #1F2937, #281706);
  color: #FEF3C7;
  font-weight: 800;
  text-align: center;
}

.home-work-prism-visual__model::after {
  content: "";
  position: absolute;
  top: 0.7rem;
  bottom: 0.7rem;
  width: 0.2rem;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, #F59E0B, transparent);
  animation: home-work-scan 3.4s var(--site-ease-standard) infinite;
}

.home-work-prism-visual__signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--site-space-2);
  padding: var(--site-space-3);
  background-color: rgba(255, 255, 255, 0.5);
}

.home-work-prism-visual__signals span,
.home-work-prism-visual__comparison span {
  min-width: 0;
  padding: var(--site-space-2);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.72);
  color: #7C2D12;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.home-work-prism-visual__comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: var(--site-space-2);
  align-items: center;
  padding: var(--site-space-3);
  background-color: rgba(255, 251, 235, 0.72);
}

.home-work-prism-visual__comparison::before {
  content: "";
  width: 2rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #D97706, #2563EB);
  grid-column: 2;
  grid-row: 1;
}

.home-work-prism-visual__comparison span:first-child {
  grid-column: 1;
}

.home-work-prism-visual__comparison span:last-child {
  grid-column: 3;
}

@keyframes home-work-system-trace {
  0%,
  100% {
    opacity: 0.45;
  }

  50% {
    opacity: 0.9;
  }
}

@keyframes home-work-wave {
  0%,
  100% {
    transform: scaleY(0.72);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes home-work-scan {
  0% {
    left: 12%;
    opacity: 0;
  }

  18%,
  82% {
    opacity: 0.9;
  }

  100% {
    left: 88%;
    opacity: 0;
  }
}

@media (min-width: 760px) and (max-width: 979px) {
  .home-selected-work__layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-work-card--prism {
    grid-column: 1 / -1;
  }
}

@media (min-width: 980px) {
  .home-selected-work__layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .home-work-card--featured,
  .home-work-card--umar {
    grid-template-rows: auto minmax(14rem, 0.8fr);
  }

  .home-work-card--featured .home-work-card__visual,
  .home-work-card--umar .home-work-card__visual {
    min-height: 14rem;
  }

  .home-work-card--prism {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 0.94fr) minmax(20rem, 0.78fr);
    align-items: stretch;
    gap: var(--site-space-6);
  }

  .home-work-card--prism .home-work-card__visual {
    min-height: 18rem;
  }
}

@media (max-width: 759px) {
  .home-work-card {
    padding: var(--site-space-5);
  }

  .home-work-card--featured h3,
  .home-work-card h3 {
    font-size: 1.55rem;
  }

  .home-work-system-map__core {
    min-width: 7.25rem;
  }

  .home-work-system-map__node {
    min-width: 5.8rem;
  }
}

@media (max-width: 639px) {
  .home-selected-work {
    padding-block: 3.75rem;
  }

  .home-selected-work__header {
    margin-bottom: var(--site-space-5);
  }

  .home-selected-work__layout {
    gap: var(--site-space-4);
  }

  .home-work-card {
    gap: var(--site-space-4);
    padding: var(--site-space-4);
  }

  .home-work-card__meta {
    gap: var(--site-space-1);
  }

  .home-work-card__meta span {
    min-height: 1.75rem;
    padding: 0.28rem 0.55rem;
  }

  .home-work-card h3,
  .home-work-card--featured h3 {
    margin-top: var(--site-space-4);
    font-size: 1.45rem;
  }

  .home-work-card--featured h3 {
    font-size: 1.6rem;
  }

  .home-work-card__subtitle {
    margin-top: var(--site-space-1);
  }

  .home-work-card__content > p:not(.home-work-card__subtitle) {
    margin-top: var(--site-space-3);
    line-height: 1.52;
  }

  .home-work-card__visual,
  .home-work-card--featured .home-work-card__visual {
    min-height: 10.75rem;
  }

  .home-work-card__link {
    width: auto;
    justify-content: flex-start;
    margin-top: var(--site-space-3);
    padding: var(--site-space-2) 0 0;
    border: 0;
    border-radius: 0;
  }

  .home-work-system-map {
    padding: var(--site-space-2);
  }

  .home-work-system-map::before {
    inset: 20%;
  }

  .home-work-system-map__core,
  .home-work-system-map__node {
    font-size: 0.72rem;
  }

  .home-work-system-map__core {
    min-width: 6.4rem;
    min-height: 3.25rem;
  }

  .home-work-system-map__node {
    min-width: 4.75rem;
    min-height: 2.1rem;
    padding: var(--site-space-1) var(--site-space-2);
  }

  .home-work-system-map__node--patients,
  .home-work-system-map__node--finance {
    left: 4%;
  }

  .home-work-system-map__node--appointments,
  .home-work-system-map__node--clinical {
    right: 4%;
  }

  .home-work-qa-visual,
  .home-work-prism-visual {
    gap: var(--site-space-2);
    padding: var(--site-space-2);
  }

  .home-work-qa-visual__header,
  .home-work-qa-visual__steps,
  .home-work-prism-visual__signals,
  .home-work-prism-visual__comparison {
    padding: var(--site-space-2);
  }

  .home-work-waveform {
    min-height: 2.8rem;
    gap: var(--site-space-1);
    padding: var(--site-space-2);
  }

  .home-work-waveform span {
    height: 2rem;
  }

  .home-work-waveform span:nth-child(2),
  .home-work-waveform span:nth-child(7) {
    height: 1.25rem;
  }

  .home-work-waveform span:nth-child(3),
  .home-work-waveform span:nth-child(6) {
    height: 2.35rem;
  }

  .home-work-waveform span:nth-child(4),
  .home-work-waveform span:nth-child(5) {
    height: 1.55rem;
  }

  .home-work-qa-visual__steps span {
    min-height: 2rem;
    padding: var(--site-space-1);
  }

  .home-work-prism-visual__model {
    min-height: 3.35rem;
    padding: var(--site-space-2);
  }

  .home-work-prism-visual__signals {
    gap: var(--site-space-1);
  }

  .home-work-prism-visual__signals span,
  .home-work-prism-visual__comparison span {
    padding: var(--site-space-1);
  }
}

.home-trust__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--site-space-4);
}

.home-trust__item {
  min-width: 0;
  min-height: 11rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--site-space-4);
  align-items: start;
  padding: var(--site-space-4);
  border: 1px solid rgba(191, 219, 254, 0.18);
  border-radius: var(--site-radius-standard);
  background: rgba(var(--site-color-white-rgb), 0.08);
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), border-color var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.home-trust__item:hover {
  border-color: rgba(191, 219, 254, 0.34);
  background-color: rgba(var(--site-color-white-rgb), 0.12);
  transform: translateY(-3px);
}

.home-trust__logo-frame {
  height: 5.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--site-space-3);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--site-radius-standard);
  background-color: #FFFFFF;
}

.home-trust__logo {
  display: block;
  width: min(100%, 11rem);
  height: 4rem;
  object-fit: contain;
}

.home-trust__item h3 {
  margin: 0;
  color: #F8FAFC;
  font-family: var(--site-font-body);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: break-word;
  word-break: normal;
}

.home-updates {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-block: 1px solid rgba(37, 99, 235, 0.12);
  background:
    radial-gradient(circle at 18% 8%, rgba(124, 58, 237, 0.16), transparent 24rem),
    radial-gradient(circle at 88% 22%, rgba(37, 99, 235, 0.16), transparent 24rem),
    linear-gradient(180deg, #F6F9FF 0%, #EEF4FF 58%, #F8FAFC 100%);
}

.home-updates::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, 0.08) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
  opacity: 0.38;
}

.home-updates__header {
  display: grid;
  gap: var(--site-space-5);
  align-items: end;
}

.home-updates__heading {
  margin-bottom: 0;
}

.home-updates__cta {
  width: fit-content;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--site-space-2);
  padding: 0.72rem 1rem;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-primary);
  color: var(--site-color-white);
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: var(--site-shadow-cta-blue);
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.home-updates__cta:hover {
  background-color: var(--site-color-primary-hover);
  border-color: rgba(29, 78, 216, 0.36);
  box-shadow: 0 14px 28px -18px rgba(37, 99, 235, 0.75);
  transform: translateY(-2px);
}

.home-updates__cta:focus-visible {
  outline: 2px solid var(--site-color-primary);
  outline-offset: 4px;
  box-shadow: var(--site-focus-ring), var(--site-shadow-cta-blue);
}

.home-updates__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--site-space-6);
  align-items: start;
  margin-top: var(--site-space-8);
}

.home-updates__archive {
  min-width: 0;
}

.home-updates__summary {
  min-height: 2.75rem;
  position: relative;
  display: list-item;
  list-style: none;
  padding: 0.72rem 2.75rem 0.72rem 1rem;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.86);
  color: var(--site-color-primary);
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.32);
}

.home-updates__summary::-webkit-details-marker {
  display: none;
}

.home-updates__summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.15rem;
  line-height: 1;
}

.home-updates__archive[open] .home-updates__summary::after {
  content: "-";
}

.home-updates__summary:hover {
  border-color: rgba(37, 99, 235, 0.36);
  background-color: rgba(var(--site-color-white-rgb), 0.94);
}

.home-updates__summary:focus-visible {
  outline: 2px solid var(--site-color-primary);
  outline-offset: 4px;
  box-shadow: var(--site-focus-ring), 0 14px 28px -24px rgba(15, 23, 42, 0.32);
}

.home-updates__archive-grid {
  display: grid;
  gap: var(--site-space-5);
  margin-top: var(--site-space-5);
}

.home-updates__archive:not([open]) > .home-updates__archive-grid {
  display: none;
}

.home-updates__embed {
  width: min(100%, 504px);
  min-height: var(--linkedin-embed-height);
  margin-inline: auto;
  overflow: hidden;
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(124, 58, 237, 0.08)),
    rgba(var(--site-color-white-rgb), 0.78);
  box-shadow: 0 18px 34px -28px rgba(15, 23, 42, 0.38);
}

.home-updates__embed iframe {
  display: block;
  width: 100%;
  max-width: 504px;
  height: var(--linkedin-embed-height);
  border: 0;
}

@media (min-width: 640px) {
  .home-updates__archive {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    min-width: 0;
  }

  .home-updates__archive-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--site-space-6);
    align-items: start;
    margin-top: 0;
  }

  .home-updates__summary {
    display: none;
  }

  .home-updates__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-updates__embed--latest {
    grid-column: 1;
    grid-row: 1;
  }

  .home-updates__archive-grid .home-updates__embed:first-child {
    grid-column: 2;
    grid-row: 1;
  }

  .home-updates__archive-grid .home-updates__embed:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
  }
}

@media (min-width: 720px) {
  .home-updates__header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .home-updates__cta {
    justify-self: end;
  }
}

@media (min-width: 1024px) {
  .home-updates__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--site-space-5);
  }

  .home-updates__archive {
    grid-column: 2 / 4;
    grid-row: 1;
  }

  .home-updates__archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--site-space-5);
  }

  .home-updates__archive-grid .home-updates__embed:first-child {
    grid-column: 1;
    grid-row: 1;
  }

  .home-updates__archive-grid .home-updates__embed:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    justify-self: stretch;
  }

  .home-updates__embed {
    margin-inline: 0;
  }
}

.home-selected-work__header {
  display: grid;
  gap: var(--site-space-6);
}

.home-company-preview {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 12%, rgba(37, 99, 235, 0.11), transparent 26rem),
    radial-gradient(circle at 86% 88%, rgba(124, 58, 237, 0.1), transparent 24rem),
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FF 100%);
}

.home-company-preview__layout {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: var(--site-space-7);
  align-items: center;
  padding: clamp(1.35rem, 4vw, 3rem);
  border: 1px solid rgba(191, 219, 254, 0.2);
  border-radius: var(--site-radius-feature);
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 18% 0%, rgba(96, 165, 250, 0.36), transparent 20rem),
    radial-gradient(circle at 92% 18%, rgba(167, 139, 250, 0.42), transparent 19rem),
    linear-gradient(135deg, #07142F 0%, #10265A 48%, #24135D 100%);
  box-shadow: 0 34px 76px -48px rgba(15, 23, 42, 0.68);
}

.home-company-preview__layout::before,
.home-company-preview__layout::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.home-company-preview__layout::before {
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(191, 219, 254, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 181, 253, 0.1) 1px, transparent 1px);
  background-size: 3.75rem 3.75rem;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 78%);
}

.home-company-preview__layout::after {
  right: -8rem;
  bottom: -10rem;
  z-index: -1;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.24);
  filter: blur(18px);
}

.home-company-preview__content {
  max-width: 42rem;
}

.home-company-preview .home-company-preview__eyebrow {
  margin: 0 0 var(--site-space-3);
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.home-company-preview h2 {
  color: var(--site-color-white);
}

.home-company-preview__content p:not(.home-company-preview__eyebrow) {
  max-width: 39rem;
  color: #DCEBFF;
}

.home-company-preview__link {
  width: fit-content;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--site-space-2);
  margin-top: var(--site-space-6);
  padding: 0.72rem 1rem;
  border: 1px solid rgba(219, 234, 254, 0.26);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-white);
  color: #123B89;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 18px 36px -26px rgba(219, 234, 254, 0.78);
  transition: background-color var(--site-transition-fast) var(--site-ease-standard), color var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard);
}

.home-company-preview__link:hover {
  background-color: #EFF6FF;
  color: var(--site-color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 20px 38px -26px rgba(219, 234, 254, 0.95);
}

.home-company-preview__link:focus-visible {
  outline: 2px solid #BFDBFE;
  outline-offset: 4px;
  box-shadow: var(--site-focus-ring), 0 18px 36px -26px rgba(219, 234, 254, 0.78);
}

.home-company-preview__visual {
  position: relative;
  min-height: 21rem;
  display: grid;
  place-items: center;
}

.home-company-preview__portraits {
  position: relative;
  width: min(100%, 28rem);
  min-height: 20rem;
}

.home-company-preview__portrait-card {
  position: absolute;
  display: block;
  border: 1px solid rgba(219, 234, 254, 0.28);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 54px -34px rgba(2, 6, 23, 0.82);
  overflow: hidden;
}

.home-company-preview__portrait-card--lead {
  left: 0;
  top: 1.4rem;
  width: 42%;
  aspect-ratio: 0.82;
  z-index: 1;
}

.home-company-preview__portrait-card--middle {
  right: 0;
  top: 0;
  width: 34%;
  aspect-ratio: 0.8;
  z-index: 1;
}

.home-company-preview__portrait-card--front {
  left: 34%;
  bottom: 0;
  width: 43%;
  aspect-ratio: 0.82;
  z-index: 2;
}

.home-company-preview__portrait {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-company-preview__portrait-card--lead .home-company-preview__portrait {
  object-position: 50% 38%;
}

.home-company-preview__portrait-card--middle .home-company-preview__portrait {
  object-position: 50% 24%;
}

.home-company-preview__portrait-card--front .home-company-preview__portrait {
  object-position: 50% 32%;
}

.home-company-preview__portrait-label {
  position: absolute;
  left: 0.65rem;
  bottom: 0.65rem;
  max-width: calc(100% - 1.3rem);
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: 0.34rem 0.55rem;
  border: 1px solid rgba(219, 234, 254, 0.22);
  border-radius: 8px;
  background-color: rgba(7, 20, 47, 0.86);
  color: var(--site-color-white);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 14px 24px -18px rgba(2, 6, 23, 0.82);
}

.home-company-preview__portrait-card--middle .home-company-preview__portrait-label {
  right: 0.65rem;
  left: auto;
}

.home-company-preview__portrait-card--front .home-company-preview__portrait-label {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 639px) {
  .home-company-preview__layout {
    gap: var(--site-space-5);
    padding: var(--site-space-5);
  }

  .home-company-preview .home-company-preview__eyebrow {
    margin-bottom: var(--site-space-2);
    font-size: 0.78rem;
  }

  .home-company-preview h2 {
    font-size: clamp(1.75rem, 10vw, 2.2rem);
  }

  .home-company-preview__content p:not(.home-company-preview__eyebrow) {
    margin-top: var(--site-space-3);
    font-size: var(--site-text-base);
    line-height: 1.55;
  }

  .home-company-preview__link {
    margin-top: var(--site-space-4);
  }

  .home-company-preview__visual {
    min-height: 14rem;
  }

  .home-company-preview__portraits {
    width: min(100%, 18.5rem);
    min-height: 13.5rem;
  }

  .home-company-preview__portrait-card--lead {
    top: 1rem;
    width: 39%;
  }

  .home-company-preview__portrait-card--middle {
    width: 33%;
  }

  .home-company-preview__portrait-card--front {
    left: 33%;
    width: 42%;
  }

  .home-company-preview__portrait-label {
    left: 0.4rem;
    bottom: 0.4rem;
    max-width: calc(100% - 0.8rem);
    min-height: 1.45rem;
    padding: 0.24rem 0.36rem;
    font-size: 0.58rem;
  }

  .home-company-preview__portrait-card--middle .home-company-preview__portrait-label {
    right: 0.4rem;
    left: auto;
  }

  .home-company-preview__portrait-card--front .home-company-preview__portrait-label {
    left: 50%;
    transform: translateX(-50%);
  }
}

.home-text-link {
  display: inline-flex;
  margin-top: var(--site-space-5);
  color: var(--site-color-primary);
  font-weight: 700;
  text-decoration: none;
}

.home-text-link:hover {
  color: var(--site-color-primary-hover);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.home-final-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(4.5rem, 8vw, 6rem);
  color: var(--site-color-white);
  background:
    linear-gradient(116deg, rgba(37, 99, 235, 0.2) 0 22%, transparent 22.2% 100%),
    linear-gradient(296deg, rgba(124, 58, 237, 0.22) 0 31%, transparent 31.2% 100%),
    linear-gradient(135deg, #061126 0%, #0A1B40 50%, #17113D 100%);
}

.home-final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px),
    linear-gradient(118deg, transparent 0 46%, rgba(34, 211, 238, 0.12) 46.1% 46.35%, transparent 46.45% 100%),
    linear-gradient(306deg, transparent 0 55%, rgba(139, 92, 246, 0.12) 55.1% 55.35%, transparent 55.45% 100%);
  background-size: 4.25rem 4.25rem, 4.25rem 4.25rem, 100% 100%, 100% 100%;
  opacity: 0.55;
}

.home-final-cta::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -20%;
  z-index: -1;
  width: min(46rem, 76vw);
  height: min(28rem, 52vw);
  background:
    linear-gradient(112deg, transparent 0 20%, rgba(34, 211, 238, 0.12) 20.2% 22%, transparent 22.2% 100%),
    linear-gradient(18deg, rgba(96, 165, 250, 0.22), rgba(124, 58, 237, 0.16) 48%, transparent 72%);
  filter: blur(18px);
  opacity: 0.72;
}

.home-final-cta__panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

.home-final-cta__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 1px solid rgba(191, 219, 254, 0.14);
  border-radius: var(--site-radius-feature);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 46%, rgba(34, 211, 238, 0.04) 100%);
  pointer-events: none;
}

.home-final-cta__content {
  max-width: 48rem;
  padding: clamp(2rem, 5vw, 3.75rem);
}

.home-final-cta__panel h2,
.home-final-cta__panel p {
  color: var(--site-color-white);
}

.home-final-cta__panel h2 {
  max-width: 17ch;
  font-size: 2.35rem;
  line-height: 1.08;
}

.home-final-cta__panel .home-final-cta__eyebrow {
  margin: 0 0 var(--site-space-3);
  color: #67E8F9;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home-final-cta__panel p:not(.home-final-cta__eyebrow) {
  max-width: 42rem;
  margin-inline: 0;
  color: #D1D5DB;
  font-size: 1.125rem;
  line-height: 1.65;
}

.home-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: flex-start;
  margin-top: var(--site-space-8);
}

.home-final-cta__actions .site-button {
  min-height: 2.875rem;
}

.home-final-cta__secondary {
  color: #F8FAFC;
  border-color: rgba(226, 232, 240, 0.32);
  background-color: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.home-final-cta__secondary:hover {
  color: var(--site-color-white);
  border-color: rgba(226, 232, 240, 0.54);
  background-color: rgba(255, 255, 255, 0.11);
  box-shadow: none;
}

.home-final-cta__visual {
  position: relative;
  min-height: 18rem;
  margin: 0 clamp(1.25rem, 4vw, 3.75rem) clamp(2rem, 5vw, 3.75rem);
  overflow: hidden;
  border-top: 1px solid rgba(191, 219, 254, 0.12);
}

.home-final-cta__visual::before {
  content: "";
  position: absolute;
  inset: 9% 0 4%;
  background:
    repeating-linear-gradient(0deg, rgba(191, 219, 254, 0.08) 0 1px, transparent 1px 2.25rem),
    repeating-linear-gradient(90deg, rgba(191, 219, 254, 0.07) 0 1px, transparent 1px 2.25rem),
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(20, 184, 166, 0.08) 44%, rgba(124, 58, 237, 0.1));
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
  opacity: 0.6;
}

.home-final-cta__visual::after {
  content: "";
  position: absolute;
  inset: 18% 8% 12%;
  border: 1px solid rgba(103, 232, 249, 0.12);
  transform: skewX(-12deg);
  opacity: 0.8;
}

.home-final-cta__system {
  position: absolute;
  inset: 50% auto auto 50%;
  width: min(100%, 34rem);
  transform: translate(-50%, -50%);
  overflow: visible;
}

.home-final-cta__ribbon {
  fill: none;
  stroke: url("#finalCtaRibbonGradient");
  stroke-width: 2.5;
  stroke-linecap: round;
  opacity: 0.78;
  animation: home-final-cta-ribbon-drift 15s ease-in-out infinite alternate;
}

.home-final-cta__ribbon--back {
  opacity: 0.34;
  stroke-width: 1.5;
  animation-duration: 18s;
}

.home-final-cta__ribbon--front {
  stroke: url("#finalCtaLineGradient");
  opacity: 0.48;
  animation-duration: 20s;
  animation-delay: -5s;
}

.home-final-cta__connectors path {
  fill: none;
  stroke: url("#finalCtaLineGradient");
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 12 18;
  opacity: 0.7;
  animation: home-final-cta-connector-flow 18s linear infinite;
}

.home-final-cta__connectors path:nth-child(2) {
  animation-delay: -6s;
}

.home-final-cta__connectors path:nth-child(3) {
  animation-delay: -11s;
}

.home-final-cta__nodes circle {
  fill: #67E8F9;
  opacity: 0.82;
  filter: drop-shadow(0 0 9px rgba(34, 211, 238, 0.34));
  transform-box: fill-box;
  transform-origin: center;
  animation: home-final-cta-node-pulse 7s ease-in-out infinite;
}

.home-final-cta__nodes circle:nth-child(3n) {
  fill: #93C5FD;
  animation-delay: -2s;
}

.home-final-cta__nodes circle:nth-child(4n) {
  fill: #C4B5FD;
  animation-delay: -4s;
}

.home-final-cta__particle {
  position: absolute;
  width: 0.35rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(103, 232, 249, 0.86);
  box-shadow: 0 0 12px rgba(103, 232, 249, 0.28);
  animation: home-final-cta-particle-drift 13s ease-in-out infinite alternate;
}

.home-final-cta__particle--one {
  top: 24%;
  left: 18%;
}

.home-final-cta__particle--two {
  top: 62%;
  right: 16%;
  animation-duration: 16s;
  animation-delay: -7s;
}

.home-final-cta__particle--three {
  right: 34%;
  bottom: 16%;
  width: 0.28rem;
  animation-duration: 18s;
  animation-delay: -4s;
}

@keyframes home-final-cta-ribbon-drift {
  0% {
    transform: translate3d(-8px, 8px, 0);
  }

  100% {
    transform: translate3d(10px, -10px, 0);
  }
}

@keyframes home-final-cta-connector-flow {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -240;
  }
}

@keyframes home-final-cta-node-pulse {
  0%,
  100% {
    opacity: 0.56;
    transform: scale(0.92);
  }

  50% {
    opacity: 0.94;
    transform: scale(1);
  }
}

@keyframes home-final-cta-particle-drift {
  0% {
    transform: translate3d(-8px, 6px, 0);
    opacity: 0.38;
  }

  100% {
    transform: translate3d(10px, -10px, 0);
    opacity: 0.84;
  }
}

@media (min-width: 640px) {
  .home-proof__system {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "umar prism"
      "nexhealth sectors";
  }

  .home-trust__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-final-cta__actions {
    flex-direction: row;
  }

  .home-final-cta__actions .site-button {
    min-width: 11rem;
  }
}

@media (min-width: 900px) {
  .home-trust__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-selected-work__header {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    align-items: center;
  }

  .home-company-preview__layout {
    grid-template-columns: minmax(0, 0.98fr) minmax(19rem, 0.82fr);
    gap: var(--site-space-8);
  }

  .home-company-preview__content {
    padding-top: var(--site-space-8);
  }

  .home-final-cta__panel {
    grid-template-columns: minmax(0, 0.98fr) minmax(20rem, 0.82fr);
    gap: var(--site-space-8);
  }

  .home-final-cta__visual {
    min-height: 24rem;
    margin: clamp(2rem, 4vw, 3.75rem) clamp(2rem, 4vw, 3.75rem) clamp(2rem, 4vw, 3.75rem) 0;
    border-top: 0;
    border-left: 1px solid rgba(191, 219, 254, 0.12);
  }
}

@media (min-width: 1080px) {
  .home-proof__system {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas:
      "umar prism nexhealth sectors";
  }

  .home-proof-card {
    min-height: 16rem;
  }
}

@media (max-width: 639px) {
  .home-proof-card {
    min-height: 0;
    padding: var(--site-space-5);
  }

  .home-proof-card__motif {
    width: 4.75rem;
    min-height: 3.75rem;
  }

  .home-proof-card--umar .home-proof-card__motif {
    min-height: 3.9rem;
  }

  .home-proof-card__metric {
    font-size: 2.35rem;
  }

  .home-proof-card--umar .home-proof-card__metric {
    font-size: 2.7rem;
  }

  .home-trust__grid {
    gap: var(--site-space-3);
  }

  .home-trust__item {
    min-height: 10.5rem;
    padding: var(--site-space-2);
  }

  .home-trust__logo-frame {
    height: 5rem;
    padding: var(--site-space-2);
  }

  .home-trust__logo {
    height: 3.5rem;
  }

  .home-trust__item h3 {
    font-size: 0.8125rem;
    line-height: 1.32;
  }

  .home-final-cta__actions .site-button {
    width: 100%;
  }

  .home-final-cta {
    padding-block: 3.75rem;
  }

  .home-final-cta__content {
    padding: var(--site-space-6);
  }

  .home-final-cta__panel h2 {
    max-width: none;
    font-size: 2rem;
  }

  .home-final-cta__panel p:not(.home-final-cta__eyebrow) {
    font-size: 1rem;
    line-height: 1.62;
  }

  .home-final-cta__visual {
    min-height: 12rem;
    margin: 0 var(--site-space-4) var(--site-space-5);
    overflow: hidden;
  }

  .home-final-cta__system {
    width: min(100%, 22rem);
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-proof__path::before,
  .home-proof__path::after,
  .home-proof__path span,
  .home-proof-waveform span,
  .home-proof-review-flow::before,
  .home-proof-commercial-motif::after,
  .home-proof-workflow-motif::after {
    animation: none;
  }

  .home-proof-card:hover {
    transform: none;
  }

  .home-work-system-map::before,
  .home-work-waveform span,
  .home-work-prism-visual__model::after {
    animation: none;
  }

  .home-work-card:hover,
  .home-trust__item:hover {
    transform: none;
  }

  .home-final-cta__ribbon,
  .home-final-cta__connectors path,
  .home-final-cta__nodes circle,
  .home-final-cta__particle {
    animation: none;
  }
}

/* Services overview page */
.services-overview-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(4.75rem, 8vw, 7rem);
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 83% 26%, rgba(124, 58, 237, 0.3), transparent 27rem),
    radial-gradient(circle at 66% 78%, rgba(20, 184, 166, 0.18), transparent 26rem),
    linear-gradient(124deg, rgba(37, 99, 235, 0.24) 0 30%, transparent 30.2% 100%),
    linear-gradient(218deg, rgba(124, 58, 237, 0.22) 0 32%, transparent 32.2% 100%),
    linear-gradient(135deg, #061126 0%, #0B1D46 52%, #151034 100%);
  border-bottom: 0;
}

.services-overview-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.08) 1px, transparent 1px);
  background-size: 4.25rem 4.25rem;
  opacity: 0.46;
  pointer-events: none;
}

.services-overview-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: -1;
  height: 7rem;
  background: linear-gradient(180deg, rgba(6, 17, 38, 0), #F8FAFC 96%);
  pointer-events: none;
}

.services-overview-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: center;
}

.services-overview-hero__content {
  max-width: 48rem;
}

.services-overview__eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.services-overview-hero .services-overview__eyebrow,
.services-overview-section--engagement .services-overview__eyebrow,
.services-overview-cta .services-overview__eyebrow {
  color: #BFDBFE;
}

.services-overview-hero__title {
  max-width: 13ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: clamp(2.25rem, 5.5vw, 4.25rem);
  font-weight: 800;
  line-height: 1;
}

.services-overview-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: #DCEBFF;
  font-size: var(--site-text-lg);
  line-height: 1.65;
}

.services-overview-hero__actions,
.services-overview-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.services-overview-hero__actions .site-button--secondary,
.services-overview-cta__actions .site-button--secondary {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.32);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.services-overview-hero__actions .site-button--secondary:hover,
.services-overview-cta__actions .site-button--secondary:hover {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.54);
  background-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}

.services-overview-hero__visual {
  min-width: 0;
  width: min(100%, 34rem);
  justify-self: center;
}

.services-system-visual {
  position: relative;
  min-height: clamp(21rem, 34vw, 29rem);
  border: 1px solid rgba(191, 219, 254, 0.26);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.24), rgba(124, 58, 237, 0.12)),
    rgba(7, 20, 47, 0.72);
  box-shadow: 0 28px 64px -42px rgba(0, 0, 0, 0.92);
  overflow: hidden;
}

.services-system-visual::before {
  content: "";
  position: absolute;
  inset: var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(191, 219, 254, 0.16) 49.8% 50.2%, transparent 50.2%),
    linear-gradient(transparent 0 49.8%, rgba(191, 219, 254, 0.1) 49.8% 50.2%, transparent 50.2%);
  pointer-events: none;
}

.services-system-visual::after {
  content: "";
  position: absolute;
  top: -12%;
  right: -18%;
  width: 62%;
  height: 48%;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.28), transparent 70%);
  filter: blur(10px);
  opacity: 0.8;
  pointer-events: none;
}

.services-system-visual__ribbons {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.92;
}

.services-system-visual__ribbon {
  fill: none;
  stroke-width: 16;
  stroke-linecap: round;
  stroke-dasharray: 30 20;
  animation: services-route-flow 8s linear infinite;
}

.services-system-visual__ribbon--bi {
  animation-duration: 9.5s;
  animation-direction: reverse;
}

.services-system-visual__ribbon--managed {
  animation-duration: 10.5s;
}

.services-system-visual__module {
  position: absolute;
  z-index: 1;
  width: clamp(6.25rem, 12vw, 7.8rem);
  height: clamp(6.25rem, 12vw, 7.8rem);
  display: grid;
  place-items: center;
  border: 1px solid rgba(191, 219, 254, 0.28);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05)),
    rgba(15, 23, 42, 0.58);
  box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.82);
  animation: services-module-drift 8s var(--site-ease-standard) infinite alternate;
}

.services-system-visual__module--automation {
  top: 13%;
  left: 10%;
}

.services-system-visual__module--insight {
  top: 34%;
  right: 8%;
  animation-delay: 700ms;
}

.services-system-visual__module--delivery {
  bottom: 11%;
  left: 30%;
  animation-delay: 1200ms;
}

.services-system-visual__document {
  width: 3.4rem;
  min-height: 4.2rem;
  display: grid;
  align-content: center;
  gap: 0.42rem;
  padding: 0.75rem 0.58rem;
  border: 2px solid rgba(191, 219, 254, 0.82);
  border-radius: 0.4rem;
  background-color: rgba(239, 246, 255, 0.12);
}

.services-system-visual__document i,
.services-system-visual__measurement i {
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, #60A5FA, #C4B5FD);
}

.services-system-visual__document i {
  height: 0.32rem;
}

.services-system-visual__document i:nth-child(2) {
  width: 78%;
}

.services-system-visual__document i:nth-child(3) {
  width: 58%;
}

.services-system-visual__measurement {
  width: 4.4rem;
  height: 3.8rem;
  display: flex;
  gap: 0.45rem;
  align-items: flex-end;
  justify-content: center;
  padding: 0.5rem;
  border-bottom: 2px solid rgba(251, 191, 36, 0.72);
  border-left: 2px solid rgba(251, 191, 36, 0.48);
}

.services-system-visual__measurement i {
  width: 0.62rem;
  background: linear-gradient(180deg, #FDE68A, #EA580C);
}

.services-system-visual__measurement i:nth-child(1) {
  height: 1.45rem;
}

.services-system-visual__measurement i:nth-child(2) {
  height: 2.7rem;
}

.services-system-visual__measurement i:nth-child(3) {
  height: 2rem;
}

.services-system-visual__delivery {
  position: relative;
  width: 4.6rem;
  height: 3.7rem;
  display: block;
}

.services-system-visual__delivery::before,
.services-system-visual__delivery::after {
  content: "";
  position: absolute;
  background-color: rgba(153, 246, 228, 0.6);
}

.services-system-visual__delivery::before {
  top: 50%;
  right: 0.8rem;
  left: 0.8rem;
  height: 2px;
  transform: translateY(-50%);
}

.services-system-visual__delivery::after {
  top: 0.75rem;
  left: 50%;
  width: 2px;
  bottom: 0.75rem;
  transform: translateX(-50%);
}

.services-system-visual__delivery i {
  position: absolute;
  width: 1.32rem;
  height: 1.32rem;
  border: 2px solid rgba(153, 246, 228, 0.82);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(204, 251, 241, 0.9), rgba(20, 184, 166, 0.72));
}

.services-system-visual__delivery i:nth-child(1) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.services-system-visual__delivery i:nth-child(2) {
  bottom: 0;
  left: 0;
}

.services-system-visual__delivery i:nth-child(3) {
  right: 0;
  bottom: 0;
}

.services-overview-section {
  position: relative;
  overflow: hidden;
  padding-block: var(--site-section-padding-y);
}

.services-overview-section--routes {
  background:
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 56%, #F8FAFC 100%);
}

.services-overview-section--routes::before,
.services-overview-section--decision::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.08), transparent 22rem),
    radial-gradient(circle at 88% 78%, rgba(20, 184, 166, 0.08), transparent 24rem);
  pointer-events: none;
}

.services-overview-section--engagement {
  color: var(--site-color-white);
  background:
    linear-gradient(138deg, rgba(37, 99, 235, 0.16), rgba(20, 184, 166, 0.1) 52%, rgba(124, 58, 237, 0.16)),
    linear-gradient(180deg, #07142F 0%, #111827 100%);
}

.services-overview-section--engagement::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.08) 1px, transparent 1px);
  background-size: 3.75rem 3.75rem;
  opacity: 0.58;
  pointer-events: none;
}

.services-overview-section--decision {
  background:
    linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
}

.services-overview-heading {
  position: relative;
  z-index: 1;
  max-width: 44rem;
  margin-bottom: var(--site-space-10);
}

.services-overview-heading h2,
.services-overview-decision h2,
.services-overview-cta h2 {
  margin: 0;
  font-size: var(--site-heading-md);
  font-weight: 800;
  line-height: 1.1;
}

.services-overview-heading--dark h2,
.services-overview-cta h2 {
  color: var(--site-color-white);
}

.services-overview-heading p:not(.services-overview__eyebrow),
.services-overview-decision p,
.services-overview-cta p {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-lg);
  line-height: 1.6;
}

.services-overview-heading--dark p:not(.services-overview__eyebrow),
.services-overview-cta p {
  color: #D1D5DB;
}

.services-overview-routes {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-5);
}

.services-route {
  --route-accent: var(--site-color-primary);
  --route-accent-strong: #7C3AED;
  --route-border: rgba(37, 99, 235, 0.24);
  --route-hover-border: rgba(37, 99, 235, 0.42);
  --route-panel-border: rgba(147, 197, 253, 0.28);
  --route-mesh: rgba(219, 234, 254, 0.2);
  --route-soft: rgba(196, 181, 253, 0.32);
  --route-signal: #BFDBFE;
  --route-core: #2563EB;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--route-border);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0 32%, transparent 32.2% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
  box-shadow: 0 20px 44px -34px rgba(17, 24, 39, 0.42);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.services-route::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 0;
  width: 0.28rem;
  background: linear-gradient(180deg, var(--route-accent), var(--route-accent-strong));
}

.services-route::after {
  content: "";
  position: absolute;
  top: -24%;
  right: -26%;
  z-index: 0;
  width: 68%;
  height: 54%;
  background: linear-gradient(135deg, transparent 0 20%, var(--route-accent) 20.5% 56%, transparent 56.5% 100%);
  opacity: 0.07;
  pointer-events: none;
}

.services-route:hover {
  border-color: var(--route-hover-border);
  box-shadow: 0 26px 54px -36px rgba(17, 24, 39, 0.52);
  transform: translateY(-2px);
}

.services-route--bi {
  --route-accent: #D97706;
  --route-accent-strong: #EA580C;
  --route-border: rgba(217, 119, 6, 0.28);
  --route-hover-border: rgba(217, 119, 6, 0.44);
  --route-panel-border: rgba(217, 119, 6, 0.22);
  --route-mesh: rgba(146, 64, 14, 0.14);
  --route-soft: rgba(217, 119, 6, 0.24);
  --route-signal: #F59E0B;
  --route-core: #D97706;
  background:
    linear-gradient(128deg, rgba(245, 158, 11, 0.13) 0 34%, transparent 34.2% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 100%);
}

.services-route--managed {
  --route-accent: #14B8A6;
  --route-accent-strong: #2563EB;
  --route-border: rgba(20, 184, 166, 0.28);
  --route-hover-border: rgba(20, 184, 166, 0.44);
  --route-panel-border: rgba(20, 184, 166, 0.24);
  --route-mesh: rgba(204, 251, 241, 0.22);
  --route-soft: rgba(153, 246, 228, 0.34);
  --route-signal: #99F6E4;
  --route-core: #14B8A6;
  background:
    linear-gradient(132deg, rgba(20, 184, 166, 0.12) 0 34%, transparent 34.2% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #F0FDFA 100%);
}

.services-route__visual,
.services-route__content {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.services-route__visual {
  min-height: 14.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--site-space-4);
  overflow: hidden;
  border-bottom: 1px solid var(--route-panel-border);
  background:
    linear-gradient(126deg, rgba(37, 99, 235, 0.28) 0 30%, transparent 30.2% 100%),
    linear-gradient(315deg, rgba(124, 58, 237, 0.34) 0 36%, transparent 36.2% 100%),
    linear-gradient(135deg, #07142F 0%, #102A61 58%, #24105C 100%);
}

.services-route--bi .services-route__visual {
  background:
    linear-gradient(120deg, rgba(245, 158, 11, 0.22) 0 34%, transparent 34.2% 100%),
    linear-gradient(305deg, rgba(37, 99, 235, 0.1) 0 24%, transparent 24.2% 100%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF7ED 100%);
}

.services-route--managed .services-route__visual {
  background:
    linear-gradient(132deg, rgba(20, 184, 166, 0.28) 0 32%, transparent 32.2% 100%),
    linear-gradient(300deg, rgba(37, 99, 235, 0.18) 0 28%, transparent 28.2% 100%),
    linear-gradient(135deg, #062B2B 0%, #0F3F45 62%, #123B89 100%);
}

.services-route__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 30%, rgba(255, 255, 255, 0.1) 30.2% 38%, transparent 38.2% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent);
  pointer-events: none;
}

.services-route-motif {
  position: relative;
  z-index: 1;
  width: min(100%, 26rem);
  height: auto;
  display: block;
}

.services-route-motif__mesh {
  stroke: var(--route-mesh);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.services-route-motif__flow,
.services-route-motif__line,
.services-route-motif__measure,
.services-route-motif__review,
.services-route-motif__workstream {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.services-route-motif__flow--soft {
  stroke: var(--route-soft);
  stroke-width: 2;
  stroke-dasharray: 9 14;
  animation: services-route-flow 9s linear infinite;
}

.services-route-motif__flow--strong {
  stroke-width: 4;
  stroke-dasharray: 22 14;
  animation: services-route-flow 5.8s linear infinite;
}

.services-route-motif__panel {
  fill: rgba(255, 255, 255, 0.84);
  stroke: var(--route-panel-border);
  stroke-width: 1.5;
}

.services-route--bi .services-route-motif__panel {
  fill: rgba(255, 247, 237, 0.96);
}

.services-route-motif__core {
  fill: var(--route-core);
  stroke: rgba(219, 234, 254, 0.5);
  stroke-width: 1.5;
}

.services-route-motif__line,
.services-route-motif__measure {
  stroke: rgba(37, 99, 235, 0.48);
  stroke-width: 5;
}

.services-route-motif__review,
.services-route-motif__workstream {
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 5;
}

.services-route-motif__signal {
  fill: var(--route-signal);
  transform-box: fill-box;
  transform-origin: center;
  animation: services-signal-pulse 4.8s var(--site-ease-standard) infinite;
}

.services-route-motif__signal--two {
  animation-delay: 520ms;
}

.services-route-motif__bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: services-bi-bar 3.8s var(--site-ease-standard) infinite;
}

.services-route-motif__bar--two {
  animation-delay: 180ms;
}

.services-route-motif__bar--three {
  animation-delay: 360ms;
}

.services-route-motif__bar--four {
  animation-delay: 540ms;
}

.services-route-motif__data-point {
  fill: #FFFFFF;
  stroke: var(--route-signal);
  stroke-width: 4;
  animation: services-signal-pulse 3.6s var(--site-ease-standard) infinite;
}

.services-route-motif__data-point--two {
  animation-delay: 220ms;
}

.services-route-motif__data-point--three {
  animation-delay: 440ms;
}

.services-route-motif__measure {
  stroke: rgba(146, 64, 14, 0.36);
}

.services-route-motif__oversight {
  fill: rgba(204, 251, 241, 0.1);
  stroke: rgba(153, 246, 228, 0.66);
  stroke-width: 2;
  stroke-dasharray: 7 9;
  animation: services-route-flow 7s linear infinite;
}

.services-route-motif__core-dot {
  stroke: rgba(204, 251, 241, 0.82);
  stroke-width: 2;
}

.services-route-motif__team-node {
  fill: rgba(240, 253, 250, 0.92);
  stroke: rgba(153, 246, 228, 0.74);
  stroke-width: 2;
}

.services-route__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--site-space-6);
}

.services-route__kicker {
  margin: 0 0 var(--site-space-3);
  color: var(--route-accent);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.25;
}

.services-route h3,
.services-delivery-path h3,
.services-overview-decision h3 {
  margin: 0;
  font-size: var(--site-heading-sm);
  line-height: 1.2;
}

.services-route p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
}

.services-route ul {
  display: grid;
  gap: var(--site-space-2);
  margin: var(--site-space-5) 0 var(--site-space-6);
  padding: 0;
  color: var(--site-text-secondary);
  list-style: none;
}

.services-route li {
  position: relative;
  padding-left: var(--site-space-5);
}

.services-route li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  background-color: var(--route-accent);
}

.services-route__link {
  width: max-content;
  max-width: 100%;
  min-height: 2.75rem;
  display: inline-flex;
  gap: var(--site-space-2);
  align-items: center;
  margin-top: auto;
  padding-block: 0.35rem;
  color: var(--site-color-primary);
  font-weight: 700;
  text-decoration: none;
}

.services-route__link:hover,
.services-route__link:focus-visible {
  color: var(--site-color-primary-hover);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.services-route__link:focus-visible {
  outline: var(--site-focus-outline);
  outline-offset: 0.25rem;
  border-radius: var(--site-radius-standard);
}

.services-engagement-layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-8);
}

.services-delivery-path {
  --services-path-padding: clamp(1.5rem, 4vw, 2.25rem);
  --services-path-rail-column: 0.375rem;
  position: relative;
  display: grid;
  gap: var(--site-space-6);
  margin: 0;
  padding: var(--services-path-padding);
  border: 1px solid rgba(191, 219, 254, 0.22);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(20, 184, 166, 0.08)),
    rgba(var(--site-color-white-rgb), 0.06);
  list-style: none;
  overflow: hidden;
}

.services-delivery-path::before,
.services-delivery-path::after {
  content: "";
  position: absolute;
  top: 2.25rem;
  bottom: 2.25rem;
  left: calc(var(--services-path-padding) + (var(--services-path-rail-column) / 2) - 1px);
  width: 2px;
  border-radius: 999px;
  pointer-events: none;
}

.services-delivery-path::before {
  background: linear-gradient(180deg, rgba(147, 197, 253, 0.22), rgba(153, 246, 228, 0.28), rgba(196, 181, 253, 0.2));
}

.services-delivery-path::after {
  height: 28%;
  background: linear-gradient(180deg, transparent, #93C5FD, #2DD4BF, transparent);
  animation: services-path-scan-y 5.8s var(--site-ease-standard) infinite;
}

.services-delivery-path__step {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: var(--services-path-rail-column) 2.75rem minmax(0, 1fr);
  gap: var(--site-space-4);
  align-items: start;
}

.services-delivery-path__node {
  grid-column: 2;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(191, 219, 254, 0.34);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.2), transparent 48%),
    rgba(15, 23, 42, 0.82);
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1;
}

.services-delivery-path__copy {
  grid-column: 3;
  min-width: 0;
}

.services-delivery-path h3 {
  color: var(--site-color-white);
  font-size: 1.1rem;
}

.services-delivery-path p,
.services-overview-decision p {
  margin: var(--site-space-3) 0 0;
}

.services-delivery-path p {
  color: #D1D5DB;
}

.services-overview-decision {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-8);
  padding: clamp(1.5rem, 4vw, 2.25rem);
  border: 1px solid rgba(37, 99, 235, 0.14);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(20, 184, 166, 0.05)),
    var(--site-surface-base);
  box-shadow: 0 20px 44px -34px rgba(17, 24, 39, 0.36);
  overflow: hidden;
}

.services-overview-decision::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.32rem;
  background: linear-gradient(180deg, #2563EB, #D97706, #14B8A6);
}

.services-decision-options {
  display: grid;
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.76);
  overflow: hidden;
}

.services-decision-item {
  --decision-accent: var(--site-color-primary);
  min-width: 0;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: var(--site-space-4);
  align-items: start;
  padding: var(--site-space-5);
  border-top: 1px solid var(--site-border-default);
}

.services-decision-item:first-child {
  border-top: 0;
}

.services-decision-item--bi {
  --decision-accent: #D97706;
}

.services-decision-item--managed {
  --decision-accent: #14B8A6;
}

.services-decision-item__icon {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid color-mix(in srgb, var(--decision-accent) 32%, transparent);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--decision-accent) 16%, white), rgba(255, 255, 255, 0.92));
  overflow: hidden;
}

.services-decision-item__icon::before,
.services-decision-item__icon::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background-color: var(--decision-accent);
}

.services-decision-item--ai .services-decision-item__icon::before {
  top: 0.78rem;
  left: 0.64rem;
  width: 1.46rem;
  height: 0.22rem;
  box-shadow: 0 0.58rem 0 color-mix(in srgb, var(--decision-accent) 78%, white), 0 1.16rem 0 color-mix(in srgb, var(--decision-accent) 58%, white);
}

.services-decision-item--ai .services-decision-item__icon::after {
  right: 0.48rem;
  bottom: 0.48rem;
  width: 0.62rem;
  height: 0.62rem;
  box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--decision-accent) 18%, transparent);
}

.services-decision-item--bi .services-decision-item__icon::before {
  bottom: 0.58rem;
  left: 0.62rem;
  width: 0.34rem;
  height: 1rem;
  box-shadow: 0.72rem -0.5rem 0 var(--decision-accent), 1.44rem -0.16rem 0 color-mix(in srgb, var(--decision-accent) 70%, white);
}

.services-decision-item--bi .services-decision-item__icon::after {
  right: 0.48rem;
  top: 0.56rem;
  width: 0.42rem;
  height: 0.42rem;
}

.services-decision-item--managed .services-decision-item__icon::before {
  top: 1.23rem;
  right: 0.66rem;
  left: 0.66rem;
  height: 0.18rem;
}

.services-decision-item--managed .services-decision-item__icon::after {
  top: 0.62rem;
  left: 50%;
  width: 0.68rem;
  height: 0.68rem;
  transform: translateX(-50%);
  box-shadow: -0.72rem 1.05rem 0 color-mix(in srgb, var(--decision-accent) 76%, white), 0.72rem 1.05rem 0 color-mix(in srgb, var(--decision-accent) 76%, white);
}

.services-decision-item h3 {
  font-size: 1.05rem;
}

.services-decision-item p {
  font-size: 0.98rem;
  line-height: 1.55;
}

.services-overview-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: var(--site-section-padding-y);
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 86% 28%, rgba(124, 58, 237, 0.24), transparent 24rem),
    radial-gradient(circle at 18% 82%, rgba(20, 184, 166, 0.18), transparent 22rem),
    linear-gradient(135deg, #07142F 0%, #10204A 55%, #111827 100%);
}

.services-overview-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.07) 1px, transparent 1px);
  background-size: 4rem 4rem;
  opacity: 0.5;
  pointer-events: none;
}

.services-overview-cta__panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-8);
  align-items: center;
}

.services-overview-cta__panel p {
  max-width: 42rem;
}

.services-overview-cta__actions {
  margin-top: 0;
  justify-content: center;
  align-items: stretch;
  justify-self: stretch;
  width: min(100%, 18rem);
}

.services-overview-cta__actions .site-button {
  width: 100%;
  min-height: 2.75rem;
}

@keyframes services-route-flow {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -72;
  }
}

@keyframes services-module-drift {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(0, -0.45rem, 0);
  }
}

@keyframes services-signal-pulse {
  0%,
  100% {
    opacity: 0.68;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.16);
  }
}

@keyframes services-bi-bar {
  0%,
  100% {
    transform: scaleY(0.82);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes services-path-scan-y {
  0% {
    transform: translateY(-40%);
    opacity: 0;
  }

  20%,
  80% {
    opacity: 1;
  }

  100% {
    transform: translateY(260%);
    opacity: 0;
  }
}

@keyframes services-path-scan-x {
  0% {
    transform: translateX(-60%);
    opacity: 0;
  }

  20%,
  80% {
    opacity: 1;
  }

  100% {
    transform: translateX(420%);
    opacity: 0;
  }
}

@media (min-width: 640px) {
  .services-overview-hero__actions {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 760px) {
  .services-route {
    display: grid;
    grid-template-columns: minmax(16rem, 0.86fr) minmax(0, 1.14fr);
  }

  .services-route__visual {
    min-height: 100%;
    border-right: 1px solid var(--route-panel-border);
    border-bottom: 0;
  }

  .services-decision-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .services-decision-item {
    border-top: 0;
    border-left: 1px solid var(--site-border-default);
  }

  .services-decision-item:first-child {
    border-left: 0;
  }
}

@media (min-width: 900px) {
  .services-overview-hero__layout {
    grid-template-columns: minmax(0, 0.96fr) minmax(22rem, 0.86fr);
  }

  .services-engagement-layout {
    grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr);
    align-items: start;
  }

  .services-overview-decision {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
  }

  .services-overview-cta__panel {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .services-overview-cta__actions {
    justify-content: end;
    justify-self: end;
  }
}

@media (min-width: 1040px) {
  .services-overview-routes {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: stretch;
  }

  .services-route--ai {
    grid-row: span 2;
    grid-template-columns: minmax(0, 1fr);
  }

  .services-route--ai .services-route__visual {
    min-height: 19.5rem;
    border-right: 0;
    border-bottom: 1px solid var(--route-panel-border);
  }

  .services-route--bi,
  .services-route--managed {
    grid-template-columns: minmax(12rem, 0.74fr) minmax(0, 1fr);
  }

  .services-route--bi .services-route__visual,
  .services-route--managed .services-route__visual {
    padding-inline: var(--site-space-3);
  }

  .services-route--bi .services-route-motif,
  .services-route--managed .services-route-motif {
    width: min(100%, 19rem);
  }

  .services-route--bi .services-route__content,
  .services-route--managed .services-route__content {
    padding: var(--site-space-5);
  }

  .services-route--bi li,
  .services-route--managed li {
    font-size: 0.95rem;
  }
}

@media (max-width: 639px) {
  .services-overview-hero__title {
    font-size: clamp(2.25rem, 10vw, 2.5rem);
  }

  .services-system-visual {
    min-height: 20rem;
  }

  .services-system-visual__module {
    width: 5.7rem;
    height: 5.7rem;
  }

  .services-system-visual__module--automation {
    left: 7%;
  }

  .services-system-visual__module--insight {
    right: 6%;
  }

  .services-system-visual__module--delivery {
    left: 25%;
  }

  .services-system-visual__ribbon {
    stroke-width: 12;
  }

  .services-route__content,
  .services-delivery-path,
  .services-overview-decision {
    padding: var(--site-space-5);
  }

  .services-delivery-path {
    --services-path-padding: var(--site-space-5);
  }

  .services-route__visual {
    min-height: 12.5rem;
  }

  .services-route-motif {
    width: min(100%, 22rem);
  }

  .services-overview-hero__actions .site-button,
  .services-overview-cta__actions .site-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .services-system-visual__ribbon,
  .services-system-visual__module,
  .services-route-motif__flow,
  .services-route-motif__signal,
  .services-route-motif__bar,
  .services-route-motif__data-point,
  .services-route-motif__oversight,
  .services-delivery-path::after {
    animation: none;
  }

  .services-route:hover,
  .services-overview-hero .site-button:hover,
  .services-overview-cta .site-button:hover,
  .services-overview-hero .cta-button:hover,
  .services-overview-cta .cta-button:hover {
    transform: none;
  }
}

/* AI Solutions page */
.ai-solutions-hero {
  padding-block: clamp(4rem, 8vw, 6rem);
  background: linear-gradient(180deg, var(--site-bg-soft) 0%, var(--site-surface-base) 100%);
  border-bottom: 1px solid var(--site-border-default);
}

.ai-solutions-hero__layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: center;
}

.ai-solutions-hero__content {
  max-width: 48rem;
}

.ai-solutions-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ai-solutions-hero__title {
  max-width: 12ch;
  margin: 0;
  color: var(--site-text-primary);
  font-size: clamp(2.25rem, 8vw, 2.5rem);
  font-weight: 800;
  line-height: 1;
}

.ai-solutions-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-lg);
  line-height: 1.65;
}

.ai-solutions-hero__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.ai-control-panel {
  padding: var(--site-space-6);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.ai-control-panel__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2) var(--site-space-4);
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: var(--site-space-4);
  border-bottom: 1px solid var(--site-border-default);
}

.ai-control-panel__header span {
  color: var(--site-text-muted);
  font-size: var(--site-text-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ai-control-panel__header strong {
  color: var(--site-color-primary);
  font-family: var(--site-font-heading);
  font-size: var(--site-text-lg);
  line-height: 1.2;
}

.ai-control-panel__list {
  display: grid;
  gap: var(--site-space-4);
  margin: var(--site-space-5) 0 0;
}

.ai-control-panel__list div {
  padding: var(--site-space-4);
  border-left: 3px solid var(--site-color-primary);
  background-color: var(--site-bg-soft);
}

.ai-control-panel__list dt {
  color: var(--site-text-primary);
  font-weight: 800;
}

.ai-control-panel__list dd {
  margin: var(--site-space-1) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.55;
}

.ai-solutions-section,
.ai-controls-section,
.ai-final-cta {
  padding-block: var(--site-section-padding-y);
}

.ai-solutions-section--white {
  background-color: var(--site-surface-base);
}

.ai-solutions-section--soft,
.ai-final-cta {
  background-color: var(--site-bg-soft);
}

.ai-section-heading {
  max-width: 46rem;
  margin-bottom: var(--site-space-10);
}

.ai-section-heading h2,
.ai-controls-copy h2,
.ai-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: var(--site-heading-md);
  font-weight: 800;
  line-height: 1.1;
}

.ai-section-heading p:not(.ai-solutions-eyebrow),
.ai-controls-copy p:not(.ai-solutions-eyebrow),
.ai-final-cta__panel p {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-lg);
  line-height: 1.6;
}

.ai-problem-list {
  display: grid;
  border-top: 1px solid var(--site-border-default);
}

.ai-problem-row {
  display: grid;
  gap: var(--site-space-4);
  padding: var(--site-space-6) 0;
  border-bottom: 1px solid var(--site-border-default);
}

.ai-problem-row__index {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-primary-soft);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.ai-problem-row h3,
.ai-capability-group h3,
.ai-delivery-step h3,
.ai-controls-list h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: var(--site-heading-sm);
  line-height: 1.2;
}

.ai-problem-row p,
.ai-capability-group p,
.ai-delivery-step p,
.ai-controls-list p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
}

.ai-capability-grid {
  display: grid;
  gap: var(--site-space-5);
}

.ai-capability-group {
  min-height: 100%;
  padding: var(--site-space-6);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.ai-capability-group:hover {
  border-color: var(--site-border-strong);
  box-shadow: var(--site-shadow-md);
  transform: translateY(-2px);
}

.ai-capability-group__label {
  display: inline-flex;
  margin-bottom: var(--site-space-4);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ai-capability-group ul {
  display: grid;
  gap: var(--site-space-2);
  margin: var(--site-space-5) 0 0;
  padding: 0;
  list-style: none;
}

.ai-capability-group li {
  position: relative;
  padding-left: var(--site-space-5);
  color: var(--site-text-secondary);
}

.ai-capability-group li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  background-color: var(--site-color-primary);
}

.ai-delivery-steps {
  display: grid;
  gap: var(--site-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-delivery-step {
  display: grid;
  gap: var(--site-space-3);
  padding: var(--site-space-5);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.ai-delivery-step span {
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.ai-delivery-step p {
  font-size: var(--site-text-sm);
  line-height: 1.55;
}

.ai-controls-section {
  background-color: var(--site-surface-dark);
}

.ai-controls-layout {
  display: grid;
  gap: var(--site-space-8);
}

.ai-controls-copy h2,
.ai-controls-copy p,
.ai-controls-list h3,
.ai-controls-list p {
  color: var(--site-color-white);
}

.ai-controls-copy p:not(.ai-solutions-eyebrow),
.ai-controls-list p {
  color: #D1D5DB;
}

.ai-controls-list {
  display: grid;
  gap: var(--site-space-4);
}

.ai-controls-list div {
  padding: var(--site-space-5);
  border: 1px solid rgba(203, 213, 225, 0.28);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.04);
}

.ai-final-cta__panel {
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  border: 1px solid var(--site-border-default);
  box-shadow: var(--site-shadow-sm);
  text-align: center;
}

.ai-final-cta__panel p {
  max-width: 42rem;
  margin-inline: auto;
}

.ai-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@media (min-width: 640px) {
  .ai-solutions-hero__actions,
  .ai-final-cta__actions {
    flex-direction: row;
    align-items: center;
  }

  .ai-problem-row {
    grid-template-columns: 4rem minmax(0, 1fr);
  }

  .ai-delivery-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .ai-solutions-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 25rem);
  }

  .ai-solutions-hero__title {
    font-size: clamp(3rem, 5vw, 4.25rem);
  }

  .ai-capability-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ai-delivery-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .ai-controls-layout {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    align-items: start;
  }
}

@media (max-width: 639px) {
  .ai-solutions-hero__actions .site-button,
  .ai-final-cta__actions .site-button {
    width: 100%;
  }
}

/* AI Solutions visual enhancement pass */
.ai-solutions-page {
  --ai-ink: #061126;
  --ai-ink-strong: #081326;
  --ai-blue: #2563EB;
  --ai-blue-deep: #1D4ED8;
  --ai-violet: #6D28D9;
  --ai-violet-soft: #EDE9FE;
  --ai-cyan: #38BDF8;
  --ai-cyan-soft: #E0F2FE;
  --ai-line: rgba(99, 102, 241, 0.24);
  --ai-dark-line: rgba(147, 197, 253, 0.22);
}

.ai-solutions-page main {
  overflow: hidden;
  background-color: var(--site-bg-soft);
}

.ai-solutions-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 4.75rem 5.5rem;
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 76% 28%, rgba(56, 189, 248, 0.25), transparent 24rem),
    radial-gradient(circle at 84% 76%, rgba(109, 40, 217, 0.28), transparent 28rem),
    linear-gradient(128deg, rgba(37, 99, 235, 0.18) 0 18%, transparent 18.2% 100%),
    linear-gradient(304deg, rgba(124, 58, 237, 0.22) 0 27%, transparent 27.2% 100%),
    linear-gradient(135deg, #061126 0%, #0B1D46 52%, #1A1040 100%);
  border-bottom: 0;
}

.ai-solutions-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0 44%, rgba(56, 189, 248, 0.08) 44.2% 44.7%, transparent 45% 100%);
  background-size: 4rem 4rem, 4rem 4rem, 18rem 18rem;
  opacity: 0.48;
}

.ai-solutions-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -1px;
  left: -8%;
  z-index: -1;
  height: 6.5rem;
  background:
    linear-gradient(174deg, rgba(6, 17, 38, 0) 0 42%, var(--site-bg-soft) 42.4% 100%);
}

.ai-solutions-hero .site-container {
  position: relative;
  z-index: 1;
}

.ai-solutions-hero__layout {
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.ai-solutions-hero__layout > * {
  min-width: 0;
}

.ai-solutions-hero__content {
  max-width: 49rem;
}

.ai-solutions-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--ai-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.ai-solutions-hero .ai-solutions-eyebrow {
  color: #93C5FD;
}

.ai-solutions-hero__title {
  max-width: 13ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.65rem;
  font-weight: 800;
  line-height: 0.98;
}

.ai-solutions-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: #DBEAFE;
  font-size: 1.125rem;
  line-height: 1.7;
}

.ai-solutions-hero__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.ai-solutions-hero .site-button--primary {
  border-color: rgba(255, 255, 255, 0.12);
}

.ai-hero-workbench {
  position: relative;
  width: min(100%, 34rem);
  justify-self: center;
}

.ai-hero-workbench::before,
.ai-hero-workbench::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.ai-hero-workbench::before {
  inset: 14% 8% 6%;
  background: radial-gradient(ellipse at center, rgba(56, 189, 248, 0.2), transparent 68%);
  filter: blur(10px);
}

.ai-hero-workbench::after {
  right: 8%;
  bottom: 6%;
  width: 44%;
  height: 22%;
  background: rgba(124, 58, 237, 0.22);
  filter: blur(18px);
}

.ai-hero-workbench__surface {
  position: relative;
  min-height: 24rem;
  border: 1px solid rgba(147, 197, 253, 0.28);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 24% 20%, rgba(56, 189, 248, 0.2), transparent 12rem),
    linear-gradient(145deg, rgba(15, 23, 42, 0.88), rgba(30, 41, 59, 0.68));
  background-size: 2.75rem 2.75rem, 2.75rem 2.75rem, auto, auto;
  box-shadow: 0 28px 60px -34px rgba(15, 23, 42, 0.92);
  overflow: hidden;
}

.ai-hero-workbench__surface::before {
  content: "";
  position: absolute;
  inset: 1.25rem;
  border: 1px solid rgba(147, 197, 253, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.14), transparent 36%),
    linear-gradient(315deg, rgba(109, 40, 217, 0.16), transparent 42%);
}

.ai-hero-workbench__surface::after {
  content: "";
  position: absolute;
  top: 48%;
  left: 15%;
  width: 70%;
  height: 2px;
  background: linear-gradient(90deg, rgba(56, 189, 248, 0), rgba(56, 189, 248, 0.86), rgba(167, 139, 250, 0.72), rgba(56, 189, 248, 0));
}

.ai-hero-workbench__document,
.ai-hero-workbench__path,
.ai-hero-workbench__review {
  position: absolute;
  z-index: 1;
  border-radius: var(--site-radius-standard);
}

.ai-hero-workbench__document {
  display: grid;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid rgba(191, 219, 254, 0.28);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08));
}

.ai-hero-workbench__document span {
  display: block;
  height: 0.42rem;
  border-radius: 999px;
  background: rgba(219, 234, 254, 0.76);
}

.ai-hero-workbench__document span:nth-child(2) {
  width: 82%;
  background: rgba(147, 197, 253, 0.66);
}

.ai-hero-workbench__document span:nth-child(3) {
  width: 58%;
  background: rgba(56, 189, 248, 0.68);
}

.ai-hero-workbench__document--primary {
  top: 16%;
  left: 12%;
  width: 42%;
  min-height: 7.25rem;
}

.ai-hero-workbench__document--secondary {
  right: 12%;
  bottom: 17%;
  width: 34%;
  min-height: 5.7rem;
}

.ai-hero-workbench__path {
  right: 12%;
  top: 17%;
  display: grid;
  gap: 0.55rem;
  width: 42%;
}

.ai-hero-workbench__path span {
  display: flex;
  align-items: center;
  min-height: 2.35rem;
  padding: 0.52rem 0.75rem;
  border: 1px solid rgba(147, 197, 253, 0.24);
  border-radius: var(--site-radius-standard);
  background: rgba(15, 23, 42, 0.62);
  color: #DBEAFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.ai-hero-workbench__path span:nth-child(2n) {
  margin-left: 1.4rem;
  color: #EDE9FE;
  border-color: rgba(167, 139, 250, 0.3);
}

.ai-hero-workbench__review {
  left: 15%;
  bottom: 13%;
  width: 7.5rem;
  height: 7.5rem;
  border: 1px solid rgba(56, 189, 248, 0.36);
  background:
    radial-gradient(circle, rgba(56, 189, 248, 0.2), transparent 62%),
    rgba(15, 23, 42, 0.72);
}

.ai-hero-workbench__review span {
  position: absolute;
  inset: 1.55rem;
  border-radius: 50%;
  border: 2px solid rgba(191, 219, 254, 0.78);
}

.ai-hero-workbench__review span::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.85rem;
  width: 2.8rem;
  height: 1.55rem;
  border-right: 2px solid rgba(191, 219, 254, 0.78);
  border-bottom: 2px solid rgba(191, 219, 254, 0.78);
  border-radius: 0 0 999px 0;
}

.ai-solutions-section,
.ai-controls-section,
.ai-final-cta {
  position: relative;
  padding-block: 4.75rem;
}

.ai-solutions-section--problems {
  background:
    radial-gradient(circle at 8% 14%, rgba(37, 99, 235, 0.08), transparent 18rem),
    linear-gradient(180deg, var(--site-bg-soft), var(--site-surface-base));
}

.ai-section-heading {
  max-width: 48rem;
  margin-bottom: var(--site-space-10);
}

.ai-section-heading h2,
.ai-controls-copy h2,
.ai-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.12;
}

.ai-section-heading p:not(.ai-solutions-eyebrow),
.ai-controls-copy p:not(.ai-solutions-eyebrow),
.ai-final-cta__panel p {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: 1.075rem;
  line-height: 1.65;
}

.ai-problem-progression {
  position: relative;
  display: grid;
  border: 1px solid rgba(99, 102, 241, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.06), transparent 34%),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  overflow: hidden;
}

.ai-problem-progression::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.35rem;
  width: 2px;
  background: linear-gradient(180deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.76), rgba(109, 40, 217, 0.62), rgba(37, 99, 235, 0));
}

.ai-problem-row {
  position: relative;
  display: grid;
  grid-template-columns: 3.6rem minmax(0, 1fr);
  gap: var(--site-space-4);
  align-items: start;
  padding: var(--site-space-6);
  border-bottom: 1px solid rgba(203, 213, 225, 0.78);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.74), rgba(248, 250, 252, 0.28));
}

.ai-problem-row:last-child {
  border-bottom: 0;
}

.ai-problem-row__index {
  position: relative;
  z-index: 1;
  width: 2.45rem;
  height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(37, 99, 235, 0.28);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(124, 58, 237, 0.12)),
    var(--site-surface-base);
  color: var(--ai-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  box-shadow: 0 0 0 0.35rem rgba(37, 99, 235, 0.08);
}

.ai-problem-row h3,
.ai-capability-module h3,
.ai-delivery-step h3,
.ai-controls-list h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.ai-problem-row p,
.ai-capability-module p,
.ai-delivery-step p,
.ai-controls-list p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.62;
}

.ai-solutions-section--capabilities {
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 12%, rgba(109, 40, 217, 0.12), transparent 22rem),
    linear-gradient(135deg, #F8FAFC 0%, #EEF2FF 48%, #F8FAFC 100%);
}

.ai-solutions-section--capabilities::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(99, 102, 241, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.06) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
  opacity: 0.5;
  pointer-events: none;
}

.ai-solutions-section--capabilities .site-container {
  position: relative;
  z-index: 1;
}

.ai-capability-map {
  display: grid;
  width: 100%;
  gap: clamp(var(--site-space-5), 2vw, var(--site-space-6));
  align-items: stretch;
}

.ai-capability-module {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: var(--site-space-6);
  border: 1px solid rgba(99, 102, 241, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92)),
    var(--site-surface-base);
  box-shadow: 0 18px 36px -30px rgba(15, 23, 42, 0.35);
  overflow: hidden;
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.ai-capability-module::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ai-blue), var(--ai-violet), var(--ai-cyan));
}

.ai-capability-module:hover {
  border-color: rgba(37, 99, 235, 0.34);
  box-shadow: 0 22px 46px -32px rgba(15, 23, 42, 0.42);
  transform: translateY(-2px);
}

.ai-capability-module--primary {
  color: var(--site-color-white);
  border-color: rgba(147, 197, 253, 0.22);
  background:
    radial-gradient(circle at 82% 20%, rgba(56, 189, 248, 0.22), transparent 12rem),
    linear-gradient(135deg, rgba(37, 99, 235, 0.22), rgba(109, 40, 217, 0.22)),
    linear-gradient(135deg, #081326, #11103A);
}

.ai-capability-module--accent {
  background:
    linear-gradient(135deg, rgba(237, 233, 254, 0.88), rgba(224, 242, 254, 0.82)),
    var(--site-surface-base);
}

.ai-capability-module__header {
  display: flex;
  gap: var(--site-space-4);
  align-items: flex-start;
  justify-content: space-between;
  min-height: 2.4rem;
  margin-bottom: var(--site-space-5);
}

.ai-capability-module__label {
  display: inline-flex;
  color: var(--ai-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0;
}

.ai-capability-module--primary .ai-capability-module__label {
  color: #93C5FD;
}

.ai-capability-module--primary h3 {
  color: var(--site-color-white);
}

.ai-capability-module--primary p,
.ai-capability-module--primary li {
  color: #DBEAFE;
}

.ai-capability-module ul {
  display: grid;
  gap: var(--site-space-2);
  margin: var(--site-space-5) 0 0;
  padding: 0;
  list-style: none;
}

.ai-capability-module li {
  position: relative;
  padding-left: var(--site-space-5);
  color: var(--site-text-secondary);
  line-height: 1.55;
}

.ai-capability-module li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-violet));
}

.ai-capability-module--primary li::before {
  background: var(--ai-cyan);
}

.ai-capability-module__motif {
  position: relative;
  flex: 0 0 auto;
  width: 3.2rem;
  height: 2.4rem;
}

.ai-capability-module__motif span {
  position: absolute;
  display: block;
  border-radius: var(--site-radius-standard);
  background: rgba(37, 99, 235, 0.16);
}

.ai-capability-module--primary .ai-capability-module__motif span {
  background: rgba(147, 197, 253, 0.28);
}

.ai-capability-module__motif--workflow span {
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 50%;
}

.ai-capability-module__motif--workflow span:nth-child(1) {
  top: 0.1rem;
  left: 0;
}

.ai-capability-module__motif--workflow span:nth-child(2) {
  top: 0.75rem;
  left: 1.2rem;
  background: rgba(167, 139, 250, 0.34);
}

.ai-capability-module__motif--workflow span:nth-child(3) {
  right: 0;
  bottom: 0.12rem;
  background: rgba(56, 189, 248, 0.36);
}

.ai-capability-module__motif--documents span:nth-child(1),
.ai-capability-module__motif--documents span:nth-child(2) {
  width: 1.75rem;
  height: 2.2rem;
  border: 1px solid rgba(37, 99, 235, 0.22);
  background:
    linear-gradient(rgba(37, 99, 235, 0.28), rgba(37, 99, 235, 0.28)) 0.38rem 0.58rem / 0.82rem 2px no-repeat,
    linear-gradient(rgba(109, 40, 217, 0.24), rgba(109, 40, 217, 0.24)) 0.38rem 0.95rem / 0.58rem 2px no-repeat,
    rgba(255, 255, 255, 0.72);
}

.ai-capability-module__motif--documents span:nth-child(2) {
  right: 0;
  top: 0.24rem;
}

.ai-capability-module__motif--tools span:nth-child(1) {
  inset: 0.3rem 0.2rem 0.55rem;
  border: 1px solid rgba(37, 99, 235, 0.24);
}

.ai-capability-module__motif--tools span:nth-child(2) {
  left: 0.85rem;
  right: 0.85rem;
  bottom: 0.12rem;
  height: 0.28rem;
  background: var(--ai-cyan);
}

.ai-capability-module__motif--messages span:nth-child(1),
.ai-capability-module__motif--messages span:nth-child(2) {
  width: 2.2rem;
  height: 1.08rem;
  border-radius: var(--site-radius-standard);
}

.ai-capability-module__motif--messages span:nth-child(1) {
  top: 0.25rem;
  left: 0.1rem;
}

.ai-capability-module__motif--messages span:nth-child(2) {
  right: 0.08rem;
  bottom: 0.25rem;
  background: rgba(109, 40, 217, 0.18);
}

.ai-capability-module__motif--reporting span {
  bottom: 0.15rem;
  width: 0.52rem;
  background: linear-gradient(180deg, var(--ai-cyan), var(--ai-blue));
}

.ai-capability-module__motif--reporting span:nth-child(1) {
  left: 0.55rem;
  height: 1.05rem;
}

.ai-capability-module__motif--reporting span:nth-child(2) {
  left: 1.35rem;
  height: 1.7rem;
  background: linear-gradient(180deg, var(--ai-violet), var(--ai-blue));
}

.ai-capability-module__motif--reporting span:nth-child(3) {
  left: 2.15rem;
  height: 2.15rem;
}

.ai-delivery-section {
  background:
    linear-gradient(180deg, var(--site-surface-base) 0%, #F8FAFC 100%);
}

.ai-delivery-path {
  position: relative;
  display: grid;
  gap: var(--site-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-delivery-path::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.35rem;
  width: 2px;
  background: linear-gradient(180deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.74), rgba(109, 40, 217, 0.68), rgba(37, 99, 235, 0));
}

.ai-delivery-step {
  position: relative;
  display: grid;
  gap: var(--site-space-3);
  min-width: 0;
  padding: var(--site-space-5) var(--site-space-5) var(--site-space-5) var(--site-space-12);
  border: 1px solid rgba(99, 102, 241, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.82), rgba(255, 255, 255, 0.96)),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.ai-delivery-step__index {
  position: absolute;
  top: var(--site-space-5);
  left: 0.55rem;
  width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-violet));
  color: var(--site-color-white);
  font-size: 0.72rem;
  font-weight: 800;
  box-shadow: 0 0 0 0.35rem rgba(37, 99, 235, 0.1);
}

.ai-delivery-step p {
  font-size: var(--site-text-sm);
  line-height: 1.6;
}

.ai-controls-section {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 18%, rgba(56, 189, 248, 0.18), transparent 22rem),
    radial-gradient(circle at 88% 72%, rgba(109, 40, 217, 0.22), transparent 26rem),
    linear-gradient(135deg, #081326 0%, #111827 52%, #160D35 100%);
}

.ai-controls-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.07) 1px, transparent 1px);
  background-size: 3.75rem 3.75rem;
  opacity: 0.45;
}

.ai-controls-layout {
  display: grid;
  gap: var(--site-space-10);
  align-items: start;
}

.ai-controls-copy {
  max-width: 45rem;
}

.ai-controls-copy h2,
.ai-controls-list h3 {
  color: var(--site-color-white);
}

.ai-controls-copy p:not(.ai-solutions-eyebrow),
.ai-controls-list p {
  color: #D1D5DB;
}

.ai-controls-stack {
  display: grid;
  gap: var(--site-space-5);
  min-width: 0;
}

.ai-review-flow-card {
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(109, 40, 217, 0.1)),
    rgba(255, 255, 255, 0.06);
  box-shadow: 0 24px 54px -36px rgba(0, 0, 0, 0.85);
}

.ai-review-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--site-space-3);
  align-items: center;
}

.ai-review-flow__node {
  min-width: 0;
  padding: var(--site-space-4);
  border: 1px solid rgba(147, 197, 253, 0.22);
  border-radius: var(--site-radius-standard);
  background: rgba(15, 23, 42, 0.7);
}

.ai-review-flow__node--review {
  border-color: rgba(56, 189, 248, 0.48);
  background:
    radial-gradient(circle at 88% 18%, rgba(56, 189, 248, 0.16), transparent 5rem),
    rgba(15, 23, 42, 0.76);
}

.ai-review-flow__node span {
  display: block;
  color: #93C5FD;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0;
}

.ai-review-flow__node strong {
  display: block;
  margin-top: var(--site-space-2);
  color: var(--site-color-white);
  font-size: var(--site-text-sm);
  line-height: 1.4;
}

.ai-review-flow__connector {
  position: relative;
  justify-self: start;
  width: 2px;
  height: 1.8rem;
  margin-left: 1.3rem;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.28), rgba(167, 139, 250, 0.72));
}

.ai-review-flow__signal {
  --ai-signal-x: 0;
  --ai-signal-y: 1.45rem;
  position: absolute;
  top: 0;
  left: -0.25rem;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: var(--ai-cyan);
  box-shadow: 0 0 0 0.24rem rgba(56, 189, 248, 0.18), 0 0 16px rgba(56, 189, 248, 0.7);
  animation: ai-review-signal-travel 5.8s linear infinite;
}

.ai-review-flow__signal--delay {
  animation-delay: 2.9s;
}

.ai-controls-list {
  display: grid;
  gap: var(--site-space-3);
}

.ai-controls-list div {
  position: relative;
  padding: var(--site-space-5);
  border: 1px solid rgba(203, 213, 225, 0.22);
  border-radius: var(--site-radius-standard);
  background: rgba(255, 255, 255, 0.055);
}

.ai-controls-list div::before {
  content: "";
  position: absolute;
  top: var(--site-space-5);
  left: 0;
  width: 3px;
  height: 2rem;
  background: linear-gradient(180deg, var(--ai-cyan), var(--ai-violet));
}

.ai-final-cta {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(56, 189, 248, 0.12), transparent 20rem),
    linear-gradient(180deg, #F8FAFC 0%, #EEF2FF 100%);
}

.ai-final-cta::before {
  content: "";
  position: absolute;
  inset: auto -8% -5rem -8%;
  height: 11rem;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.12), rgba(109, 40, 217, 0.16), rgba(56, 189, 248, 0.1));
  transform: skewY(-3deg);
}

.ai-final-cta__panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--site-space-10);
  border: 1px solid rgba(147, 197, 253, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    radial-gradient(circle at 84% 22%, rgba(56, 189, 248, 0.18), transparent 14rem),
    linear-gradient(135deg, #081326 0%, #111827 55%, #1A1040 100%);
  box-shadow: 0 24px 54px -36px rgba(15, 23, 42, 0.75);
  text-align: center;
}

.ai-final-cta__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.06) 1px, transparent 1px);
  background-size: 3.2rem 3.2rem;
}

.ai-final-cta__panel h2 {
  color: var(--site-color-white);
}

.ai-final-cta__panel p {
  max-width: 42rem;
  margin-inline: auto;
  color: #DBEAFE;
}

.ai-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@keyframes ai-review-signal-travel {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.78);
  }

  12% {
    opacity: 1;
  }

  76% {
    opacity: 1;
    transform: translate(var(--ai-signal-x), var(--ai-signal-y)) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(var(--ai-signal-x), var(--ai-signal-y)) scale(0.82);
  }
}

@media (min-width: 640px) {
  .ai-solutions-hero__actions,
  .ai-final-cta__actions {
    flex-direction: row;
    align-items: center;
  }

  .ai-problem-row {
    grid-template-columns: 4.25rem minmax(0, 1fr);
    padding: var(--site-space-6) var(--site-space-8);
  }

  .ai-problem-progression::before {
    left: 2.98rem;
  }

  .ai-controls-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-controls-list div:last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 768px) {
  .ai-capability-map {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
  }

  .ai-capability-module {
    grid-column: span 2;
    min-height: 20rem;
  }

  .ai-capability-module h3 {
    min-height: calc(2 * 1.22em);
  }

  .ai-capability-module:nth-child(5) {
    grid-column: 2 / span 2;
  }
}

@media (min-width: 900px) {
  .ai-solutions-hero {
    padding-block: 6rem 6.75rem;
  }

  .ai-solutions-hero__layout {
    grid-template-columns: minmax(0, 0.95fr) minmax(24rem, 0.85fr);
  }

  .ai-solutions-hero__title {
    font-size: 4rem;
  }

  .ai-section-heading h2,
  .ai-controls-copy h2,
  .ai-final-cta__panel h2 {
    font-size: 2.4rem;
  }

  .ai-delivery-path {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--site-space-4);
  }

  .ai-delivery-path::before {
    top: 1.45rem;
    bottom: auto;
    left: 1.5rem;
    right: 1.5rem;
    width: auto;
    height: 2px;
    background: linear-gradient(90deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.74), rgba(109, 40, 217, 0.68), rgba(37, 99, 235, 0));
  }

  .ai-delivery-step {
    padding: var(--site-space-10) var(--site-space-5) var(--site-space-5);
  }

  .ai-delivery-step__index {
    top: 0.55rem;
    left: var(--site-space-5);
  }

  .ai-controls-layout {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  }
}

@media (min-width: 1200px) {
  .ai-capability-map {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ai-capability-module {
    min-height: 21.5rem;
  }

  .ai-capability-module:nth-child(4) {
    grid-column: 2 / span 2;
  }

  .ai-capability-module:nth-child(5) {
    grid-column: 4 / span 2;
  }
}

@media (min-width: 1080px) {
  .ai-review-flow {
    grid-template-columns: minmax(0, 1fr) 2.75rem minmax(0, 1fr) 2.75rem minmax(0, 1fr) 2.75rem minmax(0, 1fr);
  }

  .ai-review-flow__connector {
    justify-self: stretch;
    align-self: center;
    width: 100%;
    height: 2px;
    margin-left: 0;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.28), rgba(167, 139, 250, 0.72));
  }

  .ai-review-flow__signal {
    --ai-signal-x: 2.2rem;
    --ai-signal-y: 0;
    top: -0.25rem;
    left: 0;
  }
}

@media (max-width: 639px) {
  .ai-solutions-hero {
    padding-block: 3.25rem 3.75rem;
  }

  .ai-solutions-hero__layout {
    gap: var(--site-space-6);
  }

  .ai-solutions-hero__title {
    font-size: 2.25rem;
  }

  .ai-solutions-hero__summary,
  .ai-section-heading p:not(.ai-solutions-eyebrow),
  .ai-controls-copy p:not(.ai-solutions-eyebrow),
  .ai-final-cta__panel p {
    font-size: 1rem;
  }

  .ai-capability-map {
    gap: var(--site-space-4);
  }

  .ai-capability-module {
    padding: var(--site-space-5);
  }

  .ai-hero-workbench__surface {
    min-height: 15rem;
  }

  .ai-hero-workbench__document {
    gap: 0.35rem;
    padding: 0.75rem;
  }

  .ai-hero-workbench__document--primary {
    top: 13%;
    left: 8%;
    width: 46%;
    min-height: 5.3rem;
  }

  .ai-hero-workbench__document--secondary {
    right: 8%;
    bottom: 13%;
    width: 34%;
    min-height: 4.4rem;
  }

  .ai-hero-workbench__path {
    top: 13%;
    right: 8%;
    width: 49%;
    gap: 0.35rem;
  }

  .ai-hero-workbench__path span {
    min-height: 1.75rem;
    padding: 0.36rem 0.5rem;
    font-size: 0.76rem;
  }

  .ai-hero-workbench__path span:nth-child(2n) {
    margin-left: 0.8rem;
  }

  .ai-hero-workbench__review {
    left: 10%;
    bottom: 10%;
    width: 4.8rem;
    height: 4.8rem;
  }

  .ai-hero-workbench__review span {
    inset: 1rem;
  }

  .ai-hero-workbench__review span::before {
    bottom: -1.25rem;
    width: 2rem;
    height: 1rem;
  }

  .ai-problem-row,
  .ai-capability-module,
  .ai-review-flow-card,
  .ai-controls-list div,
  .ai-final-cta__panel {
    padding: var(--site-space-5);
  }

  .ai-problem-row {
    grid-template-columns: 3.25rem minmax(0, 1fr);
  }

  .ai-delivery-step {
    padding-right: var(--site-space-4);
  }

  .ai-solutions-hero__actions .site-button,
  .ai-final-cta__actions .site-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-review-flow__signal {
    animation: none;
    opacity: 0.9;
    transform: translate(0, 0);
  }

  .ai-capability-module:hover,
  .ai-solutions-page .site-button:hover,
  .ai-solutions-page .cta-button:hover {
    transform: none;
  }
}

/* BI Solutions visual enhancement pass */
.bi-solutions-page {
  --bi-ink: #0B1220;
  --bi-ink-soft: #111827;
  --bi-slate: #1F2937;
  --bi-amber: #D97706;
  --bi-orange: #EA580C;
  --bi-gold: #F59E0B;
  --bi-warm-soft: #FFF7ED;
  --bi-line: rgba(217, 119, 6, 0.26);
  --bi-dark-line: rgba(251, 191, 36, 0.28);
}

.bi-solutions-page main {
  overflow-x: clip;
  background-color: var(--site-bg-soft);
}

.bi-solutions-page .scroll-reveal {
  opacity: 1;
  transform: none;
}

.bi-solutions-page.bi-reveal-enabled .scroll-reveal {
  opacity: 0;
  transform: translateY(16px);
}

.bi-solutions-page.bi-reveal-enabled .scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.bi-solutions-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 4.75rem 5.5rem;
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 78% 24%, rgba(245, 158, 11, 0.22), transparent 23rem),
    radial-gradient(circle at 94% 82%, rgba(234, 88, 12, 0.2), transparent 25rem),
    linear-gradient(122deg, rgba(217, 119, 6, 0.16) 0 17%, transparent 17.2% 100%),
    linear-gradient(304deg, rgba(245, 158, 11, 0.16) 0 26%, transparent 26.2% 100%),
    linear-gradient(135deg, #0B1220 0%, #111827 54%, #172033 100%);
  border-bottom: 0;
}

.bi-solutions-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(251, 191, 36, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251, 191, 36, 0.07) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0 42%, rgba(245, 158, 11, 0.11) 42.2% 42.7%, transparent 43% 100%);
  background-size: 4rem 4rem, 4rem 4rem, 18rem 18rem;
  opacity: 0.5;
}

.bi-solutions-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -1px;
  left: -8%;
  z-index: -1;
  height: 6.5rem;
  background: linear-gradient(174deg, rgba(11, 18, 32, 0) 0 42%, var(--site-bg-soft) 42.4% 100%);
}

.bi-solutions-hero .site-container {
  position: relative;
  z-index: 1;
}

.bi-solutions-hero__layout {
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.bi-solutions-hero__layout > * {
  min-width: 0;
}

.bi-solutions-hero__content,
.bi-flow-copy {
  max-width: 49rem;
}

.bi-solutions-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--bi-amber);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.bi-solutions-hero .bi-solutions-eyebrow,
.bi-controls-section .bi-solutions-eyebrow,
.bi-final-cta .bi-solutions-eyebrow {
  color: #FCD34D;
}

.bi-solutions-hero__title {
  max-width: 13ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.65rem;
  font-weight: 800;
  line-height: 0.98;
}

.bi-solutions-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: #E5E7EB;
  font-size: 1.125rem;
  line-height: 1.7;
}

.bi-solutions-hero__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.bi-solutions-hero .site-button--primary {
  border-color: rgba(255, 255, 255, 0.14);
}

.bi-hero-visual {
  position: relative;
  width: min(100%, 34rem);
  justify-self: center;
}

.bi-hero-visual::before,
.bi-hero-visual::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.bi-hero-visual::before {
  inset: 12% 4% 6%;
  background: radial-gradient(ellipse at center, rgba(245, 158, 11, 0.18), transparent 68%);
  filter: blur(10px);
}

.bi-hero-visual::after {
  right: 8%;
  bottom: 7%;
  width: 44%;
  height: 22%;
  background: rgba(234, 88, 12, 0.16);
  filter: blur(18px);
}

.bi-hero-visual__surface {
  position: relative;
  min-height: 25rem;
  border: 1px solid rgba(251, 191, 36, 0.26);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(rgba(251, 191, 36, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251, 191, 36, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 24% 22%, rgba(245, 158, 11, 0.2), transparent 12rem),
    linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(31, 41, 55, 0.78));
  background-size: 2.75rem 2.75rem, 2.75rem 2.75rem, auto, auto;
  box-shadow: 0 28px 60px -34px rgba(0, 0, 0, 0.9);
  overflow: hidden;
}

.bi-hero-visual__surface::before {
  content: "";
  position: absolute;
  inset: 1.25rem;
  border: 1px solid rgba(251, 191, 36, 0.16);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.13), transparent 36%),
    linear-gradient(315deg, rgba(245, 158, 11, 0.13), transparent 42%);
}

.bi-hero-visual__surface::after {
  content: "";
  position: absolute;
  top: 49%;
  left: 12%;
  width: 74%;
  height: 2px;
  background: linear-gradient(90deg, rgba(245, 158, 11, 0), rgba(245, 158, 11, 0.8), rgba(234, 88, 12, 0.72), rgba(245, 158, 11, 0));
}

.bi-hero-visual__sources,
.bi-hero-visual__model,
.bi-hero-visual__report,
.bi-hero-visual__decision {
  position: absolute;
  z-index: 1;
  border-radius: var(--site-radius-standard);
}

.bi-hero-visual__sources {
  top: 15%;
  left: 10%;
  display: grid;
  gap: 0.52rem;
  width: 36%;
}

.bi-hero-visual__sources span,
.bi-hero-visual__model,
.bi-hero-visual__report,
.bi-hero-visual__decision {
  border: 1px solid rgba(251, 191, 36, 0.22);
  background: rgba(15, 23, 42, 0.72);
}

.bi-hero-visual__sources span {
  display: block;
  min-height: 2rem;
  padding: 0.42rem 0.62rem;
  color: #FDE68A;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
}

.bi-hero-visual__sources span:nth-child(2n) {
  margin-left: 1.2rem;
  color: #FED7AA;
  border-color: rgba(251, 146, 60, 0.26);
}

.bi-hero-visual__model {
  left: 23%;
  bottom: 14%;
  display: grid;
  gap: 0.45rem;
  width: 34%;
  padding: 1rem;
}

.bi-hero-visual__model-label,
.bi-hero-visual__report-title,
.bi-hero-visual__decision span {
  color: #FCD34D;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0;
}

.bi-hero-visual__rule {
  display: block;
  height: 0.42rem;
  border-radius: 999px;
  background: rgba(254, 243, 199, 0.7);
}

.bi-hero-visual__rule--short {
  width: 58%;
  background: rgba(251, 191, 36, 0.62);
}

.bi-hero-visual__rule--mid {
  width: 78%;
  background: rgba(251, 146, 60, 0.64);
}

.bi-hero-visual__report {
  top: 14%;
  right: 10%;
  width: 37%;
  min-height: 10rem;
  padding: 1rem;
}

.bi-hero-visual__bar {
  position: absolute;
  bottom: 1.25rem;
  width: 0.72rem;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg, #FCD34D, #EA580C);
}

.bi-hero-visual__bar--one {
  left: 1.2rem;
  height: 3.2rem;
}

.bi-hero-visual__bar--two {
  left: 2.35rem;
  height: 5rem;
}

.bi-hero-visual__bar--three {
  left: 3.5rem;
  height: 4.1rem;
}

.bi-hero-visual__line {
  position: absolute;
  right: 1.1rem;
  bottom: 3.1rem;
  left: 5.1rem;
  height: 2px;
  background: linear-gradient(90deg, rgba(252, 211, 77, 0.9), rgba(251, 146, 60, 0.7));
  transform: rotate(-10deg);
  transform-origin: left center;
}

.bi-hero-visual__decision {
  right: 11%;
  bottom: 13%;
  width: 9rem;
  padding: 1rem;
  background:
    radial-gradient(circle at 88% 18%, rgba(245, 158, 11, 0.18), transparent 5rem),
    rgba(15, 23, 42, 0.76);
}

.bi-hero-visual__decision strong {
  display: block;
  margin-top: var(--site-space-2);
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: var(--site-text-sm);
  line-height: 1.35;
}

.bi-solutions-section,
.bi-controls-section,
.bi-flow-section,
.bi-final-cta {
  position: relative;
  padding-block: 4.75rem;
}

.bi-solutions-section--problems {
  background:
    radial-gradient(circle at 8% 12%, rgba(217, 119, 6, 0.08), transparent 18rem),
    linear-gradient(180deg, var(--site-bg-soft), var(--site-surface-base));
}

.bi-section-heading {
  max-width: 48rem;
  margin-bottom: var(--site-space-10);
}

.bi-section-heading h2,
.bi-controls-copy h2,
.bi-flow-copy h2,
.bi-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.12;
}

.bi-section-heading p:not(.bi-solutions-eyebrow),
.bi-controls-copy p:not(.bi-solutions-eyebrow),
.bi-flow-copy p:not(.bi-solutions-eyebrow),
.bi-final-cta__panel p {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: 1.075rem;
  line-height: 1.65;
}

.bi-problem-contrast {
  display: grid;
  gap: var(--site-space-5);
}

.bi-problem-contrast__panel {
  position: relative;
  min-width: 0;
  border-radius: var(--site-radius-standard);
  box-shadow: 0 20px 44px -34px rgba(15, 23, 42, 0.42);
  overflow: hidden;
}

.bi-problem-contrast__panel--current {
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 0 0, rgba(245, 158, 11, 0.16), transparent 13rem),
    linear-gradient(135deg, #111827, #1F2937);
}

.bi-problem-contrast__panel--improved {
  border: 1px solid rgba(217, 119, 6, 0.18);
  background:
    linear-gradient(90deg, rgba(217, 119, 6, 0.07), transparent 42%),
    var(--site-surface-base);
}

.bi-problem-contrast__header {
  padding: var(--site-space-6) var(--site-space-6) var(--site-space-5);
}

.bi-problem-contrast__header span {
  display: inline-flex;
  color: var(--bi-amber);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.bi-problem-contrast__panel--current .bi-problem-contrast__header span {
  color: #FCD34D;
}

.bi-problem-contrast__header strong {
  display: block;
  max-width: 32rem;
  margin-top: var(--site-space-3);
  color: var(--site-text-primary);
  font-family: var(--site-font-heading);
  font-size: 1.35rem;
  line-height: 1.22;
}

.bi-problem-contrast__panel--current .bi-problem-contrast__header strong {
  color: var(--site-color-white);
}

.bi-problem-list {
  display: grid;
}

.bi-problem-row {
  position: relative;
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--site-space-4);
  align-items: start;
  padding: var(--site-space-5) var(--site-space-6);
  border-top: 1px solid rgba(203, 213, 225, 0.56);
}

.bi-problem-contrast__panel--current .bi-problem-row {
  border-top-color: rgba(251, 191, 36, 0.18);
  background: linear-gradient(90deg, rgba(251, 191, 36, 0.05), transparent 68%);
}

.bi-problem-row__index {
  position: relative;
  z-index: 1;
  width: 2.45rem;
  height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(217, 119, 6, 0.28);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.14), rgba(245, 158, 11, 0.12)),
    var(--site-surface-base);
  color: var(--bi-amber);
  font-size: var(--site-text-sm);
  font-weight: 800;
  box-shadow: 0 0 0 0.35rem rgba(217, 119, 6, 0.08);
}

.bi-problem-contrast__panel--current .bi-problem-row__index {
  border-color: rgba(252, 211, 77, 0.38);
  background: rgba(15, 23, 42, 0.8);
  color: #FCD34D;
  box-shadow: 0 0 0 0.35rem rgba(245, 158, 11, 0.1);
}

.bi-problem-row h3,
.bi-capability-module h3,
.bi-delivery-step h3,
.bi-quality-checks h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.bi-problem-row p,
.bi-capability-module p,
.bi-delivery-step p,
.bi-quality-checks p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.62;
}

.bi-problem-contrast__panel--current .bi-problem-row h3 {
  color: var(--site-color-white);
}

.bi-problem-contrast__panel--current .bi-problem-row p {
  color: #D1D5DB;
}

.bi-solutions-section--capabilities {
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 12%, rgba(234, 88, 12, 0.1), transparent 21rem),
    linear-gradient(135deg, #F8FAFC 0%, #FFF7ED 48%, #F8FAFC 100%);
}

.bi-solutions-section--capabilities::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(217, 119, 6, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217, 119, 6, 0.06) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
  opacity: 0.42;
  pointer-events: none;
}

.bi-solutions-section--capabilities .site-container {
  position: relative;
  z-index: 1;
}

.bi-capability-map {
  display: grid;
  width: 100%;
  gap: clamp(var(--site-space-5), 2vw, var(--site-space-6));
  align-items: stretch;
}

.bi-capability-module {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: var(--site-space-6);
  border: 1px solid rgba(217, 119, 6, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92)),
    var(--site-surface-base);
  box-shadow: 0 18px 36px -30px rgba(15, 23, 42, 0.35);
  overflow: hidden;
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.bi-capability-module::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--bi-amber), var(--bi-orange), var(--bi-gold));
}

.bi-capability-module:hover {
  border-color: rgba(217, 119, 6, 0.34);
  box-shadow: 0 22px 46px -32px rgba(15, 23, 42, 0.42);
  transform: translateY(-2px);
}

.bi-capability-module--primary {
  color: var(--site-color-white);
  border-color: rgba(252, 211, 77, 0.22);
  background:
    radial-gradient(circle at 82% 20%, rgba(245, 158, 11, 0.2), transparent 12rem),
    linear-gradient(135deg, rgba(217, 119, 6, 0.2), rgba(234, 88, 12, 0.14)),
    linear-gradient(135deg, #0B1220, #172033);
}

.bi-capability-module--accent {
  background:
    radial-gradient(circle at 82% 18%, rgba(245, 158, 11, 0.16), transparent 10rem),
    linear-gradient(135deg, rgba(255, 247, 237, 0.92), rgba(241, 245, 249, 0.92)),
    var(--site-surface-base);
}

.bi-capability-module__header {
  display: flex;
  gap: var(--site-space-4);
  align-items: flex-start;
  justify-content: space-between;
  min-height: 2.4rem;
  margin-bottom: var(--site-space-5);
}

.bi-capability-module__label {
  display: inline-flex;
  margin-bottom: var(--site-space-4);
  color: var(--bi-amber);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0;
}

.bi-capability-module__header .bi-capability-module__label {
  margin-bottom: 0;
}

.bi-capability-module--primary .bi-capability-module__label {
  color: #FCD34D;
}

.bi-capability-module--primary h3 {
  color: var(--site-color-white);
}

.bi-capability-module--primary p,
.bi-capability-module--primary li {
  color: #E5E7EB;
}

.bi-capability-module ul {
  display: grid;
  gap: var(--site-space-2);
  margin: var(--site-space-5) 0 0;
  padding: 0;
  list-style: none;
}

.bi-capability-module li {
  position: relative;
  padding-left: var(--site-space-5);
  color: var(--site-text-secondary);
  line-height: 1.55;
}

.bi-capability-module li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--bi-amber), var(--bi-orange));
}

.bi-capability-module--primary li::before {
  background: #FCD34D;
}

.bi-capability-module__motif {
  position: relative;
  flex: 0 0 auto;
  width: 3.2rem;
  height: 2.4rem;
}

.bi-capability-module__motif span {
  position: absolute;
  display: block;
  border-radius: var(--site-radius-standard);
  background: rgba(217, 119, 6, 0.16);
}

.bi-capability-module--primary .bi-capability-module__motif span {
  background: rgba(252, 211, 77, 0.28);
}

.bi-capability-module__motif--reporting span {
  bottom: 0.15rem;
  width: 0.52rem;
  background: linear-gradient(180deg, #FCD34D, #EA580C);
}

.bi-capability-module__motif--reporting span:nth-child(1) {
  left: 0.55rem;
  height: 1.05rem;
}

.bi-capability-module__motif--reporting span:nth-child(2) {
  left: 1.35rem;
  height: 1.7rem;
}

.bi-capability-module__motif--reporting span:nth-child(3) {
  left: 2.15rem;
  height: 2.15rem;
}

.bi-capability-module__motif--model span {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
}

.bi-capability-module__motif--model span:nth-child(1) {
  top: 0.12rem;
  left: 0.12rem;
}

.bi-capability-module__motif--model span:nth-child(2) {
  top: 0.82rem;
  left: 1.25rem;
  background: rgba(245, 158, 11, 0.24);
}

.bi-capability-module__motif--model span:nth-child(3) {
  right: 0.1rem;
  bottom: 0.18rem;
  background: rgba(234, 88, 12, 0.22);
}

.bi-capability-module__motif--measure span {
  left: 0.15rem;
  right: 0.15rem;
  height: 0.42rem;
}

.bi-capability-module__motif--measure span:nth-child(1) {
  top: 0.28rem;
}

.bi-capability-module__motif--measure span:nth-child(2) {
  top: 1rem;
  right: 0.8rem;
  background: rgba(245, 158, 11, 0.22);
}

.bi-capability-module__motif--measure span:nth-child(3) {
  top: 1.72rem;
  right: 1.5rem;
  background: rgba(234, 88, 12, 0.2);
}

.bi-flow-section {
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(217, 119, 6, 0.08), transparent 18rem),
    linear-gradient(180deg, var(--site-surface-base) 0%, #F8FAFC 100%);
}

.bi-flow-layout,
.bi-controls-layout {
  display: grid;
  gap: var(--site-space-10);
  align-items: start;
}

.bi-flow-card {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(251, 191, 36, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    radial-gradient(circle at 12% 12%, rgba(245, 158, 11, 0.18), transparent 12rem),
    linear-gradient(135deg, #0B1220, #172033);
  box-shadow: 0 24px 54px -36px rgba(15, 23, 42, 0.75);
  overflow: hidden;
}

.bi-flow-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(251, 191, 36, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251, 191, 36, 0.06) 1px, transparent 1px);
  background-size: 3rem 3rem;
  opacity: 0.56;
  pointer-events: none;
}

.bi-flow-signal {
  position: absolute;
  top: 1.65rem;
  left: 1.65rem;
  z-index: 2;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: #FCD34D;
  box-shadow: 0 0 0 0.24rem rgba(245, 158, 11, 0.18), 0 0 16px rgba(245, 158, 11, 0.7);
  animation: bi-flow-signal-vertical 7.2s linear infinite;
}

.bi-flow-visual {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.bi-flow-step {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(251, 191, 36, 0.22);
  border-radius: var(--site-radius-standard);
  background: rgba(15, 23, 42, 0.72);
}

.bi-flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 1.25rem;
  width: 2px;
  height: var(--site-space-4);
  background: linear-gradient(180deg, rgba(252, 211, 77, 0.28), rgba(251, 146, 60, 0.74));
}

.bi-flow-step span {
  display: inline-flex;
  margin-bottom: var(--site-space-4);
  color: #FCD34D;
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.bi-flow-step strong {
  display: block;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: var(--site-text-base);
  line-height: 1.25;
}

.bi-flow-step p {
  margin: var(--site-space-3) 0 0;
  color: #D1D5DB;
  font-size: var(--site-text-sm);
  line-height: 1.55;
}

.bi-controls-section {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(245, 158, 11, 0.18), transparent 22rem),
    radial-gradient(circle at 88% 76%, rgba(234, 88, 12, 0.18), transparent 26rem),
    linear-gradient(135deg, #0B1220 0%, #111827 54%, #1F2937 100%);
}

.bi-controls-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(251, 191, 36, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251, 191, 36, 0.07) 1px, transparent 1px);
  background-size: 3.75rem 3.75rem;
  opacity: 0.4;
}

.bi-controls-copy {
  max-width: 45rem;
}

.bi-controls-copy h2,
.bi-quality-checks h3,
.bi-quality-system__core strong {
  color: var(--site-color-white);
}

.bi-controls-copy p:not(.bi-solutions-eyebrow),
.bi-quality-checks p {
  color: #D1D5DB;
}

.bi-quality-system {
  display: grid;
  gap: var(--site-space-5);
  min-width: 0;
}

.bi-quality-system__core {
  position: relative;
  padding: var(--site-space-6);
  border: 1px solid rgba(251, 191, 36, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.14), rgba(245, 158, 11, 0.08)),
    rgba(255, 255, 255, 0.06);
}

.bi-quality-system__core::before {
  content: "";
  position: absolute;
  top: var(--site-space-5);
  left: 0;
  width: 3px;
  height: 2.5rem;
  background: linear-gradient(180deg, #FCD34D, #EA580C);
}

.bi-quality-system__core span {
  display: block;
  color: #FCD34D;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.bi-quality-system__core strong {
  display: block;
  max-width: 34rem;
  margin-top: var(--site-space-3);
  font-family: var(--site-font-heading);
  font-size: 1.35rem;
  line-height: 1.25;
}

.bi-quality-checks {
  display: grid;
  gap: var(--site-space-3);
}

.bi-quality-checks div {
  position: relative;
  padding: var(--site-space-5);
  border: 1px solid rgba(203, 213, 225, 0.22);
  border-radius: var(--site-radius-standard);
  background: rgba(255, 255, 255, 0.055);
}

.bi-quality-checks div::before {
  content: "";
  position: absolute;
  top: var(--site-space-5);
  left: 0;
  width: 3px;
  height: 2rem;
  background: linear-gradient(180deg, #FCD34D, #EA580C);
}

.bi-solutions-section--delivery {
  background:
    linear-gradient(180deg, var(--site-surface-base) 0%, #F8FAFC 100%);
}

.bi-delivery-path {
  position: relative;
  display: grid;
  gap: var(--site-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.bi-delivery-path::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.35rem;
  width: 2px;
  background: linear-gradient(180deg, rgba(217, 119, 6, 0), rgba(217, 119, 6, 0.72), rgba(234, 88, 12, 0.66), rgba(217, 119, 6, 0));
}

.bi-delivery-step {
  position: relative;
  display: grid;
  gap: var(--site-space-3);
  min-width: 0;
  padding: var(--site-space-5) var(--site-space-5) var(--site-space-5) var(--site-space-12);
  border: 1px solid rgba(217, 119, 6, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(255, 247, 237, 0.82), rgba(255, 255, 255, 0.96)),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.bi-delivery-step__index {
  position: absolute;
  top: var(--site-space-5);
  left: 0.55rem;
  width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--bi-amber), var(--bi-orange));
  color: var(--site-color-white);
  font-size: 0.72rem;
  font-weight: 800;
  box-shadow: 0 0 0 0.35rem rgba(217, 119, 6, 0.1);
}

.bi-delivery-step p {
  font-size: var(--site-text-sm);
  line-height: 1.6;
}

.bi-final-cta {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(217, 119, 6, 0.1), transparent 20rem),
    linear-gradient(180deg, #F8FAFC 0%, #FFF7ED 100%);
}

.bi-final-cta::before {
  content: "";
  position: absolute;
  inset: auto -8% -5rem -8%;
  height: 11rem;
  background: linear-gradient(90deg, rgba(217, 119, 6, 0.12), rgba(234, 88, 12, 0.12), rgba(245, 158, 11, 0.1));
  transform: skewY(-3deg);
}

.bi-final-cta__panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--site-space-10);
  border: 1px solid rgba(251, 191, 36, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    radial-gradient(circle at 84% 22%, rgba(245, 158, 11, 0.16), transparent 14rem),
    linear-gradient(135deg, #0B1220 0%, #111827 58%, #1F2937 100%);
  box-shadow: 0 24px 54px -36px rgba(15, 23, 42, 0.75);
  text-align: center;
}

.bi-final-cta__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(251, 191, 36, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251, 191, 36, 0.06) 1px, transparent 1px);
  background-size: 3.2rem 3.2rem;
}

.bi-final-cta__panel h2 {
  color: var(--site-color-white);
}

.bi-final-cta__panel p {
  max-width: 42rem;
  margin-inline: auto;
  color: #E5E7EB;
}

.bi-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@keyframes bi-flow-signal-vertical {
  0% {
    opacity: 0;
    top: 1.65rem;
  }

  12% {
    opacity: 1;
  }

  78% {
    opacity: 1;
    top: calc(100% - 2.25rem);
  }

  100% {
    opacity: 0;
    top: calc(100% - 2.25rem);
  }
}

@keyframes bi-flow-signal-horizontal {
  0% {
    left: 1.65rem;
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  78% {
    left: calc(100% - 2.25rem);
    opacity: 1;
  }

  100% {
    left: calc(100% - 2.25rem);
    opacity: 0;
  }
}

@media (min-width: 640px) {
  .bi-solutions-hero__actions,
  .bi-final-cta__actions {
    flex-direction: row;
    align-items: center;
  }

  .bi-quality-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 760px) {
  .bi-problem-contrast {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 700px) {
  .bi-capability-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
  }

  .bi-capability-module {
    min-height: 22.75rem;
  }

  .bi-capability-module h3 {
    min-height: calc(2 * 1.22em);
  }
}

@media (min-width: 900px) {
  .bi-solutions-hero {
    padding-block: 6rem 6.75rem;
  }

  .bi-solutions-hero__layout {
    grid-template-columns: minmax(0, 0.95fr) minmax(24rem, 0.85fr);
  }

  .bi-solutions-hero__title {
    font-size: 4rem;
  }

  .bi-section-heading h2,
  .bi-controls-copy h2,
  .bi-flow-copy h2,
  .bi-final-cta__panel h2 {
    font-size: 2.4rem;
  }

  .bi-controls-layout {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  }

  .bi-flow-visual {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .bi-flow-visual::before {
    content: "";
    position: absolute;
    top: 50%;
    right: var(--site-space-8);
    left: var(--site-space-8);
    height: 2px;
    background: linear-gradient(90deg, rgba(252, 211, 77, 0.2), rgba(251, 146, 60, 0.72), rgba(252, 211, 77, 0.2));
  }

  .bi-flow-step {
    z-index: 1;
  }

  .bi-flow-signal {
    top: 50%;
    left: 1.65rem;
    animation-name: bi-flow-signal-horizontal;
  }

  .bi-flow-step:not(:last-child)::after {
    display: none;
  }

  .bi-delivery-path {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--site-space-4);
  }

  .bi-delivery-path::before {
    top: 1.45rem;
    bottom: auto;
    left: 1.5rem;
    right: 1.5rem;
    width: auto;
    height: 2px;
    background: linear-gradient(90deg, rgba(217, 119, 6, 0), rgba(217, 119, 6, 0.72), rgba(234, 88, 12, 0.66), rgba(217, 119, 6, 0));
  }

  .bi-delivery-step {
    padding: var(--site-space-10) var(--site-space-5) var(--site-space-5);
  }

  .bi-delivery-step__index {
    top: 0.55rem;
    left: var(--site-space-5);
  }
}

@media (min-width: 1100px) {
  .bi-capability-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bi-capability-module {
    min-height: 22.75rem;
  }
}

@media (max-width: 639px) {
  .bi-solutions-hero {
    padding-block: 3.25rem 3.75rem;
  }

  .bi-solutions-hero__layout {
    gap: var(--site-space-6);
  }

  .bi-solutions-hero__title {
    font-size: 2.25rem;
  }

  .bi-solutions-hero__summary,
  .bi-section-heading p:not(.bi-solutions-eyebrow),
  .bi-controls-copy p:not(.bi-solutions-eyebrow),
  .bi-flow-copy p:not(.bi-solutions-eyebrow),
  .bi-final-cta__panel p {
    font-size: 1rem;
  }

  .bi-capability-map {
    gap: var(--site-space-4);
  }

  .bi-capability-module {
    padding: var(--site-space-5);
  }

  .bi-hero-visual__surface {
    min-height: 17.5rem;
  }

  .bi-hero-visual__sources {
    top: 13%;
    left: 8%;
    width: 43%;
    gap: 0.36rem;
  }

  .bi-hero-visual__sources span {
    min-height: 1.65rem;
    padding: 0.32rem 0.46rem;
    font-size: 0.68rem;
  }

  .bi-hero-visual__sources span:nth-child(2n) {
    margin-left: 0.72rem;
  }

  .bi-hero-visual__model {
    left: 9%;
    bottom: 11%;
    width: 42%;
    padding: 0.72rem;
  }

  .bi-hero-visual__report {
    top: 12%;
    right: 8%;
    width: 41%;
    min-height: 7rem;
    padding: 0.72rem;
  }

  .bi-hero-visual__bar {
    bottom: 0.9rem;
    width: 0.52rem;
  }

  .bi-hero-visual__bar--one {
    left: 0.84rem;
    height: 2.1rem;
  }

  .bi-hero-visual__bar--two {
    left: 1.7rem;
    height: 3.4rem;
  }

  .bi-hero-visual__bar--three {
    left: 2.55rem;
    height: 2.7rem;
  }

  .bi-hero-visual__line {
    right: 0.72rem;
    bottom: 2.25rem;
    left: 3.6rem;
  }

  .bi-hero-visual__decision {
    right: 8%;
    bottom: 11%;
    width: 7.2rem;
    padding: 0.72rem;
  }

  .bi-hero-visual__model-label,
  .bi-hero-visual__report-title,
  .bi-hero-visual__decision span {
    font-size: 0.62rem;
    line-height: 1.15;
  }

  .bi-problem-contrast__header,
  .bi-problem-row,
  .bi-capability-module,
  .bi-flow-card,
  .bi-flow-step,
  .bi-quality-system__core,
  .bi-quality-checks div,
  .bi-delivery-step,
  .bi-final-cta__panel {
    padding: var(--site-space-5);
  }

  .bi-problem-row {
    grid-template-columns: 3.25rem minmax(0, 1fr);
  }

  .bi-delivery-step {
    padding-left: var(--site-space-12);
  }

  .bi-solutions-hero__actions .site-button,
  .bi-final-cta__actions .site-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bi-flow-signal {
    animation: none;
    opacity: 0.85;
  }

  .bi-solutions-page .scroll-reveal,
  .bi-solutions-page.bi-reveal-enabled .scroll-reveal,
  .bi-solutions-page.bi-reveal-enabled .scroll-reveal.visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .bi-capability-module:hover,
  .bi-solutions-page .site-button:hover,
  .bi-solutions-page .cta-button:hover {
    transform: none;
  }
}

/* Managed Services page */
.managed-services-page {
  --managed-navy: #07111F;
  --managed-ink: #0B1220;
  --managed-slate: #1F2937;
  --managed-teal: #0F766E;
  --managed-teal-deep: #0B4F4A;
  --managed-teal-bright: #2DD4BF;
  --managed-cyan: #67E8F9;
  --managed-mint: #CCFBF1;
  --managed-soft: #F0FDFA;
  --managed-line: rgba(45, 212, 191, 0.28);
  --managed-dark-line: rgba(153, 246, 228, 0.26);
}

.managed-services-page main {
  overflow-x: clip;
  background-color: var(--site-bg-soft);
}

.managed-services-page .scroll-reveal {
  opacity: 1;
  transform: none;
}

.managed-services-page.managed-reveal-enabled .scroll-reveal {
  opacity: 0;
  transform: translateY(16px);
}

.managed-services-page.managed-reveal-enabled .scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.managed-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 4.75rem 5.75rem;
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 83% 18%, rgba(45, 212, 191, 0.24), transparent 21rem),
    radial-gradient(circle at 95% 86%, rgba(103, 232, 249, 0.13), transparent 25rem),
    linear-gradient(132deg, rgba(15, 118, 110, 0.2) 0 19%, transparent 19.2% 100%),
    linear-gradient(310deg, rgba(45, 212, 191, 0.14) 0 27%, transparent 27.2% 100%),
    linear-gradient(135deg, var(--managed-navy) 0%, var(--managed-ink) 52%, #0E2730 100%);
  border-bottom: 0;
}

.managed-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(153, 246, 228, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(153, 246, 228, 0.06) 1px, transparent 1px),
    linear-gradient(122deg, transparent 0 38%, rgba(45, 212, 191, 0.13) 38.2% 38.7%, transparent 39% 100%),
    linear-gradient(58deg, transparent 0 58%, rgba(103, 232, 249, 0.1) 58.2% 58.7%, transparent 59% 100%);
  background-size: 4rem 4rem, 4rem 4rem, 19rem 19rem, 22rem 22rem;
  opacity: 0.64;
}

.managed-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -1px;
  left: -8%;
  z-index: -1;
  height: 6.75rem;
  background: linear-gradient(174deg, rgba(7, 17, 31, 0) 0 44%, var(--site-bg-soft) 44.4% 100%);
}

.managed-hero .site-container {
  position: relative;
  z-index: 1;
}

.managed-hero__layout {
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.managed-hero__layout > * {
  min-width: 0;
}

.managed-hero__content,
.managed-delivery-copy {
  max-width: 49rem;
}

.managed-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--managed-teal);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.managed-hero .managed-eyebrow,
.managed-section--models .managed-eyebrow,
.managed-oversight-section .managed-eyebrow,
.managed-final-cta .managed-eyebrow {
  color: var(--managed-mint);
}

.managed-hero__title {
  max-width: 13ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.65rem;
  font-weight: 800;
  line-height: 0.98;
}

.managed-hero__summary {
  max-width: 45rem;
  margin: var(--site-space-6) 0 0;
  color: #DDEBEA;
  font-size: 1.125rem;
  line-height: 1.7;
}

.managed-hero__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.managed-hero .site-button--primary {
  border-color: rgba(var(--site-color-white-rgb), 0.14);
}

.managed-hero__secondary {
  color: var(--site-color-white);
  border-color: rgba(153, 246, 228, 0.28);
  background-color: rgba(var(--site-color-white-rgb), 0.06);
  box-shadow: none;
}

.managed-hero__secondary:hover {
  color: var(--site-color-white);
  border-color: rgba(153, 246, 228, 0.48);
  background-color: rgba(var(--site-color-white-rgb), 0.1);
}

.managed-hero-system {
  position: relative;
  width: min(100%, 36rem);
  justify-self: center;
}

.managed-hero-system::before {
  content: "";
  position: absolute;
  inset: 12% 5% 5%;
  background: radial-gradient(ellipse at center, rgba(45, 212, 191, 0.19), transparent 68%);
  border-radius: 999px;
  filter: blur(10px);
  pointer-events: none;
}

.managed-hero-system__surface {
  position: relative;
  display: grid;
  grid-template-columns: minmax(7.5rem, 0.85fr) minmax(9.5rem, 1fr) minmax(11rem, 1.25fr);
  gap: var(--site-space-5);
  align-items: center;
  min-height: 24rem;
  padding: var(--site-space-6);
  border: 1px solid rgba(153, 246, 228, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(rgba(153, 246, 228, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(153, 246, 228, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 28% 20%, rgba(45, 212, 191, 0.18), transparent 12rem),
    linear-gradient(145deg, rgba(7, 17, 31, 0.94), rgba(31, 41, 55, 0.78));
  background-size: 2.75rem 2.75rem, 2.75rem 2.75rem, auto, auto;
  box-shadow: 0 28px 60px -34px rgba(0, 0, 0, 0.92);
  overflow: hidden;
}

.managed-hero-system__surface::before {
  content: "";
  position: absolute;
  inset: 1.2rem;
  border: 1px solid rgba(153, 246, 228, 0.15);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(90deg, transparent 0 21%, rgba(153, 246, 228, 0.16) 21% 21.35%, transparent 21.7% 47%, rgba(45, 212, 191, 0.2) 47% 47.45%, transparent 47.8% 100%),
    linear-gradient(135deg, rgba(15, 118, 110, 0.14), transparent 36%),
    linear-gradient(315deg, rgba(103, 232, 249, 0.1), transparent 42%);
  pointer-events: none;
}

.managed-hero-system__surface::after {
  content: "";
  position: absolute;
  right: 6%;
  bottom: 6%;
  width: 40%;
  height: 22%;
  border-radius: 999px;
  background: rgba(103, 232, 249, 0.13);
  filter: blur(18px);
  pointer-events: none;
}

.managed-hero-system__group,
.managed-hero-system__oversight,
.managed-hero-system__outcome {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(153, 246, 228, 0.22);
  border-radius: var(--site-radius-standard);
  box-shadow: 0 18px 32px -28px rgba(0, 0, 0, 0.9);
}

.managed-hero-system__group {
  display: grid;
  gap: var(--site-space-4);
  min-height: 12rem;
  padding: var(--site-space-4);
  background: rgba(7, 17, 31, 0.68);
}

.managed-hero-system__group--client {
  border-color: rgba(191, 219, 254, 0.22);
}

.managed-hero-system__group--specialists {
  min-height: 15rem;
  background:
    radial-gradient(circle at 86% 14%, rgba(45, 212, 191, 0.14), transparent 7rem),
    rgba(7, 17, 31, 0.74);
}

.managed-hero-system__label,
.managed-hero-system__outcome span {
  color: var(--managed-mint);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0;
}

.managed-hero-system__group--client .managed-hero-system__label {
  color: #BFDBFE;
}

.managed-hero-team,
.managed-hero-specialists {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-3);
  align-items: center;
}

.managed-hero-team {
  justify-content: center;
}

.managed-hero-person,
.managed-hero-specialists i {
  position: relative;
  width: 2.75rem;
  height: 3.35rem;
  display: inline-flex;
  flex: 0 0 auto;
}

.managed-hero-person::before,
.managed-hero-specialists i::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 999px;
  transform: translateX(-50%);
}

.managed-hero-person::after,
.managed-hero-specialists i::after {
  content: "";
  position: absolute;
  right: 0.45rem;
  bottom: 0;
  left: 0.45rem;
  height: 2rem;
  border-radius: 999px 999px var(--site-radius-standard) var(--site-radius-standard);
}

.managed-hero-person::before,
.managed-hero-person::after {
  background: linear-gradient(180deg, #DBEAFE, #93C5FD);
  box-shadow: 0 0 0 1px rgba(191, 219, 254, 0.24);
}

.managed-hero-person--small {
  width: 2.25rem;
  height: 2.9rem;
  opacity: 0.82;
}

.managed-hero-system__oversight {
  display: grid;
  gap: var(--site-space-3);
  padding: var(--site-space-5);
  background:
    radial-gradient(circle at 92% 14%, rgba(45, 212, 191, 0.2), transparent 5rem),
    rgba(7, 17, 31, 0.82);
}

.managed-hero-system__oversight .managed-hero-system__label {
  color: var(--managed-teal-bright);
}

.managed-hero-system__oversight strong {
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1rem;
  line-height: 1.35;
}

.managed-hero-system__oversight::before,
.managed-hero-system__oversight::after {
  content: "";
  position: absolute;
  top: 50%;
  width: var(--site-space-5);
  height: 2px;
  background: linear-gradient(90deg, rgba(153, 246, 228, 0), rgba(45, 212, 191, 0.78));
}

.managed-hero-system__oversight::before {
  right: 100%;
}

.managed-hero-system__oversight::after {
  left: 100%;
  background: linear-gradient(90deg, rgba(45, 212, 191, 0.78), rgba(103, 232, 249, 0));
}

.managed-hero-specialists {
  align-items: stretch;
}

.managed-hero-specialists span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--site-space-2);
  align-items: center;
  min-width: min(100%, 7rem);
  padding: 0.6rem 0.7rem;
  border: 1px solid rgba(153, 246, 228, 0.22);
  border-radius: var(--site-radius-standard);
  color: var(--managed-mint);
  background-color: rgba(15, 118, 110, 0.24);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

.managed-hero-specialists i {
  width: 1.55rem;
  height: 1.85rem;
}

.managed-hero-specialists i::before {
  width: 0.6rem;
  height: 0.6rem;
  background: var(--managed-cyan);
}

.managed-hero-specialists i::after {
  right: 0.24rem;
  left: 0.24rem;
  height: 1.1rem;
  background: linear-gradient(180deg, var(--managed-teal-bright), var(--managed-teal));
}

.managed-hero-system__outcome {
  grid-column: 1 / -1;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: var(--site-space-3);
  padding: 0.78rem 1rem;
  color: var(--managed-mint);
  background:
    radial-gradient(circle at 90% 14%, rgba(103, 232, 249, 0.18), transparent 4.5rem),
    rgba(15, 118, 110, 0.42);
}

.managed-hero-system__outcome::before {
  content: "";
  width: 2rem;
  height: 2px;
  background: linear-gradient(90deg, var(--managed-teal-bright), var(--managed-cyan));
}

.managed-section,
.managed-delivery-section,
.managed-oversight-section,
.managed-final-cta {
  position: relative;
  padding-block: 4.75rem;
}

.managed-section--need {
  background:
    radial-gradient(circle at 10% 8%, rgba(15, 118, 110, 0.08), transparent 18rem),
    linear-gradient(180deg, var(--site-bg-soft), var(--site-surface-base));
}

.managed-section--models {
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.16), transparent 20rem),
    radial-gradient(circle at 88% 88%, rgba(103, 232, 249, 0.11), transparent 22rem),
    linear-gradient(135deg, #062421 0%, var(--managed-ink) 64%, #102A35 100%);
}

.managed-section--capability {
  background:
    linear-gradient(90deg, rgba(15, 118, 110, 0.05), transparent 46%),
    var(--site-surface-base);
}

.managed-section--process {
  background:
    radial-gradient(circle at 92% 12%, rgba(15, 118, 110, 0.08), transparent 18rem),
    linear-gradient(180deg, var(--site-surface-base), var(--site-bg-soft));
}

.managed-section-heading {
  max-width: 48rem;
  margin-bottom: var(--site-space-10);
}

.managed-section--models .managed-section-heading h2,
.managed-section--models .managed-section-heading p:not(.managed-eyebrow) {
  color: var(--site-color-white);
}

.managed-section-heading h2,
.managed-delivery-copy h2,
.managed-oversight-copy h2,
.managed-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.12;
}

.managed-section-heading p:not(.managed-eyebrow),
.managed-delivery-copy p:not(.managed-eyebrow),
.managed-oversight-copy p:not(.managed-eyebrow),
.managed-final-cta__panel p {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: 1.075rem;
  line-height: 1.65;
}

.managed-need-layout {
  display: grid;
  gap: var(--site-space-5);
}

.managed-need-panel {
  position: relative;
  min-width: 0;
  border-radius: var(--site-radius-standard);
  box-shadow: 0 20px 44px -34px rgba(15, 23, 42, 0.42);
  overflow: hidden;
}

.managed-need-panel--current {
  color: var(--site-color-white);
  background:
    radial-gradient(circle at 0 0, rgba(45, 212, 191, 0.17), transparent 13rem),
    linear-gradient(135deg, #0B1220, #1F2937);
}

.managed-need-panel--supported {
  border: 1px solid rgba(15, 118, 110, 0.18);
  background:
    linear-gradient(90deg, rgba(15, 118, 110, 0.07), transparent 42%),
    var(--site-surface-base);
}

.managed-need-panel__header {
  display: grid;
  gap: var(--site-space-2);
  padding: var(--site-space-6);
  border-bottom: 1px solid rgba(15, 118, 110, 0.16);
}

.managed-need-panel--current .managed-need-panel__header {
  border-color: rgba(153, 246, 228, 0.2);
}

.managed-need-panel__header span,
.managed-model-card__label,
.managed-capability-group__label,
.managed-oversight-visual span {
  display: inline-flex;
  color: var(--managed-teal);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.managed-need-panel--current .managed-need-panel__header span,
.managed-section--models .managed-model-card__label,
.managed-oversight-visual span {
  color: var(--managed-teal-bright);
}

.managed-need-panel__header strong {
  color: var(--site-text-primary);
  font-family: var(--site-font-heading);
  font-size: 1.35rem;
  line-height: 1.25;
}

.managed-need-panel--current .managed-need-panel__header strong {
  color: var(--site-color-white);
}

.managed-need-panel ul {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.managed-need-panel li {
  display: grid;
  gap: var(--site-space-2);
  padding: var(--site-space-5) var(--site-space-6);
  border-bottom: 1px solid rgba(15, 118, 110, 0.13);
}

.managed-need-panel li:last-child {
  border-bottom: 0;
}

.managed-need-panel--current li {
  border-color: rgba(153, 246, 228, 0.16);
}

.managed-need-panel li strong {
  color: var(--site-text-primary);
  font-size: 1rem;
  line-height: 1.35;
}

.managed-need-panel--current li strong {
  color: var(--site-color-white);
}

.managed-need-panel li span {
  color: var(--site-text-secondary);
  line-height: 1.55;
}

.managed-need-panel--current li span {
  color: #D1D5DB;
}

.managed-model-grid,
.managed-capability-grid {
  display: grid;
  gap: var(--site-space-5);
}

.managed-model-card,
.managed-capability-group {
  position: relative;
  min-width: 0;
  min-height: 100%;
  border-radius: var(--site-radius-standard);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
  overflow: hidden;
}

.managed-model-card {
  padding: var(--site-space-6);
  border: 1px solid rgba(153, 246, 228, 0.2);
  background:
    linear-gradient(145deg, rgba(var(--site-color-white-rgb), 0.1), rgba(var(--site-color-white-rgb), 0.045)),
    rgba(7, 17, 31, 0.28);
  box-shadow: 0 22px 44px -34px rgba(0, 0, 0, 0.86);
}

.managed-model-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--site-space-6);
  width: 4.5rem;
  height: 3px;
  background: linear-gradient(90deg, var(--managed-teal-bright), rgba(103, 232, 249, 0.42));
}

.managed-model-card h3,
.managed-capability-group h3,
.managed-rhythm-step h3,
.managed-oversight-visual h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.25rem;
  line-height: 1.22;
}

.managed-model-card h3,
.managed-model-card p {
  color: var(--site-color-white);
}

.managed-model-card p,
.managed-capability-group p,
.managed-rhythm-step p,
.managed-oversight-visual p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
}

.managed-model-card p {
  color: #DDEBEA;
}

.managed-model-card:hover,
.managed-capability-group:hover {
  border-color: rgba(15, 118, 110, 0.32);
  box-shadow: 0 26px 48px -36px rgba(15, 23, 42, 0.44);
  transform: translateY(-2px);
}

.managed-model-card:hover {
  border-color: rgba(153, 246, 228, 0.42);
}

.managed-capability-group {
  display: flex;
  flex-direction: column;
  padding: var(--site-space-6);
  border: 1px solid rgba(15, 118, 110, 0.16);
  background:
    linear-gradient(180deg, rgba(240, 253, 250, 0.72), rgba(var(--site-color-white-rgb), 0.94)),
    var(--site-surface-base);
  box-shadow: 0 18px 38px -34px rgba(15, 23, 42, 0.36);
}

.managed-capability-group::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--managed-teal), rgba(103, 232, 249, 0.52));
}

.managed-capability-group__label {
  margin-bottom: var(--site-space-4);
}

.managed-capability-group ul {
  display: grid;
  gap: var(--site-space-2);
  margin: auto 0 0;
  padding: var(--site-space-5) 0 0;
  list-style: none;
}

.managed-capability-group li {
  position: relative;
  padding-left: var(--site-space-5);
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.45;
}

.managed-capability-group li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background-color: var(--managed-teal);
  box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.09);
}

.managed-delivery-section {
  background:
    linear-gradient(rgba(15, 118, 110, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 118, 110, 0.05) 1px, transparent 1px),
    linear-gradient(180deg, var(--site-bg-soft), var(--site-surface-base));
  background-size: 3rem 3rem, 3rem 3rem, auto;
}

.managed-delivery-layout {
  display: grid;
  gap: var(--site-space-8);
}

.managed-delivery-card {
  position: relative;
  padding: var(--site-space-6);
  border: 1px solid rgba(153, 246, 228, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    radial-gradient(circle at 8% 0, rgba(45, 212, 191, 0.16), transparent 14rem),
    linear-gradient(135deg, var(--managed-ink), #12202D);
  box-shadow: 0 26px 56px -38px rgba(15, 23, 42, 0.72);
  overflow: hidden;
}

.managed-delivery-card::before {
  content: "";
  position: absolute;
  inset: 1.25rem;
  border: 1px solid rgba(153, 246, 228, 0.12);
  border-radius: var(--site-radius-standard);
  pointer-events: none;
}

.managed-delivery-flow {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: var(--site-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.managed-delivery-flow__step {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--site-space-3);
  min-width: 0;
  min-height: 100%;
  padding: var(--site-space-5);
  border: 1px solid rgba(153, 246, 228, 0.2);
  border-radius: var(--site-radius-standard);
  background: rgba(var(--site-color-white-rgb), 0.055);
}

.managed-delivery-flow__step::after {
  content: "";
  position: absolute;
  bottom: calc(var(--site-space-5) * -1);
  left: 1.17rem;
  width: 1px;
  height: var(--site-space-5);
  background: linear-gradient(180deg, rgba(45, 212, 191, 0.72), rgba(103, 232, 249, 0.2));
}

.managed-delivery-flow__step:last-child::after {
  display: none;
}

.managed-delivery-flow__header {
  display: flex;
  gap: var(--site-space-3);
  align-items: flex-start;
}

.managed-delivery-flow__header span {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(153, 246, 228, 0.3);
  border-radius: var(--site-radius-standard);
  background-color: rgba(15, 118, 110, 0.34);
  color: var(--managed-mint);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.managed-delivery-flow__header strong {
  min-width: 0;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.05rem;
  line-height: 1.28;
}

.managed-delivery-flow__step p {
  margin: 0;
  color: #D1D5DB;
  font-size: 0.95rem;
  line-height: 1.55;
}

.managed-delivery-workstreams {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2);
  margin-top: var(--site-space-2);
}

.managed-delivery-workstreams span {
  min-height: 1.75rem;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.55rem;
  border: 1px solid rgba(153, 246, 228, 0.22);
  border-radius: var(--site-radius-standard);
  color: var(--managed-mint);
  background-color: rgba(15, 118, 110, 0.22);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

.managed-oversight-section {
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 10%, rgba(45, 212, 191, 0.15), transparent 20rem),
    radial-gradient(circle at 8% 88%, rgba(103, 232, 249, 0.11), transparent 22rem),
    linear-gradient(135deg, var(--managed-navy), var(--managed-ink));
}

.managed-oversight-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(153, 246, 228, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(153, 246, 228, 0.05) 1px, transparent 1px);
  background-size: 4rem 4rem;
  opacity: 0.72;
}

.managed-oversight-layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-8);
}

.managed-oversight-copy h2,
.managed-oversight-copy p,
.managed-oversight-visual h3,
.managed-oversight-visual p {
  color: var(--site-color-white);
}

.managed-oversight-copy p:not(.managed-eyebrow),
.managed-oversight-visual p {
  color: #D1D5DB;
}

.managed-scope-list {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-6) 0 0;
  padding: 0;
  color: #D1D5DB;
  list-style: none;
}

.managed-scope-list li {
  position: relative;
  padding-left: var(--site-space-6);
}

.managed-scope-list li::before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.625rem;
  height: 0.625rem;
  border: 2px solid var(--managed-mint);
  border-radius: 999px;
  background-color: var(--managed-teal-bright);
}

.managed-oversight-visual {
  display: grid;
  gap: var(--site-space-4);
}

.managed-oversight-visual article {
  position: relative;
  padding: var(--site-space-5);
  border: 1px solid rgba(153, 246, 228, 0.22);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(90deg, rgba(45, 212, 191, 0.09), transparent 58%),
    rgba(var(--site-color-white-rgb), 0.045);
}

.managed-oversight-visual article::before {
  content: "";
  position: absolute;
  top: var(--site-space-5);
  bottom: var(--site-space-5);
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--managed-teal-bright), rgba(103, 232, 249, 0.3));
}

.managed-oversight-visual span {
  margin-bottom: var(--site-space-3);
}

.managed-rhythm {
  position: relative;
  display: grid;
  gap: var(--site-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.managed-rhythm-step {
  position: relative;
  min-width: 0;
  padding: 0 0 0 var(--site-space-12);
}

.managed-rhythm-step::before {
  content: "";
  position: absolute;
  top: 2.7rem;
  bottom: calc(var(--site-space-5) * -1);
  left: 1.25rem;
  width: 1px;
  background-color: rgba(15, 118, 110, 0.26);
}

.managed-rhythm-step:last-child::before {
  display: none;
}

.managed-rhythm-step span {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15, 118, 110, 0.26);
  border-radius: var(--site-radius-standard);
  background-color: var(--managed-soft);
  color: var(--managed-teal);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.managed-rhythm-step p {
  font-size: var(--site-text-sm);
  line-height: 1.55;
}

.managed-final-cta {
  background:
    radial-gradient(circle at 20% 20%, rgba(15, 118, 110, 0.1), transparent 18rem),
    linear-gradient(180deg, var(--site-bg-soft), var(--site-surface-base));
}

.managed-final-cta__panel {
  position: relative;
  padding: var(--site-space-10);
  border: 1px solid rgba(153, 246, 228, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    radial-gradient(circle at 88% 18%, rgba(45, 212, 191, 0.16), transparent 18rem),
    linear-gradient(135deg, var(--managed-ink), #102A35);
  box-shadow: 0 26px 56px -38px rgba(15, 23, 42, 0.72);
  text-align: center;
  overflow: hidden;
}

.managed-final-cta__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(153, 246, 228, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(153, 246, 228, 0.05) 1px, transparent 1px);
  background-size: 3.25rem 3.25rem;
  opacity: 0.72;
}

.managed-final-cta__panel > * {
  position: relative;
  z-index: 1;
}

.managed-final-cta__panel h2,
.managed-final-cta__panel p {
  color: var(--site-color-white);
}

.managed-final-cta__panel p {
  max-width: 44rem;
  margin-inline: auto;
  color: #D1D5DB;
}

.managed-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@media (min-width: 640px) {
  .managed-hero__actions,
  .managed-final-cta__actions {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .managed-need-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .managed-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .managed-scope-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .managed-delivery-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .managed-delivery-flow__step::after {
    top: 1.55rem;
    right: calc(var(--site-space-5) * -0.85);
    bottom: auto;
    left: auto;
    width: var(--site-space-5);
    height: 1px;
    background: linear-gradient(90deg, rgba(45, 212, 191, 0.72), rgba(103, 232, 249, 0.2));
  }

  .managed-delivery-flow__step:nth-child(3)::after,
  .managed-delivery-flow__step:last-child::after {
    display: none;
  }
}

@media (min-width: 900px) {
  .managed-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(24rem, 34rem);
  }

  .managed-hero__title {
    font-size: 4rem;
  }

  .managed-model-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .managed-capability-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .managed-delivery-layout,
  .managed-oversight-layout {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
  }

  .managed-delivery-card {
    padding: var(--site-space-8);
  }

  .managed-delivery-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .managed-delivery-flow__step:nth-child(3)::after {
    display: block;
  }

  .managed-delivery-flow__step:nth-child(2n)::after,
  .managed-delivery-flow__step:last-child::after {
    display: none;
  }

  .managed-rhythm {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
  }

  .managed-rhythm::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: 0;
    left: 0;
    height: 1px;
    background-color: rgba(15, 118, 110, 0.24);
  }

  .managed-rhythm-step {
    padding: 4rem var(--site-space-4) 0 0;
  }

  .managed-rhythm-step::before {
    display: none;
  }
}

@media (min-width: 1080px) {
  .managed-section-heading h2,
  .managed-delivery-copy h2,
  .managed-oversight-copy h2,
  .managed-final-cta__panel h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 1180px) {
  .managed-delivery-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .managed-delivery-flow__step:nth-child(2n)::after {
    display: block;
  }

  .managed-delivery-flow__step:nth-child(3)::after,
  .managed-delivery-flow__step:last-child::after {
    display: none;
  }
}

@media (max-width: 639px) {
  .managed-section,
  .managed-delivery-section,
  .managed-oversight-section,
  .managed-final-cta {
    padding-block: 4rem;
  }

  .managed-hero {
    padding-block: 4rem 5rem;
  }

  .managed-hero__title {
    font-size: 2.25rem;
  }

  .managed-hero__actions .site-button,
  .managed-final-cta__actions .site-button {
    width: 100%;
  }

  .managed-hero-system__surface {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: var(--site-space-4);
    padding: var(--site-space-5);
  }

  .managed-hero-system__surface::before {
    background:
      linear-gradient(180deg, transparent 0 28%, rgba(153, 246, 228, 0.16) 28% 28.35%, transparent 28.7% 58%, rgba(45, 212, 191, 0.18) 58% 58.35%, transparent 58.7% 100%),
      linear-gradient(135deg, rgba(15, 118, 110, 0.14), transparent 36%),
      linear-gradient(315deg, rgba(103, 232, 249, 0.1), transparent 42%);
  }

  .managed-hero-system__group {
    min-height: 0;
  }

  .managed-hero-system__group--specialists {
    min-height: 0;
  }

  .managed-hero-system__oversight::before,
  .managed-hero-system__oversight::after {
    top: auto;
    left: 50%;
    width: 2px;
    height: var(--site-space-4);
    transform: translateX(-50%);
  }

  .managed-hero-system__oversight::before {
    right: auto;
    bottom: 100%;
    background: linear-gradient(180deg, rgba(153, 246, 228, 0), rgba(45, 212, 191, 0.78));
  }

  .managed-hero-system__oversight::after {
    top: 100%;
    background: linear-gradient(180deg, rgba(45, 212, 191, 0.78), rgba(103, 232, 249, 0));
  }

  .managed-hero-system__outcome {
    justify-self: stretch;
  }

  .managed-need-panel__header,
  .managed-need-panel li,
  .managed-model-card,
  .managed-capability-group,
  .managed-delivery-card,
  .managed-oversight-visual article {
    padding: var(--site-space-5);
  }

  .managed-delivery-card::before {
    inset: var(--site-space-4);
  }

  .managed-final-cta__panel {
    padding: var(--site-space-8) var(--site-space-5);
  }
}

@media (max-width: 420px) {
  .managed-hero-system__surface {
    padding: var(--site-space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .managed-services-page .scroll-reveal,
  .managed-services-page.managed-reveal-enabled .scroll-reveal,
  .managed-services-page.managed-reveal-enabled .scroll-reveal.visible {
    opacity: 1;
    transform: none;
  }

  .managed-model-card:hover,
  .managed-capability-group:hover,
  .managed-services-page .site-button:hover,
  .managed-services-page .cta-button:hover {
    transform: none;
  }
}

/* Contact page */
.contact-page main {
  background:
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FB 100%);
  overflow-x: clip;
}

.contact-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.5rem, 7vw, 5.25rem);
  color: var(--site-color-white);
  background:
    linear-gradient(122deg, rgba(37, 99, 235, 0.24) 0 18%, transparent 18.2% 100%),
    linear-gradient(302deg, rgba(124, 58, 237, 0.22) 0 28%, transparent 28.2% 100%),
    radial-gradient(circle at 84% 22%, rgba(56, 189, 248, 0.24), transparent 24rem),
    radial-gradient(circle at 72% 78%, rgba(139, 92, 246, 0.22), transparent 24rem),
    linear-gradient(135deg, #071226 0%, #0B1B3E 52%, #151238 100%);
  border-bottom: 0;
}

.contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px);
  background-size: 4rem 4rem;
  opacity: 0.42;
}

.contact-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: -1;
  height: 5.5rem;
  background: linear-gradient(180deg, rgba(7, 18, 38, 0), #F8FAFC 94%);
}

.contact-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.contact-hero__content {
  max-width: 50rem;
}

.contact-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.contact-eyebrow--light {
  color: #93C5FD;
}

.contact-hero h1 {
  max-width: 14ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.35rem;
  font-weight: 800;
  line-height: 1.04;
}

.contact-hero__summary {
  max-width: 46rem;
  margin: var(--site-space-6) 0 0;
  color: #DCEBFF;
  font-size: 1.08rem;
  line-height: 1.65;
}

.contact-hero__graphic {
  position: relative;
  min-height: 17rem;
  display: none;
}

.contact-route {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(147, 197, 253, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(15, 23, 42, 0.28);
  box-shadow: 0 28px 58px -40px rgba(0, 0, 0, 0.82);
  overflow: hidden;
}

.contact-route::before,
.contact-route::after,
.contact-route__line,
.contact-route__node,
.contact-route__panel {
  content: "";
  position: absolute;
  display: block;
}

.contact-route::before {
  inset: 1.25rem;
  border: 1px solid rgba(147, 197, 253, 0.14);
  border-radius: var(--site-radius-standard);
}

.contact-route::after {
  right: -5rem;
  bottom: -5rem;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.26), transparent 68%);
}

.contact-route__line {
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(96, 165, 250, 0), rgba(96, 165, 250, 0.8), rgba(167, 139, 250, 0.54));
}

.contact-route__line--primary {
  top: 48%;
  left: 13%;
  width: 70%;
  transform: rotate(-8deg);
}

.contact-route__line--secondary {
  top: 63%;
  left: 22%;
  width: 58%;
  transform: rotate(16deg);
  opacity: 0.72;
}

.contact-route__node {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #BFDBFE;
  box-shadow:
    0 0 0 0.45rem rgba(96, 165, 250, 0.15),
    0 0 28px rgba(96, 165, 250, 0.45);
}

.contact-route__node--one {
  top: 44%;
  left: 14%;
}

.contact-route__node--two {
  top: 34%;
  left: 48%;
  background-color: #C4B5FD;
  box-shadow:
    0 0 0 0.45rem rgba(167, 139, 250, 0.16),
    0 0 28px rgba(167, 139, 250, 0.45);
}

.contact-route__node--three {
  top: 57%;
  right: 15%;
}

.contact-route__panel {
  width: 8.5rem;
  height: 3.7rem;
  border: 1px solid rgba(226, 232, 240, 0.2);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(90deg, rgba(147, 197, 253, 0.34) 0 24%, transparent 24% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045));
}

.contact-route__panel::before,
.contact-route__panel::after {
  content: "";
  position: absolute;
  left: 2.65rem;
  right: 0.85rem;
  height: 2px;
  border-radius: 999px;
  background-color: rgba(226, 232, 240, 0.42);
}

.contact-route__panel::before {
  top: 1.2rem;
}

.contact-route__panel::after {
  top: 2rem;
  right: 2rem;
}

.contact-route__panel--one {
  top: 17%;
  left: 9%;
}

.contact-route__panel--two {
  top: 48%;
  left: 39%;
}

.contact-route__panel--three {
  right: 8%;
  bottom: 14%;
}

.contact-section {
  padding-block: clamp(3rem, 6vw, 5rem);
  background:
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FB 100%);
}

.contact-layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: start;
}

.contact-guidance,
.contact-form-panel,
.contact-next-section {
  min-width: 0;
}

.contact-guidance {
  display: grid;
  gap: var(--site-space-5);
}

.contact-guidance__intro h2,
.contact-form-panel__header h2,
.contact-next-header h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.2;
}

.contact-guidance__intro p:not(.contact-eyebrow),
.contact-form-panel__header p:not(.contact-eyebrow),
.contact-next-header p:not(.contact-eyebrow) {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.65;
}

.contact-topic-list {
  display: grid;
  gap: var(--site-space-3);
}

.contact-topic,
.contact-guidance-panel,
.contact-guidance-list {
  min-width: 0;
}

.contact-topic,
.contact-guidance-panel,
.contact-detail-panel {
  border: 1px solid rgba(203, 213, 225, 0.8);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.86);
  box-shadow: var(--site-shadow-sm);
}

.contact-topic {
  position: relative;
  padding: var(--site-space-5);
  overflow: hidden;
}

.contact-topic::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #2563EB, #7C3AED);
}

.contact-topic:nth-child(2)::before {
  background: linear-gradient(180deg, #0F766E, #2563EB);
}

.contact-topic:nth-child(3)::before {
  background: linear-gradient(180deg, #7C3AED, #0F766E);
}

.contact-topic h3,
.contact-guidance-panel h3,
.contact-detail-panel h3,
.contact-next-list h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.contact-topic p,
.contact-detail-panel p,
.contact-credibility,
.contact-next-list p {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.6;
}

.contact-guidance-panel {
  padding: var(--site-space-5);
}

.contact-guidance-list {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-4) 0 0;
  padding: 0;
  list-style: none;
}

.contact-guidance-list li {
  position: relative;
  min-width: 0;
  padding-left: var(--site-space-5);
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.6;
}

.contact-guidance-list li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background-color: var(--site-color-primary);
  box-shadow: 0 0 0 0.26rem rgba(37, 99, 235, 0.12);
}

.contact-detail-panel {
  padding: var(--site-space-5);
}

.contact-detail-panel a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  margin-top: var(--site-space-3);
  color: var(--site-color-primary);
  font-weight: 800;
  overflow-wrap: anywhere;
  text-decoration: none;
  text-underline-offset: 0.22em;
}

.contact-detail-panel a:hover {
  color: var(--site-color-primary-hover);
  text-decoration: underline;
}

.contact-credibility {
  margin: 0;
  padding: var(--site-space-5);
  border-left: 4px solid var(--site-color-primary);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(124, 58, 237, 0.08)),
    rgba(var(--site-color-white-rgb), 0.72);
}

.contact-form-panel {
  position: relative;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid rgba(203, 213, 225, 0.88);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)),
    var(--site-surface-base);
  box-shadow: 0 22px 48px -34px rgba(15, 23, 42, 0.42);
  overflow: hidden;
}

.contact-form-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #2563EB, #7C3AED, #0F766E);
}

.contact-form {
  margin-top: var(--site-space-8);
}

.contact-form__grid {
  display: grid;
  gap: var(--site-space-5);
}

.contact-field {
  display: grid;
  gap: var(--site-space-2);
  min-width: 0;
}

.contact-field label {
  color: var(--site-text-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.3;
}

.contact-field label span[aria-hidden="true"] {
  color: var(--site-color-primary);
}

.contact-field__optional,
.contact-field__help,
.contact-form__required-note {
  color: var(--site-text-muted);
  font-size: var(--site-text-sm);
  line-height: 1.5;
}

.contact-field__help,
.contact-form__required-note {
  margin: 0;
}

.contact-field input,
.contact-field select,
.contact-field textarea {
  width: 100%;
  min-height: 3rem;
  padding: 0.78rem 0.9rem;
  border: 1px solid #CBD5E1;
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  color: var(--site-text-primary);
  font: inherit;
  line-height: 1.4;
  transition:
    border-color var(--site-transition-fast) var(--site-ease-standard),
    box-shadow var(--site-transition-fast) var(--site-ease-standard),
    background-color var(--site-transition-fast) var(--site-ease-standard);
}

.contact-field input:hover,
.contact-field select:hover,
.contact-field textarea:hover {
  border-color: #94A3B8;
}

.contact-field textarea {
  min-height: 10rem;
  resize: vertical;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus {
  border-color: var(--site-color-primary);
  outline: var(--site-focus-outline);
  outline-offset: var(--site-focus-ring-offset);
  box-shadow: var(--site-focus-ring);
}

.contact-field input:user-invalid,
.contact-field select:user-invalid,
.contact-field textarea:user-invalid {
  border-color: #B91C1C;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.12);
}

.contact-form__privacy {
  margin: var(--site-space-5) 0 0;
  padding: var(--site-space-4);
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: var(--site-radius-standard);
  background-color: rgba(239, 246, 255, 0.86);
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.6;
}

.contact-form__footer {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-4);
  margin-top: var(--site-space-6);
}

.contact-submit {
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border: 1px solid transparent;
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-primary);
  color: var(--site-color-white);
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
}

.contact-submit:hover {
  background-color: var(--site-color-primary-hover);
}

.contact-next-section {
  padding-block: clamp(3rem, 6vw, 4.5rem);
  color: var(--site-color-white);
  background:
    linear-gradient(134deg, rgba(37, 99, 235, 0.18), rgba(124, 58, 237, 0.12) 52%, rgba(15, 118, 110, 0.16)),
    linear-gradient(180deg, #0B1220 0%, #111827 100%);
}

.contact-next-layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: start;
}

.contact-next-header {
  max-width: 38rem;
}

.contact-next-header .contact-eyebrow {
  color: #93C5FD;
}

.contact-next-header h2,
.contact-next-list h3 {
  color: var(--site-color-white);
}

.contact-next-header p:not(.contact-eyebrow),
.contact-next-list p {
  color: #D1D5DB;
}

.contact-next-list {
  display: grid;
  gap: var(--site-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-next-list li {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--site-space-4);
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
    rgba(15, 23, 42, 0.42);
}

.contact-next-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(var(--site-space-5) + 1.15rem);
  width: 2px;
  height: var(--site-space-4);
  background: linear-gradient(180deg, rgba(96, 165, 250, 0.75), rgba(167, 139, 250, 0.25));
}

.contact-next-list span {
  width: 2.3rem;
  height: 2.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(147, 197, 253, 0.32);
  border-radius: var(--site-radius-standard);
  background-color: rgba(37, 99, 235, 0.22);
  color: #BFDBFE;
  font-weight: 800;
  line-height: 1;
}

@media (min-width: 640px) {
  .contact-form__footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 900px) {
  .contact-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.72fr);
  }

  .contact-hero h1 {
    font-size: 3.35rem;
  }

  .contact-hero__summary {
    font-size: 1.15rem;
  }

  .contact-hero__graphic {
    display: block;
  }

  .contact-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-field--full {
    grid-column: 1 / -1;
  }

  .contact-layout {
    grid-template-columns: minmax(0, 1.12fr) minmax(19rem, 0.88fr);
    gap: clamp(2rem, 4vw, 3rem);
  }

  .contact-guidance {
    position: sticky;
    top: 6rem;
  }

  .contact-next-layout {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: var(--site-space-10);
  }

  .contact-next-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .contact-next-list li {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
  }

  .contact-next-list li:not(:last-child)::after {
    top: calc(var(--site-space-5) + 1.15rem);
    left: 100%;
    width: var(--site-space-4);
    height: 2px;
    background: linear-gradient(90deg, rgba(96, 165, 250, 0.75), rgba(167, 139, 250, 0.25));
  }
}

@media (min-width: 1200px) {
  .contact-hero h1 {
    font-size: 3.7rem;
  }
}

@media (max-width: 899px) {
  .contact-section {
    padding-top: var(--site-space-10);
  }
}

@media (max-width: 639px) {
  .contact-hero {
    padding-block: var(--site-space-12) var(--site-space-16);
  }

  .contact-hero h1 {
    font-size: 2.15rem;
  }

  .contact-guidance__intro h2,
  .contact-form-panel__header h2,
  .contact-next-header h2 {
    font-size: 1.3rem;
  }

  .contact-form-panel,
  .contact-topic,
  .contact-guidance-panel,
  .contact-detail-panel,
  .contact-credibility,
  .contact-next-list li {
    padding: var(--site-space-5);
  }

  .contact-submit {
    width: 100%;
  }
}

/* Thank-you page */
.thank-you-page main {
  background:
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FB 64%, #FFFFFF 100%);
  overflow-x: clip;
}

.thank-you-page .site-footer__brand {
  min-height: 2.75rem;
  align-items: center;
}

.thanks-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.5rem, 7vw, 5rem) clamp(3.75rem, 7vw, 5.25rem);
  color: var(--site-color-white);
  background:
    linear-gradient(122deg, rgba(37, 99, 235, 0.22) 0 19%, transparent 19.2% 100%),
    linear-gradient(302deg, rgba(124, 58, 237, 0.22) 0 28%, transparent 28.2% 100%),
    radial-gradient(circle at 78% 22%, rgba(56, 189, 248, 0.22), transparent 24rem),
    radial-gradient(circle at 28% 82%, rgba(139, 92, 246, 0.2), transparent 22rem),
    linear-gradient(135deg, #071226 0%, #0B1B3E 54%, #151238 100%);
  border-bottom: 0;
}

.thanks-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(122deg, transparent 0 45%, rgba(147, 197, 253, 0.08) 45.2% 45.6%, transparent 46% 100%);
  background-size: 4rem 4rem, 4rem 4rem, 18rem 18rem;
  opacity: 0.44;
}

.thanks-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: -1;
  height: 5rem;
  background: linear-gradient(180deg, rgba(7, 18, 38, 0), #F8FAFC 94%);
}

.thanks-hero__content {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: var(--site-space-4);
  max-width: 50rem;
  margin-inline: auto;
  text-align: center;
}

.thanks-confirmation-mark {
  width: 4.25rem;
  height: 4.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(147, 197, 253, 0.34);
  border-radius: 50%;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
    rgba(37, 99, 235, 0.2);
  color: #BFDBFE;
  box-shadow:
    0 0 0 0.55rem rgba(37, 99, 235, 0.11),
    0 20px 42px -28px rgba(0, 0, 0, 0.78);
}

.thanks-confirmation-mark svg {
  width: 3rem;
  height: 3rem;
}

.thanks-eyebrow {
  margin: 0;
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.thanks-hero .thanks-eyebrow {
  color: #93C5FD;
}

.thanks-hero h1 {
  max-width: 20ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.04;
}

.thanks-hero__summary {
  max-width: 44rem;
  margin: 0;
  color: #DCEBFF;
  font-size: 1.08rem;
  line-height: 1.65;
}

.thanks-hero__support {
  max-width: 46rem;
  margin: var(--site-space-2) 0 0;
  padding: var(--site-space-4) var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.2);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.13), rgba(124, 58, 237, 0.12)),
    rgba(15, 23, 42, 0.32);
  color: #E5E7EB;
  font-size: 0.96rem;
  line-height: 1.65;
}

.thanks-next-section {
  padding-block: clamp(3rem, 6vw, 4.5rem);
  background:
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FB 100%);
}

.thanks-next-layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: start;
}

.thanks-section-header {
  max-width: 42rem;
}

.thanks-section-header h2,
.thanks-actions h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.2;
}

.thanks-section-header p:not(.thanks-eyebrow),
.thanks-actions p:not(.thanks-eyebrow) {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.65;
}

.thanks-next-list {
  display: grid;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid rgba(203, 213, 225, 0.88);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.88);
  box-shadow: 0 18px 44px -34px rgba(15, 23, 42, 0.38);
}

.thanks-next-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--site-space-4);
  min-width: 0;
  padding: var(--site-space-5);
  border-bottom: 1px solid rgba(203, 213, 225, 0.72);
}

.thanks-next-list li:last-child {
  border-bottom: 0;
}

.thanks-next-list span {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(124, 58, 237, 0.1)),
    var(--site-color-primary-soft);
  color: var(--site-color-primary);
  font-weight: 800;
  line-height: 1;
}

.thanks-next-list h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.thanks-next-list p {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.6;
}

.thanks-actions-section {
  padding-block: clamp(2.75rem, 5vw, 4rem);
  background-color: var(--site-surface-base);
}

.thanks-actions {
  max-width: 48rem;
  margin-inline: auto;
  text-align: center;
}

.thanks-actions__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-6);
}

.thanks-actions__buttons .site-button {
  min-width: 11.5rem;
}

.thanks-actions__buttons .site-button:hover {
  transform: none;
}

.thanks-text-link {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--site-space-4);
  color: var(--site-color-primary);
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  text-underline-offset: 0.24em;
}

.thanks-text-link:hover {
  color: var(--site-color-primary-hover);
  text-decoration: underline;
}

@media (min-width: 640px) {
  .thanks-actions__buttons {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (min-width: 900px) {
  .thanks-hero h1 {
    font-size: 3.35rem;
  }

  .thanks-hero__summary {
    font-size: 1.15rem;
  }

  .thanks-next-layout {
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    gap: var(--site-space-10);
  }

  .thanks-next-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .thanks-next-list li {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    border-right: 1px solid rgba(203, 213, 225, 0.72);
    border-bottom: 0;
  }

  .thanks-next-list li:last-child {
    border-right: 0;
  }
}

@media (min-width: 1200px) {
  .thanks-hero h1 {
    font-size: 3.6rem;
  }
}

@media (max-width: 639px) {
  .thanks-hero {
    padding-block: var(--site-space-12) var(--site-space-16);
  }

  .thanks-confirmation-mark {
    width: 3.8rem;
    height: 3.8rem;
  }

  .thanks-confirmation-mark svg {
    width: 2.7rem;
    height: 2.7rem;
  }

  .thanks-hero h1 {
    font-size: 2.05rem;
  }

  .thanks-section-header h2,
  .thanks-actions h2 {
    font-size: 1.3rem;
  }

  .thanks-hero__support,
  .thanks-next-list li {
    padding: var(--site-space-5);
  }

  .thanks-actions__buttons .site-button {
    width: 100%;
  }
}

/* About page */
.about-page main {
  background-color: var(--site-bg-base);
}

.about-hero {
  padding-block: 5rem;
  background: linear-gradient(180deg, var(--site-bg-soft) 0%, var(--site-surface-base) 100%);
  border-bottom: 1px solid var(--site-border-default);
}

.about-hero__layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: center;
}

.about-hero__content {
  max-width: 48rem;
}

.about-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.about-hero__title {
  max-width: 14ch;
  margin: 0;
  color: var(--site-text-primary);
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.05;
}

.about-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: var(--site-text-secondary);
  font-size: 1.125rem;
  line-height: 1.65;
}

.about-hero__actions,
.about-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.about-hero__panel {
  padding: var(--site-space-6);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.about-hero__panel dl {
  display: grid;
  gap: var(--site-space-5);
  margin: 0;
}

.about-hero__panel div {
  padding-top: var(--site-space-5);
  border-top: 1px solid var(--site-border-default);
}

.about-hero__panel div:first-child {
  padding-top: 0;
  border-top: 0;
}

.about-hero__panel dt {
  color: var(--site-text-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.about-hero__panel dd {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-secondary);
}

.about-section,
.about-final-cta {
  padding-block: var(--site-section-padding-y);
}

.about-section--white {
  background-color: var(--site-surface-base);
}

.about-section--soft,
.about-final-cta {
  background-color: var(--site-bg-soft);
}

.about-section-heading {
  max-width: 46rem;
  margin-bottom: var(--site-space-10);
}

.about-section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.about-section-heading h2,
.about-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.12;
}

.about-section-heading p:not(.about-eyebrow),
.about-final-cta__panel p:not(.about-eyebrow) {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: 1.125rem;
  line-height: 1.65;
}

.about-section-heading--center p:not(.about-eyebrow) {
  margin-inline: auto;
}

.about-work-layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: start;
}

.about-work-visual {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.about-work-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.about-work-visual figcaption {
  margin: 0;
  padding: var(--site-space-4);
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
}

.about-work-steps {
  display: grid;
  gap: var(--site-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-work-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--site-space-4);
  padding: var(--site-space-5);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.about-work-step span,
.about-principle span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-primary-soft);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.about-work-step h3,
.about-profile h3,
.about-capability-group h3,
.about-principle h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.25;
}

.about-work-step p,
.about-capability-group p,
.about-principle p {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-secondary);
}

.about-profiles {
  display: grid;
  gap: var(--site-space-8);
}

.about-profile {
  display: grid;
  gap: var(--site-space-6);
  padding: var(--site-space-5);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.about-profile__media {
  min-height: 18rem;
}

.about-profile__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 18rem;
  max-height: 24rem;
  border-radius: var(--site-radius-standard);
  object-fit: cover;
  object-position: center top;
}

.about-profile__body {
  align-self: center;
}

.about-profile__label {
  margin: 0 0 var(--site-space-2);
  color: var(--site-color-primary);
  font-size: var(--site-text-sm);
  font-weight: 700;
}

.about-profile h3 {
  font-size: 1.75rem;
}

.about-profile__role {
  margin: var(--site-space-1) 0 var(--site-space-4);
  color: var(--site-color-primary);
  font-weight: 700;
}

.about-profile__body > p:not(.about-profile__label):not(.about-profile__role) {
  margin: 0;
  color: var(--site-text-secondary);
  line-height: 1.65;
}

.about-profile__detail-grid {
  display: grid;
  gap: var(--site-space-5);
  margin-top: var(--site-space-6);
  padding-top: var(--site-space-5);
  border-top: 1px solid var(--site-border-default);
}

.about-profile h4 {
  margin: 0 0 var(--site-space-3);
  color: var(--site-text-primary);
  font-size: var(--site-text-base);
  font-weight: 800;
}

.about-profile ul {
  display: grid;
  gap: var(--site-space-2);
  margin: 0;
  padding: 0;
  color: var(--site-text-secondary);
  list-style: none;
}

.about-profile li {
  position: relative;
  padding-left: var(--site-space-5);
}

.about-profile li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  background-color: var(--site-color-primary);
}

.about-profile__detail-grid p {
  margin: 0;
  color: var(--site-text-secondary);
}

.about-capability-grid,
.about-principles {
  display: grid;
  gap: var(--site-space-4);
}

.about-capability-group,
.about-principle {
  padding: var(--site-space-5);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.about-principle {
  display: grid;
  gap: var(--site-space-4);
  align-content: start;
}

.about-final-cta__panel {
  padding: var(--site-space-10);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-dark);
  text-align: center;
}

.about-final-cta__panel .about-eyebrow {
  color: #BFDBFE;
}

.about-final-cta__panel h2,
.about-final-cta__panel p:not(.about-eyebrow) {
  color: var(--site-color-white);
}

.about-final-cta__panel p:not(.about-eyebrow) {
  max-width: 42rem;
  margin-inline: auto;
  color: #D1D5DB;
}

.about-final-cta__actions {
  justify-content: center;
}

@media (min-width: 640px) {
  .about-hero__actions,
  .about-final-cta__actions {
    flex-direction: row;
    align-items: center;
  }

  .about-profile__detail-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  }
}

@media (min-width: 760px) {
  .about-capability-grid,
  .about-principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .about-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.58fr);
  }

  .about-work-layout {
    grid-template-columns: minmax(18rem, 0.75fr) minmax(0, 1fr);
  }

  .about-profile {
    grid-template-columns: minmax(15rem, 0.68fr) minmax(0, 1.32fr);
    align-items: stretch;
    padding: var(--site-space-6);
  }

  .about-profile--reverse {
    grid-template-columns: minmax(0, 1.32fr) minmax(15rem, 0.68fr);
  }

  .about-profile--reverse .about-profile__media {
    order: 2;
  }

  .about-profile--reverse .about-profile__body {
    order: 1;
  }
}

@media (min-width: 1050px) {
  .about-capability-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .about-principles {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  .about-hero {
    padding-block: 4rem;
  }

  .about-hero__title {
    font-size: 3rem;
  }
}

@media (max-width: 639px) {
  .about-hero__title {
    max-width: none;
    font-size: 2.5rem;
  }

  .about-section-heading h2,
  .about-final-cta__panel h2 {
    font-size: 2rem;
  }

  .about-hero__actions .site-button,
  .about-final-cta__actions .site-button {
    width: 100%;
  }

  .about-work-step {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-profile,
  .about-capability-group,
  .about-principle {
    padding: var(--site-space-4);
  }

  .about-profile__media,
  .about-profile__media img {
    min-height: 16rem;
  }

  .about-profile__media img {
    aspect-ratio: 4 / 3;
  }

  .about-final-cta__panel {
    padding: var(--site-space-6);
  }
}

/* About page redesign */
.about-page,
.about-page *,
.about-page *::before,
.about-page *::after {
  box-sizing: border-box;
}

.about-page {
  --about-navy: #061126;
  --about-navy-2: #0B1D46;
  --about-ink: #07142F;
  --about-blue: #2563EB;
  --about-blue-soft: #EAF2FF;
  --about-violet: #6D28D9;
  --about-violet-soft: #F3E8FF;
  --about-teal: #14B8A6;
  --about-teal-soft: #E6FFFA;
  --about-slate: #334155;
  --about-line: rgba(148, 163, 184, 0.24);
  --about-dark-line: rgba(219, 234, 254, 0.18);
  color: var(--site-text-secondary);
}

.about-page main {
  overflow: hidden;
  background-color: var(--site-surface-base);
}

.about-page img {
  max-width: 100%;
}

.about-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 5.75rem 5.25rem;
  color: var(--site-color-white);
  background:
    linear-gradient(117deg, rgba(37, 99, 235, 0.22) 0 24%, transparent 24.2% 100%),
    linear-gradient(294deg, rgba(109, 40, 217, 0.28) 0 31%, transparent 31.2% 100%),
    radial-gradient(circle at 82% 26%, rgba(20, 184, 166, 0.16), transparent 18rem),
    linear-gradient(135deg, var(--about-navy) 0%, var(--about-navy-2) 55%, #171047 100%);
}

.about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(rgba(191, 219, 254, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191, 219, 254, 0.06) 1px, transparent 1px);
  background-size: 4.75rem 4.75rem;
  opacity: 0.35;
}

.about-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 5.5rem;
  background: linear-gradient(180deg, rgba(6, 17, 38, 0), rgba(248, 250, 252, 0.96));
}

.about-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3rem;
  align-items: center;
}

.about-hero__content {
  max-width: 48rem;
}

.about-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--about-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.about-eyebrow--on-dark {
  color: #93C5FD;
}

.about-hero__title {
  max-width: 13ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 3.65rem;
  font-weight: 800;
  line-height: 1;
}

.about-hero__summary {
  max-width: 45rem;
  margin: var(--site-space-6) 0 0;
  color: #DCEBFF;
  font-size: 1.14rem;
  line-height: 1.7;
}

.about-hero__actions,
.about-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.about-hero .site-button--secondary {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.34);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.about-hero .site-button--secondary:hover {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.58);
  background-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}

.about-hero__structure {
  position: relative;
  min-height: 24rem;
  overflow: hidden;
  border: 1px solid rgba(219, 234, 254, 0.2);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
    linear-gradient(150deg, rgba(37, 99, 235, 0.26) 0 34%, transparent 34.2% 100%),
    linear-gradient(315deg, rgba(20, 184, 166, 0.16) 0 30%, transparent 30.2% 100%),
    rgba(7, 20, 47, 0.62);
  box-shadow: 0 24px 70px -46px rgba(0, 0, 0, 0.86);
}

.about-hero__structure::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--site-radius-standard);
}

.about-hero__structure::after {
  content: "";
  position: absolute;
  right: -18%;
  bottom: -22%;
  width: 58%;
  height: 58%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(109, 40, 217, 0.34), transparent 62%);
}

.about-hero__lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.about-hero__lines path {
  fill: none;
  stroke: rgba(191, 219, 254, 0.28);
  stroke-width: 1.3;
  vector-effect: non-scaling-stroke;
}

.about-hero__node {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 4.25rem;
  max-width: 14.5rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(219, 234, 254, 0.26);
  border-radius: var(--site-radius-standard);
  background: rgba(7, 20, 47, 0.78);
  color: #EAF2FF;
  font-weight: 800;
  line-height: 1.25;
  box-shadow: 0 16px 36px -26px rgba(0, 0, 0, 0.75);
}

.about-hero__node::before {
  content: "";
  flex: 0 0 auto;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.7rem;
  border-radius: 50%;
  background-color: var(--about-node-color, #93C5FD);
  box-shadow: 0 0 0 0.32rem rgba(147, 197, 253, 0.12);
}

.about-hero__node--leadership {
  --about-node-color: #93C5FD;
  top: 18%;
  left: 9%;
}

.about-hero__node--delivery {
  --about-node-color: #C4B5FD;
  top: 43%;
  right: 9%;
}

.about-hero__node--oversight {
  --about-node-color: #5EEAD4;
  bottom: 15%;
  left: 18%;
}

.about-section,
.about-final-cta {
  padding-block: 4.75rem;
}

.about-section-heading {
  max-width: 50rem;
  margin-bottom: var(--site-space-10);
}

.about-section-heading--center {
  max-width: 56rem;
  margin-inline: auto;
  text-align: center;
}

.about-section-heading h2,
.about-team__content h2,
.about-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.12;
}

.about-section-heading p:not(.about-eyebrow),
.about-team__content p:not(.about-eyebrow),
.about-final-cta__panel p:not(.about-eyebrow) {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: 1.075rem;
  line-height: 1.7;
}

.about-section-heading--center p:not(.about-eyebrow) {
  margin-inline: auto;
}

.about-section--positioning {
  position: relative;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.06) 0 1px, transparent 1px),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
  background-size: 5rem 5rem, auto;
}

.about-positioning {
  display: grid;
  gap: var(--site-space-10);
  align-items: start;
}

.about-positioning__points {
  display: grid;
  gap: var(--site-space-4);
}

.about-positioning__points article {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), transparent 46%),
    var(--site-color-white);
  box-shadow: 0 18px 38px -32px rgba(17, 24, 39, 0.42);
}

.about-positioning__points article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.28rem;
  background: linear-gradient(180deg, var(--about-blue), var(--about-teal));
}

.about-positioning__points span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  min-height: 2.1rem;
  margin-bottom: var(--site-space-4);
  border-radius: var(--site-radius-standard);
  background-color: var(--about-blue-soft);
  color: var(--about-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.about-positioning__points h3,
.about-team__structure h3,
.about-delivery-notes h3,
.about-principle h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.25;
}

.about-positioning__points p,
.about-team__structure p,
.about-delivery-notes p,
.about-principle p {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.6;
}

.about-section--executives {
  position: relative;
  background:
    linear-gradient(180deg, #FFFFFF 0%, #F3F7FF 100%);
}

.about-section--executives::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 14rem;
  background:
    linear-gradient(112deg, rgba(37, 99, 235, 0.07) 0 28%, transparent 28.2% 100%),
    linear-gradient(298deg, rgba(109, 40, 217, 0.06) 0 24%, transparent 24.2% 100%);
  pointer-events: none;
}

.about-section--executives > .site-container {
  position: relative;
  z-index: 1;
}

.about-executive-grid {
  display: grid;
  gap: var(--site-space-5);
}

.about-exec {
  --exec-accent: var(--about-blue);
  --exec-soft: var(--about-blue-soft);
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(145deg, var(--exec-soft) 0 26%, transparent 26.2% 100%),
    var(--site-color-white);
  box-shadow: 0 24px 54px -40px rgba(17, 24, 39, 0.52);
}

.about-exec::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 0.28rem;
  background: linear-gradient(90deg, var(--exec-accent), rgba(20, 184, 166, 0.78));
}

.about-exec--hassam {
  --exec-accent: #2563EB;
  --exec-soft: #EAF2FF;
}

.about-exec--sufyan {
  --exec-accent: #6D28D9;
  --exec-soft: #F3E8FF;
}

.about-exec--arsalan {
  --exec-accent: #0F766E;
  --exec-soft: #E6FFFA;
}

.about-exec__portrait {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(20, 184, 166, 0.08)),
    #E2E8F0;
}

.about-exec__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  filter: saturate(0.96) contrast(1.02);
}

.about-exec--hassam .about-exec__portrait img {
  object-position: center 30%;
}

.about-exec--sufyan .about-exec__portrait img {
  object-position: center 18%;
}

.about-exec--arsalan .about-exec__portrait img {
  object-position: center 40%;
}

.about-exec__body {
  display: grid;
  gap: var(--site-space-4);
  padding: var(--site-space-5);
}

.about-exec h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.16;
}

.about-exec__responsibility {
  position: relative;
  margin: calc(var(--site-space-2) * -1) 0 0;
  padding-left: var(--site-space-4);
  color: var(--exec-accent);
  font-weight: 800;
  line-height: 1.35;
}

.about-exec__responsibility::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0;
  width: 0.18rem;
  border-radius: 999px;
  background-color: var(--exec-accent);
}

.about-exec__section {
  padding-top: var(--site-space-4);
  border-top: 1px solid rgba(148, 163, 184, 0.26);
}

.about-exec__section h4 {
  margin: 0 0 var(--site-space-2);
  color: var(--site-text-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.about-exec__section p {
  margin: 0;
  color: var(--site-text-secondary);
  line-height: 1.64;
}

.about-section--team {
  position: relative;
  overflow: hidden;
  color: var(--site-color-white);
  background:
    linear-gradient(118deg, rgba(37, 99, 235, 0.2) 0 26%, transparent 26.2% 100%),
    linear-gradient(300deg, rgba(20, 184, 166, 0.18) 0 28%, transparent 28.2% 100%),
    linear-gradient(135deg, #061126 0%, #0B1D46 58%, #111936 100%);
}

.about-section--team::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(219, 234, 254, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(219, 234, 254, 0.05) 1px, transparent 1px);
  background-size: 4.5rem 4.5rem;
  opacity: 0.45;
}

.about-team {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-8);
  align-items: center;
}

.about-team__content {
  max-width: 45rem;
}

.about-team__content h2,
.about-final-cta__panel h2 {
  color: var(--site-color-white);
}

.about-team__content p:not(.about-eyebrow),
.about-final-cta__panel p:not(.about-eyebrow) {
  color: #D1D5DB;
}

.about-team__structure {
  display: grid;
  gap: var(--site-space-4);
}

.about-team__structure article {
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(219, 234, 254, 0.18);
  border-radius: var(--site-radius-standard);
  background: rgba(255, 255, 255, 0.08);
}

.about-team__structure h3 {
  color: var(--site-color-white);
}

.about-team__structure p {
  color: #DCEBFF;
}

.about-section--expertise {
  background:
    linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
}

.about-expertise-map {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: 1.5rem;
  padding: var(--site-space-5);
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(115deg, rgba(37, 99, 235, 0.18) 0 24%, transparent 24.2% 100%),
    linear-gradient(300deg, rgba(109, 40, 217, 0.16) 0 28%, transparent 28.2% 100%),
    linear-gradient(135deg, #07142F 0%, #0B1D46 58%, #102A43 100%);
  box-shadow: 0 26px 60px -42px rgba(17, 24, 39, 0.72);
}

.about-expertise-map::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(191, 219, 254, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191, 219, 254, 0.05) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
}

.about-expertise-map__connectors {
  display: none;
}

.about-expertise-map__connectors path {
  fill: none;
  stroke: rgba(94, 234, 212, 0.44);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.about-expertise-layer {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(219, 234, 254, 0.16);
  border-radius: var(--site-radius-standard);
  background: rgba(7, 20, 47, 0.78);
}

.about-expertise-layer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 0.24rem;
  background: var(--about-layer-accent, #93C5FD);
}

.about-expertise-layer--sectors {
  --about-layer-accent: linear-gradient(90deg, #93C5FD, #2563EB);
}

.about-expertise-layer--capability {
  --about-layer-accent: linear-gradient(90deg, #C4B5FD, #6D28D9);
}

.about-expertise-layer--delivery {
  --about-layer-accent: linear-gradient(90deg, #5EEAD4, #14B8A6);
}

.about-expertise-layer__heading {
  margin-bottom: var(--site-space-5);
}

.about-expertise-layer__heading span {
  display: inline-flex;
  margin-bottom: var(--site-space-2);
  color: #93C5FD;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
}

.about-expertise-layer h3 {
  margin: 0;
  color: var(--site-color-white);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
}

.about-expertise-tags {
  display: grid;
  gap: var(--site-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-expertise-tags li {
  position: relative;
  min-width: 0;
  padding: 0.7rem 0.8rem 0.7rem 2rem;
  border: 1px solid rgba(219, 234, 254, 0.13);
  border-radius: var(--site-radius-standard);
  background: rgba(255, 255, 255, 0.07);
  color: #EAF2FF;
  font-size: var(--site-text-sm);
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.about-expertise-tags li::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0.85rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: #5EEAD4;
  box-shadow: 0 0 0 0.25rem rgba(94, 234, 212, 0.12);
}

.about-section--delivery {
  background-color: var(--site-bg-soft);
}

.about-delivery-model {
  padding: var(--site-space-6);
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), transparent 38%),
    var(--site-color-white);
  box-shadow: 0 22px 50px -40px rgba(17, 24, 39, 0.42);
}

.about-delivery-chain {
  display: grid;
  gap: var(--site-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: delivery-step;
}

.about-delivery-chain li {
  counter-increment: delivery-step;
  position: relative;
  min-width: 0;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  padding: 0.85rem 1rem 0.85rem 3.2rem;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-color-white);
  color: var(--site-text-primary);
  font-weight: 800;
  line-height: 1.25;
}

.about-delivery-chain li::before {
  content: counter(delivery-step, decimal-leading-zero);
  position: absolute;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: var(--about-blue-soft);
  color: var(--about-blue);
  font-size: 0.75rem;
  font-weight: 800;
}

.about-delivery-chain span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.about-delivery-notes {
  display: grid;
  gap: var(--site-space-4);
  margin-top: var(--site-space-6);
  padding-top: var(--site-space-6);
  border-top: 1px solid rgba(148, 163, 184, 0.26);
}

.about-delivery-notes article {
  min-width: 0;
  padding-left: var(--site-space-4);
  border-left: 0.22rem solid rgba(37, 99, 235, 0.72);
}

.about-section--principles {
  background:
    linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
}

.about-principles {
  display: grid;
  gap: var(--site-space-5);
}

.about-principle {
  min-width: 0;
  padding-top: var(--site-space-4);
  border-top: 2px solid rgba(37, 99, 235, 0.3);
}

.about-principle:nth-child(2n) {
  border-top-color: rgba(109, 40, 217, 0.32);
}

.about-principle:nth-child(3n) {
  border-top-color: rgba(20, 184, 166, 0.36);
}

.about-final-cta {
  background:
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
}

.about-final-cta__panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--site-space-10);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(120deg, rgba(37, 99, 235, 0.22) 0 28%, transparent 28.2% 100%),
    linear-gradient(300deg, rgba(20, 184, 166, 0.16) 0 30%, transparent 30.2% 100%),
    linear-gradient(135deg, #061126 0%, #0B1D46 62%, #171047 100%);
  text-align: center;
  box-shadow: 0 26px 60px -42px rgba(17, 24, 39, 0.72);
}

.about-final-cta__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(219, 234, 254, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(219, 234, 254, 0.05) 1px, transparent 1px);
  background-size: 4rem 4rem;
}

.about-final-cta__panel p:not(.about-eyebrow) {
  max-width: 45rem;
  margin-inline: auto;
}

.about-final-cta__actions {
  justify-content: center;
}

@media (min-width: 640px) {
  .about-hero__actions,
  .about-final-cta__actions {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .about-exec {
    display: grid;
    grid-template-columns: minmax(15rem, 0.46fr) minmax(0, 1fr);
  }

  .about-exec__portrait {
    height: 100%;
    min-height: 22rem;
    aspect-ratio: auto;
  }

  .about-exec__body {
    align-content: start;
  }
}

@media (min-width: 760px) {
  .about-positioning__points,
  .about-delivery-notes,
  .about-principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .about-hero__layout {
    grid-template-columns: minmax(0, 0.96fr) minmax(22rem, 0.72fr);
  }

  .about-positioning {
    grid-template-columns: minmax(0, 0.92fr) minmax(24rem, 0.88fr);
  }

  .about-team {
    grid-template-columns: minmax(0, 0.86fr) minmax(24rem, 0.9fr);
  }

  .about-expertise-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem;
    min-height: 24rem;
  }

  .about-expertise-map__connectors {
    position: absolute;
    inset: var(--site-space-5);
    z-index: 0;
    display: block;
    width: calc(100% - (var(--site-space-5) * 2));
    height: calc(100% - (var(--site-space-5) * 2));
    pointer-events: none;
  }

  .about-expertise-layer {
    z-index: 1;
  }

  .about-delivery-chain {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
  }

  .about-delivery-chain li {
    align-items: flex-start;
    min-height: 6.5rem;
    padding: 3rem 0.85rem 0.95rem;
  }

  .about-delivery-chain li::before {
    top: 1rem;
    transform: none;
  }

  .about-delivery-chain li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 1.85rem;
    right: -0.65rem;
    z-index: 2;
    width: 0.92rem;
    height: 0.92rem;
    border-top: 2px solid rgba(37, 99, 235, 0.36);
    border-right: 2px solid rgba(37, 99, 235, 0.36);
    background-color: #FFFFFF;
    transform: rotate(45deg);
  }
}

@media (min-width: 960px) {
  .about-executive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .about-exec__body {
    grid-template-rows: auto auto 1fr auto;
  }
}

@media (min-width: 1080px) {
  .about-principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  .about-hero {
    padding-block: 4.5rem;
  }

  .about-hero__title {
    font-size: 3.05rem;
  }

  .about-hero__structure {
    min-height: 21rem;
  }

  .about-hero__node {
    max-width: 13rem;
  }

  .about-expertise-map {
    padding: var(--site-space-4);
  }
}

@media (max-width: 759px) {
  .about-team__structure,
  .about-positioning__points,
  .about-delivery-notes,
  .about-principles {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 639px) {
  .about-hero,
  .about-section,
  .about-final-cta {
    padding-block: 3.5rem;
  }

  .about-hero__layout {
    gap: var(--site-space-8);
  }

  .about-hero__title {
    max-width: none;
    font-size: 2.35rem;
    line-height: 1.05;
  }

  .about-hero__summary,
  .about-section-heading p:not(.about-eyebrow),
  .about-team__content p:not(.about-eyebrow),
  .about-final-cta__panel p:not(.about-eyebrow) {
    font-size: 1rem;
  }

  .about-section-heading h2,
  .about-team__content h2,
  .about-final-cta__panel h2 {
    font-size: 1.95rem;
  }

  .about-hero__actions .site-button,
  .about-final-cta__actions .site-button {
    width: 100%;
  }

  .about-hero__structure {
    display: grid;
    gap: var(--site-space-3);
    min-height: auto;
    padding: var(--site-space-4);
  }

  .about-hero__structure::before,
  .about-hero__structure::after,
  .about-hero__lines {
    display: none;
  }

  .about-hero__node {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 3.65rem;
    max-width: none;
    padding: 0.75rem 0.8rem;
    font-size: var(--site-text-sm);
  }

  .about-hero__node--leadership {
    top: auto;
    left: auto;
  }

  .about-hero__node--delivery {
    top: auto;
    right: auto;
  }

  .about-hero__node--oversight {
    bottom: auto;
    left: auto;
  }

  .about-exec__body,
  .about-positioning__points article,
  .about-team__structure article,
  .about-expertise-layer,
  .about-delivery-model,
  .about-final-cta__panel {
    padding: var(--site-space-4);
  }

  .about-exec h3 {
    font-size: 1.32rem;
  }

  .about-exec__portrait {
    aspect-ratio: 5 / 4;
  }

  .about-exec--hassam .about-exec__portrait img {
    object-position: center 26%;
  }

  .about-exec--sufyan .about-exec__portrait img {
    object-position: center 16%;
  }

  .about-exec--arsalan .about-exec__portrait img {
    object-position: center 38%;
  }

  .about-delivery-chain li {
    padding-right: 0.85rem;
  }
}

@media (max-width: 360px) {
  .about-hero__title {
    font-size: 2.1rem;
  }

  .about-section-heading h2,
  .about-team__content h2,
  .about-final-cta__panel h2 {
    font-size: 1.72rem;
  }

  .about-hero__structure {
    min-height: auto;
  }

  .about-hero__node {
    max-width: none;
    padding: 0.7rem;
  }
}

/* Case Studies page */
.case-studies-page,
.case-studies-page *,
.case-studies-page *::before,
.case-studies-page *::after {
  box-sizing: border-box;
}

.case-studies-page {
  --case-blue: var(--site-color-primary);
  --case-blue-dark: #123B89;
  --case-blue-soft: #EAF2FF;
  --case-violet: #6D28D9;
  --case-violet-soft: #F3E8FF;
  --case-amber: #D97706;
  --case-orange: #EA580C;
  --case-warm-soft: #FFF7ED;
  --case-ink: #07142F;
  --case-ink-soft: #13204B;
  --case-line-blue: rgba(37, 99, 235, 0.2);
  --case-line-violet: rgba(109, 40, 217, 0.22);
  --case-line-amber: rgba(217, 119, 6, 0.26);
  color: var(--site-text-secondary);
}

.case-studies-page main {
  overflow: hidden;
  background-color: var(--site-surface-base);
}

.case-studies-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--case-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.case-studies-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(4rem, 8vw, 6.5rem);
  color: var(--site-color-white);
  background:
    linear-gradient(115deg, rgba(37, 99, 235, 0.24) 0 22%, transparent 22.2% 100%),
    linear-gradient(295deg, rgba(109, 40, 217, 0.28) 0 30%, transparent 30.2% 100%),
    linear-gradient(135deg, #07142F 0%, #102A61 52%, #1A1144 100%);
}

.case-studies-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(180deg, #000 0%, transparent 82%);
}

.case-studies-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.case-studies-hero__content {
  max-width: 48rem;
}

.case-studies-hero .case-studies-eyebrow {
  color: #93C5FD;
}

.case-studies-hero h1 {
  max-width: 13ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.75rem;
  font-weight: 800;
  line-height: 1;
}

.case-studies-hero__summary {
  max-width: 43rem;
  margin: var(--site-space-6) 0 0;
  color: #DCEBFF;
  font-size: var(--site-text-lg);
  line-height: 1.65;
}

.case-studies-hero__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  margin-top: var(--site-space-8);
}

.case-studies-hero__actions .site-button--secondary {
  color: var(--site-color-white);
  border-color: rgba(255, 255, 255, 0.32);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.case-studies-hero__actions .site-button--secondary:hover {
  border-color: rgba(255, 255, 255, 0.55);
  background-color: rgba(255, 255, 255, 0.14);
}

.case-hero-system {
  position: relative;
  display: grid;
  grid-template-columns: 0.5rem 2.25rem minmax(0, 1fr);
  column-gap: var(--site-space-4);
  row-gap: var(--site-space-4);
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--site-radius-feature);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px -36px rgba(0, 0, 0, 0.65);
}

.case-hero-system__rail {
  position: relative;
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: stretch;
  justify-self: center;
  width: 2px;
  margin-block: var(--site-space-2);
  overflow: hidden;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.18);
}

.case-hero-system__rail span {
  display: block;
  width: 100%;
  height: 34%;
  border-radius: inherit;
  background: linear-gradient(180deg, #93C5FD, #C4B5FD, #93C5FD);
  animation: case-rail-flow 3.4s var(--site-ease-standard) infinite;
}

.case-hero-system__step {
  position: relative;
  display: grid;
  grid-column: 2 / -1;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  column-gap: var(--site-space-4);
  row-gap: var(--site-space-1);
  align-items: start;
  padding: var(--site-space-4);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.08);
}

.case-hero-system__step + .case-hero-system__step {
  margin-top: 0;
}

.case-hero-system__step span {
  grid-row: 1 / span 2;
  align-self: start;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(147, 197, 253, 0.55);
  border-radius: 999px;
  background-color: rgba(7, 20, 47, 0.94);
  color: #BFDBFE;
  font-size: var(--site-text-xs);
  font-weight: 800;
}

.case-hero-system__step strong {
  min-width: 0;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: var(--site-text-base);
  line-height: 1.2;
}

.case-hero-system__step small {
  min-width: 0;
  color: #D1D5DB;
  font-size: var(--site-text-sm);
  line-height: 1.5;
}

.case-hero-system__outcomes {
  grid-column: 3;
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-1) 0 0;
  padding: 0;
  list-style: none;
}

.case-hero-system__outcomes li {
  padding: var(--site-space-3) var(--site-space-4);
  border-left: 3px solid #93C5FD;
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.1);
  color: #EFF6FF;
  font-size: var(--site-text-sm);
  font-weight: 700;
}

.case-overview-section,
.case-project-section,
.case-capability-section,
.case-final-cta {
  padding-block: var(--site-section-padding-y);
}

.case-overview-section {
  background:
    linear-gradient(180deg, var(--site-surface-base) 0%, var(--site-bg-soft) 100%);
  border-bottom: 1px solid var(--site-border-default);
}

.case-section-heading {
  max-width: 50rem;
  margin-bottom: var(--site-space-10);
}

.case-section-heading h2,
.case-project h2,
.case-capability-map__hub strong,
.case-final-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.08;
}

.case-section-heading p:not(.case-studies-eyebrow) {
  max-width: 44rem;
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-lg);
  line-height: 1.6;
}

.case-overview-map {
  position: relative;
  display: grid;
  gap: var(--site-space-4);
}

.case-overview-map::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  bottom: 1.5rem;
  left: 1.25rem;
  width: 2px;
  background: linear-gradient(180deg, var(--case-blue), var(--case-violet), var(--case-amber));
}

.case-overview-project {
  position: relative;
  min-width: 0;
  display: grid;
  gap: var(--site-space-2);
  padding: var(--site-space-5) var(--site-space-5) var(--site-space-5) var(--site-space-12);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  color: var(--site-text-secondary);
  text-decoration: none;
  box-shadow: var(--site-shadow-sm);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.case-overview-project::before {
  content: "";
  position: absolute;
  top: 1.35rem;
  left: 0.73rem;
  width: 1.1rem;
  height: 1.1rem;
  border: 3px solid var(--site-surface-base);
  border-radius: 999px;
  background-color: var(--case-blue);
  box-shadow: 0 0 0 1px var(--case-line-blue);
}

.case-overview-project--umar::before {
  background-color: var(--case-violet);
}

.case-overview-project--prism::before {
  background-color: var(--case-amber);
}

.case-overview-project:hover {
  border-color: var(--site-border-strong);
  box-shadow: var(--site-shadow-md);
  transform: translateY(-2px);
}

.case-overview-project span {
  color: var(--site-text-muted);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.case-overview-project strong {
  color: var(--site-text-primary);
  font-family: var(--site-font-heading);
  font-size: var(--site-heading-sm);
  line-height: 1.15;
}

.case-overview-project small {
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  line-height: 1.45;
}

.case-project-section {
  position: relative;
}

.case-project-section--nexhealth {
  background:
    linear-gradient(115deg, rgba(37, 99, 235, 0.1) 0 24%, transparent 24.2% 100%),
    linear-gradient(180deg, #F8FBFF 0%, var(--site-surface-base) 100%);
}

.case-project-section--umar {
  background:
    linear-gradient(305deg, rgba(124, 58, 237, 0.26) 0 32%, transparent 32.2% 100%),
    linear-gradient(135deg, var(--case-ink) 0%, #111827 62%, #1B1247 100%);
}

.case-project-section--prism {
  background:
    linear-gradient(305deg, rgba(234, 88, 12, 0.14) 0 28%, transparent 28.2% 100%),
    linear-gradient(180deg, #FFFBEB 0%, var(--site-surface-base) 100%);
}

.case-project {
  display: grid;
  gap: var(--site-space-8);
  align-items: center;
}

.case-project__copy,
.case-project__visual {
  min-width: 0;
}

.case-project__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2);
  align-items: center;
  margin-bottom: var(--site-space-4);
}

.case-project__meta span,
.case-project__meta strong {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  font-size: var(--site-text-xs);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.case-project__meta span {
  border: 1px solid var(--site-border-default);
  background-color: rgba(var(--site-color-white-rgb), 0.72);
  color: var(--site-text-secondary);
}

.case-project__meta strong {
  border: 1px solid var(--case-line-blue);
  background-color: var(--case-blue-soft);
  color: var(--case-blue-dark);
}

.case-project__value {
  margin: var(--site-space-5) 0 0;
  color: var(--site-text-primary);
  font-size: var(--site-text-xl);
  font-weight: 700;
  line-height: 1.35;
}

.case-project__copy p:not(.case-project__value) {
  margin: var(--site-space-4) 0 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-base);
  line-height: 1.75;
}

.case-project__points {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-6) 0;
  padding: 0;
  list-style: none;
}

.case-project__points li {
  position: relative;
  min-width: 0;
  padding-left: var(--site-space-5);
  color: var(--site-text-secondary);
  line-height: 1.55;
}

.case-project__points li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background-color: var(--case-blue);
}

.case-project--umar h2,
.case-project--umar .case-project__value,
.case-project--umar .case-project__copy p:not(.case-project__value),
.case-project--umar .case-project__points li {
  color: var(--site-color-white);
}

.case-project--umar .case-project__copy p:not(.case-project__value),
.case-project--umar .case-project__points li {
  color: #D1D5DB;
}

.case-project--umar .case-project__meta span {
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(255, 255, 255, 0.08);
  color: #E5E7EB;
}

.case-project--umar .case-project__meta strong {
  border-color: rgba(196, 181, 253, 0.36);
  background-color: rgba(124, 58, 237, 0.18);
  color: #DDD6FE;
}

.case-project--umar .case-project__points li::before {
  background-color: #A78BFA;
}

.case-project--prism .case-project__meta strong {
  border-color: var(--case-line-amber);
  background-color: var(--site-color-amber-soft);
  color: #92400E;
}

.case-project--prism .case-project__points li::before {
  background-color: var(--case-amber);
}

.case-project__visual {
  position: relative;
}

.case-health-visual,
.case-umar-visual,
.case-prism-visual {
  position: relative;
  min-width: 0;
  border-radius: var(--site-radius-feature);
  box-shadow: var(--site-shadow-lg);
}

.case-health-visual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "core core"
    "patients appointments"
    "prescriptions billing"
    "clinical admin"
    "docs docs";
  gap: var(--site-space-3);
  padding: var(--site-space-5);
  border: 1px solid var(--case-line-blue);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(243, 232, 255, 0.82)),
    linear-gradient(115deg, rgba(37, 99, 235, 0.1) 0 35%, transparent 35.2% 100%);
}

.case-health-visual::before {
  content: "";
  position: absolute;
  inset: 2rem;
  border: 1px dashed rgba(37, 99, 235, 0.24);
  border-radius: var(--site-radius-feature);
  pointer-events: none;
}

.case-health-visual__core {
  position: relative;
  z-index: 1;
  grid-area: core;
  padding: var(--site-space-5);
  border: 1px solid rgba(37, 99, 235, 0.28);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.94), rgba(109, 40, 217, 0.92));
  color: var(--site-color-white);
  text-align: center;
}

.case-health-visual__core span {
  display: block;
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
}

.case-health-visual__core strong {
  display: block;
  margin-top: var(--site-space-1);
  font-family: var(--site-font-heading);
  font-size: var(--site-text-xl);
  line-height: 1.2;
}

.case-health-node {
  position: relative;
  z-index: 1;
  min-height: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--site-space-4);
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.84);
  color: var(--site-text-primary);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}

.case-health-node--patients {
  grid-area: patients;
}

.case-health-node--appointments {
  grid-area: appointments;
}

.case-health-node--prescriptions {
  grid-area: prescriptions;
}

.case-health-node--billing {
  grid-area: billing;
}

.case-health-node--clinical {
  grid-area: clinical;
}

.case-health-node--admin {
  grid-area: admin;
}

.case-health-documentation {
  position: relative;
  z-index: 1;
  grid-area: docs;
  display: grid;
  gap: var(--site-space-2);
  padding: var(--site-space-4);
  border: 1px solid var(--case-line-violet);
  border-radius: var(--site-radius-standard);
  background-color: rgba(243, 232, 255, 0.84);
}

.case-health-documentation span {
  position: relative;
  padding-left: var(--site-space-5);
  color: #3B0764;
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.case-health-documentation span::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 999px;
  background-color: var(--case-violet);
}

.case-umar-visual {
  display: grid;
  gap: var(--site-space-4);
  padding: var(--site-space-5);
  border: 1px solid rgba(196, 181, 253, 0.26);
  background:
    linear-gradient(305deg, rgba(124, 58, 237, 0.26) 0 36%, transparent 36.2% 100%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(17, 24, 39, 0.9));
}

.case-umar-visual__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2);
  align-items: baseline;
  justify-content: space-between;
  color: #E5E7EB;
}

.case-umar-visual__header span,
.case-umar-card span,
.case-umar-result span {
  font-size: var(--site-text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.case-umar-visual__header strong {
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  line-height: 1.2;
}

.case-umar-waveform {
  height: 7rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: var(--site-space-4);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.06);
}

.case-umar-waveform span {
  width: 100%;
  min-width: 0.35rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #93C5FD, #A78BFA);
  transform-origin: center;
  animation: case-umar-wave 2.6s var(--site-ease-standard) infinite;
}

.case-umar-waveform span:nth-child(1),
.case-umar-waveform span:nth-child(12) {
  height: 26%;
}

.case-umar-waveform span:nth-child(2),
.case-umar-waveform span:nth-child(11) {
  height: 48%;
  animation-delay: 120ms;
}

.case-umar-waveform span:nth-child(3),
.case-umar-waveform span:nth-child(10) {
  height: 66%;
  animation-delay: 240ms;
}

.case-umar-waveform span:nth-child(4),
.case-umar-waveform span:nth-child(9) {
  height: 38%;
  animation-delay: 360ms;
}

.case-umar-waveform span:nth-child(5),
.case-umar-waveform span:nth-child(8) {
  height: 78%;
  animation-delay: 480ms;
}

.case-umar-waveform span:nth-child(6),
.case-umar-waveform span:nth-child(7) {
  height: 54%;
  animation-delay: 600ms;
}

.case-umar-stack {
  display: grid;
  gap: var(--site-space-3);
}

.case-umar-card {
  min-width: 0;
  padding: var(--site-space-4);
  border: 1px solid rgba(196, 181, 253, 0.22);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.08);
}

.case-umar-card span {
  display: block;
  margin-bottom: var(--site-space-3);
  color: #C4B5FD;
}

.case-umar-card i {
  display: block;
  height: 0.45rem;
  border-radius: 999px;
  background-color: rgba(219, 234, 254, 0.68);
}

.case-umar-card i + i {
  margin-top: var(--site-space-2);
}

.case-umar-card i:nth-child(3) {
  width: 82%;
}

.case-umar-card i:nth-child(4) {
  width: 58%;
}

.case-umar-card b {
  display: inline-flex;
  margin: 0 var(--site-space-2) var(--site-space-2) 0;
  padding: 0.38rem 0.55rem;
  border-radius: 999px;
  background-color: rgba(147, 197, 253, 0.14);
  color: #DBEAFE;
  font-size: var(--site-text-xs);
  line-height: 1;
}

.case-umar-card strong {
  display: block;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  line-height: 1.25;
}

.case-umar-result {
  padding: var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.28);
  border-radius: var(--site-radius-standard);
  background-color: rgba(37, 99, 235, 0.16);
}

.case-umar-result strong {
  display: block;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 2rem;
  line-height: 1;
}

.case-umar-result span {
  display: block;
  margin-top: var(--site-space-2);
  color: #BFDBFE;
  line-height: 1.35;
}

.case-prism-visual {
  display: grid;
  gap: var(--site-space-4);
  padding: var(--site-space-5);
  border: 1px solid var(--case-line-amber);
  background:
    linear-gradient(115deg, rgba(37, 99, 235, 0.1) 0 32%, transparent 32.2% 100%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF7ED 100%);
}

.case-prism-model {
  position: relative;
  overflow: hidden;
  padding: var(--site-space-5);
  border-radius: var(--site-radius-standard);
  background: linear-gradient(135deg, var(--case-ink-soft), #281706);
  color: var(--site-color-white);
}

.case-prism-model::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 38%;
  background: linear-gradient(90deg, transparent, rgba(251, 191, 36, 0.28), transparent);
  animation: case-prism-scan 3.6s var(--site-ease-standard) infinite;
}

.case-prism-model span,
.case-prism-dashboard span,
.case-prism-scenarios span {
  display: block;
  font-size: var(--site-text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.case-prism-model span {
  position: relative;
  z-index: 1;
  color: #FDE68A;
}

.case-prism-model strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: var(--site-space-2);
  font-family: var(--site-font-heading);
  font-size: var(--site-text-xl);
  line-height: 1.2;
}

.case-prism-signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--site-space-3);
}

.case-prism-signals span {
  min-height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--site-space-3);
  border: 1px solid var(--case-line-amber);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.72);
  color: #92400E;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.case-prism-scenarios {
  display: grid;
  gap: var(--site-space-3);
}

.case-prism-scenarios div,
.case-prism-dashboard {
  min-width: 0;
  padding: var(--site-space-4);
  border: 1px solid var(--case-line-amber);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.78);
}

.case-prism-scenarios span,
.case-prism-dashboard span {
  color: var(--case-amber);
}

.case-prism-scenarios strong {
  display: block;
  margin-top: var(--site-space-2);
  color: var(--site-text-primary);
  font-family: var(--site-font-heading);
  line-height: 1.25;
}

.case-prism-dashboard i {
  display: block;
  height: 0.5rem;
  margin-top: var(--site-space-3);
  border-radius: 999px;
  background: linear-gradient(90deg, var(--case-amber), var(--case-orange));
}

.case-prism-dashboard i:nth-child(3) {
  width: 74%;
  background: linear-gradient(90deg, var(--case-blue), var(--case-amber));
}

.case-prism-dashboard i:nth-child(4) {
  width: 54%;
}

.case-capability-section {
  background:
    linear-gradient(180deg, var(--site-surface-base) 0%, var(--site-bg-soft) 100%);
}

.case-capability-layout {
  display: grid;
  gap: var(--site-space-8);
  align-items: center;
}

.case-capability-map {
  position: relative;
  --case-map-spine-space: var(--site-space-5);
  --case-map-spine-x: 0.625rem;
  min-width: 0;
  display: grid;
  gap: var(--site-space-4);
  padding: var(--site-space-5);
  overflow: hidden;
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-feature);
  background:
    linear-gradient(115deg, rgba(37, 99, 235, 0.08) 0 42%, transparent 42.2% 100%),
    linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);
  box-shadow: var(--site-shadow-sm);
}

.case-capability-map::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: var(--site-space-4);
  border: 1px dashed rgba(37, 99, 235, 0.22);
  border-radius: var(--site-radius-feature);
  pointer-events: none;
}

.case-capability-map__connectors {
  display: none;
  pointer-events: none;
}

.case-capability-map__connector {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.75;
  vector-effect: non-scaling-stroke;
}

.case-capability-map__connector--blue {
  stroke: rgba(37, 99, 235, 0.46);
}

.case-capability-map__connector--violet {
  stroke: rgba(109, 40, 217, 0.42);
}

.case-capability-map__connector--cyan {
  stroke: rgba(8, 145, 178, 0.42);
}

.case-capability-map__signal {
  opacity: 0.86;
}

.case-capability-map__signal--blue {
  fill: #2563EB;
}

.case-capability-map__signal--violet {
  fill: #7C3AED;
}

.case-capability-map__signal--cyan {
  fill: #0891B2;
}

.case-capability-map__hub {
  position: relative;
  z-index: 2;
  order: 2;
  max-width: none;
  margin-left: var(--case-map-spine-space);
  padding: var(--site-space-5);
  border-radius: var(--site-radius-standard);
  background: linear-gradient(135deg, var(--case-blue), var(--case-violet));
  text-align: center;
  box-shadow: var(--site-shadow-md);
}

.case-capability-map__hub::before {
  content: "";
  position: absolute;
  top: calc(var(--site-space-4) * -1);
  left: calc((var(--case-map-spine-space) - var(--case-map-spine-x)) * -1);
  width: calc(var(--case-map-spine-space) - var(--case-map-spine-x));
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(8, 145, 178, 0.48), rgba(37, 99, 235, 0.56));
}

.case-capability-map__hub span {
  display: block;
  color: #DBEAFE;
  font-size: var(--site-text-xs);
  font-weight: 800;
  text-transform: uppercase;
}

.case-capability-map__hub strong {
  display: block;
  margin-top: var(--site-space-1);
  color: var(--site-color-white);
  font-size: var(--site-text-xl);
}

.case-capability-map__nodes {
  position: relative;
  z-index: 2;
  order: 1;
  display: grid;
  gap: var(--site-space-3);
  margin: 0;
  padding: 0 0 0 var(--case-map-spine-space);
  list-style: none;
}

.case-capability-map__nodes::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: calc((var(--site-space-4) + 0.25rem) * -1);
  left: var(--case-map-spine-x);
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.5), rgba(109, 40, 217, 0.4), rgba(8, 145, 178, 0.46));
}

.case-capability-map__nodes li {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--site-space-3);
  align-items: center;
  min-width: 0;
  min-height: 6.35rem;
  padding: var(--site-space-4);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 36px -30px rgba(15, 23, 42, 0.65);
}

.case-capability-map__nodes li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc((var(--case-map-spine-space) - var(--case-map-spine-x)) * -1);
  width: calc(var(--case-map-spine-space) - var(--case-map-spine-x));
  height: 2px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.36);
  transform: translateY(-50%);
}

.case-capability-map__nodes span {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background-color: var(--case-blue-soft);
  color: var(--case-blue-dark);
  font-size: var(--site-text-xs);
  font-weight: 800;
}

.case-capability-map__nodes strong {
  min-width: 0;
  min-height: calc(3 * 1.35em);
  display: flex;
  align-items: center;
  color: var(--site-text-primary);
  font-size: var(--site-text-sm);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.case-capability-map__nodes li:nth-child(2n) span {
  background-color: var(--case-violet-soft);
  color: #4C1D95;
}

.case-capability-map__nodes li:nth-child(3n) span {
  background-color: var(--site-color-amber-soft);
  color: #92400E;
}

.case-final-cta {
  background:
    linear-gradient(115deg, rgba(147, 197, 253, 0.16) 0 26%, transparent 26.2% 100%),
    linear-gradient(135deg, #07142F 0%, #102A61 100%);
}

.case-final-cta__panel {
  max-width: 58rem;
  margin-inline: auto;
  text-align: center;
}

.case-final-cta__panel .case-studies-eyebrow {
  color: #93C5FD;
}

.case-final-cta__panel h2 {
  color: var(--site-color-white);
}

.case-final-cta__panel p {
  max-width: 44rem;
  margin: var(--site-space-4) auto 0;
  color: #DCEBFF;
  font-size: var(--site-text-lg);
  line-height: 1.6;
}

.case-final-cta__needs {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-8) 0;
  padding: 0;
  list-style: none;
}

.case-final-cta__needs li {
  padding: var(--site-space-3) var(--site-space-4);
  border: 1px solid rgba(147, 197, 253, 0.22);
  border-radius: var(--site-radius-standard);
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--site-color-white);
  font-weight: 700;
}

@keyframes case-rail-flow {
  0% {
    transform: translateY(-110%);
  }

  100% {
    transform: translateY(310%);
  }
}

@keyframes case-umar-wave {
  0%,
  100% {
    transform: scaleY(0.78);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes case-prism-scan {
  0% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(280%);
  }
}

@media (min-width: 640px) {
  .case-studies-hero__actions,
  .case-final-cta__needs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-studies-hero__actions {
    flex-direction: row;
    align-items: center;
  }

  .case-umar-stack,
  .case-prism-scenarios {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 700px) {
  .case-capability-map {
    --case-map-node-height: 6.75rem;
    display: block;
    min-height: 27rem;
    padding: var(--site-space-5);
  }

  .case-capability-map__connectors {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
  }

  .case-capability-map__hub {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: min(46%, 17rem);
    max-width: 17rem;
    margin: 0;
    padding: var(--site-space-5);
    transform: translate(-50%, -50%);
  }

  .case-capability-map__hub::before,
  .case-capability-map__nodes::before,
  .case-capability-map__nodes li::before {
    display: none;
  }

  .case-capability-map__nodes {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
  }

  .case-capability-map__nodes li {
    position: absolute;
    z-index: 2;
    width: clamp(9.875rem, 27%, 12.25rem);
    height: var(--case-map-node-height);
    min-height: var(--case-map-node-height);
    padding: var(--site-space-3);
  }

  .case-capability-map__nodes span {
    align-self: center;
  }

  .case-capability-map__nodes li:nth-child(1) {
    top: var(--site-space-4);
    left: var(--site-space-4);
  }

  .case-capability-map__nodes li:nth-child(2) {
    top: var(--site-space-4);
    left: 50%;
    transform: translateX(-50%);
  }

  .case-capability-map__nodes li:nth-child(3) {
    top: var(--site-space-4);
    right: var(--site-space-4);
  }

  .case-capability-map__nodes li:nth-child(4) {
    bottom: var(--site-space-4);
    left: var(--site-space-4);
  }

  .case-capability-map__nodes li:nth-child(5) {
    bottom: var(--site-space-4);
    left: 50%;
    transform: translateX(-50%);
  }

  .case-capability-map__nodes li:nth-child(6) {
    right: var(--site-space-4);
    bottom: var(--site-space-4);
  }
}

@media (min-width: 760px) {
  .case-studies-hero h1 {
    font-size: 3.5rem;
  }

  .case-section-heading h2,
  .case-project h2,
  .case-final-cta__panel h2 {
    font-size: 2.5rem;
  }

  .case-overview-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .case-overview-map::before {
    top: 50%;
    bottom: auto;
    left: 1.5rem;
    right: 1.5rem;
    width: auto;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, var(--case-blue), var(--case-violet), var(--case-amber));
  }

  .case-overview-project {
    padding: var(--site-space-5);
  }

  .case-overview-project::before {
    top: -0.55rem;
    left: var(--site-space-5);
  }

  .case-final-cta__needs {
    display: grid;
  }
}

@media (min-width: 900px) {
  .case-studies-hero__layout,
  .case-project {
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 31rem);
  }

  .case-studies-hero h1 {
    font-size: 4.5rem;
  }

  .case-project--umar {
    grid-template-columns: minmax(22rem, 31rem) minmax(0, 1fr);
  }

  .case-health-visual,
  .case-umar-visual,
  .case-prism-visual {
    min-height: 34rem;
  }

  .case-health-visual {
    align-content: center;
  }

}

@media (min-width: 1080px) {
  .case-project {
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 35rem);
  }

  .case-project--umar {
    grid-template-columns: minmax(28rem, 35rem) minmax(0, 1fr);
  }

  .case-capability-layout {
    grid-template-columns: minmax(0, 0.8fr) minmax(34rem, 1.2fr);
  }
}

@media (max-width: 639px) {
  .case-studies-hero {
    padding-block: 4rem;
  }

  .case-studies-hero h1 {
    max-width: none;
    font-size: 2.5rem;
  }

  .case-section-heading h2,
  .case-project h2,
  .case-final-cta__panel h2 {
    font-size: 2rem;
  }

  .case-studies-hero__actions .site-button,
  .case-project .site-button,
  .case-final-cta__panel .site-button {
    width: 100%;
  }

  .case-hero-system,
  .case-health-visual,
  .case-umar-visual,
  .case-prism-visual,
  .case-capability-map {
    padding: var(--site-space-4);
  }

  .case-hero-system {
    grid-template-columns: 0.4rem 2rem minmax(0, 1fr);
    column-gap: var(--site-space-3);
  }

  .case-hero-system__step {
    grid-template-columns: 2rem minmax(0, 1fr);
    column-gap: var(--site-space-3);
    padding: var(--site-space-3);
  }

  .case-hero-system__step span {
    width: 2rem;
    height: 2rem;
  }

  .case-health-visual {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "core"
      "patients"
      "appointments"
      "prescriptions"
      "billing"
      "clinical"
      "admin"
      "docs";
  }

  .case-prism-signals {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-hero-system__rail span,
  .case-umar-waveform span,
  .case-prism-model::after {
    animation: none;
  }

  .case-capability-map__signal {
    display: none;
  }

  .case-overview-project:hover,
  .case-studies-page .site-button:hover,
  .case-studies-page .cta-button:hover {
    transform: none;
  }
}

/* NexHealth case study */
.nexhealth-case-study-page,
.nexhealth-case-study-page *,
.nexhealth-case-study-page *::before,
.nexhealth-case-study-page *::after {
  box-sizing: border-box;
}

.nexhealth-case-study-page {
  --nexhealth-blue: var(--site-color-primary);
  --nexhealth-blue-dark: #123B89;
  --nexhealth-blue-soft: #EAF2FF;
  --nexhealth-violet: #6D28D9;
  --nexhealth-violet-soft: #F3E8FF;
  --nexhealth-ink: #0B1636;
  --nexhealth-ink-soft: #16244D;
  --nexhealth-line: rgba(37, 99, 235, 0.18);
  color: var(--site-text-secondary);
  background-color: var(--site-bg-base);
}

.nexhealth-case-study-page main {
  overflow-x: clip;
  background-color: var(--site-bg-base);
}

.nexhealth-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--nexhealth-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.nexhealth-hero {
  position: relative;
  overflow: hidden;
  padding-block: 4.75rem;
  color: var(--site-color-white);
  background:
    linear-gradient(135deg, rgba(109, 40, 217, 0.22) 0%, transparent 34%),
    linear-gradient(140deg, #07152F 0%, #0E3473 58%, #172554 100%);
}

.nexhealth-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.12) 1px, transparent 1px),
    linear-gradient(135deg, transparent 0%, transparent 56%, rgba(124, 58, 237, 0.16) 56%, rgba(124, 58, 237, 0.16) 67%, transparent 67%);
  background-position: center;
  background-size: 3rem 3rem, 3rem 3rem, 100% 100%;
  opacity: 0.78;
  pointer-events: none;
}

.nexhealth-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.nexhealth-hero__content {
  max-width: 48rem;
}

.nexhealth-hero .nexhealth-eyebrow {
  color: #BFDBFE;
}

.nexhealth-hero h1 {
  max-width: 14ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.02;
}

.nexhealth-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: #DBEAFE;
  font-size: 1.125rem;
  line-height: 1.68;
}

.nexhealth-hero__meta {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-8) 0 0;
}

.nexhealth-hero__meta div {
  min-width: 0;
  padding: var(--site-space-4);
  border: 1px solid rgba(191, 219, 254, 0.28);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
}

.nexhealth-hero__meta dt {
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.nexhealth-hero__meta dd {
  margin: var(--site-space-1) 0 0;
  color: var(--site-color-white);
  font-weight: 700;
  line-height: 1.45;
}

.nexhealth-hero-visual {
  min-width: 0;
}

.nexhealth-system-map {
  position: relative;
  display: grid;
  gap: var(--site-space-4);
  min-height: 25rem;
  align-content: center;
  padding: var(--site-space-4);
}

.nexhealth-system-map::before {
  content: "";
  position: absolute;
  inset: 2.5rem 1.5rem;
  border: 1px solid rgba(147, 197, 253, 0.26);
  background:
    linear-gradient(90deg, transparent 0 46%, rgba(147, 197, 253, 0.34) 46% 54%, transparent 54%),
    linear-gradient(transparent 0 46%, rgba(147, 197, 253, 0.34) 46% 54%, transparent 54%);
  opacity: 0.9;
}

.nexhealth-system-map__node {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.28);
  border-radius: var(--site-radius-standard);
  background-color: rgba(7, 21, 47, 0.78);
  box-shadow: 0 18px 38px -30px rgba(15, 23, 42, 0.9);
}

.nexhealth-system-map__node--primary {
  border-color: rgba(191, 219, 254, 0.56);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(109, 40, 217, 0.72));
}

.nexhealth-system-map__node span {
  display: block;
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-weight: 800;
  line-height: 1.2;
}

.nexhealth-system-map__node small {
  display: block;
  margin-top: var(--site-space-2);
  color: #DBEAFE;
  font-size: var(--site-text-sm);
  line-height: 1.45;
}

.nexhealth-section {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-surface-base);
}

.nexhealth-section--soft,
.nexhealth-summary-section {
  background:
    linear-gradient(180deg, #F8FBFF 0%, #F3F7FD 100%);
}

.nexhealth-summary,
.nexhealth-two-column,
.nexhealth-workflow-header,
.nexhealth-considerations-layout,
.nexhealth-outcome-layout {
  display: grid;
  gap: var(--site-space-8);
}

.nexhealth-summary__intro,
.nexhealth-section-heading,
.nexhealth-two-column > div:first-child,
.nexhealth-workflow-header > div,
.nexhealth-considerations-layout > div:first-child,
.nexhealth-outcome-card {
  max-width: 48rem;
}

.nexhealth-summary h2,
.nexhealth-two-column h2,
.nexhealth-section-heading h2,
.nexhealth-workflow-header h2,
.nexhealth-considerations-layout h2,
.nexhealth-outcome-card h2,
.nexhealth-related-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.12;
}

.nexhealth-summary__body,
.nexhealth-copy-stack {
  display: grid;
  gap: var(--site-space-4);
}

.nexhealth-summary__body p,
.nexhealth-copy-stack p,
.nexhealth-section-heading p:not(.nexhealth-eyebrow),
.nexhealth-workflow-header > p,
.nexhealth-considerations-layout > div:first-child p:not(.nexhealth-eyebrow),
.nexhealth-outcome-card p:not(.nexhealth-eyebrow),
.nexhealth-related-cta__panel p:not(.nexhealth-eyebrow) {
  margin: 0;
  color: var(--site-text-secondary);
  font-size: 1.0625rem;
  line-height: 1.68;
}

.nexhealth-section-heading p:not(.nexhealth-eyebrow),
.nexhealth-considerations-layout > div:first-child p:not(.nexhealth-eyebrow),
.nexhealth-outcome-card p:not(.nexhealth-eyebrow),
.nexhealth-related-cta__panel p:not(.nexhealth-eyebrow) {
  margin-top: var(--site-space-4);
}

.nexhealth-fact-grid {
  display: grid;
  gap: 0;
  margin: var(--site-space-10) 0 0;
  border-top: 1px solid var(--site-border-default);
  border-bottom: 1px solid var(--site-border-default);
}

.nexhealth-fact-grid div {
  min-width: 0;
  padding: var(--site-space-5) 0;
  border-bottom: 1px solid var(--site-border-default);
}

.nexhealth-fact-grid div:last-child {
  border-bottom: 0;
}

.nexhealth-fact-grid dt {
  color: var(--site-text-muted);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.nexhealth-fact-grid dd {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-primary);
  font-weight: 800;
  line-height: 1.45;
}

.nexhealth-delivery-grid {
  display: grid;
  gap: var(--site-space-5);
  margin-top: var(--site-space-10);
}

.nexhealth-delivery-card,
.nexhealth-consideration {
  min-width: 0;
  min-height: 100%;
  padding: var(--site-space-6);
  border: 1px solid var(--site-border-default);
  border-top: 4px solid var(--nexhealth-blue);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.nexhealth-delivery-card:nth-child(2n),
.nexhealth-consideration:nth-child(2n) {
  border-top-color: var(--nexhealth-violet);
}

.nexhealth-delivery-card:hover,
.nexhealth-consideration:hover {
  border-color: var(--site-border-strong);
  box-shadow: var(--site-shadow-md);
  transform: translateY(-2px);
}

.nexhealth-delivery-card span {
  display: inline-flex;
  margin-bottom: var(--site-space-4);
  color: var(--nexhealth-blue);
  font-weight: 800;
}

.nexhealth-delivery-card:nth-child(2n) span {
  color: var(--nexhealth-violet);
}

.nexhealth-delivery-card h3,
.nexhealth-consideration h3,
.nexhealth-workflow-step h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.25;
}

.nexhealth-delivery-card p,
.nexhealth-consideration p,
.nexhealth-workflow-step p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.6;
}

.nexhealth-workflow-section {
  position: relative;
  overflow: hidden;
  color: var(--site-color-white);
  background:
    linear-gradient(145deg, rgba(37, 99, 235, 0.22) 0%, transparent 42%),
    linear-gradient(180deg, var(--nexhealth-ink) 0%, #111827 100%);
}

.nexhealth-workflow-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.12) 1px, transparent 1px);
  background-size: 3.25rem 3.25rem;
  opacity: 0.42;
  pointer-events: none;
}

.nexhealth-workflow-section .site-container {
  position: relative;
  z-index: 1;
}

.nexhealth-workflow-section .nexhealth-eyebrow {
  color: #BFDBFE;
}

.nexhealth-workflow-header h2,
.nexhealth-workflow-header > p,
.nexhealth-workflow-step h3 {
  color: var(--site-color-white);
}

.nexhealth-workflow-header > p,
.nexhealth-workflow-step p {
  color: #D1D5DB;
}

.nexhealth-workflow {
  display: grid;
  gap: var(--site-space-5);
  margin: var(--site-space-10) 0 0;
  padding: 0;
  list-style: none;
}

.nexhealth-workflow-step {
  position: relative;
  min-width: 0;
  padding: var(--site-space-6);
  border: 1px solid rgba(191, 219, 254, 0.24);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
}

.nexhealth-workflow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 2rem;
  width: 2px;
  height: var(--site-space-5);
  background: linear-gradient(180deg, #93C5FD, #C4B5FD, #93C5FD);
  transform-origin: top;
  animation: nexhealth-connector-pulse 3s var(--site-ease-standard) infinite;
}

.nexhealth-workflow-step__icon {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.38);
  border-radius: var(--site-radius-standard);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.68), rgba(109, 40, 217, 0.42));
}

.nexhealth-workflow-step__icon span,
.nexhealth-workflow-step__icon span::before,
.nexhealth-workflow-step__icon span::after {
  position: absolute;
  display: block;
  content: "";
}

.nexhealth-workflow-step__icon span {
  width: 1.1rem;
  height: 1.1rem;
  border: 2px solid var(--site-color-white);
  border-radius: 50%;
}

.nexhealth-workflow-step__icon span::before {
  top: 0.95rem;
  left: 0.72rem;
  width: 0.65rem;
  height: 2px;
  background-color: var(--site-color-white);
  transform: rotate(45deg);
  transform-origin: left center;
}

.nexhealth-workflow-step__icon--wave span {
  width: 1.45rem;
  height: 1rem;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, var(--site-color-white) 0 2px, transparent 2px 5px, var(--site-color-white) 5px 7px, transparent 7px 10px, var(--site-color-white) 10px 12px, transparent 12px 15px, var(--site-color-white) 15px 17px);
}

.nexhealth-workflow-step__icon--wave span::before,
.nexhealth-workflow-step__icon--wave span::after {
  display: none;
}

.nexhealth-workflow-step__icon--review span {
  width: 1.45rem;
  height: 0.8rem;
  border: 0;
  border-left: 3px solid var(--site-color-white);
  border-bottom: 3px solid var(--site-color-white);
  border-radius: 0;
  transform: rotate(-45deg);
}

.nexhealth-workflow-step__icon--review span::before,
.nexhealth-workflow-step__icon--review span::after {
  display: none;
}

.nexhealth-workflow-step__icon--note span {
  width: 1.25rem;
  height: 1.5rem;
  border: 2px solid var(--site-color-white);
  border-radius: 0.2rem;
}

.nexhealth-workflow-step__icon--note span::before,
.nexhealth-workflow-step__icon--note span::after {
  left: 0.25rem;
  width: 0.55rem;
  height: 2px;
  background-color: var(--site-color-white);
  transform: none;
}

.nexhealth-workflow-step__icon--note span::before {
  top: 0.4rem;
}

.nexhealth-workflow-step__icon--note span::after {
  top: 0.8rem;
}

.nexhealth-workflow-caption {
  margin: var(--site-space-6) 0 0;
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-align: center;
}

.nexhealth-platform-visual {
  position: relative;
  display: grid;
  gap: var(--site-space-6);
  margin-top: var(--site-space-10);
}

.nexhealth-platform-visual::before {
  content: "";
  position: absolute;
  inset: 5rem 1.5rem 2rem;
  border: 1px solid rgba(147, 197, 253, 0.2);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(147, 197, 253, 0.28) 49.8% 50.2%, transparent 50.2%),
    linear-gradient(transparent 0 49.8%, rgba(147, 197, 253, 0.18) 49.8% 50.2%, transparent 50.2%);
  pointer-events: none;
}

.nexhealth-platform-visual__core {
  position: relative;
  z-index: 1;
  width: min(100%, 28rem);
  margin-inline: auto;
  padding: var(--site-space-6);
  border: 1px solid rgba(191, 219, 254, 0.46);
  border-radius: var(--site-radius-standard);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.88), rgba(109, 40, 217, 0.66));
  box-shadow: 0 24px 48px -34px rgba(15, 23, 42, 0.9);
  text-align: center;
}

.nexhealth-platform-visual__core span,
.nexhealth-platform-visual__core strong,
.nexhealth-platform-visual__core small {
  display: block;
}

.nexhealth-platform-visual__core span {
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.nexhealth-platform-visual__core strong {
  margin-top: var(--site-space-2);
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.6rem;
  line-height: 1.1;
}

.nexhealth-platform-visual__core small {
  margin-top: var(--site-space-3);
  color: #DBEAFE;
  font-size: var(--site-text-sm);
  line-height: 1.45;
}

.nexhealth-platform-visual__capabilities {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-4);
}

.nexhealth-platform-capability {
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.24);
  border-top: 4px solid #93C5FD;
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
}

.nexhealth-platform-capability:nth-child(2n) {
  border-top-color: #C4B5FD;
}

.nexhealth-platform-capability h3 {
  margin: 0;
  color: var(--site-color-white);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
}

.nexhealth-platform-capability p {
  margin: var(--site-space-3) 0 0;
  color: #D1D5DB;
  line-height: 1.58;
}

.nexhealth-platform-capability--documentation {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(109, 40, 217, 0.12)),
    rgba(var(--site-color-white-rgb), 0.08);
}

.nexhealth-documentation-flow {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-5) 0 0;
  padding: 0;
  list-style: none;
}

.nexhealth-documentation-flow li {
  position: relative;
  min-width: 0;
  padding: var(--site-space-3);
  border: 1px solid rgba(191, 219, 254, 0.22);
  border-radius: var(--site-radius-standard);
  background-color: rgba(7, 21, 47, 0.45);
  color: #EFF6FF;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.3;
}

.nexhealth-documentation-flow li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 1.25rem;
  width: 2px;
  height: var(--site-space-3);
  background-color: rgba(191, 219, 254, 0.55);
}

.nexhealth-considerations-section {
  color: var(--site-color-white);
  background:
    linear-gradient(135deg, #111827 0%, var(--nexhealth-ink-soft) 100%);
}

.nexhealth-considerations-section .nexhealth-eyebrow {
  color: #BFDBFE;
}

.nexhealth-considerations-section h2,
.nexhealth-considerations-section .nexhealth-consideration h3 {
  color: var(--site-color-white);
}

.nexhealth-considerations-section .nexhealth-considerations-layout > div:first-child p:not(.nexhealth-eyebrow),
.nexhealth-considerations-section .nexhealth-consideration p {
  color: #D1D5DB;
}

.nexhealth-considerations {
  display: grid;
  gap: var(--site-space-4);
}

.nexhealth-consideration {
  border-color: rgba(203, 213, 225, 0.24);
  background-color: rgba(var(--site-color-white-rgb), 0.06);
}

.nexhealth-outcome-card {
  padding: var(--site-space-8);
  border-left: 4px solid var(--nexhealth-blue);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.nexhealth-outcome-list {
  display: grid;
  gap: var(--site-space-4);
  align-content: start;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nexhealth-outcome-list li {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5) var(--site-space-5) var(--site-space-5) var(--site-space-10);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  color: var(--site-text-secondary);
  box-shadow: var(--site-shadow-sm);
}

.nexhealth-outcome-list li::before {
  content: "";
  position: absolute;
  top: 1.55rem;
  left: var(--site-space-5);
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background-color: var(--nexhealth-blue);
  box-shadow: 0 0 0 0.35rem rgba(37, 99, 235, 0.12);
}

.nexhealth-related-cta {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-surface-base);
}

.nexhealth-related-cta__panel {
  padding: var(--site-space-8);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(109, 40, 217, 0.1) 100%),
    var(--site-surface-base);
  border: 1px solid var(--site-border-default);
  box-shadow: var(--site-shadow-sm);
  text-align: center;
}

.nexhealth-related-cta__panel p:not(.nexhealth-eyebrow) {
  max-width: 42rem;
  margin-inline: auto;
}

.nexhealth-related-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@keyframes nexhealth-connector-pulse {
  0%,
  100% {
    opacity: 0.42;
  }

  50% {
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .nexhealth-hero__meta,
  .nexhealth-fact-grid,
  .nexhealth-related-cta__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nexhealth-related-cta__actions {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, auto);
    align-items: center;
  }
}

@media (min-width: 760px) {
  .nexhealth-delivery-grid,
  .nexhealth-considerations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nexhealth-fact-grid div {
    padding: var(--site-space-5);
    border-right: 1px solid var(--site-border-default);
  }

  .nexhealth-fact-grid div:nth-child(2n) {
    border-right: 0;
  }

  .nexhealth-fact-grid div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (min-width: 900px) {
  .nexhealth-hero {
    padding-block: 6rem;
  }

  .nexhealth-hero__layout {
    grid-template-columns: minmax(0, 1.04fr) minmax(22rem, 0.96fr);
  }

  .nexhealth-hero h1 {
    font-size: 4rem;
  }

  .nexhealth-system-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 30rem;
  }

  .nexhealth-system-map__node--primary {
    grid-column: span 2;
  }

  .nexhealth-summary,
  .nexhealth-two-column,
  .nexhealth-workflow-header,
  .nexhealth-considerations-layout,
  .nexhealth-outcome-layout {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    align-items: start;
  }

  .nexhealth-summary h2,
  .nexhealth-two-column h2,
  .nexhealth-section-heading h2,
  .nexhealth-workflow-header h2,
  .nexhealth-considerations-layout h2,
  .nexhealth-outcome-card h2,
  .nexhealth-related-cta__panel h2 {
    font-size: 2.35rem;
  }

  .nexhealth-delivery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nexhealth-workflow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .nexhealth-platform-visual__capabilities {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nexhealth-platform-capability--documentation {
    grid-column: span 2;
  }

  .nexhealth-documentation-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .nexhealth-documentation-flow li:not(:last-child)::after {
    top: 50%;
    left: 100%;
    width: var(--site-space-3);
    height: 2px;
    transform: translateY(-50%);
  }

  .nexhealth-workflow-step:not(:last-child)::after {
    top: calc(var(--site-space-6) + 1.375rem);
    left: 100%;
    width: var(--site-space-5);
    height: 2px;
  }
}

@media (min-width: 1080px) {
  .nexhealth-hero h1 {
    font-size: 4.25rem;
  }

  .nexhealth-fact-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .nexhealth-fact-grid div,
  .nexhealth-fact-grid div:nth-child(2n) {
    border-right: 1px solid var(--site-border-default);
    border-bottom: 0;
  }

  .nexhealth-fact-grid div:last-child {
    border-right: 0;
  }
}

@media (max-width: 639px) {
  .nexhealth-hero {
    padding-block: 4rem;
  }

  .nexhealth-hero h1 {
    font-size: 2.35rem;
  }

  .nexhealth-summary h2,
  .nexhealth-two-column h2,
  .nexhealth-section-heading h2,
  .nexhealth-workflow-header h2,
  .nexhealth-considerations-layout h2,
  .nexhealth-outcome-card h2,
  .nexhealth-related-cta__panel h2 {
    font-size: 1.85rem;
  }

  .nexhealth-system-map {
    min-height: auto;
    padding-inline: 0;
  }

  .nexhealth-outcome-card,
  .nexhealth-related-cta__panel,
  .nexhealth-delivery-card,
  .nexhealth-consideration,
  .nexhealth-workflow-step {
    padding: var(--site-space-5);
  }

  .nexhealth-related-cta__actions .site-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nexhealth-workflow-step:not(:last-child)::after {
    animation: none;
  }

  .nexhealth-delivery-card:hover,
  .nexhealth-consideration:hover {
    transform: none;
  }
}

/* UMAR case study */
.umar-case-study-page,
.umar-case-study-page *,
.umar-case-study-page *::before,
.umar-case-study-page *::after {
  box-sizing: border-box;
}

.umar-case-study-page {
  --umar-blue: var(--site-color-primary);
  --umar-blue-dark: #0A2E73;
  --umar-blue-soft: #EAF2FF;
  --umar-violet: #7C3AED;
  --umar-violet-soft: #F5F3FF;
  --umar-ink: #07142F;
  --umar-ink-soft: #13204B;
  --umar-line: rgba(37, 99, 235, 0.18);
  --umar-panel: #F7FAFF;
  color: var(--site-text-secondary);
  background-color: var(--site-bg-base);
}

.umar-case-study-page main {
  overflow-x: clip;
  background-color: var(--site-bg-base);
}

.umar-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--umar-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.umar-hero {
  position: relative;
  overflow: hidden;
  padding-block: 4.75rem;
  color: var(--site-color-white);
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.24) 0%, transparent 34%),
    linear-gradient(140deg, #06122B 0%, #0B3479 56%, #151F4F 100%);
}

.umar-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.13) 1px, transparent 1px),
    linear-gradient(125deg, transparent 0%, transparent 53%, rgba(124, 58, 237, 0.16) 53%, rgba(124, 58, 237, 0.16) 65%, transparent 65%);
  background-position: center;
  background-size: 3rem 3rem, 3rem 3rem, 100% 100%;
  opacity: 0.76;
  pointer-events: none;
}

.umar-hero::after {
  content: "";
  position: absolute;
  inset: auto -10% 0;
  height: 7rem;
  background:
    linear-gradient(90deg, transparent 0 4%, rgba(191, 219, 254, 0.18) 4% 5%, transparent 5% 9%, rgba(196, 181, 253, 0.18) 9% 10%, transparent 10% 14%, rgba(191, 219, 254, 0.18) 14% 15%, transparent 15% 100%);
  opacity: 0.44;
  pointer-events: none;
}

.umar-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.umar-hero__content {
  max-width: 48rem;
}

.umar-hero .umar-eyebrow {
  color: #BFDBFE;
}

.umar-hero h1 {
  max-width: 16ch;
  margin: 0;
  color: var(--site-color-white);
  font-size: 2.45rem;
  font-weight: 800;
  line-height: 1.03;
  overflow-wrap: break-word;
}

.umar-hero__summary {
  max-width: 44rem;
  margin: var(--site-space-6) 0 0;
  color: #DBEAFE;
  font-size: 1.125rem;
  line-height: 1.68;
}

.umar-hero__meta {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-8) 0 0;
}

.umar-hero__meta div {
  min-width: 0;
  padding: var(--site-space-4);
  border: 1px solid rgba(191, 219, 254, 0.3);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
}

.umar-hero__meta dt {
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.umar-hero__meta dd {
  margin: var(--site-space-1) 0 0;
  color: var(--site-color-white);
  font-weight: 700;
  line-height: 1.45;
}

.umar-hero-visual {
  min-width: 0;
}

.umar-signal-visual {
  position: relative;
  display: grid;
  gap: var(--site-space-4);
  min-height: 27rem;
  padding: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.3);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.26), rgba(124, 58, 237, 0.18)),
    rgba(7, 20, 47, 0.78);
  box-shadow: 0 28px 58px -38px rgba(0, 0, 0, 0.9);
  overflow: hidden;
}

.umar-signal-visual::before {
  content: "";
  position: absolute;
  inset: var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.22);
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(191, 219, 254, 0.24) 49.8% 50.2%, transparent 50.2%),
    linear-gradient(transparent 0 49.8%, rgba(191, 219, 254, 0.14) 49.8% 50.2%, transparent 50.2%);
  pointer-events: none;
}

.umar-signal-visual__header,
.umar-waveform,
.umar-transcript-card,
.umar-score-card,
.umar-review-card {
  position: relative;
  z-index: 1;
}

.umar-signal-visual__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2);
  align-items: center;
  justify-content: space-between;
}

.umar-signal-visual__header span {
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.umar-signal-visual__header strong {
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.15rem;
  line-height: 1.2;
}

.umar-waveform {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  justify-content: center;
  min-height: 8.25rem;
  padding: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.24);
  border-radius: var(--site-radius-standard);
  background-color: rgba(7, 20, 47, 0.58);
}

.umar-waveform span {
  width: 0.42rem;
  min-height: 1.35rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #C4B5FD, #93C5FD);
  transform-origin: center;
  animation: umar-wave-breathe 2.8s var(--site-ease-standard) infinite;
}

.umar-waveform span:nth-child(1),
.umar-waveform span:nth-child(12) {
  height: 2.1rem;
}

.umar-waveform span:nth-child(2),
.umar-waveform span:nth-child(10) {
  height: 3.4rem;
  animation-delay: 120ms;
}

.umar-waveform span:nth-child(3),
.umar-waveform span:nth-child(8) {
  height: 5.1rem;
  animation-delay: 240ms;
}

.umar-waveform span:nth-child(4),
.umar-waveform span:nth-child(9) {
  height: 4.2rem;
  animation-delay: 360ms;
}

.umar-waveform span:nth-child(5),
.umar-waveform span:nth-child(7) {
  height: 6.2rem;
  animation-delay: 480ms;
}

.umar-waveform span:nth-child(6),
.umar-waveform span:nth-child(11) {
  height: 3rem;
  animation-delay: 600ms;
}

.umar-transcript-card,
.umar-score-card,
.umar-review-card {
  min-width: 0;
  padding: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.24);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
}

.umar-transcript-card span,
.umar-score-card span,
.umar-review-card span {
  display: block;
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
}

.umar-transcript-card i {
  display: block;
  height: 0.58rem;
  margin-top: var(--site-space-3);
  border-radius: 999px;
  background-color: rgba(219, 234, 254, 0.82);
}

.umar-transcript-card i:nth-child(3) {
  width: 78%;
}

.umar-transcript-card i:nth-child(4) {
  width: 58%;
}

.umar-score-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-space-2);
}

.umar-score-card span {
  grid-column: 1 / -1;
}

.umar-score-card b {
  min-width: 0;
  padding: var(--site-space-2);
  border-radius: var(--site-radius-standard);
  background-color: rgba(37, 99, 235, 0.2);
  color: #EFF6FF;
  font-size: 0.78rem;
  line-height: 1.25;
  text-align: center;
}

.umar-review-card {
  border-color: rgba(196, 181, 253, 0.42);
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.2), rgba(37, 99, 235, 0.1)),
    rgba(var(--site-color-white-rgb), 0.07);
}

.umar-review-card strong {
  display: block;
  margin-top: var(--site-space-3);
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.2rem;
  line-height: 1.25;
}

.umar-section {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-surface-base);
}

.umar-section--soft,
.umar-summary-section {
  background:
    linear-gradient(180deg, #F8FBFF 0%, #F3F7FD 100%);
}

.umar-summary,
.umar-two-column,
.umar-workflow-header,
.umar-oversight-layout,
.umar-outcome-layout {
  display: grid;
  gap: var(--site-space-8);
}

.umar-summary__intro,
.umar-section-heading,
.umar-two-column > div:first-child,
.umar-workflow-header > div,
.umar-oversight-layout > div:first-child,
.umar-outcome-card {
  max-width: 48rem;
}

.umar-summary h2,
.umar-two-column h2,
.umar-section-heading h2,
.umar-workflow-header h2,
.umar-oversight-layout h2,
.umar-outcome-card h2,
.umar-related-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.12;
}

.umar-summary__body,
.umar-copy-stack,
.umar-oversight-layout > div:first-child {
  display: grid;
  gap: var(--site-space-4);
}

.umar-summary__body p,
.umar-copy-stack p,
.umar-section-heading p:not(.umar-eyebrow),
.umar-workflow-header > p,
.umar-oversight-layout > div:first-child p:not(.umar-eyebrow),
.umar-outcome-card p:not(.umar-eyebrow),
.umar-related-cta__panel p:not(.umar-eyebrow) {
  margin: 0;
  color: var(--site-text-secondary);
  font-size: 1.0625rem;
  line-height: 1.68;
}

.umar-section-heading p:not(.umar-eyebrow),
.umar-related-cta__panel p:not(.umar-eyebrow) {
  margin-top: var(--site-space-4);
}

.umar-fact-grid {
  display: grid;
  gap: 0;
  margin: var(--site-space-10) 0 0;
  border-top: 1px solid var(--site-border-default);
  border-bottom: 1px solid var(--site-border-default);
}

.umar-fact-grid div {
  min-width: 0;
  padding: var(--site-space-5) 0;
  border-bottom: 1px solid var(--site-border-default);
}

.umar-fact-grid div:last-child {
  border-bottom: 0;
}

.umar-fact-grid dt {
  color: var(--site-text-muted);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.umar-fact-grid dd {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-primary);
  font-weight: 800;
  line-height: 1.45;
}

.umar-challenge-list {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-2) 0 0;
  padding: 0;
  list-style: none;
}

.umar-challenge-list li {
  position: relative;
  min-width: 0;
  padding: var(--site-space-4) var(--site-space-4) var(--site-space-4) var(--site-space-10);
  border: 1px solid var(--umar-line);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(124, 58, 237, 0.06)),
    var(--site-surface-base);
  color: var(--site-text-secondary);
}

.umar-challenge-list li::before {
  content: "";
  position: absolute;
  top: 1.45rem;
  left: var(--site-space-5);
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background-color: var(--umar-blue);
  box-shadow: 0 0 0 0.32rem rgba(37, 99, 235, 0.12);
}

.umar-delivery-grid {
  display: grid;
  gap: var(--site-space-5);
  margin-top: var(--site-space-10);
}

.umar-delivery-card {
  position: relative;
  min-width: 0;
  min-height: 100%;
  padding: var(--site-space-6);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.05), rgba(124, 58, 237, 0.04)),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  overflow: hidden;
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.umar-delivery-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--umar-blue), var(--umar-violet));
}

.umar-delivery-card:nth-child(2n)::before {
  background: linear-gradient(90deg, var(--umar-violet), var(--umar-blue));
}

.umar-delivery-card:hover {
  border-color: var(--site-border-strong);
  box-shadow: var(--site-shadow-md);
  transform: translateY(-2px);
}

.umar-delivery-card span {
  display: inline-flex;
  margin-bottom: var(--site-space-4);
  color: var(--umar-blue);
  font-weight: 800;
}

.umar-delivery-card:nth-child(2n) span {
  color: var(--umar-violet);
}

.umar-delivery-card h3,
.umar-flow-step h3,
.umar-rubric-item h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.25;
}

.umar-delivery-card p,
.umar-flow-step p,
.umar-rubric-item p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.6;
}

.umar-workflow-section {
  position: relative;
  overflow: hidden;
  color: var(--site-color-white);
  background:
    linear-gradient(145deg, rgba(37, 99, 235, 0.24) 0%, transparent 42%),
    linear-gradient(180deg, var(--umar-ink) 0%, #111827 100%);
}

.umar-workflow-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(147, 197, 253, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.12) 1px, transparent 1px);
  background-size: 3.25rem 3.25rem;
  opacity: 0.42;
  pointer-events: none;
}

.umar-workflow-section .site-container {
  position: relative;
  z-index: 1;
}

.umar-workflow-section .umar-eyebrow {
  color: #BFDBFE;
}

.umar-workflow-header h2,
.umar-workflow-header > p,
.umar-flow-step h3 {
  color: var(--site-color-white);
}

.umar-workflow-header > p,
.umar-flow-step p {
  color: #D1D5DB;
}

.umar-flow-map {
  display: grid;
  gap: var(--site-space-5);
  margin: var(--site-space-10) 0 0;
  padding: 0;
  list-style: none;
}

.umar-flow-step {
  position: relative;
  min-width: 0;
  padding: var(--site-space-6);
  border: 1px solid rgba(191, 219, 254, 0.24);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
}

.umar-flow-step--review {
  border-color: rgba(196, 181, 253, 0.44);
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.16), rgba(37, 99, 235, 0.08)),
    rgba(var(--site-color-white-rgb), 0.08);
}

.umar-flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 2rem;
  width: 2px;
  height: var(--site-space-5);
  background: linear-gradient(180deg, #93C5FD, #C4B5FD, #93C5FD);
  transform-origin: top;
  animation: umar-flow-pulse 3.2s var(--site-ease-standard) infinite;
}

.umar-flow-icon {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--site-space-5);
  border: 1px solid rgba(191, 219, 254, 0.38);
  border-radius: var(--site-radius-standard);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.68), rgba(124, 58, 237, 0.42));
}

.umar-flow-icon span,
.umar-flow-icon span::before,
.umar-flow-icon span::after {
  position: absolute;
  display: block;
  content: "";
}

.umar-flow-icon--ingest span {
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--site-color-white);
  border-radius: 50%;
  box-shadow: -0.55rem 0 0 -0.18rem rgba(255, 255, 255, 0.9), 0.55rem 0 0 -0.18rem rgba(255, 255, 255, 0.9);
}

.umar-flow-icon--ingest span::before,
.umar-flow-icon--ingest span::after {
  display: none;
}

.umar-flow-icon--transcript span {
  width: 1.2rem;
  height: 1.45rem;
  border: 2px solid var(--site-color-white);
  border-radius: 0.2rem;
  background:
    linear-gradient(var(--site-color-white), var(--site-color-white)) 0.25rem 0.38rem / 0.65rem 2px no-repeat,
    linear-gradient(var(--site-color-white), var(--site-color-white)) 0.25rem 0.72rem / 0.5rem 2px no-repeat;
}

.umar-flow-icon--transcript span::before,
.umar-flow-icon--transcript span::after {
  display: none;
}

.umar-flow-icon--analysis span {
  width: 1.45rem;
  height: 1.45rem;
  border: 2px solid var(--site-color-white);
  border-radius: 0.18rem;
  background:
    linear-gradient(90deg, transparent 0 45%, var(--site-color-white) 45% 55%, transparent 55%),
    linear-gradient(transparent 0 45%, var(--site-color-white) 45% 55%, transparent 55%);
}

.umar-flow-icon--analysis span::before,
.umar-flow-icon--analysis span::after {
  display: none;
}

.umar-flow-icon--review span {
  width: 1.45rem;
  height: 0.8rem;
  border: 0;
  border-left: 3px solid var(--site-color-white);
  border-bottom: 3px solid var(--site-color-white);
  border-radius: 0;
  transform: rotate(-45deg);
}

.umar-flow-icon--review span::before,
.umar-flow-icon--review span::after {
  display: none;
}

.umar-flow-icon--insight span {
  width: 1.45rem;
  height: 1.15rem;
  border: 2px solid var(--site-color-white);
  border-radius: 0.22rem;
  background:
    radial-gradient(circle at 0.3rem 0.35rem, var(--site-color-white) 0 0.12rem, transparent 0.13rem),
    radial-gradient(circle at 0.72rem 0.62rem, var(--site-color-white) 0 0.12rem, transparent 0.13rem),
    radial-gradient(circle at 1.08rem 0.42rem, var(--site-color-white) 0 0.12rem, transparent 0.13rem);
}

.umar-flow-icon--insight span::before,
.umar-flow-icon--insight span::after {
  display: none;
}

.umar-workflow-caption {
  max-width: 62rem;
  margin: var(--site-space-6) auto 0;
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}

.umar-oversight-section {
  background:
    linear-gradient(180deg, #F8FBFF 0%, #EEF4FF 100%);
}

.umar-rubric-stack {
  position: relative;
  display: grid;
  gap: var(--site-space-4);
}

.umar-rubric-stack::before {
  content: "";
  position: absolute;
  top: var(--site-space-5);
  bottom: var(--site-space-5);
  left: 1.15rem;
  width: 2px;
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.28), rgba(124, 58, 237, 0.28));
}

.umar-rubric-item {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5) var(--site-space-5) var(--site-space-5) var(--site-space-12);
  border: 1px solid var(--umar-line);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.umar-rubric-item::before {
  content: "";
  position: absolute;
  top: var(--site-space-6);
  left: 0.82rem;
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background-color: var(--umar-blue);
  box-shadow: 0 0 0 0.32rem rgba(37, 99, 235, 0.12);
}

.umar-rubric-item:nth-child(2n)::before {
  background-color: var(--umar-violet);
  box-shadow: 0 0 0 0.32rem rgba(124, 58, 237, 0.12);
}

.umar-rubric-item span {
  display: block;
  margin-bottom: var(--site-space-2);
  color: var(--umar-blue);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.umar-rubric-item:nth-child(2n) span {
  color: var(--umar-violet);
}

.umar-outcome-section {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(124, 58, 237, 0.08)),
    var(--site-surface-base);
}

.umar-outcome-card {
  padding: var(--site-space-8);
  border-left: 4px solid var(--umar-blue);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.umar-metric-panel {
  min-width: 0;
  align-self: stretch;
  display: grid;
  align-content: center;
  padding: var(--site-space-8);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.34), rgba(37, 99, 235, 0.24)),
    linear-gradient(180deg, var(--umar-ink-soft), var(--umar-ink));
  color: var(--site-color-white);
  box-shadow: 0 24px 48px -34px rgba(15, 23, 42, 0.88);
}

.umar-metric-panel span {
  color: #BFDBFE;
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.umar-metric-panel strong {
  display: block;
  margin-top: var(--site-space-4);
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 4rem;
  font-weight: 800;
  line-height: 0.95;
}

.umar-metric-panel p {
  max-width: 24rem;
  margin: var(--site-space-5) 0 0;
  color: #DBEAFE;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.45;
}

.umar-related-cta {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-surface-base);
}

.umar-related-cta__panel {
  padding: var(--site-space-8);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(124, 58, 237, 0.1) 100%),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  text-align: center;
}

.umar-related-cta__panel p:not(.umar-eyebrow) {
  max-width: 42rem;
  margin-inline: auto;
}

.umar-related-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@keyframes umar-wave-breathe {
  0%,
  100% {
    transform: scaleY(0.76);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes umar-flow-pulse {
  0%,
  100% {
    opacity: 0.42;
  }

  50% {
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .umar-hero__meta,
  .umar-fact-grid,
  .umar-related-cta__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .umar-signal-visual {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .umar-signal-visual__header,
  .umar-waveform,
  .umar-review-card {
    grid-column: 1 / -1;
  }

  .umar-related-cta__actions {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, auto);
    align-items: center;
  }
}

@media (min-width: 760px) {
  .umar-delivery-grid,
  .umar-challenge-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .umar-fact-grid div {
    padding: var(--site-space-5);
    border-right: 1px solid var(--site-border-default);
  }

  .umar-fact-grid div:nth-child(2n) {
    border-right: 0;
  }

  .umar-fact-grid div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (min-width: 900px) {
  .umar-hero {
    padding-block: 6rem;
  }

  .umar-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.95fr);
  }

  .umar-hero h1 {
    font-size: 3.75rem;
  }

  .umar-summary,
  .umar-two-column,
  .umar-workflow-header,
  .umar-oversight-layout,
  .umar-outcome-layout {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    align-items: start;
  }

  .umar-summary h2,
  .umar-two-column h2,
  .umar-section-heading h2,
  .umar-workflow-header h2,
  .umar-oversight-layout h2,
  .umar-outcome-card h2,
  .umar-related-cta__panel h2 {
    font-size: 2.35rem;
  }

  .umar-delivery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .umar-flow-map {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .umar-flow-step {
    padding: var(--site-space-5);
  }

  .umar-flow-step:not(:last-child)::after {
    top: calc(var(--site-space-5) + 1.375rem);
    left: 100%;
    width: var(--site-space-5);
    height: 2px;
  }
}

@media (min-width: 1080px) {
  .umar-hero h1 {
    font-size: 4.05rem;
  }

  .umar-fact-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .umar-fact-grid div,
  .umar-fact-grid div:nth-child(2n) {
    border-right: 1px solid var(--site-border-default);
    border-bottom: 0;
  }

  .umar-fact-grid div:last-child {
    border-right: 0;
  }
}

@media (max-width: 639px) {
  .umar-hero {
    padding-block: 4rem;
  }

  .umar-hero h1 {
    font-size: 2.25rem;
  }

  .umar-summary h2,
  .umar-two-column h2,
  .umar-section-heading h2,
  .umar-workflow-header h2,
  .umar-oversight-layout h2,
  .umar-outcome-card h2,
  .umar-related-cta__panel h2 {
    font-size: 1.85rem;
  }

  .umar-signal-visual,
  .umar-outcome-card,
  .umar-related-cta__panel,
  .umar-delivery-card,
  .umar-flow-step,
  .umar-rubric-item,
  .umar-metric-panel {
    padding: var(--site-space-5);
  }

  .umar-metric-panel strong {
    font-size: 3.35rem;
  }

  .umar-related-cta__actions .site-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .umar-waveform span,
  .umar-flow-step:not(:last-child)::after {
    animation: none;
  }

  .umar-delivery-card:hover,
  .umar-case-study-page .site-button:hover,
  .umar-case-study-page .cta-button:hover {
    transform: none;
  }
}

/* PRISM case study */
.prism-case-study-page,
.prism-case-study-page *,
.prism-case-study-page *::before,
.prism-case-study-page *::after {
  box-sizing: border-box;
}

.prism-case-study-page {
  --prism-blue: var(--site-color-primary);
  --prism-blue-dark: #123B89;
  --prism-amber: #D97706;
  --prism-orange: #EA580C;
  --prism-gold: #F59E0B;
  --prism-cream: #FFF7ED;
  --prism-ink: #07142C;
  --prism-ink-soft: #15213B;
  --prism-line: rgba(217, 119, 6, 0.24);
  --prism-line-blue: rgba(37, 99, 235, 0.22);
  --prism-panel: #FFFBEB;
}

.prism-case-study-page main {
  overflow: hidden;
}

.prism-eyebrow {
  margin: 0 0 var(--site-space-3);
  color: var(--prism-amber);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.prism-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(4.5rem, 9vw, 6.75rem);
  color: var(--site-color-white);
  background:
    linear-gradient(128deg, rgba(217, 119, 6, 0.24) 0%, rgba(217, 119, 6, 0) 34%),
    linear-gradient(212deg, rgba(37, 99, 235, 0.28) 0%, rgba(37, 99, 235, 0) 38%),
    linear-gradient(180deg, var(--prism-ink) 0%, #101827 56%, #281706 100%);
}

.prism-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(251, 191, 36, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.1) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(180deg, black 0%, transparent 78%);
  opacity: 0.58;
  pointer-events: none;
}

.prism-hero::after {
  content: "";
  position: absolute;
  right: -8rem;
  bottom: 2rem;
  width: min(44rem, 72vw);
  height: 18rem;
  border-top: 2px solid rgba(251, 191, 36, 0.32);
  border-left: 2px solid rgba(37, 99, 235, 0.18);
  border-radius: 58% 42% 0 0;
  transform: rotate(-8deg);
  opacity: 0.52;
  pointer-events: none;
}

.prism-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--site-space-10);
  align-items: center;
}

.prism-hero__content {
  max-width: 48rem;
}

.prism-hero .prism-eyebrow {
  color: #FDE68A;
}

.prism-hero h1 {
  margin: 0;
  color: var(--site-color-white);
  font-size: clamp(2.35rem, 6vw, 4.35rem);
  font-weight: 800;
  line-height: 1.02;
}

.prism-hero__summary {
  max-width: 45rem;
  margin: var(--site-space-6) 0 0;
  color: #E5E7EB;
  font-size: var(--site-text-lg);
  line-height: 1.68;
}

.prism-hero__meta {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-8) 0 0;
}

.prism-hero__meta div {
  min-width: 0;
  padding: var(--site-space-4);
  border: 1px solid rgba(253, 230, 138, 0.24);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.08);
}

.prism-hero__meta dt {
  color: #FDE68A;
  font-size: var(--site-text-sm);
  font-weight: 800;
}

.prism-hero__meta dd {
  margin: var(--site-space-1) 0 0;
  color: var(--site-color-white);
  font-weight: 800;
  line-height: 1.45;
}

.prism-hero-visual {
  min-width: 0;
}

.prism-pricing-orbit {
  position: relative;
  min-width: 0;
  display: grid;
  gap: var(--site-space-5);
  padding: var(--site-space-6);
  border: 1px solid rgba(253, 230, 138, 0.24);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(145deg, rgba(234, 88, 12, 0.16), rgba(37, 99, 235, 0.12)),
    rgba(var(--site-color-white-rgb), 0.07);
  box-shadow: 0 24px 54px -34px rgba(0, 0, 0, 0.86);
  overflow: hidden;
}

.prism-pricing-orbit::before {
  content: "";
  position: absolute;
  inset: var(--site-space-5);
  border: 1px solid rgba(253, 230, 138, 0.18);
  border-radius: var(--site-radius-standard);
  pointer-events: none;
}

.prism-pricing-orbit__header,
.prism-pricing-orbit__inputs,
.prism-pricing-orbit__model,
.prism-pricing-orbit__outputs {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.prism-pricing-orbit__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-space-2);
  align-items: center;
  justify-content: space-between;
}

.prism-pricing-orbit__header span,
.prism-pricing-orbit__inputs span,
.prism-pricing-orbit__outputs span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1.2;
}

.prism-pricing-orbit__header span {
  padding: var(--site-space-2) var(--site-space-3);
  background-color: rgba(251, 191, 36, 0.14);
  color: #FDE68A;
  font-size: var(--site-text-sm);
}

.prism-pricing-orbit__header strong {
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.35rem;
  line-height: 1.2;
}

.prism-pricing-orbit__inputs,
.prism-pricing-orbit__outputs {
  display: grid;
  gap: var(--site-space-3);
}

.prism-pricing-orbit__inputs span,
.prism-pricing-orbit__outputs span {
  padding: var(--site-space-3);
  border: 1px solid rgba(253, 230, 138, 0.2);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
  color: #F9FAFB;
  font-size: var(--site-text-sm);
}

.prism-pricing-orbit__model {
  display: grid;
  gap: var(--site-space-3);
  padding: var(--site-space-5);
  border: 1px solid rgba(147, 197, 253, 0.26);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.28), rgba(217, 119, 6, 0.12)),
    rgba(var(--site-color-white-rgb), 0.08);
}

.prism-pricing-orbit__model::after {
  content: "";
  position: absolute;
  right: var(--site-space-5);
  bottom: var(--site-space-5);
  left: var(--site-space-5);
  height: 2px;
  background: linear-gradient(90deg, transparent, #FDE68A, #93C5FD, transparent);
  animation: prism-signal-scan 3.6s var(--site-ease-standard) infinite;
}

.prism-pricing-orbit__model span {
  color: var(--site-color-white);
  font-family: var(--site-font-heading);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
}

.prism-pricing-orbit__model i {
  display: block;
  height: 0.56rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(253, 230, 138, 0.9), rgba(147, 197, 253, 0.72));
}

.prism-pricing-orbit__model i:nth-child(3) {
  width: 76%;
}

.prism-pricing-orbit__model i:nth-child(4) {
  width: 58%;
}

.prism-section {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-surface-base);
}

.prism-section--soft,
.prism-summary-section {
  background:
    linear-gradient(180deg, #FFFBEB 0%, #F8FAFC 100%);
}

.prism-summary,
.prism-two-column,
.prism-workflow-header,
.prism-outcome-layout {
  display: grid;
  gap: var(--site-space-8);
}

.prism-summary__intro,
.prism-section-heading,
.prism-two-column > div:first-child,
.prism-workflow-header > div,
.prism-outcome-card {
  max-width: 48rem;
}

.prism-summary h2,
.prism-two-column h2,
.prism-section-heading h2,
.prism-workflow-header h2,
.prism-outcome-card h2,
.prism-related-cta__panel h2 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.12;
}

.prism-summary__body,
.prism-copy-stack {
  display: grid;
  gap: var(--site-space-4);
}

.prism-summary__body p,
.prism-copy-stack p,
.prism-section-heading p:not(.prism-eyebrow),
.prism-workflow-header > p,
.prism-outcome-card p:not(.prism-eyebrow),
.prism-related-cta__panel p:not(.prism-eyebrow) {
  margin: 0;
  color: var(--site-text-secondary);
  font-size: 1.0625rem;
  line-height: 1.68;
}

.prism-section-heading p:not(.prism-eyebrow),
.prism-outcome-card p:not(.prism-eyebrow),
.prism-related-cta__panel p:not(.prism-eyebrow) {
  margin-top: var(--site-space-4);
}

.prism-fact-grid {
  display: grid;
  gap: 0;
  margin: var(--site-space-10) 0 0;
  border-top: 1px solid var(--site-border-default);
  border-bottom: 1px solid var(--site-border-default);
}

.prism-fact-grid div {
  min-width: 0;
  padding: var(--site-space-5) 0;
  border-bottom: 1px solid var(--site-border-default);
}

.prism-fact-grid div:last-child {
  border-bottom: 0;
}

.prism-fact-grid dt {
  color: var(--site-text-muted);
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.prism-fact-grid dd {
  margin: var(--site-space-2) 0 0;
  color: var(--site-text-primary);
  font-weight: 800;
  line-height: 1.45;
}

.prism-challenge-list {
  display: grid;
  gap: var(--site-space-3);
  margin: var(--site-space-2) 0 0;
  padding: 0;
  list-style: none;
}

.prism-challenge-list li {
  position: relative;
  min-width: 0;
  padding: var(--site-space-4) var(--site-space-4) var(--site-space-4) var(--site-space-10);
  border: 1px solid var(--prism-line);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.08), rgba(37, 99, 235, 0.05)),
    var(--site-surface-base);
  color: var(--site-text-secondary);
}

.prism-challenge-list li::before {
  content: "";
  position: absolute;
  top: 1.45rem;
  left: var(--site-space-5);
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background-color: var(--prism-amber);
  box-shadow: 0 0 0 0.32rem rgba(217, 119, 6, 0.12);
}

.prism-delivery-grid {
  display: grid;
  gap: var(--site-space-5);
  margin-top: var(--site-space-10);
}

.prism-delivery-card {
  position: relative;
  min-width: 0;
  min-height: 100%;
  padding: var(--site-space-6);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(180deg, rgba(217, 119, 6, 0.05), rgba(37, 99, 235, 0.035)),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  overflow: hidden;
  transition: border-color var(--site-transition-fast) var(--site-ease-standard), box-shadow var(--site-transition-fast) var(--site-ease-standard), transform var(--site-transition-fast) var(--site-ease-standard);
}

.prism-delivery-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--prism-amber), var(--prism-orange));
}

.prism-delivery-card:nth-child(2n)::before {
  background: linear-gradient(90deg, var(--prism-blue), var(--prism-amber));
}

.prism-delivery-card:hover {
  border-color: var(--site-border-strong);
  box-shadow: var(--site-shadow-md);
  transform: translateY(-2px);
}

.prism-delivery-card span {
  display: inline-flex;
  margin-bottom: var(--site-space-4);
  color: var(--prism-amber);
  font-weight: 800;
}

.prism-delivery-card:nth-child(2n) span {
  color: var(--prism-blue);
}

.prism-delivery-card h3,
.prism-analysis-node h3,
.prism-scenario-step h3 {
  margin: 0;
  color: var(--site-text-primary);
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.prism-delivery-card p,
.prism-analysis-node p,
.prism-scenario-step p {
  margin: var(--site-space-3) 0 0;
  color: var(--site-text-secondary);
  line-height: 1.6;
}

.prism-analysis-section {
  position: relative;
  overflow: hidden;
  color: var(--site-color-white);
  background:
    linear-gradient(138deg, rgba(217, 119, 6, 0.22), rgba(37, 99, 235, 0.12) 48%, rgba(234, 88, 12, 0.16)),
    linear-gradient(180deg, var(--prism-ink) 0%, #111827 100%);
}

.prism-analysis-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(253, 230, 138, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, 0.1) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
  opacity: 0.46;
  pointer-events: none;
}

.prism-analysis-section .site-container {
  position: relative;
  z-index: 1;
}

.prism-analysis-section .prism-eyebrow {
  color: #FDE68A;
}

.prism-analysis-section .prism-workflow-header h2,
.prism-analysis-section .prism-workflow-header > p,
.prism-analysis-section .prism-analysis-node h3,
.prism-analysis-core strong {
  color: var(--site-color-white);
}

.prism-analysis-section .prism-workflow-header > p,
.prism-analysis-section .prism-analysis-node p,
.prism-analysis-core p {
  color: #E5E7EB;
}

.prism-analysis-visual {
  position: relative;
  display: grid;
  grid-template-areas:
    "price"
    "elasticity"
    "uplift"
    "fatigue"
    "cannibalisation"
    "impact";
  gap: var(--site-space-4);
  margin-top: var(--site-space-10);
  padding: var(--site-space-5);
  border: 1px solid rgba(253, 230, 138, 0.22);
  border-radius: var(--site-radius-standard);
  background-color: rgba(var(--site-color-white-rgb), 0.07);
  overflow: hidden;
}

.prism-analysis-visual__lines {
  display: none;
}

.prism-analysis-node,
.prism-analysis-core {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: var(--site-space-5);
  border-radius: var(--site-radius-standard);
}

.prism-analysis-node {
  border: 1px solid rgba(253, 230, 138, 0.2);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.78), rgba(30, 41, 59, 0.7)),
    rgba(var(--site-color-white-rgb), 0.07);
}

.prism-analysis-node span,
.prism-analysis-core span {
  display: block;
  margin-bottom: var(--site-space-2);
  color: #FDE68A;
  font-size: var(--site-text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.prism-analysis-core {
  display: grid;
  align-content: center;
  border: 1px solid rgba(147, 197, 253, 0.32);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.34), rgba(217, 119, 6, 0.18)),
    rgba(15, 23, 42, 0.84);
  box-shadow: 0 20px 42px -30px rgba(0, 0, 0, 0.82);
}

.prism-analysis-core strong {
  display: block;
  font-family: var(--site-font-heading);
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.12;
}

.prism-analysis-core p {
  margin: var(--site-space-3) 0 0;
  line-height: 1.6;
}

.prism-analysis-node--price {
  grid-area: price;
}

.prism-analysis-node--elasticity {
  grid-area: elasticity;
}

.prism-analysis-node--uplift {
  grid-area: uplift;
}

.prism-analysis-node--fatigue {
  grid-area: fatigue;
}

.prism-analysis-node--cannibalisation {
  grid-area: cannibalisation;
}

.prism-analysis-core {
  grid-area: impact;
}

.prism-scenario-section {
  background:
    linear-gradient(180deg, #FFFBEB 0%, #F8FAFC 100%);
}

.prism-scenario-flow {
  display: grid;
  gap: var(--site-space-5);
  margin: var(--site-space-10) 0 0;
  padding: 0;
  list-style: none;
}

.prism-scenario-step {
  position: relative;
  min-width: 0;
  padding: var(--site-space-6);
  border: 1px solid var(--prism-line);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(180deg, rgba(255, 251, 235, 0.92), rgba(255, 255, 255, 0.96)),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.prism-scenario-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 2rem;
  width: 2px;
  height: var(--site-space-5);
  background: linear-gradient(180deg, var(--prism-amber), var(--prism-blue), var(--prism-amber));
  transform-origin: top;
  animation: prism-flow-pulse 3.2s var(--site-ease-standard) infinite;
}

.prism-scenario-icon {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--site-space-5);
  border: 1px solid rgba(217, 119, 6, 0.28);
  border-radius: var(--site-radius-standard);
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.18), rgba(37, 99, 235, 0.1));
}

.prism-scenario-icon span,
.prism-scenario-icon span::before,
.prism-scenario-icon span::after {
  position: absolute;
  display: block;
  content: "";
}

.prism-scenario-icon--history span {
  width: 1.4rem;
  height: 1.25rem;
  border: 2px solid var(--prism-amber);
  border-radius: 0.22rem;
  background:
    linear-gradient(var(--prism-blue), var(--prism-blue)) 0.22rem 0.3rem / 0.82rem 2px no-repeat,
    linear-gradient(var(--prism-blue), var(--prism-blue)) 0.22rem 0.66rem / 0.62rem 2px no-repeat;
}

.prism-scenario-icon--model span {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--prism-amber);
  border-radius: 50%;
}

.prism-scenario-icon--model span::before,
.prism-scenario-icon--model span::after {
  top: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background-color: var(--prism-blue);
  transform: translateY(-50%);
}

.prism-scenario-icon--model span::before {
  left: -0.2rem;
}

.prism-scenario-icon--model span::after {
  right: -0.2rem;
}

.prism-scenario-icon--input span {
  width: 1.45rem;
  height: 1.05rem;
  border: 2px solid var(--prism-amber);
  border-radius: 0.22rem;
}

.prism-scenario-icon--input span::before {
  top: -0.42rem;
  left: 50%;
  width: 2px;
  height: 0.42rem;
  background-color: var(--prism-blue);
  transform: translateX(-50%);
}

.prism-scenario-icon--input span::after {
  right: 0.22rem;
  bottom: -0.34rem;
  width: 0.48rem;
  height: 0.48rem;
  border-right: 2px solid var(--prism-blue);
  border-bottom: 2px solid var(--prism-blue);
  transform: rotate(45deg);
}

.prism-scenario-icon--effect span {
  width: 1.45rem;
  height: 1.15rem;
  border-left: 2px solid var(--prism-amber);
  border-bottom: 2px solid var(--prism-amber);
}

.prism-scenario-icon--effect span::before {
  right: 0.05rem;
  bottom: 0.24rem;
  width: 1.12rem;
  height: 0.72rem;
  border-top: 2px solid var(--prism-blue);
  border-right: 2px solid var(--prism-blue);
  border-radius: 0 0.5rem 0 0;
  transform: rotate(-18deg);
}

.prism-scenario-icon--effect span::after {
  display: none;
}

.prism-scenario-icon--dashboard span {
  width: 1.55rem;
  height: 1.1rem;
  border: 2px solid var(--prism-amber);
  border-radius: 0.22rem;
  background:
    radial-gradient(circle at 0.35rem 0.35rem, var(--prism-blue) 0 0.12rem, transparent 0.13rem),
    radial-gradient(circle at 0.78rem 0.64rem, var(--prism-blue) 0 0.12rem, transparent 0.13rem),
    radial-gradient(circle at 1.18rem 0.42rem, var(--prism-blue) 0 0.12rem, transparent 0.13rem);
}

.prism-scenario-icon--review span {
  width: 1.42rem;
  height: 0.78rem;
  border-left: 3px solid var(--prism-amber);
  border-bottom: 3px solid var(--prism-amber);
  transform: rotate(-45deg);
}

.prism-workflow-caption {
  max-width: 68rem;
  margin: var(--site-space-6) auto 0;
  color: var(--site-text-secondary);
  font-size: var(--site-text-sm);
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}

.prism-outcome-section {
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.08), rgba(37, 99, 235, 0.08)),
    var(--site-surface-base);
}

.prism-outcome-card {
  padding: var(--site-space-8);
  border-left: 4px solid var(--prism-amber);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
}

.prism-outcome-list {
  display: grid;
  gap: var(--site-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.prism-outcome-list li {
  position: relative;
  min-width: 0;
  padding: var(--site-space-5) var(--site-space-5) var(--site-space-5) var(--site-space-12);
  border: 1px solid var(--prism-line);
  border-radius: var(--site-radius-standard);
  background-color: var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  color: var(--site-text-secondary);
  font-weight: 700;
}

.prism-outcome-list li::before {
  content: "";
  position: absolute;
  top: 1.45rem;
  left: var(--site-space-5);
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background-color: var(--prism-amber);
  box-shadow: 0 0 0 0.32rem rgba(217, 119, 6, 0.12);
}

.prism-outcome-list li:nth-child(2n)::before {
  background-color: var(--prism-blue);
  box-shadow: 0 0 0 0.32rem rgba(37, 99, 235, 0.12);
}

.prism-related-cta {
  padding-block: var(--site-section-padding-y);
  background-color: var(--site-surface-base);
}

.prism-related-cta__panel {
  padding: var(--site-space-8);
  border: 1px solid var(--site-border-default);
  border-radius: var(--site-radius-standard);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(217, 119, 6, 0.12) 100%),
    var(--site-surface-base);
  box-shadow: var(--site-shadow-sm);
  text-align: center;
}

.prism-related-cta__panel p:not(.prism-eyebrow) {
  max-width: 42rem;
  margin-inline: auto;
}

.prism-related-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--site-space-3);
  justify-content: center;
  margin-top: var(--site-space-8);
}

@keyframes prism-signal-scan {
  0%,
  100% {
    opacity: 0.36;
    transform: scaleX(0.62);
  }

  50% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes prism-relationship-trace {
  0% {
    stroke-dashoffset: 36;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes prism-flow-pulse {
  0%,
  100% {
    opacity: 0.42;
  }

  50% {
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .prism-hero__meta,
  .prism-fact-grid,
  .prism-related-cta__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prism-pricing-orbit__inputs,
  .prism-pricing-orbit__outputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prism-pricing-orbit__inputs span:last-child {
    grid-column: 1 / -1;
  }

  .prism-related-cta__actions {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, auto);
    align-items: center;
  }
}

@media (min-width: 760px) {
  .prism-delivery-grid,
  .prism-challenge-list,
  .prism-outcome-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prism-fact-grid div {
    padding: var(--site-space-5);
    border-right: 1px solid var(--site-border-default);
  }

  .prism-fact-grid div:nth-child(2n) {
    border-right: 0;
  }

  .prism-fact-grid div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (min-width: 900px) {
  .prism-hero {
    padding-block: 6rem;
  }

  .prism-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.95fr);
  }

  .prism-hero h1 {
    font-size: 3.75rem;
  }

  .prism-summary,
  .prism-two-column,
  .prism-workflow-header,
  .prism-outcome-layout {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    align-items: start;
  }

  .prism-summary h2,
  .prism-two-column h2,
  .prism-section-heading h2,
  .prism-workflow-header h2,
  .prism-outcome-card h2,
  .prism-related-cta__panel h2 {
    font-size: 2.35rem;
  }

  .prism-analysis-visual {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "price elasticity fatigue"
      "uplift impact cannibalisation";
    min-height: 26rem;
    padding: var(--site-space-6);
  }

  .prism-analysis-visual__lines {
    position: absolute;
    inset: var(--site-space-5);
    display: block;
    width: calc(100% - (var(--site-space-5) * 2));
    height: calc(100% - (var(--site-space-5) * 2));
    opacity: 0.78;
    pointer-events: none;
  }

  .prism-analysis-visual__lines path {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 8 14;
    animation: prism-relationship-trace 4.8s linear infinite;
  }

  .prism-analysis-visual__lines path:nth-child(2n) {
    stroke: rgba(147, 197, 253, 0.52);
  }

  .prism-analysis-visual__lines path:nth-child(2n + 1) {
    stroke: rgba(253, 230, 138, 0.58);
  }

  .prism-analysis-core {
    min-height: 100%;
  }
}

@media (min-width: 1080px) {
  .prism-hero h1 {
    font-size: 4.05rem;
  }

  .prism-fact-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .prism-fact-grid div,
  .prism-fact-grid div:nth-child(2n) {
    border-right: 1px solid var(--site-border-default);
    border-bottom: 0;
  }

  .prism-fact-grid div:last-child {
    border-right: 0;
  }

  .prism-delivery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .prism-scenario-flow {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .prism-scenario-step {
    padding: var(--site-space-5);
  }

  .prism-scenario-step:not(:last-child)::after {
    top: calc(var(--site-space-5) + 1.375rem);
    left: 100%;
    width: var(--site-space-5);
    height: 2px;
  }
}

@media (max-width: 899px) {
  .prism-analysis-node::after {
    content: "";
    position: absolute;
    bottom: calc(var(--site-space-4) * -1);
    left: 1.75rem;
    width: 2px;
    height: var(--site-space-4);
    background: linear-gradient(180deg, var(--prism-amber), var(--prism-blue));
  }
}

@media (max-width: 639px) {
  .prism-hero {
    padding-block: 4rem;
  }

  .prism-hero h1 {
    font-size: 2.2rem;
  }

  .prism-summary h2,
  .prism-two-column h2,
  .prism-section-heading h2,
  .prism-workflow-header h2,
  .prism-outcome-card h2,
  .prism-related-cta__panel h2 {
    font-size: 1.85rem;
  }

  .prism-pricing-orbit,
  .prism-outcome-card,
  .prism-related-cta__panel,
  .prism-delivery-card,
  .prism-analysis-node,
  .prism-analysis-core,
  .prism-scenario-step {
    padding: var(--site-space-5);
  }

  .prism-related-cta__actions .site-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .prism-pricing-orbit__model::after,
  .prism-analysis-visual__lines path,
  .prism-scenario-step:not(:last-child)::after {
    animation: none;
  }

  .prism-delivery-card:hover,
  .prism-case-study-page .site-button:hover,
  .prism-case-study-page .cta-button:hover {
    transform: none;
  }
}

/* Existing visual utilities */
.gradient-text {
  background: linear-gradient(135deg, var(--site-color-blue-500) 0%, var(--site-color-amber-500) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-texture {
  background-color: var(--site-bg-base);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e5e7eb' fill-opacity='0.8'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-texture-dark {
  background-color: var(--site-surface-dark);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23374151' fill-opacity='0.3'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Header rendering support */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  header.backdrop-blur-lg {
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px);
  }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  header.backdrop-blur-lg {
    background-color: rgba(var(--site-color-white-rgb), 0.98) !important;
  }
}

/* Compositing hints for existing animated elements */
.backdrop-blur-lg,
.cta-button,
.scroll-reveal,
#mobile-menu {
  transform: translateZ(0);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .scroll-reveal {
    opacity: 1;
    transform: none;
  }

  .cta-button:hover,
  .site-button:hover,
  .ai-capability-group:hover,
  .bi-capability-group:hover,
  .bi-lifecycle-step:hover,
  .managed-model-card:hover,
  .managed-capability-group:hover {
    transform: none;
  }
}