/* BEGIN MDS SECTION LEVEL v3.3.0 */

body.dc-mds-section-page {
  --dc-section-navy: #10243d;
  --dc-section-blue: #1d4266;
  --dc-section-teal: #4ea9a1;
  --dc-section-pale: #edf4f6;
  --dc-section-border: #cfdee3;

  background: #f3f7f8 !important;
}

body.dc-mds-section-page main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 90px !important;
}

body.dc-mds-section-page
.dc-section-hidden-title,
body.dc-mds-section-page
.dc-section-generic-hero,
body.dc-mds-section-page
.dc-section-empty-wrapper {
  display: none !important;
}

/* Workspace */

body.dc-mds-section-page
.dc-section-workspace {
  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;

  margin: 22px auto 14px !important;
  padding: 15px 18px !important;

  border: 1px solid var(--dc-section-border) !important;
  border-left: 5px solid var(--dc-section-teal) !important;
  border-radius: 11px !important;

  background: #ffffff !important;

  box-shadow:
    0 10px 28px rgba(16, 36, 61, .08) !important;
}

/* AI */

body.dc-mds-section-page
.dc-section-ai {
  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;

  margin: 0 auto 20px !important;
  padding: 20px 22px !important;

  border-radius: 14px !important;

  background:
    linear-gradient(
      135deg,
      #10243d,
      #1c4264
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 14px 34px rgba(16, 36, 61, .14) !important;
}

body.dc-mds-section-page
.dc-section-ai
:where(h1, h2, h3, h4) {
  margin: 0 0 7px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: var(--ui) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

body.dc-mds-section-page
.dc-section-ai p {
  color: #d6e2ea !important;
  -webkit-text-fill-color: #d6e2ea !important;
}

body.dc-mds-section-page
.dc-section-ai-actions {
  display: grid !important;
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

body.dc-mds-section-page
.dc-section-ai-actions
:where(a, button) {
  min-height: 42px !important;
  padding: 9px 12px !important;

  border: 1px solid rgba(255, 255, 255, .25) !important;
  border-radius: 7px !important;

  background: rgba(255, 255, 255, .07) !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  text-align: center !important;
}

/* Section identity */

body.dc-mds-section-page
.dc-section-identity {
  position: relative !important;
  overflow: hidden !important;

  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;

  margin: 26px auto 22px !important;
  padding:
    clamp(38px, 5vw, 62px) !important;

  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 22px !important;

  background:
    radial-gradient(
      circle at 93% 5%,
      rgba(91, 190, 179, .23),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #10243d 0%,
      #1b4265 57%,
      #2d6b74 100%
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 24px 54px rgba(16, 36, 61, .17) !important;
}

body.dc-mds-section-page
.dc-section-identity::after {
  position: absolute;
  top: -180px;
  right: -150px;

  width: 390px;
  height: 390px;

  border: 50px solid rgba(255, 255, 255, .055);
  border-radius: 50%;

  content: "";
}

body.dc-mds-section-page
.dc-section-eyebrow {
  position: relative;
  z-index: 2;

  margin: 0 0 13px !important;

  color: #82d5cd !important;

  font-family: var(--mono) !important;
  font-size: .67rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.dc-mds-section-page
.dc-section-identity
:where(h1, h2, h3) {
  position: relative;
  z-index: 2;

  max-width: 800px !important;
  margin: 0 0 15px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: var(--display) !important;
  font-size:
    clamp(3.4rem, 6vw, 5.6rem) !important;
  font-weight: 700 !important;
  line-height: .91 !important;
}

body.dc-mds-section-page
.dc-section-identity p {
  position: relative;
  z-index: 2;

  max-width: 760px !important;

  color: #d9e6ed !important;
  -webkit-text-fill-color: #d9e6ed !important;

  font-family: var(--serif) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

/* Search toolbar */

body.dc-mds-section-page
.dc-section-toolbar {
  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;

  margin: 0 auto 18px !important;
  padding: 18px 20px !important;

  display: grid !important;
  grid-template-columns: 1fr minmax(280px, 430px) !important;
  gap: 24px !important;
  align-items: center !important;

  border: 1px solid var(--dc-section-border) !important;
  border-radius: 13px !important;

  background: #ffffff !important;

  box-shadow:
    0 10px 28px rgba(16, 36, 61, .07) !important;
}

.dc-section-toolbar-label {
  display: block;

  margin-bottom: 4px;

  color: #327f79;

  font-family: var(--mono);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dc-section-toolbar-copy strong {
  color: var(--dc-section-navy);

  font-family: var(--ui);
  font-size: 1rem;
}

.dc-section-filter input {
  box-sizing: border-box;

  width: 100%;
  min-height: 46px;
  padding: 0 15px;

  border: 1px solid #bfd2da;
  border-radius: 8px;

  background: #f8fbfc;

  color: #173651;

  font-family: var(--ui);
  font-size: .82rem;
}

.dc-section-filter input:focus {
  border-color: var(--dc-section-teal);
  outline: 3px solid rgba(78, 169, 161, .16);
}

/* Items */

body.dc-mds-section-page
.dc-section-item-grid {
  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;

  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
  gap: 17px !important;
}

body.dc-mds-section-page
.dc-section-item-card {
  box-sizing: border-box !important;

  min-width: 0 !important;
  min-height: 210px !important;
  padding: 22px !important;

  display: flex !important;
  flex-direction: column !important;

  border: 1px solid #d2e0e5 !important;
  border-top: 4px solid #d9e9eb !important;
  border-radius: 14px !important;

  background: #ffffff !important;

  color: #173651 !important;

  box-shadow:
    0 10px 26px rgba(16, 36, 61, .07) !important;

  transition:
    border-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease !important;
}

body.dc-mds-section-page
.dc-section-item-card:hover {
  border-color: #87c8c2 !important;
  border-top-color: var(--dc-section-teal) !important;

  transform: translateY(-4px) !important;

  box-shadow:
    0 18px 38px rgba(16, 36, 61, .13) !important;
}

body.dc-mds-section-page
.dc-section-item-card
:where(h1, h2, h3, h4, strong) {
  color: var(--dc-section-navy) !important;
  -webkit-text-fill-color:
    var(--dc-section-navy) !important;
}

body.dc-mds-section-page
.dc-section-item-card p {
  color: #5a7285 !important;
  -webkit-text-fill-color: #5a7285 !important;

  font-family: var(--serif) !important;
  line-height: 1.55 !important;
}

body.dc-mds-section-page
.dc-section-item-card a {
  margin-top: auto !important;

  color: #1f716b !important;
  -webkit-text-fill-color: #1f716b !important;

  font-weight: 750 !important;
  text-decoration: none !important;
}

body.dc-mds-section-page
.dc-section-item-card a::after {
  margin-left: 7px;
  content: "→";
}

/* Bottom CTA */

body.dc-mds-section-page
.dc-section-bottom-cta {
  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;

  margin: 52px auto 0 !important;
  padding: 38px 42px !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 34px !important;
  align-items: center !important;

  border-radius: 20px !important;

  background:
    linear-gradient(
      135deg,
      #10243d,
      #234c73
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 22px 50px rgba(16, 36, 61, .17) !important;
}

.dc-section-cta-label {
  color: #7ed1c9;

  font-family: var(--mono);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dc-section-bottom-cta h2 {
  margin: 10px 0 11px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: var(--display) !important;
  font-size:
    clamp(2.8rem, 4vw, 4.2rem) !important;
  line-height: .93 !important;
}

.dc-section-bottom-cta p {
  max-width: 720px;

  margin: 0;

  color: #d8e4eb;
  -webkit-text-fill-color: #d8e4eb;

  line-height: 1.6;
}

.dc-section-cta-actions {
  display: grid;
  gap: 10px;
}

.dc-section-cta-actions a {
  min-width: 185px;
  min-height: 46px;
  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 7px;

  background: #ffffff;

  color: #10243d;
  -webkit-text-fill-color: #10243d;

  font-family: var(--ui);
  font-size: .78rem;
  font-weight: 750;

  text-decoration: none;
}

.dc-section-cta-actions a:first-child {
  background: var(--dc-section-teal);
}

/* Responsive */

@media (max-width: 980px) {
  body.dc-mds-section-page
  .dc-section-ai-actions {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  body.dc-mds-section-page
  .dc-section-item-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  body.dc-mds-section-page
  .dc-section-bottom-cta {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  body.dc-mds-section-page
  .dc-section-workspace,
  body.dc-mds-section-page
  .dc-section-ai,
  body.dc-mds-section-page
  .dc-section-identity,
  body.dc-mds-section-page
  .dc-section-toolbar,
  body.dc-mds-section-page
  .dc-section-item-grid,
  body.dc-mds-section-page
  .dc-section-bottom-cta {
    width: calc(100% - 24px) !important;
  }

  body.dc-mds-section-page
  .dc-section-ai-actions,
  body.dc-mds-section-page
  .dc-section-item-grid {
    grid-template-columns: 1fr !important;
  }

  body.dc-mds-section-page
  .dc-section-toolbar {
    grid-template-columns: 1fr !important;
  }

  body.dc-mds-section-page
  .dc-section-identity {
    padding: 34px 24px !important;
  }

  body.dc-mds-section-page
  .dc-section-identity
  :where(h1, h2, h3) {
    font-size:
      clamp(3rem, 14vw, 4.3rem) !important;
  }

  body.dc-mds-section-page
  .dc-section-bottom-cta {
    padding: 32px 24px !important;
  }

  .dc-section-cta-actions a {
    width: 100%;
  }
}

/* END MDS SECTION LEVEL v3.3.0 */