/**
 * SDC v2 — pixel-aligned to sdc-landing Tailwind UI (fonts intentionally left to site Blinker).
 * High-specificity resets defeat Elementor / Hello theme overrides.
 */

.erp-page {
  --erp-navy: #0b1220;
  --erp-brand: #d80c18;
  --erp-brand-hover: #b70812;
  --erp-surface: #f4f5f7;
  --erp-muted: #667085;
  --erp-ink: #101828;
  --erp-line: #e4e7ec;
  --erp-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
  --erp-shadow-lg: 0 12px 40px rgba(16, 24, 40, 0.08);
  --erp-radius-lg: 8px;
  --erp-radius-xl: 12px;
  --erp-radius-2xl: 16px;
  --erp-radius-3xl: 24px;
  --erp-font: "Blinker", Arial, sans-serif;
  font-family: var(--erp-font);
  color: var(--erp-ink);
  background: #fff;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/* Match hire-ai-developers banner font across page text */
.erp-page,
.erp-page h1,
.erp-page h2,
.erp-page h3,
.erp-page h4,
.erp-page p,
.erp-page a,
.erp-page span,
.erp-page strong,
.erp-page li,
.erp-page button,
.erp-page label {
  font-family: var(--erp-font) !important;
}

/* —— Reset theme/Elementor bleed —— */
.erp-page *,
.erp-page *::before,
.erp-page *::after { box-sizing: border-box; }

.erp-page h1,
.erp-page h2,
.erp-page h3,
.erp-page h4,
.erp-page p,
.erp-page ul,
.erp-page ol,
.erp-page li,
.erp-page figure,
.erp-page button {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: normal;
}

.erp-page img {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

.erp-page a {
  text-decoration: none !important;
  color: inherit;
  box-shadow: none !important;
}

.erp-page ul,
.erp-page ol { list-style: none !important; }

.erp-page button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* container: max-width 1440px (site standard) */
.erp-page .erp-wrap {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 640px) {
  .erp-page .erp-wrap { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 1024px) {
  .erp-page .erp-wrap { padding-left: 32px; padding-right: 32px; }
}

/* eyebrow */
.erp-page .erp-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--erp-brand) !important;
}
.erp-page .erp-eyebrow::before {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: var(--erp-brand);
  flex-shrink: 0;
}

/* buttons = btn-primary / btn-ghost */
.erp-page .erp-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px !important;
  border-radius: var(--erp-radius-lg) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  transition: background-color .2s, transform .2s, color .2s, border-color .2s;
  width: auto !important;
  min-height: 0 !important;
}
.erp-page .erp-btn-primary {
  background: var(--erp-brand) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 10px 15px -3px rgba(216, 12, 24, 0.25), 0 4px 6px -4px rgba(216, 12, 24, 0.25) !important;
}
.erp-page .erp-btn-primary:hover {
  background: var(--erp-brand-hover) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
.erp-page .erp-btn-ghost {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}
.erp-page .erp-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
}
/* Banner second button: match AI Development first-button L→R red fill hover */
.erp-page .erp-hero__actions .erp-btn-ghost {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #d80c18, #d80c18) !important;
  background-repeat: no-repeat !important;
  background-size: 0% 100% !important;
  transition: background-size 300ms ease, color .2s, border-color .2s !important;
}
.erp-page .erp-hero__actions .erp-btn-ghost:hover {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #d80c18, #d80c18) !important;
  background-size: 100% 100% !important;
  color: #fff !important;
}
@media screen and (max-width: 767px) {
  .erp-page .erp-hero__actions .erp-btn-ghost:hover {
    background-color: #d80c18 !important;
  }
}

/* card-surface */
.erp-page .erp-card {
  border: 1px solid var(--erp-line) !important;
  background: #fff !important;
  border-radius: var(--erp-radius-2xl) !important;
  box-shadow: var(--erp-shadow) !important;
  transition: box-shadow .2s;
}
.erp-page .erp-card:hover {
  box-shadow: var(--erp-shadow-lg) !important;
}

/* Section titles — match hire-ai-developers H2 (46px / 600; mobile 30px) */
.erp-page .erp-h2 {
  margin-top: 16px !important;
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: 46px !important;
  font-weight: 600 !important;
  line-height: 42px !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}
@media (max-width: 767px) {
  .erp-page .erp-h2 {
    font-size: 30px !important;
    line-height: 34px !important;
  }
}

.erp-page .erp-lead {
  margin-top: 20px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
  color: var(--erp-muted) !important;
}
@media (min-width: 640px) {
  .erp-page .erp-lead { font-size: 18px !important; }
}

/* ========== HERO ========== */
.erp-page .erp-firstfold {
  display: block;
}
.erp-page .erp-hero {
  position: relative;
  overflow: hidden;
  background: var(--erp-navy) !important;
  color: #fff !important;
  box-sizing: border-box;
  padding: 64px 0 !important; /* py-16 */
}
/* Desktop: hero + stats fill first viewport; stats sits on the fold */
@media (min-width: 1024px) {
  .erp-page .erp-firstfold {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
  }
  .erp-page .erp-hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 1 auto;
    min-height: 0;
    padding: 100px 0 0 !important;
  }
  .erp-page .erp-stats {
    flex: 0 0 auto;
  }
  .erp-page .erp-hero::before {
    content: "";
    flex: 18 1 0;
    min-height: 0;
    pointer-events: none;
  }
  .erp-page .erp-hero::after {
    content: "";
    flex: 35 1 0;
    min-height: 0;
    pointer-events: none;
  }
}
.erp-page .erp-hero__dot {
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0);
  background-size: 28px 28px;
}
.erp-page .erp-hero__grid {
  position: relative;
  display: grid;
  align-items: center;
  gap: 48px; /* gap-12 */
}
@media (min-width: 1024px) {
  .erp-page .erp-hero__grid {
    flex: 0 0 auto;
    width: 100%;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 64px; /* lg:gap-16 */
    align-items: stretch;
  }
  .erp-page .erp-hero__copy { grid-column: span 7 / span 7; }
  .erp-page .erp-hero__media { grid-column: span 5 / span 5; }
}
.erp-page .erp-hero h1 {
  margin-top: 0 !important;
  font-size: 36px !important; /* text-4xl */
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  color: #fff !important;
}
@media (min-width: 640px) {
  .erp-page .erp-hero h1 { font-size: 48px !important; } /* sm:text-5xl */
}
@media (min-width: 1024px) {
  .erp-page .erp-hero h1 { font-size: 60px !important; } /* lg:text-6xl */
}
.erp-page .erp-hero h1 .accent { color: var(--erp-brand) !important; }
.erp-page .erp-hero__lead {
  margin-top: 24px !important; /* mt-6 */
  max-width: 36rem;
  /* Match hire-ai-developers banner description typography */
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 300 !important;
  line-height: 31px !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  .erp-page .erp-hero__lead {
    font-size: 19px !important;
    line-height: 27px !important;
  }
}
.erp-page .erp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 62px !important;
}
/* Match hire-ai-developers banner button text typography */
.erp-page .erp-hero__actions .erp-btn {
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media (max-width: 767px) {
  .erp-page .erp-hero__actions .erp-btn {
    font-size: 15px !important;
  }
}
.erp-page .erp-hero__trust {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 12px;
  margin-top: 40px !important; /* mt-10 */
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.erp-page .erp-hero__trust li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.erp-page .erp-hero__trust svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--erp-brand);
}
.erp-page .erp-hero__media { position: relative; }
.erp-page .erp-hero__glow {
  position: absolute;
  inset: -16px; /* -inset-4 */
  border-radius: var(--erp-radius-3xl);
  background: rgba(216, 12, 24, 0.1);
  filter: blur(40px); /* blur-2xl */
}
.erp-page .erp-hero__media img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--erp-radius-2xl) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; /* shadow-2xl */
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}
@media (min-width: 1024px) {
  .erp-page .erp-hero__media {
    overflow: visible;
  }
  .erp-page .erp-hero__media img {
    position: absolute;
    top: -35px;
    bottom: -35px;
    left: 0;
    right: 0;
    width: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    transform: translateY(15px);
  }
}

/* ========== STATS (match homepage hn-stats type/spacing; keep ERP colors/bg) ========== */
.erp-page .erp-stats {
  border-top: 1px solid var(--erp-line);
  border-bottom: 1px solid var(--erp-line);
  background: var(--erp-surface) !important;
  padding: 0 !important;
}
.erp-page .erp-stats .erp-wrap.erp-stats__grid,
.erp-page .erp-stats__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  text-align: left !important;
  align-items: center !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  box-sizing: border-box !important;
}
.erp-page .erp-stats__grid.is-3 {
  grid-template-columns: 1fr !important;
}
@media (min-width: 768px) {
  .erp-page .erp-stats__grid.is-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.erp-page .erp-stats__grid > div {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 4px 28px 4px 40px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}
.erp-page .erp-stats__grid > div:first-child {
  padding-left: 0 !important;
}
.erp-page .erp-stats__grid > div:last-child {
  padding-right: 0 !important;
}
.erp-page .erp-stats__grid > div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) scaleX(0.5) !important;
  width: 1px !important;
  height: 64px !important;
  background: var(--erp-line) !important;
  transform-origin: center !important;
}
.erp-page .erp-stats__value {
  margin: 0 !important;
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: clamp(28px, 2.4vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
  color: var(--erp-navy) !important;
}
.erp-page .erp-stats__label {
  margin: 6px 0 0 !important;
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: var(--erp-muted) !important;
}
@media (max-width: 980px) {
  .erp-page .erp-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .erp-page .erp-stats__grid > div {
    padding: 12px 16px 12px 8px !important;
    min-height: 48px !important;
  }
  .erp-page .erp-stats__grid > div:first-child,
  .erp-page .erp-stats__grid > div:nth-child(3) {
    padding-left: 0 !important;
  }
  .erp-page .erp-stats__grid > div:not(:last-child)::after {
    display: none !important;
  }
  .erp-page .erp-stats__grid > div:nth-child(odd) {
    border-right: 1px solid var(--erp-line) !important;
  }
  .erp-page .erp-stats__grid > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--erp-line) !important;
    padding-bottom: 18px !important;
    margin-bottom: 6px !important;
  }
}
@media (max-width: 560px) {
  .erp-page .erp-stats__grid {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .erp-page .erp-stats__value {
    font-size: 26px !important;
  }
  .erp-page .erp-stats__label {
    font-size: 13px !important;
  }
}

/* ========== WHY / PROBLEMS ========== */
.erp-page .erp-why {
  background: #fff !important;
  color: var(--erp-ink) !important;
  padding: 80px 0 !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-why { padding: 96px 0 !important; }
}
.erp-page .erp-why .erp-h2 {
  max-width: none;
  white-space: nowrap;
  color: var(--erp-ink) !important;
  margin-top: 16px !important;
}
.erp-page .erp-why .erp-lead {
  margin-top: 16px !important;
  max-width: 40rem;
  color: var(--erp-muted) !important;
}
.erp-page .erp-why__grid {
  display: grid;
  gap: 24px;
  margin-top: 48px !important;
}
@media (min-width: 768px) {
  .erp-page .erp-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .erp-page .erp-why__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.erp-page .erp-why__card {
  padding: 28px !important;
  border-radius: 16px !important;
  border: 1px solid var(--erp-line) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06) !important;
  transition: box-shadow .2s;
}
.erp-page .erp-why__card:hover {
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.08) !important;
  background: #fff !important;
}
.erp-page .erp-why__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px !important;
  background: rgba(216, 12, 24, 0.1) !important;
  color: var(--erp-brand) !important;
}
.erp-page .erp-why__icon svg {
  width: 20px;
  height: 20px;
}
.erp-page .erp-why__card h3 {
  margin-top: 20px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-why__card p {
  margin-top: 10px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--erp-muted) !important;
}

/* ========== CAPABILITY ========== */
.erp-page .erp-capability {
  background: #fff !important;
  color: var(--erp-ink) !important;
  padding: 80px 0 !important;
  text-align: left !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-capability { padding: 96px 0 !important; }
}
.erp-page .erp-capability__grid {
  display: grid;
  gap: 48px;
  align-items: start;
}
@media (min-width: 1024px) {
  .erp-page .erp-capability__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 64px;
  }
  .erp-page .erp-capability__sticky {
    grid-column: span 5 / span 5;
    position: sticky;
    top: 112px;
  }
  .erp-page .erp-capability__list { grid-column: span 7 / span 7; }
}
.erp-page .erp-capability .erp-h2 {
  color: var(--erp-ink) !important;
  text-align: left !important;
}
.erp-page .erp-capability__intro {
  margin-top: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  text-align: left !important;
}
.erp-page .erp-capability__media {
  margin-top: 40px !important;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--erp-radius-2xl) !important;
  box-shadow: var(--erp-shadow-lg) !important;
}
.erp-page .erp-capability__list {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.erp-page .erp-capability__item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 28px !important;
  margin: 0 !important;
  border: 1px solid var(--erp-line) !important;
  border-radius: var(--erp-radius-2xl) !important;
  background: #fff !important;
  box-shadow: var(--erp-shadow) !important;
  text-align: left !important;
  transition: box-shadow .2s;
}
.erp-page .erp-capability__item:hover {
  box-shadow: var(--erp-shadow-lg) !important;
}
.erp-page .erp-capability__num {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--erp-radius-lg);
  background: var(--erp-navy) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.erp-page .erp-capability__item h3 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--erp-ink) !important;
  text-align: left !important;
}
.erp-page .erp-capability__item p {
  margin: 8px 0 0 !important;
  max-width: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
  color: var(--erp-muted) !important;
  text-align: left !important;
}

/* ========== MID CTA ========== */
.erp-page .erp-mid {
  background: var(--erp-surface) !important;
  padding: 56px 0 !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-mid { padding: 64px 0 !important; }
}
.erp-page .erp-mid__panel {
  position: relative;
  overflow: hidden;
  border-radius: 24px !important;
  background: #0a0a0b !important;
  color: #fff !important;
  padding: 36px 32px !important;
}
@media (min-width: 640px) {
  .erp-page .erp-mid__panel { padding: 48px 44px !important; }
}
@media (min-width: 1024px) {
  .erp-page .erp-mid__panel { padding: 56px 52px !important; }
}
.erp-page .erp-mid__blob {
  display: none !important;
}
.erp-page .erp-mid__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .erp-page .erp-mid__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
  }
}
.erp-page .erp-mid__copy {
  flex: 1;
  min-width: 0;
  max-width: 44rem;
}
@media (min-width: 1024px) {
  .erp-page .erp-mid__copy { margin-left: 20px; }
}
.erp-page .erp-mid__copy .erp-eyebrow {
  margin: 0 !important;
  color: var(--erp-brand) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
}
.erp-page .erp-mid__copy h3 {
  margin: 16px 0 0 !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #fff !important;
  max-width: none;
}
@media (min-width: 640px) {
  .erp-page .erp-mid__copy h3 { font-size: 34px !important; }
}
@media (min-width: 1024px) {
  .erp-page .erp-mid__copy h3 {
    font-size: 38px !important;
    white-space: nowrap;
  }
}
.erp-page .erp-mid__copy > p:not(.erp-eyebrow) {
  margin: 16px 0 0 !important;
  max-width: 40rem;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.62) !important;
}
.erp-page .erp-mid__copy > p + p {
  margin-top: 12px !important;
}
.erp-page .erp-mid__cta {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .erp-page .erp-mid__cta { margin-right: 20px; }
}
.erp-page .erp-mid__cta .erp-btn {
  white-space: nowrap;
  padding: 16px 28px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  box-shadow: 0 0 0 1px rgba(216, 12, 24, 0.25), 0 10px 30px rgba(216, 12, 24, 0.45) !important;
}

/* ========== SOFTWARE WE BUILD ========== */
.erp-page .erp-build {
  background: #fff !important;
  padding: 80px 0 !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-build { padding: 96px 0 !important; }
}
.erp-page .erp-build__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .erp-page .erp-build__head {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.erp-page .erp-build__head > div { max-width: 42rem; }
.erp-page .erp-build .erp-h2 { color: var(--erp-ink) !important; }
.erp-page .erp-build__link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--erp-brand) !important;
  white-space: nowrap;
}
.erp-page .erp-build__link:hover { text-decoration: underline !important; }
.erp-page .erp-build__grid {
  display: grid;
  gap: 20px;
  margin-top: 48px !important;
}
@media (min-width: 768px) {
  .erp-page .erp-build__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .erp-page .erp-build__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.erp-page .erp-build__card { padding: 28px !important; }
.erp-page .erp-build__card-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.erp-page .erp-build__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--erp-radius-lg);
  background: rgba(216, 12, 24, 0.1) !important;
  color: var(--erp-brand);
  flex-shrink: 0;
}
.erp-page .erp-build__card h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-build__card ul {
  margin-top: 20px !important;
  display: grid;
  gap: 10px;
}
.erp-page .erp-build__card li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--erp-muted) !important;
}
.erp-page .erp-build__card li svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--erp-brand);
}

/* ========== ERP OPERATIONS MAP ========== */
.erp-page .erp-opsmap {
  padding: 80px 0 !important;
  background: #12151b !important;
  color: #fff !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-opsmap { padding: 96px 0 !important; }
}
.erp-page .erp-opsmap__panel {
  background: #1a1e25 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 36px 24px 28px !important;
}
@media (min-width: 768px) {
  .erp-page .erp-opsmap__panel {
    padding: 48px 40px 36px !important;
  }
}
.erp-page .erp-opsmap__head {
  max-width: 52rem;
  margin-bottom: 36px !important;
}
.erp-page .erp-opsmap__head .erp-h2 {
  color: #fff !important;
  margin: 0 !important;
}
.erp-page .erp-opsmap__lead {
  margin: 16px 0 0 !important;
  max-width: 48rem;
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
.erp-page .erp-opsmap__flow {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 1024px) {
  .erp-page .erp-opsmap__flow {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
  }
  .erp-page .erp-opsmap__flow-line {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 50%;
    height: 2px;
    background: var(--erp-brand);
    transform: translateY(-50%);
    z-index: 0;
    pointer-events: none;
  }
}
.erp-page .erp-opsmap__flow-line {
  display: none;
}
@media (min-width: 1024px) {
  .erp-page .erp-opsmap__flow-line {
    display: block;
  }
}
.erp-page .erp-opsmap__node {
  position: relative;
  z-index: 1;
  background: #232830 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 22px 18px !important;
  min-height: 148px;
}
.erp-page .erp-opsmap__tag {
  margin: 0 0 10px !important;
  font-family: "Blinker", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #e45a4f !important;
}
.erp-page .erp-opsmap__node h3 {
  margin: 0 0 8px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #fff !important;
}
.erp-page .erp-opsmap__node h3.is-accent {
  color: var(--erp-brand) !important;
}
.erp-page .erp-opsmap__node p {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.erp-page .erp-opsmap__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 18px !important;
}
@media (min-width: 768px) {
  .erp-page .erp-opsmap__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}
.erp-page .erp-opsmap__action {
  background: #232830 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 22px 20px !important;
}
.erp-page .erp-opsmap__action h3 {
  margin: 0 0 8px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #e45a4f !important;
}
.erp-page .erp-opsmap__action p {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}


/* ========== RISK ========== */
.erp-page .erp-risk {
  background: #fff !important;
  padding: 80px 0 !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-risk { padding: 96px 0 !important; }
}
.erp-page .erp-risk__intro {
  max-width: 42rem;
  margin-bottom: 48px !important;
}
.erp-page .erp-risk__intro .erp-h2 {
  margin-top: 16px !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-risk__lead { margin-top: 16px !important; }
.erp-page .erp-risk__grid {
  display: grid;
  gap: 40px;
  align-items: start;
}
@media (min-width: 1024px) {
  .erp-page .erp-risk__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 56px;
  }
  .erp-page .erp-risk__media { grid-column: span 5 / span 5; }
  .erp-page .erp-risk__list { grid-column: span 7 / span 7; }
}
.erp-page .erp-risk__media {
  margin-top: 0 !important;
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.08) !important;
}
.erp-page .erp-risk__list {
  display: grid;
  gap: 16px;
  align-content: start;
}
.erp-page .erp-risk__item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 24px 28px !important;
  border-radius: 16px !important;
  border: 1px solid var(--erp-line) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05) !important;
}
.erp-page .erp-risk__icon {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px !important;
  background: rgba(216, 12, 24, 0.1) !important;
  color: var(--erp-brand) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.erp-page .erp-risk__icon svg {
  width: 20px;
  height: 20px;
}
.erp-page .erp-risk__item h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-risk__item h3 a { color: var(--erp-ink) !important; text-decoration: none !important; }
.erp-page .erp-risk__item h3 a:hover { color: var(--erp-brand) !important; }
.erp-page .erp-risk__item p {
  margin-top: 6px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--erp-muted) !important;
}

/* ========== FAQ ========== */
.erp-page .erp-faq {
  background: var(--erp-surface) !important;
  padding: 80px 0 !important;
  text-align: left !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-faq { padding: 96px 0 !important; }
}
.erp-page .erp-faq__grid {
  display: grid;
  gap: 40px;
  align-items: start;
}
@media (min-width: 1024px) {
  .erp-page .erp-faq__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 56px;
    align-items: end;
  }
  .erp-page .erp-faq__side { grid-column: span 4 / span 4; }
  .erp-page .erp-faq__list { grid-column: span 8 / span 8; }
}
.erp-page .erp-faq__side .erp-h2 {
  margin-top: 16px !important;
  color: var(--erp-ink) !important;
  text-align: left !important;
}
.erp-page .erp-faq__lead {
  margin-top: 16px !important;
  max-width: 22rem;
}
.erp-page .erp-faq__media {
  display: none;
  margin-top: 32px !important;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.08) !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-faq__media { display: block; }
}
.erp-page .erp-faq__list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 1px solid var(--erp-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.06) !important;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .erp-page .erp-faq__list { align-self: end; }
}
.erp-page .erp-faq__item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.erp-page .erp-faq__item + .erp-faq__item {
  border-top: 1px solid var(--erp-line) !important;
}
.erp-page .erp-faq__q {
  display: flex !important;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 24px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--erp-ink) !important;
  text-align: left !important;
  cursor: default;
  user-select: none;
}
@media (min-width: 640px) {
  .erp-page .erp-faq__q { padding: 22px 28px !important; }
}
.erp-page .erp-faq__q:hover,
.erp-page .erp-faq__q:focus,
.erp-page .erp-faq__q:active {
  background: transparent !important;
  background-image: none !important;
  outline: none;
}
.erp-page .erp-faq__q-text {
  flex: 1;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--erp-ink) !important;
}
@media (min-width: 640px) {
  .erp-page .erp-faq__q-text { font-size: 18px !important; }
}
.erp-page .erp-faq__toggle {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  border-radius: 9999px;
  border: 1px solid var(--erp-line) !important;
  background: #fff !important;
  color: var(--erp-muted) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  font-style: normal;
}
.erp-page .erp-faq__toggle::before { content: "+"; }
.erp-page .erp-faq__item.is-open .erp-faq__toggle::before { content: "−"; }
.erp-page .erp-faq__a {
  display: none;
  padding: 0 24px 24px !important;
}
@media (min-width: 640px) {
  .erp-page .erp-faq__a { padding: 0 28px 24px !important; }
}
.erp-page .erp-faq__item.is-open .erp-faq__a { display: block; }
.erp-page .erp-faq__a p {
  margin: 0 !important;
  font-family: "Blinker", Sans-serif !important;
  font-size: 19px !important;
  font-weight: 300 !important;
  line-height: 29px !important;
  color: #4A4E57 !important;
}
.erp-page .erp-faq__a p + p {
  margin-top: 12px !important;
}

/* ========== BOTTOM CTA ========== */
.erp-page .erp-cta {
  background: var(--erp-navy) !important;
  color: #fff !important;
  padding: 80px 0 !important; /* py-20 */
}
@media (min-width: 1024px) {
  .erp-page .erp-cta { padding: 112px 0 !important; } /* lg:py-28 */
}
.erp-page .erp-cta__inner { max-width: 48rem; } /* max-w-3xl */
.erp-page .erp-cta .erp-h2 {
  color: #fff !important;
  font-size: 46px !important;
  font-weight: 600 !important;
  line-height: 42px !important;
}
@media (max-width: 767px) {
  .erp-page .erp-cta .erp-h2 {
    font-size: 30px !important;
    line-height: 34px !important;
  }
}
.erp-page .erp-cta p {
  margin-top: 20px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
.erp-page .erp-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 36px !important; /* mt-9 */
}
.erp-page .erp-cta__actions .erp-btn {
  font-size: 16px !important;
}


/* —— ERP-only sections —— */
.erp-page .erp-hero h1 .accent { color: var(--erp-brand) !important; }
.erp-page .erp-hero__actions { flex-wrap: wrap; }

/* —— ERP case studies (case-studies page card style) —— */
.erp-page .erp-mod-cs {
  padding: 80px 0 !important;
  background: #fff !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-mod-cs { padding: 96px 0 !important; }
}
.erp-page .erp-mod-cs__head {
  max-width: 720px;
  margin-bottom: 0 !important;
  text-align: left;
}
.erp-page .erp-mod-cs .cs-grid {
  --cs-border: #e5e7eb;
  --cs-fg: #1a1d23;
  --cs-muted: #6b7280;
  --cs-primary: #d80c18;
  max-width: none;
  width: 100%;
  margin-top: 32px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 40px;
  row-gap: 48px;
  text-align: left;
}
.erp-page .erp-mod-cs .cs-card,
.erp-page .erp-mod-cs .cs-card__body,
.erp-page .erp-mod-cs .cs-card__title,
.erp-page .erp-mod-cs .cs-card__desc,
.erp-page .erp-mod-cs .cs-metrics,
.erp-page .erp-mod-cs .cs-metric,
.erp-page .erp-mod-cs .cs-metric__value,
.erp-page .erp-mod-cs .cs-metric__label,
.erp-page .erp-mod-cs .cs-card__cta {
  text-align: left !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-mod-cs .cs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 48px;
  }
}
@media (min-width: 1280px) {
  .erp-page .erp-mod-cs .cs-grid {
    column-gap: 64px;
    row-gap: 56px;
  }
}
.erp-page .erp-mod-cs .cs-card {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--cs-border);
  padding-top: 24px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.erp-page .erp-mod-cs .cs-card--featured {
  border-top-width: 2px;
  border-top-color: var(--cs-fg);
}
@media (min-width: 1024px) {
  .erp-page .erp-mod-cs .cs-card--featured {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: stretch;
    gap: 40px;
  }
}
@media (min-width: 1280px) {
  .erp-page .erp-mod-cs .cs-card--featured { gap: 56px; }
}
.erp-page .erp-mod-cs .cs-card__media {
  margin: 0 0 24px !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-mod-cs .cs-card--featured .cs-card__media {
    margin: 0 !important;
    width: 42%;
    flex: 0 0 42%;
    max-width: 42%;
  }
}
.erp-page .erp-mod-cs .cs-card__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}
.erp-page .erp-mod-cs .cs-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  flex: 1;
}
.erp-page .erp-mod-cs .cs-card__title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--cs-fg);
}
.erp-page .erp-mod-cs .cs-card__title--lg {
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .erp-page .erp-mod-cs .cs-card__title--lg { font-size: 1.75rem; }
}
.erp-page .erp-mod-cs .cs-card__title a {
  color: inherit !important;
  text-decoration: none !important;
}
.erp-page .erp-mod-cs .cs-card__title a:hover { color: var(--cs-primary) !important; }
.erp-page .erp-mod-cs .cs-card__desc {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  max-width: none;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--cs-muted);
}
.erp-page .erp-mod-cs .cs-metrics {
  margin-top: 24px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  border-top: 1px solid var(--cs-border);
  padding-top: 20px !important;
}
.erp-page .erp-mod-cs .cs-metrics--featured { gap: 16px 56px; }
.erp-page .erp-mod-cs .cs-metric { min-width: 0; }
.erp-page .erp-mod-cs .cs-metric__value {
  margin: 0 !important;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--cs-fg);
}
.erp-page .erp-mod-cs .cs-metric__label {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--cs-muted);
}
.erp-page .erp-mod-cs .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.erp-page .erp-mod-cs a.cs-card__cta,
.erp-page .erp-mod-cs .cs-card__cta {
  margin-top: 24px !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  color: #d80c18 !important;
  -webkit-text-fill-color: #d80c18 !important;
  text-decoration: none !important;
}
.erp-page .erp-mod-cs .cs-card__cta span {
  color: #d80c18 !important;
  -webkit-text-fill-color: #d80c18 !important;
  display: inline-block;
  transition: transform .2s ease;
}
.erp-page .erp-mod-cs .cs-card:hover .cs-card__cta span,
.erp-page .erp-mod-cs .cs-card:focus-within .cs-card__cta span {
  transform: translateX(4px);
}

.erp-page .erp-approach {
  padding: 80px 0 !important;
  background: #fff !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-approach { padding: 96px 0 !important; }
}
.erp-page .erp-approach__head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px !important;
}
.erp-page .erp-approach__head .erp-eyebrow { justify-content: center; }
.erp-page .erp-approach__head .erp-lead {
  max-width: none;
}
.erp-page .erp-approach__head .erp-lead + .erp-lead {
  margin-top: 12px !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-approach__head {
    max-width: none;
  }
  .erp-page .erp-approach__head .erp-lead {
    white-space: nowrap;
  }
}
.erp-page .erp-approach__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: stretch;
}
@media (min-width: 900px) {
  .erp-page .erp-approach__grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
  }
}
.erp-page .erp-approach__card {
  padding: 32px !important;
  border-radius: var(--erp-radius-2xl) !important;
  border: 1px solid var(--erp-line) !important;
  background: #fff !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  box-shadow: var(--erp-shadow) !important;
}
.erp-page .erp-approach__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 12, 24, 0.1) !important;
  color: var(--erp-brand) !important;
}
.erp-page .erp-approach__card h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-approach__card p,
.erp-page .erp-approach__card li {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--erp-muted) !important;
}
.erp-page .erp-approach__card ul {
  display: grid;
  gap: 10px;
  margin-top: 4px !important;
}
.erp-page .erp-approach__card li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.erp-page .erp-approach__card li svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--erp-brand);
}
.erp-page .erp-approach__card .erp-btn { margin-top: auto; align-self: flex-start; }
.erp-page .erp-approach__help {
  margin: 12px 0 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-approach__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  align-items: flex-start;
}
.erp-page .erp-approach__actions .erp-btn {
  margin-top: 0 !important;
  font-size: 16px !important;
}
.erp-page .erp-btn-outline {
  background: #fff !important;
  color: var(--erp-ink) !important;
  border: 1px solid var(--erp-line) !important;
  box-shadow: none !important;
}
.erp-page .erp-btn-outline:hover {
  border-color: var(--erp-brand) !important;
  color: var(--erp-brand) !important;
}

.erp-page .erp-func {
  padding: 80px 0 !important;
  background: var(--erp-surface) !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-func { padding: 96px 0 !important; }
}
.erp-page .erp-func__head { max-width: 720px; margin-bottom: 40px !important; }
.erp-page .erp-func__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 640px) {
  .erp-page .erp-func__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .erp-page .erp-func__grid { grid-template-columns: repeat(3, 1fr); }
}
.erp-page .erp-func__item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 24px !important;
  background: #fff !important;
  border: 1px solid var(--erp-line) !important;
  border-radius: var(--erp-radius-2xl) !important;
  box-shadow: var(--erp-shadow) !important;
}
.erp-page .erp-func__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 12, 24, 0.1) !important;
  color: var(--erp-brand) !important;
}
.erp-page .erp-func__item h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-func__item p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--erp-muted) !important;
}

.erp-page .erp-trust {
  padding: 80px 0 !important;
  background: var(--erp-navy) !important;
  color: #fff !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-trust { padding: 96px 0 !important; }
}
.erp-page .erp-trust .erp-h2 {
  max-width: 36rem;
  margin-top: 16px !important;
  color: #fff !important;
}
.erp-page .erp-trust__bridge {
  margin-top: 16px !important;
  max-width: 40rem;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.erp-page .erp-trust__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 48px !important;
}
@media (min-width: 640px) {
  .erp-page .erp-trust__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .erp-page .erp-trust__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
.erp-page .erp-trust__card {
  padding: 32px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: background-color .2s, border-color .2s;
}
.erp-page .erp-trust__card:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.erp-page .erp-trust__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: var(--erp-brand) !important;
}
.erp-page .erp-trust__icon svg {
  width: 24px;
  height: 24px;
}
.erp-page .erp-trust__card h3 {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #fff !important;
}
.erp-page .erp-trust__card p {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.65) !important;
}
.erp-page .erp-trust__list {
  margin: 0 !important;
  padding: 0 0 0 1.15em !important;
  list-style: disc !important;
  display: grid;
  gap: 6px;
}
.erp-page .erp-trust__list li {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

.erp-page .erp-industries {
  padding: 80px 0 !important;
  background: #fff !important;
}
@media (min-width: 1024px) {
  .erp-page .erp-industries { padding: 96px 0 !important; }
}
.erp-page .erp-industries__head {
  max-width: none;
  margin-bottom: 48px !important;
}
.erp-page .erp-industries__head .erp-h2 {
  margin-top: 16px !important;
  white-space: nowrap;
}
.erp-page .erp-industries__head .erp-lead {
  margin-top: 16px !important;
}
.erp-page .erp-industries__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 640px) {
  .erp-page .erp-industries__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .erp-page .erp-industries__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
}
.erp-page .erp-industries__item {
  text-align: left;
  padding: 28px !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid var(--erp-line) !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06) !important;
  transition: box-shadow .2s;
}
.erp-page .erp-industries__item:hover {
  box-shadow: 0 12px 36px rgba(16, 24, 40, 0.08) !important;
}
.erp-page .erp-industries__icon {
  width: 44px;
  height: 44px;
  margin: 0 0 20px;
  border-radius: 12px !important;
  display: grid;
  place-items: center;
  background: var(--erp-navy) !important;
  color: #fff !important;
}
.erp-page .erp-industries__icon svg {
  width: 20px;
  height: 20px;
}
.erp-page .erp-industries__item h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  color: var(--erp-ink) !important;
}
.erp-page .erp-industries__item p {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--erp-muted) !important;
}

.erp-page .erp-why { padding-top: 80px !important; }
@media (min-width: 1024px) {
  .erp-page .erp-why { padding-top: 96px !important; }
}
