/* Accessible, visually hidden primary heading; does not affect hero layout or animation. */
.accr-seo-h1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Accredia360 premium hero */
.accr-hero.qp-bg-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(
      circle at 10% 4%,
      rgba(255, 255, 255, 0.34) 0,
      rgba(255, 255, 255, 0) 30%
    ),
    radial-gradient(
      circle at 90% 72%,
      rgba(0, 55, 110, 0.22) 0,
      rgba(0, 55, 110, 0) 35%
    ),
    linear-gradient(
      135deg,
      #063b86 0%,
      #0a63c7 31%,
      #63b6f4 66%,
      #dff2ff 100%
    ) !important;
  padding: clamp(68px, 7vw, 104px) 0 clamp(50px, 5vw, 76px) !important;
}
.accr-hero.qp-bg-hero::before,
.accr-hero.qp-bg-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(2px);
}
.accr-hero.qp-bg-hero::before {
  width: clamp(300px, 36vw, 560px);
  height: clamp(300px, 36vw, 560px);
  right: -14%;
  top: -28%;
  background: rgba(255, 255, 255, 0.1);
}
.accr-hero.qp-bg-hero::after {
  width: clamp(260px, 30vw, 460px);
  height: clamp(260px, 30vw, 460px);
  left: -15%;
  bottom: -32%;
  background: rgba(0, 38, 78, 0.14);
}
.accr-hero .container-fluid {
  position: relative;
  z-index: 1;
  width: min(100% - 40px, 1440px);
  margin-inline: auto;
}
.accr-hero-copy {
  width: min(100%, 1180px);
  margin: 0 auto;
  text-align: center;
}
.accr-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow:
    0 10px 30px rgba(5, 45, 84, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
}
.accr-hero-kicker-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.18);
}
.accr-hero-title {
  width: 100%;
  margin: 23px auto 0;
  color: #fff !important;
  font-size: clamp(3rem, 5.2vw, 5.55rem);
  line-height: 0.98;
  letter-spacing: -0.058em;
  font-weight: 650 !important;
  white-space: nowrap;
  text-shadow: 0 5px 28px rgba(4, 44, 83, 0.13);
}
.accr-hero-subtitle {
  margin: 13px auto 0;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: clamp(1.18rem, 2vw, 1.9rem);
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-weight: 520;
}
.accr-hero-lead {
  width: min(100%, 900px);
  margin: 15px auto 0;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: clamp(0.98rem, 1.2vw, 1.12rem);
  line-height: 1.65;
  font-weight: 400;
}
.accr-hero-stage {
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.9fr);
  align-items: center;
  gap: clamp(30px, 5vw, 76px);
  width: min(100%, 1370px);
  margin: clamp(40px, 5vw, 62px) auto 0;
}
.accr-hero-side {
  min-width: 0;
  padding: 8px 0 8px 4px;
  text-align: left;
}
.accr-hero-side-copy {
  max-width: 330px;
  margin-bottom: 25px;
}
.accr-hero-side-eyebrow {
  margin: 0 0 7px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.accr-hero-side-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 500;
}
.accr-hero-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}
.accr-hero .start-btn {
  min-height: 50px;
  border-radius: 13px;
  padding: 12px 19px;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(4, 44, 83, 0.18);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease;
}
.accr-hero .start-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(4, 44, 83, 0.25);
}
.accr-hero .btn-primary {
  background: #fff !important;
  border-color: #fff !important;
  color: #07569a !important;
}
.accr-hero .btn-primary:hover,
.accr-hero .btn-primary:focus,
.accr-hero .btn-primary:active {
  color: #fff !important;
  background: rgba(7, 86, 154, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.78) !important;
}
.accr-hero .btn-outline-primary {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.62) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.accr-hero .btn-outline-primary:hover {
  background: rgba(255, 255, 255, 0.17) !important;
}
.accr-hero-frameworks {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 7px;
  margin-top: 27px;
}
.accr-hero-frameworks span {
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.95);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  backdrop-filter: blur(8px);
}
.accr-hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  margin-top: 23px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.4;
}
.accr-hero-meta i {
  width: 16px;
  margin-right: 4px;
  color: rgba(255, 255, 255, 0.92);
}
.accr-hero-visual {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}
.accr-hero-carousel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: clamp(18px, 2vw, 28px);
  background: rgba(255, 255, 255, 0.105);
  box-shadow:
    0 42px 90px rgba(2, 35, 70, 0.34),
    0 18px 38px rgba(2, 35, 70, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.48);
  backdrop-filter: blur(14px);
}
.accr-hero-carousel::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0 0 auto;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.22)
  ,
    rgba(255, 255, 255, 0.98));
}
.accr-carousel-track {
  position: relative;
  min-height: clamp(350px, 34vw, 540px);
  padding: clamp(16px, 1.8vw, 24px) clamp(58px, 5vw, 78px);
}
.accr-slide {
  position: absolute;
  inset: 16px clamp(58px, 5vw, 78px) 16px;
  margin: 0;
  opacity: 0;
  transform: translateX(18px) scale(0.985);
  pointer-events: none;
  transition:
    opacity 0.55s ease,
    transform 0.55s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.accr-slide.is-active {
  opacity: 1;
  transform: translateX(0) scale(1);
  pointer-events: auto;
}
.accr-slide img {
  display: block;
  width: 100%;
  max-height: min(56vh, 540px);
  object-fit: contain;
  object-position: center;
  border-radius: clamp(10px, 1vw, 16px);
  border: 1px solid rgba(15, 65, 105, 0.13);
  box-shadow:
    0 28px 58px rgba(1, 36, 72, 0.29),
    0 8px 20px rgba(1, 36, 72, 0.17);
  background: #fff;
}
.accr-slide figcaption {
  margin-top: 9px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-align: center;
}
.accr-carousel-controls {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.accr-carousel-btn {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  margin: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 50%;
  background: rgba(4, 38, 72, 0.4);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow:
    0 10px 25px rgba(2, 35, 70, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  pointer-events: auto;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}
.accr-carousel-btn:hover,
.accr-carousel-btn:focus-visible {
  transform: scale(1.06);
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.85);
  outline: none;
}
.accr-carousel-dots {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(4, 38, 72, 0.3);
  backdrop-filter: blur(10px);
  pointer-events: auto;
}
.accr-carousel-dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
}
.accr-carousel-dots button.is-active {
  width: 21px;
  border-radius: 999px;
  background: #fff;
}
.accr-content-update {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.52) !important;
  font-size: 0.66rem;
  text-align: right !important;
}
@media (max-width: 1100px) {
  .accr-hero-stage {
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.65fr);
    gap: 28px;
  }
  .accr-hero-title {
    font-size: clamp(2.8rem, 5.3vw, 4.6rem);
  }
  .accr-carousel-track {
    min-height: 390px;
  }
}
@media (max-width: 900px) {
  .accr-hero-title {
    white-space: normal;
  }
  .accr-hero-stage {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .accr-hero-side {
    padding: 0;
    text-align: center;
  }
  .accr-hero-side-copy {
    max-width: 620px;
    margin: 0 auto 20px;
  }
  .accr-hero-actions {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .accr-hero-frameworks {
    justify-content: center !important;
  }
  .accr-hero-meta {
    align-items: center;
    justify-content: center !important;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .accr-hero-visual {
    order: -1;
  }
  .accr-carousel-track {
    min-height: 430px;
  }
  .accr-content-update {
    text-align: center !important;
  }
}
@media (max-width: 767.98px) {
  .accr-hero.qp-bg-hero {
    padding: 55px 0 44px !important;
  }
  .accr-hero .container-fluid {
    width: min(100% - 24px, 680px);
  }
  .accr-hero-kicker {
    font-size: 0.35rem;
    padding: 4px 4px;
    margin-top: 15px;
  }
  .accr-hero-title {
    margin-top: 20px;
    font-size: clamp(2.35rem, 10vw, 3.5rem);
  }
  .accr-hero-subtitle {
    font-size: clamp(1.1rem, 5vw, 1.45rem);
  }
  .accr-hero-lead {
    font-size: 0.96rem;
    line-height: 1.62;
  }
  .accr-hero-stage {
    margin-top: 30px;
  }
  .accr-hero-side {
    order: 2;
  }
  .accr-hero-visual {
    order: 1;
  }
  .accr-carousel-track {
    min-height: 270px;
    padding: 12px 45px 45px;
  }
  .accr-slide {
    inset: 12px 45px 42px;
  }
  .accr-slide img {
    max-height: 230px;
  }
  .accr-carousel-btn {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    margin: 0 7px;
  }
  .accr-carousel-dots {
    bottom: 8px;
  }
  .accr-hero-actions {
    width: 100%;
    flex-direction: column;
  }
  .accr-hero .start-btn {
    width: min(100%, 360px);
  }
  .accr-hero-frameworks {
    margin-top: 22px;
  }
}
@media (max-width: 479.98px) {
  .accr-hero.qp-bg-hero {
    padding: 45px 0 38px !important;
  }
  .accr-hero-title {
    font-size: 2.25rem;
  }
  .accr-hero-subtitle {
    font-size: 1.12rem;
  }
  .accr-hero-stage {
    margin-top: 26px;
  }
  .accr-hero-carousel {
    border-radius: 15px;
  }
  .accr-carousel-track {
    min-height: 215px;
    padding: 9px 37px 40px;
  }
  .accr-slide {
    inset: 9px 37px 38px;
  }
  .accr-slide img {
    max-height: 178px;
    border-radius: 10px;
  }
  .accr-slide figcaption {
    font-size: 0.64rem;
    margin-top: 6px;
  }
  .accr-carousel-btn {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
    margin: 0 5px;
  }
  .accr-hero-frameworks span {
    padding: 5px 8px;
    font-size: 0.62rem;
  }
  .accr-hero-meta {
    font-size: 0.66rem;
    gap: 7px 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .accr-hero .start-btn,
  .accr-slide,
  .accr-carousel-btn,
  .page-accredia360 .accr-framework-detail {
    transition: none;
    animation: none !important;
  }
}

/* Homepage section polish */
.accr-answer-snapshot,
.qp-section-band {
  position: relative;
}
.accr-answer-snapshot .container,
.qp-section-band .container {
  position: relative;
  z-index: 1;
}
.qp-section-band:not(.accr-hero) {
  border-top: 1px solid rgba(24, 64, 110, 0.055);
}
.qp-section-band h2 {
  letter-spacing: -0.02em;
}
.qp-section-band .card,
.qp-section-band [class*="card"] {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}
.qp-section-band .card:hover,
.qp-section-band [class*="card"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(18, 48, 90, 0.09);
}
.accr-hero-carousel img {
  filter: drop-shadow(0 18px 30px rgba(5, 31, 74, 0.2));
}
@media (prefers-reduced-motion: reduce) {
  .qp-section-band .card,
  .qp-section-band [class*="card"] {
    transition: none;
  }
}

/* Accreditation challenges — premium dark-blue problem section */
.accr-challenges-section {
  position: relative;
  overflow: hidden;
  padding: clamp(70px, 8vw, 112px) 0 !important;
  color: #fff;
  background:
    radial-gradient(
      circle at 8% 8%,
      rgba(255, 255, 255, 0.28) 0,
      rgba(255, 255, 255, 0) 34%
    ),
    linear-gradient(135deg, #0b4b86 100%, #1769b0 72%, #4ba8e8 38%, #bfe7ff 0%) !important;
}
.accr-challenges-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 92% 88%,
      rgba(255, 255, 255, 0.1),
      transparent 30%
    ),
    linear-gradient(
      115deg,
      rgba(3, 49, 91, 0.08)
    ,
      transparent 42%,
      rgba(255, 255, 255, 0.16));
}
.accr-challenges-section .container-fluid,
.accr-challenges-section .row {
  position: relative;
  z-index: 1;
}
.accr-challenges-intro {
  max-width: 590px;
  padding-right: clamp(0px, 3vw, 42px);
}
.accr-challenges-intro h2 {
  color: #fff !important;
  font-size: clamp(2.15rem, 4vw, 3.8rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
  font-weight: 750 !important;
  text-shadow: 0 3px 20px rgba(3, 45, 88, 0.16);
}
.accr-challenges-intro p {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 1.05rem;
  line-height: 1.75;
}
.accr-challenges-intro h4 {
  color: #fff !important;
  font-size: 1.18rem;
  line-height: 1.55;
  font-weight: 600;
}
.accr-challenges-section .row.g-4 > [class*="col-"] {
  display: flex;
}
.accr-challenges-section .qp-white-card {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.17) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow:
    0 22px 50px rgba(2, 35, 70, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease !important;
}
.accr-challenges-section .qp-white-card:hover {
  transform: translateY(-7px) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    0 26px 55px rgba(0, 18, 45, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.accr-challenges-section .qp-white-card .card-body {
  padding: clamp(24px, 2.3vw, 34px) !important;
}
.accr-challenges-section .qp-white-card h3 {
  color: #fff !important;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.accr-challenges-section .qp-white-card p {
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.65;
}
.accr-challenge-icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 14px;
  color: #dff5ff;
  font-size: 1.05rem;
  position: relative;
  z-index: 1;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.08)
  ,
    rgba(153, 221, 255, 0.22));
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 24px rgba(0, 22, 52, 0.16);
}
.accr-challenges-section .col-sm-6:nth-child(2) .qp-white-card,
.accr-challenges-section .col-sm-6:nth-child(4) .qp-white-card {
  transform: translateY(24px);
}
.accr-challenges-section .col-sm-6:nth-child(2) .qp-white-card:hover,
.accr-challenges-section .col-sm-6:nth-child(4) .qp-white-card:hover {
  transform: translateY(17px) !important;
}
@media (max-width: 767.98px) {
  .accr-challenges-section {
    padding: 60px 0 !important;
  }
  .accr-challenges-intro {
    padding-right: 0;
  }
  .accr-challenges-section .col-sm-6:nth-child(2) .qp-white-card,
  .accr-challenges-section .col-sm-6:nth-child(4) .qp-white-card {
    transform: none;
  }
  .accr-challenges-section .col-sm-6:nth-child(2) .qp-white-card:hover,
  .accr-challenges-section .col-sm-6:nth-child(4) .qp-white-card:hover {
    transform: translateY(-7px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .accr-challenges-section .qp-white-card {
    transition: none !important;
  }
}

/* How It Works page */
/* Accredia360 — How It Works page. Uses master_style.css for the shared design system. */
.hiw-page {
  --hiw-blue-900: #063b86;
  --hiw-blue-700: #0b63ce;
  --hiw-blue-500: #2488e8;
  --hiw-blue-100: #eaf5ff;
  --hiw-ink: #0b2545;
  --hiw-muted: #5f7288;
  --hiw-line: rgba(8, 74, 145, 0.12);
  background: #fff;
  color: var(--hiw-ink);
}

.hiw-hero {
  position: relative;
  overflow: hidden;
  padding: 150px 0 90px;
  background: linear-gradient(
    135deg,
    #063b86 100%
  ,
    #0a63c7 72%,
    #63b6f4 42%,
    #dff2ff 0%);
}

.hiw-hero::before,
.hiw-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(4px);
}

.hiw-hero::before {
  width: 420px;
  height: 420px;
  top: -210px;
  right: 5%;
  background: rgba(255, 255, 255, 0.18);
}

.hiw-hero::after {
  width: 520px;
  height: 520px;
  bottom: -330px;
  left: -140px;
  background: rgba(0, 44, 111, 0.22);
}

.hiw-hero__content,
.hiw-hero__visual {
  position: relative;
  z-index: 2;
}

.hiw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.hiw-hero h1 {
  max-width: 760px;
  margin: 20px 0 18px;
  color: #fff;
  font-size: clamp(2.7rem, 5vw, 5rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.hiw-hero__lead {
  max-width: 700px;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.75;
}

.hiw-hero__visual {
  margin-top: 48px;
}

.hiw-dashboard-frame {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: 0 32px 80px rgba(2, 36, 87, 0.32);
  backdrop-filter: blur(12px);
}

.hiw-dashboard-frame img {
  display: block;
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.25);
}

.hiw-section {
  padding: clamp(70px, 8vw, 110px) 0;
}

.hiw-section--soft {
  background: linear-gradient(145deg, #fff, #eaf5ff 52%, #f7fbff);
}

.hiw-section--blue {
  background: linear-gradient(135deg, #0b63c9 100%, #5fb4f1 48%, #e7f5ff 0%);
}

.hiw-section__intro {
  max-width: 780px;
  margin: 0 auto 54px;
  text-align: center;
}

.hiw-section__eyebrow {
  margin-bottom: 10px;
  color: var(--hiw-blue-700);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hiw-section__title {
  margin-bottom: 16px;
  color: var(--hiw-ink);
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.035em;
}

.hiw-section--blue .hiw-section__title,
.hiw-section--blue .hiw-section__eyebrow {
  color: #fff;
}

.hiw-section__lead {
  color: var(--hiw-muted);
  font-size: 1.05rem;
  line-height: 1.75;
}

.hiw-section--blue .hiw-section__lead {
  color: rgba(255, 255, 255, 0.86);
}

.hiw-step {
  position: relative;
  height: 100%;
  padding: 30px 26px;
  border: 1px solid var(--hiw-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(7, 61, 119, 0.09);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.hiw-step:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 50px rgba(7, 61, 119, 0.16);
}

.hiw-step__number {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--hiw-blue-900), var(--hiw-blue-500));
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(10, 99, 199, 0.25);
}

.hiw-step__icon {
  display: block;
  margin-bottom: 16px;
  color: var(--hiw-blue-700);
  font-size: 1.55rem;
}

.hiw-step h3 {
  margin-bottom: 10px;
  font-size: 1.18rem;
  font-weight: 750;
}

.hiw-step p {
  margin: 0;
  color: var(--hiw-muted);
  line-height: 1.65;
}

.hiw-role {
  height: 100%;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 45px rgba(0, 38, 94, 0.14);
}

.hiw-role__icon {
  display: inline-grid;
  width: 54px;
  height: 54px;
  place-items: center;
  margin-bottom: 20px;
  border-radius: 16px;
  background: var(--hiw-blue-100);
  color: var(--hiw-blue-700);
  font-size: 1.35rem;
}

.hiw-role h3 {
  font-weight: 800;
}
.hiw-role p {
  color: var(--hiw-muted);
  line-height: 1.7;
}

.hiw-visual-card {
  overflow: hidden;
  border: 1px solid var(--hiw-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(5, 65, 130, 0.14);
}

.hiw-visual-card img {
  display: block;
  width: 100%;
  height: auto;
}

.hiw-visual-card__caption {
  padding: 18px 22px;
  color: var(--hiw-muted);
  font-size: 0.92rem;
}

.hiw-state {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.hiw-state span {
  padding: 9px 13px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.84rem;
  font-weight: 700;
}

.hiw-cta {
  padding: 80px 20px;
  background: linear-gradient(135deg, #5bb5f1, #0a63c7 55%, #063b86);
  color: #fff;
  text-align: center;
}

.hiw-cta h2 {
  font-weight: 800;
  letter-spacing: -0.03em;
}
.hiw-cta p {
  max-width: 680px;
  margin: 14px auto 28px;
  color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 991.98px) {
  .hiw-hero {
    padding-top: 125px;
  }
  .hiw-hero__visual {
    margin-top: 34px;
  }
}

@media (max-width: 767.98px) {
  .hiw-hero {
    padding: 105px 0 65px;
  }
  .hiw-hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
  }
  .hiw-step,
  .hiw-role {
    padding: 25px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hiw-step {
    transition: none;
  }
}

/* Accredia360 shared product carousel — authoritative component styles */
.page-accredia360 .accr-hero-visual {
  position: relative;
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
}
.page-accredia360 .accr-hero-carousel {
  position: relative;
  padding: 14px 58px 14px 14px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(47, 115, 242, 0.14);
  box-shadow: 0 22px 60px rgba(16, 45, 71, 0.12);
  overflow: hidden;
}
.page-accredia360 .accr-carousel-track {
  position: relative;
  min-height: 430px;
  padding: 0;
}
.page-accredia360 .accr-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(28px) scale(0.985);
  pointer-events: none;
  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-accredia360 .accr-slide.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  display: flex;
}
.page-accredia360 .accr-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  border: 1px solid #e5ecf8;
  box-shadow: 0 14px 35px rgba(16, 45, 71, 0.1);
  background: #fff;
}
.page-accredia360 .accr-slide figcaption {
  margin-top: 10px;
  text-align: center;
  color: #668199;
  font-size: 0.85rem;
  line-height: 1.45;
}
.page-accredia360 .accr-carousel-controls {
  position: absolute;
  right: 10px;
  top: 50%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 3;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
}
.page-accredia360 .accr-carousel-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #e5ecf8;
  border-radius: 50%;
  background: #fff;
  color: #2f73f2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(16, 45, 71, 0.1);
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}
.page-accredia360 .accr-carousel-btn:hover,
.page-accredia360 .accr-carousel-btn:focus-visible {
  transform: scale(1.06);
  background: #f3f9fd;
  outline: none;
}
.page-accredia360 .accr-carousel-dots {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.page-accredia360 .accr-carousel-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c7d6e8;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background-color 0.2s ease;
}
.page-accredia360 .accr-carousel-dots button.is-active {
  width: 10px;
  height: 10px;
  background: #2f73f2;
  transform: scale(1.1);
}
@media (max-width: 991.98px) {
  .page-accredia360 .accr-carousel-track {
    min-height: 360px;
  }
}
@media (max-width: 575.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding: 8px 8px 50px;
    border-radius: 16px;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: 245px;
  }
  .page-accredia360 .accr-carousel-controls {
    top: auto;
    right: 50%;
    bottom: 8px;
    transform: translateX(50%);
    flex-direction: row;
  }
  .page-accredia360 .accr-carousel-dots {
    flex-direction: row;
  }
  .page-accredia360 .accr-carousel-btn {
    width: 32px;
    height: 32px;
  }
  .page-accredia360 .accr-slide figcaption {
    font-size: 0.72rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-accredia360 .accr-slide {
    transition: none;
  }
  .page-accredia360 .accr-carousel-btn {
    transition: none;
  }
}

/* Hero CTA hover refinement */
.page-accredia360 .accr-hero .btn-primary:hover,
.page-accredia360 .accr-hero .btn-primary:focus-visible,
.page-accredia360 .accr-hero .btn-primary:active {
  color: #fff !important;
}

/* Hero bottom layout: actions/frameworks below the product carousel */
.accr-hero-stage {
  display: block;
  width: min(100%, 1370px);
  margin: clamp(42px, 5vw, 64px) auto 0;
}

.accr-hero-visual {
  width: 100%;
  margin: 0 !important;
}

.accr-hero-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
  margin-top: clamp(22px, 2.8vw, 34px);
}

.accr-hero-bottom-left {
  min-width: 0;
  text-align: left;
}

.accr-hero-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 11px;
}

.accr-hero-frameworks {
  justify-content: flex-start !important;
  margin-top: 16px;
}

.accr-hero-meta {
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 0;
  text-align: right;
  white-space: nowrap;
}

.accr-content-update {
  margin-top: 18px;
  text-align: right !important;
}

@media (max-width: 900px) {
  .accr-hero-bottom {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .accr-hero-bottom-left,
  .accr-hero-actions,
  .accr-hero-frameworks {
    justify-content: center;
    text-align: center;
  }

  .accr-hero-meta {
    align-items: center;
    text-align: center;
    white-space: normal;
  }

  .accr-content-update {
    text-align: center !important;
  }
}

@media (max-width: 575.98px) {
  .accr-hero-stage {
    margin-top: 30px;
  }

  .accr-hero-bottom {
    margin-top: 18px;
  }

  .accr-hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .accr-hero-actions .start-btn {
    width: min(100%, 340px);
  }

  .accr-hero-frameworks {
    gap: 6px;
  }

  .accr-hero-meta {
    font-size: 0.68rem;
  }
}

/* Final hero carousel: center image with partially hidden side previews */
.page-accredia360 .accr-hero-carousel {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow:
    0 34px 80px rgba(2, 35, 70, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.page-accredia360 .accr-carousel-track {
  position: relative;
  min-height: clamp(330px, 34vw, 500px);
  padding: 0;
  overflow: hidden;
}

.page-accredia360 .accr-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(70%, 920px);
  height: auto;
  margin: 0;
  display: block;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.78);
  filter: blur(1px);
  pointer-events: none;
  z-index: 1;
  transition:
    transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.65s ease,
    filter 0.65s ease;
}

.page-accredia360 .accr-slide.is-active {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  filter: none;
  z-index: 3;
  pointer-events: auto;
}

.page-accredia360 .accr-slide.is-prev,
.page-accredia360 .accr-slide.is-next {
  opacity: 0.42;
  z-index: 2;
  filter: blur(0.35px);
}

.page-accredia360 .accr-slide.is-prev {
  transform: translate(calc(-50% - 47%), -50%) scale(0.79);
}

.page-accredia360 .accr-slide.is-next {
  transform: translate(calc(-50% + 47%), -50%) scale(0.79);
}

.page-accredia360 .accr-slide img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 14px;
  background: #fff;
  box-shadow:
    0 28px 58px rgba(1, 36, 72, 0.3),
    0 8px 22px rgba(1, 36, 72, 0.18);
}

.page-accredia360 .accr-slide.is-prev img,
.page-accredia360 .accr-slide.is-next img {
  box-shadow: 0 20px 42px rgba(1, 36, 72, 0.22);
}

.page-accredia360 .accr-slide figcaption {
  margin-top: 9px;
  text-align: center;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.72rem;
}

/* Keep navigation strictly left/right; no vertical controls. */
.page-accredia360 .accr-carousel-controls {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  background: none;
  padding: 0;
  border: 0;
  backdrop-filter: none;
}

.page-accredia360 .accr-carousel-btn {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  margin: 0 14px;
  border-radius: 50%;
  background: rgba(7, 55, 105, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.58);
  color: #fff;
  box-shadow:
    0 10px 26px rgba(2, 35, 70, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  pointer-events: auto;
}

.page-accredia360 .accr-carousel-prev {
  order: 0;
}
.page-accredia360 .accr-carousel-next {
  order: 2;
}

.page-accredia360 .accr-carousel-dots {
  left: 50%;
  bottom: 12px;
  z-index: 7;
}

@media (max-width: 991.98px) {
  .page-accredia360 .accr-carousel-track {
    min-height: 360px;
  }
  .page-accredia360 .accr-slide {
    width: min(76%, 760px);
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 40%), -50%) scale(0.74);
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 40%), -50%) scale(0.74);
  }
}

@media (max-width: 767.98px) {
  .page-accredia360 .accr-carousel-track {
    min-height: 270px;
  }
  .page-accredia360 .accr-slide {
    width: 76%;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 34%), -50%) scale(0.68);
    opacity: 0.3;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 34%), -50%) scale(0.68);
    opacity: 0.3;
  }
  .page-accredia360 .accr-carousel-btn {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    margin: 0 8px;
  }
  .page-accredia360 .accr-slide figcaption {
    font-size: 0.65rem;
  }
}

@media (max-width: 575.98px) {
  .page-accredia360 .accr-carousel-track {
    min-height: 215px;
  }
  .page-accredia360 .accr-slide {
    width: 82%;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 30%), -50%) scale(0.63);
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 30%), -50%) scale(0.63);
  }
  .page-accredia360 .accr-carousel-btn {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    margin: 0 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-accredia360 .accr-slide,
  .page-accredia360 .accr-carousel-btn {
    transition: none;
  }
}

/* FINAL CAROUSEL OVERRIDE — centered hero image with left/right peek previews */
.page-accredia360 .accr-hero-carousel {
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 56px !important;
}

.page-accredia360 .accr-carousel-track {
  position: relative !important;
  min-height: clamp(360px, 38vw, 560px) !important;
  overflow: visible !important;
}

.page-accredia360 .accr-slide {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: min(72%, 980px) !important;
  margin: 0 !important;
  display: block !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(0.72) !important;
  filter: blur(1.2px) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition:
    transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.65s ease,
    filter 0.65s ease !important;
}

.page-accredia360 .accr-slide.is-active {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  filter: none !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

.page-accredia360 .accr-slide.is-prev,
.page-accredia360 .accr-slide.is-next {
  opacity: 0.38 !important;
  z-index: 2 !important;
  filter: blur(0.6px) !important;
}

/* The side previews sit behind the main image and peek from each side. */
.page-accredia360 .accr-slide.is-prev {
  transform: translate(calc(-50% - 58%), -50%) scale(0.76) !important;
}

.page-accredia360 .accr-slide.is-next {
  transform: translate(calc(-50% + 58%), -50%) scale(0.76) !important;
}

.page-accredia360 .accr-slide img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 55, 95, 0.12) !important;
  box-shadow:
    0 28px 70px rgba(1, 36, 72, 0.28),
    0 10px 28px rgba(1, 36, 72, 0.16) !important;
}

.page-accredia360 .accr-slide.is-prev img,
.page-accredia360 .accr-slide.is-next img {
  box-shadow: 0 20px 48px rgba(1, 36, 72, 0.22) !important;
}

/* Left/right navigation only. */
.page-accredia360 .accr-carousel-controls {
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}

.page-accredia360 .accr-carousel-prev,
.page-accredia360 .accr-carousel-next {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(8, 63, 112, 0.68) !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(2, 35, 70, 0.28) !important;
  pointer-events: auto !important;
}

.page-accredia360 .accr-carousel-dots {
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  transform: translateX(-50%) !important;
  z-index: 12 !important;
  display: flex !important;
  flex-direction: row !important;
}

@media (min-width: 992px) {
  .page-accredia360 .accr-hero-carousel {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .page-accredia360 .accr-carousel-prev {
    margin-left: -10px !important;
  }
  .page-accredia360 .accr-carousel-next {
    margin-right: -10px !important;
  }
}

@media (max-width: 991.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding: 0 36px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: 380px !important;
  }
  .page-accredia360 .accr-slide {
    width: 74% !important;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 50%), -50%) scale(0.7) !important;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 50%), -50%) scale(0.7) !important;
  }
}

@media (max-width: 767.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding: 0 30px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: 285px !important;
  }
  .page-accredia360 .accr-slide {
    width: 74% !important;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 43%), -50%) scale(0.66) !important;
    opacity: 0.26 !important;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 43%), -50%) scale(0.66) !important;
    opacity: 0.26 !important;
  }
  .page-accredia360 .accr-carousel-prev,
  .page-accredia360 .accr-carousel-next {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
}

@media (max-width: 575.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding: 0 22px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: 225px !important;
  }
  .page-accredia360 .accr-slide {
    width: 82% !important;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 34%), -50%) scale(0.6) !important;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 34%), -50%) scale(0.6) !important;
  }
  .page-accredia360 .accr-carousel-prev,
  .page-accredia360 .accr-carousel-next {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }
}

/* HERO CAROUSEL — final centered desktop presentation */
.page-accredia360 .accr-hero-stage {
  width: min(100%, 1440px);
  margin: 28px auto 0;
}

.page-accredia360 .accr-hero-visual {
  width: 100%;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.page-accredia360 .accr-hero-carousel {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 0 72px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.page-accredia360 .accr-carousel-track {
  position: relative !important;
  width: 100%;
  min-height: clamp(340px, 34vw, 500px) !important;
  padding: 0 !important;
  overflow: visible !important;
}

.page-accredia360 .accr-slide {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: min(68%, 900px) !important;
  margin: 0 !important;
  display: block !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(0.7) !important;
  transform-origin: center center !important;
  filter: blur(1px) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition:
    transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.65s ease,
    filter 0.65s ease !important;
}

.page-accredia360 .accr-slide.is-active {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  filter: none !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

.page-accredia360 .accr-slide.is-prev,
.page-accredia360 .accr-slide.is-next {
  opacity: 0.38 !important;
  filter: blur(0.45px) !important;
  z-index: 2 !important;
}

/* Fixed side positions: both previews stay vertically centered regardless of active image. */
.page-accredia360 .accr-slide.is-prev {
  transform: translate(calc(-50% - 57%), -50%) scale(0.62) !important;
}

.page-accredia360 .accr-slide.is-next {
  transform: translate(calc(-50% + 57%), -50%) scale(0.62) !important;
}

.page-accredia360 .accr-slide img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow:
    0 30px 70px rgba(1, 36, 72, 0.3),
    0 10px 26px rgba(1, 36, 72, 0.18) !important;
}

.page-accredia360 .accr-slide figcaption {
  margin-top: 8px !important;
}

/* Keep the area immediately below the carousel tight and intentional. */
.page-accredia360 .accr-hero-bottom {
  margin-top: -10px !important;
}

.page-accredia360 .accr-hero-actions {
  margin-top: 0 !important;
}

.page-accredia360 .accr-hero-frameworks {
  margin-top: 14px !important;
}

.page-accredia360 .accr-hero-meta {
  margin-top: 10px !important;
}

@media (max-width: 1199.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding-inline: 56px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: clamp(330px, 39vw, 460px) !important;
  }
  .page-accredia360 .accr-slide {
    width: min(72%, 820px) !important;
  }
}

@media (max-width: 991.98px) {
  .page-accredia360 .accr-hero-stage {
    margin-top: 24px;
  }
  .page-accredia360 .accr-hero-carousel {
    padding-inline: 36px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: clamp(290px, 44vw, 400px) !important;
  }
  .page-accredia360 .accr-slide {
    width: 78% !important;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 57%), -50%) scale(0.62) !important;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 57%), -50%) scale(0.62) !important;
  }
}

@media (max-width: 767.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding-inline: 28px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: 285px !important;
  }
  .page-accredia360 .accr-slide {
    width: 82% !important;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 54%), -50%) scale(0.55) !important;
    opacity: 0.28 !important;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 54%), -50%) scale(0.55) !important;
    opacity: 0.28 !important;
  }
  .page-accredia360 .accr-hero-bottom {
    margin-top: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .page-accredia360 .accr-hero-carousel {
    padding-inline: 12px !important;
  }
  .page-accredia360 .accr-carousel-track {
    min-height: 225px !important;
  }
  .page-accredia360 .accr-slide {
    width: 90% !important;
  }
  .page-accredia360 .accr-slide.is-prev {
    transform: translate(calc(-50% - 52%), -50%) scale(0.48) !important;
  }
  .page-accredia360 .accr-slide.is-next {
    transform: translate(calc(-50% + 52%), -50%) scale(0.48) !important;
  }
}

/* Keep the two hero highlights on one line on desktop. */
@media (min-width: 992px) {
  .page-accredia360 .accr-hero-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
}

/* CORE CAPABILITIES — premium workstream presentation */
.page-accredia360 .accr-capabilities-section {
  position: relative;
  overflow: hidden;
}

.page-accredia360 .accr-capabilities-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  top: -250px;
  right: -160px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(30, 116, 255, 0.1) 0%,
    rgba(30, 116, 255, 0) 70%
  );
  pointer-events: none;
}

.page-accredia360 .accr-capabilities-heading {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.page-accredia360 .accr-capabilities-heading > p:last-child {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.page-accredia360 .accr-capability-card {
  position: relative;
  height: 100%;
  min-height: 245px;
  padding: 28px 26px 25px !important;
  border: 1px solid rgba(8, 48, 89, 0.09) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 12px 30px rgba(8, 48, 89, 0.08),
    0 2px 6px rgba(8, 48, 89, 0.05) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  overflow: hidden;
}

.page-accredia360 .accr-capability-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(62, 157, 255, 0.25)
  ,
    rgba(15, 86, 180, 0.9));
  opacity: 0.75;
}

.page-accredia360 .accr-capability-card:hover {
  transform: translateY(-5px);
  border-color: rgba(15, 86, 180, 0.18) !important;
  box-shadow:
    0 20px 42px rgba(8, 48, 89, 0.13),
    0 5px 12px rgba(8, 48, 89, 0.06) !important;
}

.page-accredia360 .accr-capability-card .accr-icon {
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px !important;
  border-radius: 14px !important;
  background: rgba(15, 86, 180, 0.09) !important;
}

.page-accredia360 .accr-capability-card .accr-capability-label {
  display: block;
  margin-bottom: 7px;
  font-size: 0.69rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #50708d;
}

.page-accredia360 .accr-capability-card h3 {
  margin-bottom: 9px !important;
  color: #082f55;
  font-weight: 700;
}

.page-accredia360 .accr-capability-card p {
  line-height: 1.65;
}

.page-accredia360 .accr-capability-card ul {
  padding-left: 18px;
  color: #5d7182;
  line-height: 1.65;
}

@media (max-width: 767.98px) {
  .page-accredia360 .accr-capability-card {
    min-height: 0;
  }
}

/* Homepage hero title — keep the headline balanced within the viewport. */
.page-accredia360 .accr-hero-title {
  width: min(100%, 1120px);
  max-width: 1120px;
  margin-inline: auto;
  font-size: clamp(2.65rem, 4.5vw, 5.1rem);
  line-height: 1.04;
  letter-spacing: -0.05em;
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: normal;
}

@media (max-width: 900px) {
  .page-accredia360 .accr-hero-title {
    width: min(100%, 760px);
    font-size: clamp(2.45rem, 7vw, 4.2rem);
    line-height: 1.06;
  }
}

@media (max-width: 575.98px) {
  .page-accredia360 .accr-hero-title {
    width: 100%;
    font-size: clamp(2.15rem, 10vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
  }
}

/* Homepage header: keep only the navigation hover underline. */
.page-accredia360 .accredia-header {
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* INTERACTIVE HERO PRODUCT STORY — added from the 057637e2 baseline */
.page-accredia360 .accr-live-demo {
  position: relative;
  width: min(100%, 1240px);
  margin: clamp(34px, 4vw, 52px) auto 0;
  padding: 0 0 18px;
}
.page-accredia360 .accr-demo-chaos {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
}
.page-accredia360 .accr-demo-chaos span {
  position: absolute;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  color: rgba(255,255,255,.96);
  box-shadow: 0 12px 26px rgba(3,35,70,.16), inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter: blur(12px);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .02em;
  opacity: 0;
  transform: translate3d(0,0,0) scale(.75);
}
.page-accredia360 .accr-demo-chaos span:nth-child(1){left:3%;top:14%}
.page-accredia360 .accr-demo-chaos span:nth-child(2){right:5%;top:10%}
.page-accredia360 .accr-demo-chaos span:nth-child(3){left:1%;top:58%}
.page-accredia360 .accr-demo-chaos span:nth-child(4){right:2%;top:54%}
.page-accredia360 .accr-demo-chaos span:nth-child(5){left:10%;bottom:8%}
.page-accredia360 .accr-demo-chaos span:nth-child(6){right:12%;bottom:6%}
.page-accredia360 .accr-live-demo.is-building .accr-demo-chaos span {
  animation: accrChaosIn .7s ease forwards, accrChaosGather 1.1s cubic-bezier(.22,.61,.36,1) forwards 1.55s;
}
.page-accredia360 .accr-live-demo.is-building .accr-demo-chaos span:nth-child(2){animation-delay:.12s,1.67s}
.page-accredia360 .accr-live-demo.is-building .accr-demo-chaos span:nth-child(3){animation-delay:.22s,1.77s}
.page-accredia360 .accr-live-demo.is-building .accr-demo-chaos span:nth-child(4){animation-delay:.32s,1.87s}
.page-accredia360 .accr-live-demo.is-building .accr-demo-chaos span:nth-child(5){animation-delay:.42s,1.97s}
.page-accredia360 .accr-live-demo.is-building .accr-demo-chaos span:nth-child(6){animation-delay:.52s,2.07s}
@keyframes accrChaosIn {to{opacity:1;transform:scale(1)}}
@keyframes accrChaosGather {to{opacity:0;transform:translate3d(0,0,0) scale(.25)}}

.page-accredia360 .accr-demo-shell {
  position: relative;
  z-index: 3;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 24px;
  background: rgba(248,252,255,.96);
  box-shadow: 0 36px 80px rgba(2,35,70,.30), 0 10px 26px rgba(2,35,70,.18), inset 0 1px 0 rgba(255,255,255,.85);
  color: #143451;
  transform: translateY(24px) scale(.97);
  opacity: 0;
  animation: accrDashboardIn .85s cubic-bezier(.22,.61,.36,1) .85s forwards;
}
@keyframes accrDashboardIn {to{opacity:1;transform:translateY(0) scale(1)}}
.page-accredia360 .accr-demo-topbar {
  height: 58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  border-bottom:1px solid rgba(15,55,95,.08);
  background:rgba(255,255,255,.86);
}
.page-accredia360 .accr-demo-brand {display:flex;align-items:center;gap:9px;font-weight:800;color:#0a416f;font-size:.9rem}
.page-accredia360 .accr-demo-brand-mark {display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#0c63a8;color:#fff;font-size:.78rem;box-shadow:0 5px 12px rgba(12,99,168,.25)}
.page-accredia360 .accr-demo-live {display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#edf8f2;color:#21734b;font-size:.65rem;font-weight:750}
.page-accredia360 .accr-demo-live i {font-size:.42rem}
.page-accredia360 .accr-demo-body {display:grid;grid-template-columns:152px minmax(0,1fr);min-height:450px}
.page-accredia360 .accr-demo-sidebar {padding:20px 12px;background:#f2f7fb;border-right:1px solid rgba(15,55,95,.07)}
.page-accredia360 .accr-demo-sidebar button {width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:6px;border:0;border-radius:10px;background:transparent;color:#688096;text-align:left;font-size:.72rem;font-weight:700;cursor:pointer;transition:.2s ease}
.page-accredia360 .accr-demo-sidebar button i{width:16px;text-align:center}
.page-accredia360 .accr-demo-sidebar button:hover,.page-accredia360 .accr-demo-sidebar button:focus-visible{background:#e5f0f8;color:#0b5e9e;outline:none}
.page-accredia360 .accr-demo-sidebar button.is-active{background:#dceefa;color:#075c99;box-shadow:inset 3px 0 #0874bd}
.page-accredia360 .accr-demo-main {min-width:0;padding:22px 24px 14px;background:linear-gradient(180deg,#f5f9fc 100%,#fbfdff 0%)}
.page-accredia360 .accr-demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}
.page-accredia360 .accr-demo-eyebrow{display:block;color:#71879a;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.page-accredia360 .accr-demo-heading h2{margin:3px 0 0;color:#0a365b;font-size:1.18rem;letter-spacing:-.025em}
.page-accredia360 .accr-demo-data-note{padding:5px 8px;border:1px solid #d8e6ef;border-radius:999px;color:#72879a;background:#fff;font-size:.58rem;font-weight:700;white-space:nowrap}
.page-accredia360 .accr-demo-panel{display:none;animation:accrPanelIn .38s ease}
.page-accredia360 .accr-demo-panel.is-active{display:block}
@keyframes accrPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-accredia360 .accr-stat-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:11px}
.page-accredia360 .accr-stat-card{min-height:116px;padding:15px;border:1px solid #e0eaf1;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(19,63,95,.06)}
.page-accredia360 .accr-stat-card>span{display:block;color:#71869a;font-size:.62rem;font-weight:750}
.page-accredia360 .accr-stat-card strong{display:block;margin:7px 0 4px;color:#0b426e;font-size:1.7rem;line-height:1}
.page-accredia360 .accr-stat-card small{color:#8a9bab;font-size:.58rem}
.page-accredia360 .accr-stat-readiness{background:linear-gradient(135deg,#fff,#edf8ff)}
.page-accredia360 .accr-mini-progress{height:5px;margin:8px 0 6px;overflow:hidden;border-radius:99px;background:#e4edf3}
.page-accredia360 .accr-mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52b7ee,#1681c8);transform-origin:left;animation:accrProgress 1.5s ease 2.3s both}
@keyframes accrProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.page-accredia360 .accr-demo-lower-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:11px;margin-top:11px}
.page-accredia360 .accr-chart-card,.page-accredia360 .accr-focus-card{border:1px solid #e0eaf1;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(19,63,95,.05)}
.page-accredia360 .accr-chart-card{padding:15px 16px}
.page-accredia360 .accr-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#234b69;font-size:.68rem;font-weight:800}
.page-accredia360 .accr-card-heading small{color:#8b9aaa;font-size:.55rem;font-weight:600}
.page-accredia360 .accr-bars{display:grid;gap:10px}
.page-accredia360 .accr-bars>div{display:grid;grid-template-columns:75px 1fr 36px;align-items:center;gap:8px;font-size:.57rem;color:#73889a}
.page-accredia360 .accr-bars>div>i,.accr-evidence-row>span>i{height:5px;overflow:hidden;border-radius:99px;background:#e9f0f4;display:block}
.page-accredia360 .accr-bars b,.accr-evidence-row>span>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65c2ef,#2188c9);transform-origin:left;animation:accrBarIn 1.2s ease 2.4s both}
@keyframes accrBarIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.page-accredia360 .accr-bars em{font-style:normal;color:#42647c;font-weight:800;text-align:right}
.page-accredia360 .accr-focus-card{display:flex;flex-direction:column;justify-content:center;padding:17px}
.page-accredia360 .accr-focus-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;border-radius:10px;background:#e8f4fb;color:#0873b8}
.page-accredia360 .accr-focus-card small{color:#8094a4;font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.page-accredia360 .accr-focus-card strong{margin:5px 0;color:#163f5c;font-size:.82rem}
.page-accredia360 .accr-focus-card>span:last-child{color:#8193a2;font-size:.61rem;line-height:1.45}
.page-accredia360 .accr-evidence-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.page-accredia360 .accr-evidence-summary>div span{display:block;color:#6d8395;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.page-accredia360 .accr-evidence-summary>div strong{display:block;color:#133f5f;font-size:.85rem;margin-top:3px}
.page-accredia360 .accr-status-key{font-size:.56rem;color:#8395a4}
.page-accredia360 .accr-status-key i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45ad7a;margin:0 4px 0 7px}
.page-accredia360 .accr-status-key i:nth-of-type(2){background:#efa84d}
.page-accredia360 .accr-evidence-table{overflow:hidden;border:1px solid #e0eaf1;border-radius:13px;background:#fff}
.page-accredia360 .accr-evidence-row{display:grid;grid-template-columns:1.5fr .65fr .75fr .6fr .7fr 1.45fr;align-items:center;gap:7px;min-height:43px;padding:0 12px;border-bottom:1px solid #edf2f5;color:#637b8d;font-size:.59rem}
.page-accredia360 .accr-evidence-row:last-child{border-bottom:0}
.page-accredia360 .accr-evidence-head{min-height:32px;background:#f4f8fb;color:#8293a0;font-size:.53rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.page-accredia360 .accr-evidence-row strong{color:#234b68;font-size:.61rem}
.page-accredia360 .accr-evidence-row>span:last-child{display:grid;grid-template-columns:1fr 27px;align-items:center;gap:5px;color:#3e6078;font-weight:800}
.page-accredia360 .accr-person-detail{display:grid;grid-template-columns:auto 1.3fr repeat(3,.5fr) 2fr;align-items:center;gap:10px;margin-top:11px;padding:11px 13px;border:1px solid #dceaf2;border-radius:13px;background:linear-gradient(90deg,#fff,#f0f8fd)}
.page-accredia360 .accr-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0b70ae;color:#fff;font-size:.58rem;font-weight:800}
.page-accredia360 .accr-person-detail div{display:flex;flex-direction:column}
.page-accredia360 .accr-person-detail div small{color:#8798a6;font-size:.5rem}
.page-accredia360 .accr-person-detail div b{color:#123f60;font-size:.8rem}
.page-accredia360 .accr-person-status{display:flex!important;flex-direction:row!important;align-items:center;gap:6px}
.page-accredia360 .accr-person-status span{padding:4px 6px;border-radius:999px;background:#e8f6ef;color:#347455;font-size:.48rem;font-weight:800;white-space:nowrap}
.page-accredia360 .accr-person-status i{width:12px;height:1px;background:#cbdbe4}
.page-accredia360 .accr-workflow-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.page-accredia360 .accr-workflow-intro strong{display:block;color:#123e5f;font-size:1rem}
.page-accredia360 .accr-workflow-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:42px 8px 28px}
.page-accredia360 .accr-workflow-line{position:absolute;left:8%;right:8%;top:17px;height:2px;background:#dbe7ee;z-index:0}
.page-accredia360 .accr-workflow-line i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#59b5e9,#197fbe);animation:accrWorkflowLine 2s ease both}
@keyframes accrWorkflowLine{from{width:0}to{width:72%}}
.page-accredia360 .accr-workflow-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.page-accredia360 .accr-workflow-step b{display:grid;place-items:center;width:34px;height:34px;border:3px solid #dce8ef;border-radius:50%;background:#fff;color:#8ba0af;font-size:.62rem}
.page-accredia360 .accr-workflow-step.is-done b,.page-accredia360 .accr-workflow-step.is-active b{border-color:#1680be;color:#fff;background:#1680be;box-shadow:0 7px 18px rgba(22,128,190,.24)}
.page-accredia360 .accr-workflow-step span{color:#335a74;font-size:.67rem;font-weight:800}
.page-accredia360 .accr-workflow-step small{color:#8a9aa7;font-size:.53rem}
.page-accredia360 .accr-workflow-callout{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dceaf2;border-radius:11px;background:#f3f9fc;color:#59758a;font-size:.62rem}
.page-accredia360 .accr-workflow-callout i{color:#0d78ba}
.page-accredia360 .accr-frameworks-wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:28px}
.page-accredia360 .accr-framework-orbit{position:relative;width:min(100%,330px);aspect-ratio:1;margin:auto;border:1px solid #c8deea;border-radius:50%;background:radial-gradient(circle at center,#fff 0 29%,#f4faff 30% 58%,#edf7fc 59% 100%);box-shadow:inset 0 0 0 10px rgba(255,255,255,.5),0 14px 32px rgba(16,69,103,.08)}
.page-accredia360 .accr-framework-orbit:before,.page-accredia360 .accr-framework-orbit:after{content:"";position:absolute;inset:16%;border:1px dashed #c4dce9;border-radius:50%;pointer-events:none}
.page-accredia360 .accr-framework-orbit:after{inset:36%;border-style:solid;border-color:#dcecf4}
/* Framework interaction animation — keep the story flow intact while making the framework layer feel live. */
.page-accredia360 .accr-framework-orbit:before{
  transform-origin:center;
  animation:accrFrameworkOrbit 18s linear infinite;
}
.page-accredia360 .accr-framework-orbit:after{
  animation:accrFrameworkCorePulse 3.2s ease-in-out infinite;
}
@keyframes accrFrameworkOrbit{
  to{transform:rotate(360deg)}
}
@keyframes accrFrameworkCorePulse{
  0%,100%{opacity:.72;transform:scale(.98)}
  50%{opacity:1;transform:scale(1.02)}
}
.page-accredia360 .accr-framework-node.is-active{
  animation:accrFrameworkNodePulse 2.2s ease-in-out infinite;
}
@keyframes accrFrameworkNodePulse{
  0%,100%{box-shadow:0 9px 22px rgba(11,112,174,.25)}
  50%{box-shadow:0 10px 27px rgba(11,112,174,.4),0 0 0 5px rgba(11,112,174,.08)}
}
.page-accredia360 .accr-framework-detail.is-changing .accr-framework-subitems span{
  animation:accrFrameworkItemIn .38s ease both;
}
.page-accredia360 .accr-framework-detail.is-changing .accr-framework-subitems span:nth-child(2){animation-delay:.06s}
.page-accredia360 .accr-framework-detail.is-changing .accr-framework-subitems span:nth-child(3){animation-delay:.12s}
@keyframes accrFrameworkItemIn{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:none}
}

.page-accredia360 .accr-framework-core{position:absolute;inset:30%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d8e9f2;border-radius:50%;background:#fff;box-shadow:0 12px 28px rgba(16,69,103,.12);text-align:center}
.page-accredia360 .accr-framework-core span{color:#8296a4;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.page-accredia360 .accr-framework-core strong{margin:3px 0;color:#0b4d78;font-size:1.2rem;letter-spacing:-.03em}
.page-accredia360 .accr-framework-core small{max-width:95px;color:#8a9aa7;font-size:.45rem;line-height:1.3}
.page-accredia360 .accr-framework-node{position:absolute;z-index:3;display:grid;place-items:center;width:62px;height:32px;padding:0;border:1px solid #cce1ec;border-radius:999px;background:#fff;color:#527389;font-size:.52rem;font-style:normal;font-weight:850;box-shadow:0 6px 15px rgba(16,69,103,.09);cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.page-accredia360 .accr-framework-node:hover,.page-accredia360 .accr-framework-node:focus-visible{transform:scale(1.08);border-color:#70b9dc;color:#075c99;outline:none;box-shadow:0 9px 20px rgba(16,69,103,.14)}
.page-accredia360 .accr-framework-node.is-active{background:#0b70ae;border-color:#0b70ae;color:#fff;box-shadow:0 9px 22px rgba(11,112,174,.25);transform:scale(1.08)}
.page-accredia360 .accr-framework-node:nth-of-type(1){left:50%;top:-16px;transform:translateX(-50%)}
.page-accredia360 .accr-framework-node:nth-of-type(2){right:7%;top:12%}
.page-accredia360 .accr-framework-node:nth-of-type(3){right:-5%;top:49%}
.page-accredia360 .accr-framework-node:nth-of-type(4){right:13%;bottom:5%}
.page-accredia360 .accr-framework-node:nth-of-type(5){left:13%;bottom:5%}
.page-accredia360 .accr-framework-node:nth-of-type(6){left:-5%;top:49%}
.page-accredia360 .accr-framework-copy h3{margin:6px 0 9px;color:#123e5f;font-size:1.12rem}
.page-accredia360 .accr-framework-copy p{margin:0;color:#708697;font-size:.69rem;line-height:1.65}
.page-accredia360 .accr-framework-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}
.page-accredia360 .accr-framework-metrics div{padding:9px 8px;border:1px solid #dfebf2;border-radius:10px;background:#fff;box-shadow:0 5px 13px rgba(19,63,95,.04)}
.page-accredia360 .accr-framework-metrics span{display:block;color:#8a9aa7;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.page-accredia360 .accr-framework-metrics strong{display:block;margin-top:4px;color:#2a5873;font-size:.56rem}
.page-accredia360 .accr-framework-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.page-accredia360 .accr-framework-pills span{padding:5px 8px;border-radius:999px;background:#edf6fa;color:#4c7188;font-size:.52rem;font-weight:800}
.page-accredia360 .accr-framework-detail{margin-top:10px;padding:8px 10px;border:1px solid #dceaf2;border-radius:10px;background:linear-gradient(135deg,#f2f9fc,#fbfdff);transition:transform .3s ease,opacity .3s ease}
.page-accredia360 .accr-framework-detail.is-changing{animation:accrFrameworkDetailIn .45s ease both}
.page-accredia360 .accr-framework-detail-label{display:block;margin-bottom:6px;color:#8095a3;font-size:.46rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.page-accredia360 .accr-framework-subitems{display:flex;flex-wrap:wrap;gap:5px}
.page-accredia360 .accr-framework-subitems span{padding:4px 7px;border-radius:999px;background:#fff;border:1px solid #d7e8f1;color:#35627b;font-size:.49rem;font-weight:800;box-shadow:0 3px 8px rgba(16,69,103,.05)}
@keyframes accrFrameworkDetailIn{0%{opacity:.2;transform:translateY(7px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
.page-accredia360 .accr-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;color:#8394a1;font-size:.56rem}
.page-accredia360 .accr-demo-caption button{border:0;background:transparent;color:#39708f;font-size:.56rem;font-weight:800;cursor:pointer}
.page-accredia360 .accr-demo-caption button:hover,.page-accredia360 .accr-demo-caption button:focus-visible{color:#075c99;outline:none}
.page-accredia360 .accr-demo-story{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto 0;color:#fff}
.page-accredia360 .accr-demo-story>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}
.page-accredia360 .accr-demo-story small{display:block;font-size:.56rem;font-weight:800;letter-spacing:.1em;opacity:.7}
.page-accredia360 .accr-demo-story strong{display:block;font-size:.72rem;font-weight:650}
.page-accredia360 .accr-live-demo.is-evidence .accr-demo-story>span{background:rgba(105,208,255,.18)}
@media (max-width: 991.98px){
  .page-accredia360 .accr-demo-body{grid-template-columns:88px minmax(0,1fr)}
  .page-accredia360 .accr-demo-sidebar{padding:15px 8px}
  .page-accredia360 .accr-demo-sidebar button{justify-content:center;padding:10px 5px}
  .page-accredia360 .accr-demo-sidebar button span{display:none}
  .page-accredia360 .accr-stat-grid{grid-template-columns:repeat(2,1fr)}
  .page-accredia360 .accr-demo-lower-grid{grid-template-columns:1fr}
  .page-accredia360 .accr-demo-body{min-height:490px}
  .page-accredia360 .accr-demo-chaos span{font-size:.62rem}
  .page-accredia360 .accr-person-detail{grid-template-columns:auto 1fr repeat(3,.5fr)}
  .page-accredia360 .accr-person-status{grid-column:1/-1}
}
@media (max-width: 767.98px){
  .page-accredia360 .accr-live-demo{margin-top:28px}
  .page-accredia360 .accr-demo-shell{border-radius:18px}
  .page-accredia360 .accr-demo-topbar{height:50px;padding:0 13px}
  .page-accredia360 .accr-demo-main{padding:16px 13px 12px}
  .page-accredia360 .accr-demo-heading{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:12px}
  .page-accredia360 .accr-demo-data-note{font-size:.5rem}
  .page-accredia360 .accr-stat-card{min-height:93px;padding:11px}
  .page-accredia360 .accr-stat-card strong{font-size:1.4rem}
  .page-accredia360 .accr-evidence-table{overflow-x:auto}
  .page-accredia360 .accr-evidence-row{min-width:620px}
  .page-accredia360 .accr-person-detail{grid-template-columns:auto 1fr 1fr 1fr}
  .page-accredia360 .accr-person-detail>div:nth-of-type(3){display:none}
  .page-accredia360 .accr-person-detail>div:nth-of-type(4){display:none}
  .page-accredia360 .accr-frameworks-wrap{grid-template-columns:1fr}
  .page-accredia360 .accr-framework-orbit{width:min(100%,260px)}
  .page-accredia360 .accr-framework-copy{text-align:center}
  .page-accredia360 .accr-framework-pills{justify-content:center}
  .page-accredia360 .accr-workflow-track{margin-top:30px}
  .page-accredia360 .accr-workflow-step span{font-size:.57rem}
  .page-accredia360 .accr-workflow-step small{display:none}
  .page-accredia360 .accr-demo-chaos span:nth-child(1){left:1%;top:5%}
  .page-accredia360 .accr-demo-chaos span:nth-child(2){right:1%;top:5%}
  .page-accredia360 .accr-demo-chaos span:nth-child(3){left:0;top:47%}
  .page-accredia360 .accr-demo-chaos span:nth-child(4){right:0;top:47%}
  .page-accredia360 .accr-demo-chaos span:nth-child(5){left:6%;bottom:2%}
  .page-accredia360 .accr-demo-chaos span:nth-child(6){right:6%;bottom:2%}
}
@media (max-width: 575.98px){
  .page-accredia360 .accr-hero.qp-bg-hero{padding-top:52px!important}
  .page-accredia360 .accr-demo-body{grid-template-columns:1fr;min-height:0}
  .page-accredia360 .accr-demo-sidebar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border-right:0;border-bottom:1px solid rgba(15,55,95,.07)}
  .page-accredia360 .accr-demo-sidebar button{margin:0;padding:8px 4px}
  .page-accredia360 .accr-demo-sidebar button i{font-size:.68rem}
  .page-accredia360 .accr-demo-main{padding:13px 10px 10px}
  .page-accredia360 .accr-stat-grid{gap:7px}
  .page-accredia360 .accr-stat-card{min-height:84px;padding:9px}
  .page-accredia360 .accr-stat-card>span{font-size:.52rem}
  .page-accredia360 .accr-stat-card strong{font-size:1.18rem}
  .page-accredia360 .accr-stat-card small{font-size:.48rem}
  .page-accredia360 .accr-bars>div{grid-template-columns:63px 1fr 31px}
  .page-accredia360 .accr-demo-story{padding-inline:6px}
  .page-accredia360 .accr-demo-story strong{font-size:.65rem}
  .page-accredia360 .accr-demo-chaos span{padding:6px 8px;font-size:.52rem}
}
@media (prefers-reduced-motion: reduce){
  .page-accredia360 .accr-demo-shell,
  .page-accredia360 .accr-demo-chaos span,
  .page-accredia360 .accr-mini-progress i,
  .page-accredia360 .accr-bars b,
  .page-accredia360 .accr-workflow-line i,
  .page-accredia360 .accr-framework-orbit,
  .page-accredia360 .accr-framework-orbit:before,
  .page-accredia360 .accr-framework-orbit:after,
  .page-accredia360 .accr-framework-node.is-active,
  .page-accredia360 .accr-framework-detail.is-changing .accr-framework-subitems span{animation:none!important}
  .page-accredia360 .accr-demo-shell{opacity:1;transform:none}
  .page-accredia360 .accr-demo-chaos span{opacity:0}
}


/* HERO refinement — larger dashboard content, richer product-story hierarchy. */
.page-accredia360 .accr-demo-shell{max-width:1280px;margin-inline:auto}
.page-accredia360 .accr-demo-body{min-height:535px;grid-template-columns:170px minmax(0,1fr)}
.page-accredia360 .accr-demo-sidebar{padding:24px 14px}
.page-accredia360 .accr-demo-sidebar button{padding:12px 12px;font-size:.8rem}
.page-accredia360 .accr-demo-main{padding:26px 30px 18px}
.page-accredia360 .accr-demo-heading{margin-bottom:20px}
.page-accredia360 .accr-demo-eyebrow{font-size:.64rem}
.page-accredia360 .accr-demo-heading h2{font-size:1.42rem}
.page-accredia360 .accr-demo-data-note{font-size:.62rem;padding:6px 10px}
.page-accredia360 .accr-stat-grid{gap:14px}
.page-accredia360 .accr-stat-card{min-height:132px;padding:18px}
.page-accredia360 .accr-stat-card>span{font-size:.68rem}
.page-accredia360 .accr-stat-card strong{font-size:2rem;margin:9px 0 5px}
.page-accredia360 .accr-stat-card small{font-size:.63rem}
.page-accredia360 .accr-demo-lower-grid{gap:14px;margin-top:14px}
.page-accredia360 .accr-chart-card{padding:18px 19px}
.page-accredia360 .accr-card-heading{font-size:.76rem;margin-bottom:15px}
.page-accredia360 .accr-card-heading small{font-size:.61rem}
.page-accredia360 .accr-bars{gap:12px}
.page-accredia360 .accr-bars>div{grid-template-columns:88px 1fr 42px;gap:10px;font-size:.64rem}
.page-accredia360 .accr-focus-card{padding:20px}
.page-accredia360 .accr-focus-card small{font-size:.61rem}
.page-accredia360 .accr-focus-card strong{font-size:.94rem}
.page-accredia360 .accr-focus-card>span:last-child{font-size:.68rem}
.page-accredia360 .accr-overview-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.page-accredia360 .accr-overview-strip span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dceaf2;border-radius:999px;background:#fff;color:#668195;font-size:.58rem;font-weight:750}
.page-accredia360 .accr-overview-strip i{color:#0b70ae}

.page-accredia360 .accr-evidence-summary{margin-bottom:13px}
.page-accredia360 .accr-evidence-summary>div span{font-size:.63rem}
.page-accredia360 .accr-evidence-summary>div strong{font-size:1rem}
.page-accredia360 .accr-status-key{font-size:.61rem}
.page-accredia360 .accr-evidence-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}
.page-accredia360 .accr-evidence-pipeline div{padding:11px 12px;border:1px solid #dfeaf1;border-radius:11px;background:#fff}
.page-accredia360 .accr-evidence-pipeline span{display:block;color:#7c91a0;font-size:.57rem;font-weight:750}
.page-accredia360 .accr-evidence-pipeline strong{display:block;margin-top:3px;color:#12486d;font-size:1.05rem}
.page-accredia360 .accr-evidence-row{grid-template-columns:1.7fr .85fr .85fr .9fr 1.2fr;min-height:50px;padding:0 14px;font-size:.65rem;gap:9px}
.page-accredia360 .accr-evidence-head{min-height:35px;font-size:.57rem}
.page-accredia360 .accr-evidence-row strong{font-size:.67rem}
.page-accredia360 .accr-evidence-row>span:last-child{grid-template-columns:1fr 32px;font-size:.62rem}
.page-accredia360 .accr-state{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.53rem;font-style:normal}
.page-accredia360 .state-approved{background:#e8f6ef;color:#347455}
.page-accredia360 .state-review{background:#fff4df;color:#9b6a20}
.page-accredia360 .state-pending{background:#edf3f7;color:#60798a}
.page-accredia360 .accr-person-detail{margin-top:13px;padding:13px 15px}
.page-accredia360 .accr-person-detail div small{font-size:.55rem}
.page-accredia360 .accr-person-detail div b{font-size:.86rem}

.page-accredia360 .accr-workflow-intro strong{font-size:1.12rem}
.page-accredia360 .accr-workflow-status{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#edf8f2;color:#347455;font-size:.57rem;font-weight:800}
.page-accredia360 .accr-workflow-track{margin-top:50px;margin-bottom:30px}
.page-accredia360 .accr-workflow-step b{width:40px;height:40px;font-size:.68rem}
.page-accredia360 .accr-workflow-step span{font-size:.72rem}
.page-accredia360 .accr-workflow-step small{font-size:.57rem}
.page-accredia360 .accr-role-lane{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:11px 13px;border:1px solid #dceaf2;border-radius:11px;background:#fff;color:#466a81;font-size:.61rem;font-weight:800}
.page-accredia360 .accr-role-lane i{width:28px;height:1px;background:#c8dce7}
.page-accredia360 .accr-role-lane strong{margin-left:auto;color:#7b8e9d;font-size:.57rem;font-weight:700}

.page-accredia360 .accr-frameworks-wrap{gap:38px}
.page-accredia360 .accr-framework-orbit{width:min(100%,370px)}
.page-accredia360 .accr-framework-core strong{font-size:1.42rem}
.page-accredia360 .accr-framework-core small{max-width:125px;font-size:.5rem}
.page-accredia360 .accr-framework-node{width:72px;height:36px;font-size:.58rem}
.page-accredia360 .accr-framework-copy h3{font-size:1.35rem;margin-top:7px}
.page-accredia360 .accr-framework-copy p{font-size:.77rem;line-height:1.65}
.page-accredia360 .accr-framework-metrics{gap:9px;margin-top:17px}
.page-accredia360 .accr-framework-metrics div{padding:11px 10px}
.page-accredia360 .accr-framework-metrics span{font-size:.52rem}
.page-accredia360 .accr-framework-metrics strong{font-size:.62rem}
.page-accredia360 .accr-framework-detail{padding:10px 12px;margin-top:12px}
.page-accredia360 .accr-framework-detail-label{font-size:.5rem}
.page-accredia360 .accr-framework-subitems span{padding:5px 8px;font-size:.55rem}
.page-accredia360 .accr-framework-pills{margin-top:13px}
.page-accredia360 .accr-framework-pills span{padding:6px 9px;font-size:.55rem}
.page-accredia360 .accr-demo-story{margin-top:14px}
.page-accredia360 .accr-demo-story strong{font-size:.78rem}
.page-accredia360 .accr-demo-story small{font-size:.6rem}

@media (max-width: 991.98px){
  .page-accredia360 .accr-demo-body{grid-template-columns:92px minmax(0,1fr);min-height:520px}
  .page-accredia360 .accr-demo-sidebar{padding:16px 8px}
  .page-accredia360 .accr-demo-main{padding:22px 20px 15px}
  .page-accredia360 .accr-stat-card{min-height:116px;padding:14px}
  .page-accredia360 .accr-stat-card strong{font-size:1.7rem}
  .page-accredia360 .accr-evidence-row{min-width:0}
  .page-accredia360 .accr-person-detail{grid-template-columns:auto 1fr repeat(2,.7fr)}
  .page-accredia360 .accr-framework-orbit{width:min(100%,310px)}
  .page-accredia360 .accr-frameworks-wrap{gap:22px}
}

/* Mobile hero dashboard — keep the illustration compact and scroll only its inner content. */
@media (max-width: 767.98px){
  .page-accredia360 .accr-dashboard{
    height:480px;
    max-height:480px;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
  }
  .page-accredia360 .accr-dashboard-content{
    min-height:0;
    height:auto;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
}
@media (max-width: 575.98px){
  .page-accredia360 .accr-dashboard{
    height:450px;
    max-height:450px;
  }
}

@media (max-width: 767.98px){
  .page-accredia360 .accr-demo-body{min-height:0}
  .page-accredia360 .accr-demo-main{padding:17px 14px 12px}
  .page-accredia360 .accr-demo-heading h2{font-size:1.18rem}
  .page-accredia360 .accr-stat-card{min-height:101px;padding:12px}
  .page-accredia360 .accr-stat-card strong{font-size:1.48rem}
  .page-accredia360 .accr-evidence-pipeline{grid-template-columns:repeat(2,1fr)}
  .page-accredia360 .accr-evidence-row{min-width:700px}
  .page-accredia360 .accr-role-lane{flex-wrap:wrap}
  .page-accredia360 .accr-role-lane strong{width:100%;margin-left:0}
}

@media (max-width: 575.98px){
  .page-accredia360 .accr-demo-main{padding:14px 10px 10px}
  .page-accredia360 .accr-stat-card{min-height:88px;padding:9px}
  .page-accredia360 .accr-stat-card strong{font-size:1.25rem}
  .page-accredia360 .accr-stat-card small{font-size:.5rem}
  .page-accredia360 .accr-overview-strip{gap:5px}
  .page-accredia360 .accr-overview-strip span{font-size:.5rem;padding:6px 7px}
  .page-accredia360 .accr-evidence-pipeline{gap:6px}
  .page-accredia360 .accr-evidence-pipeline div{padding:9px}
  .page-accredia360 .accr-framework-orbit{width:min(100%,275px)}
  .page-accredia360 .accr-framework-core strong{font-size:1.16rem}
  .page-accredia360 .accr-framework-node{width:64px;height:32px;font-size:.52rem}
  .page-accredia360 .accr-framework-copy h3{font-size:1.12rem}
  .page-accredia360 .accr-framework-copy p{font-size:.67rem}
  .page-accredia360 .accr-demo-story strong{font-size:.68rem}
}


/* HERO V2 — product-reference-inspired dashboard illustration.
   Scoped to the homepage hero only. */
.page-accredia360 .accr-hero-v2{
  position:relative;
  overflow:hidden;
}
.page-accredia360 .accr-hero-v2 .accr-hero-container{
  max-width:1500px;
  margin-inline:auto;
}
.page-accredia360 .accr-hero-v2-grid{
  display:grid;
  grid-template-columns:minmax(300px,.7fr) minmax(720px,1.65fr);
  align-items:center;
  gap:34px;
}
.page-accredia360 .accr-hero-v2-copy{
  position:relative;
  z-index:3;
  padding:24px 0 30px;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-title{
  max-width:620px;
  margin-bottom:18px;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-lead{
  max-width:590px;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-actions .btn{
  border-radius:10px;
  font-size:.82rem;
  padding:11px 18px;
}
.page-accredia360 .accr-hero-v2-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:22px;
}
.page-accredia360 .accr-hero-v2-proof span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#5d7890;
  font-size:.65rem;
  font-weight:700;
}
.page-accredia360 .accr-hero-v2-proof i{color:#0b70ae}

.page-accredia360 .accr-storyboard{
  position:relative;
  min-width:0;
  padding:34px 0 22px;
}
.page-accredia360 .accr-storyboard-orbit{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.page-accredia360 .accr-storyboard-orbit span{
  position:absolute;
  display:inline-flex;
  padding:6px 10px;
  border:1px solid rgba(132,187,224,.38);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 22px rgba(44,99,133,.07);
  color:#628098;
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.02em;
}
.page-accredia360 .accr-storyboard-orbit span:nth-child(1){top:3%;left:2%}
.page-accredia360 .accr-storyboard-orbit span:nth-child(2){top:-2%;right:15%}
.page-accredia360 .accr-storyboard-orbit span:nth-child(3){top:28%;right:-2%}
.page-accredia360 .accr-storyboard-orbit span:nth-child(4){bottom:15%;right:-1%}
.page-accredia360 .accr-storyboard-orbit span:nth-child(5){bottom:2%;left:17%}
.page-accredia360 .accr-storyboard-orbit span:nth-child(6){top:48%;left:-2%}

.page-accredia360 .accr-dashboard{
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid #d5e6f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 70px rgba(33,83,116,.15),0 4px 15px rgba(33,83,116,.06);
}
.page-accredia360 .accr-dashboard-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:66px;
  padding:12px 18px;
  border-bottom:1px solid #e4eef5;
  background:linear-gradient(180deg,#f8fbfe,#fff);
}
.page-accredia360 .accr-dashboard-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:210px;
}
.page-accredia360 .accr-dashboard-mark{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border:1px solid #cfe3f2;
  border-radius:9px;
  background:#eef7ff;
  color:#096fc1;
  font-size:1rem;
  font-weight:900;
}
.page-accredia360 .accr-dashboard-brand strong{
  display:block;color:#173e62;font-size:.84rem;line-height:1.2;
}
.page-accredia360 .accr-dashboard-brand small{
  display:block;margin-top:2px;color:#7b91a2;font-size:.55rem;font-weight:700;
}
.page-accredia360 .accr-dashboard-context{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
}
.page-accredia360 .accr-dashboard-context span,
.page-accredia360 .accr-dashboard-context b{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid #dceaf4;
  border-radius:999px;
  background:#f7fbff;
  color:#5d7890;
  font-size:.51rem;
  font-weight:800;
}
.page-accredia360 .accr-dashboard-context i{color:#177bc5}
.page-accredia360 .accr-dashboard-context b{
  border-color:#d6eee1;
  background:#f0fbf5;
  color:#4d7b65;
}
.page-accredia360 .accr-dashboard-context b i{color:#2aa36b;font-size:.42rem}

.page-accredia360 .accr-dashboard-nav{
  display:flex;
  gap:5px;
  padding:8px 14px 0;
  border-bottom:1px solid #e5eef4;
  background:#fbfdff;
}
.page-accredia360 .accr-dashboard-nav button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 13px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#71879a;
  font-size:.65rem;
  font-weight:800;
  cursor:pointer;
}
.page-accredia360 .accr-dashboard-nav button i{font-size:.68rem}
.page-accredia360 .accr-dashboard-nav button.is-active{
  border-bottom-color:#0879ce;
  color:#0871bf;
  background:linear-gradient(180deg,transparent,rgba(233,246,255,.55));
}

.page-accredia360 .accr-dashboard-content{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-height:492px;
  padding:20px;
  background:linear-gradient(135deg,#f2f8fc 100%,#f7fbfe 58%,#fbfdff 0%);
}
.page-accredia360 .accr-story-head{
  grid-column:1;
}
.page-accredia360 .accr-story-panel{
  grid-column:1;
  grid-row:2;
  align-self:start;
}
.page-accredia360 .accr-story-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}
.page-accredia360 .accr-story-head>div span{
  display:block;
  color:#0b73bc;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.08em;
}
.page-accredia360 .accr-story-head h2{
  margin:4px 0 0;
  color:#153b60;
  font-size:1.16rem;
  line-height:1.2;
  font-weight:850;
}
.page-accredia360 .accr-illustration-note{
  padding:6px 9px;
  border:1px solid #dce9f2;
  border-radius:999px;
  background:#fff;
  color:#8295a4;
  font-size:.49rem;
  font-weight:800;
  white-space:nowrap;
}

.page-accredia360 .accr-story-panel{
  display:block;
  visibility:hidden;
  pointer-events:none;
}
.page-accredia360 .accr-story-panel.is-active{
  visibility:visible;
  pointer-events:auto;
  animation:accrStoryIn .48s ease both;
}
@keyframes accrStoryIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

.page-accredia360 .accr-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.page-accredia360 .accr-kpi-grid article{
  min-height:102px;
  padding:13px 14px;
  border:1px solid #dbe9f2;
  border-radius:12px;
  background:rgba(255,255,255,.93);
  box-shadow:0 5px 15px rgba(45,93,123,.045);
}
.page-accredia360 .accr-kpi-grid article>span{
  display:block;color:#688198;font-size:.56rem;font-weight:800;
}
.page-accredia360 .accr-kpi-grid article strong{
  display:block;margin:7px 0 2px;color:#163f65;font-size:1.55rem;line-height:1;
}
.page-accredia360 .accr-kpi-grid article small{
  color:#8295a5;font-size:.49rem;font-weight:700;
}
.page-accredia360 .accr-kpi-readiness>strong{color:#0878c9!important}
.page-accredia360 .accr-kpi-readiness>i{
  display:block;height:5px;margin:8px 0 5px;overflow:hidden;border-radius:99px;background:#e5eff5;
}
.page-accredia360 .accr-kpi-readiness>i b{
  display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39b8e9,#0b82d3);
}

.page-accredia360 .accr-overview-grid{
  display:grid;
  grid-template-columns:1.32fr 1fr;
  gap:10px;
  margin-top:10px;
}
.page-accredia360 .accr-ui-card{
  border:1px solid #dbe8f1;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 14px rgba(45,93,123,.04);
}
.page-accredia360 .accr-ui-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 13px;
  border-bottom:1px solid #e8f0f5;
}
.page-accredia360 .accr-ui-title strong{color:#1d466a;font-size:.62rem}
.page-accredia360 .accr-ui-title span{color:#8a9baa;font-size:.49rem;font-weight:750}
.page-accredia360 .accr-cycle-row{
  display:grid;
  grid-template-columns:1.15fr .7fr 1.2fr auto;
  align-items:center;
  gap:8px;
  min-height:45px;
  padding:7px 13px;
  border-bottom:1px solid #edf3f7;
  color:#637e94;
  font-size:.51rem;
}
.page-accredia360 .accr-cycle-row:last-child{border-bottom:0}
.page-accredia360 .accr-cycle-row b{color:#234c6f;font-size:.55rem}
.page-accredia360 .accr-cycle-row em{font-style:normal}
.page-accredia360 .accr-cycle-row i{
  padding:4px 7px;border-radius:999px;background:#f0f4f7;color:#718697;font-size:.45rem;font-style:normal;font-weight:850;
}
.page-accredia360 .accr-cycle-row i.is-active{background:#e9f8f0;color:#3d7d5e}
.page-accredia360 .accr-readiness-bars{padding:14px}
.page-accredia360 .accr-readiness-bars>div{
  display:grid;grid-template-columns:66px 1fr 31px;align-items:center;gap:7px;margin-bottom:12px;color:#688198;font-size:.51rem;font-weight:750;
}
.page-accredia360 .accr-readiness-bars>div:last-child{margin-bottom:0}
.page-accredia360 .accr-readiness-bars i{height:7px;overflow:hidden;border-radius:99px;background:#e7f0f5}
.page-accredia360 .accr-readiness-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#50bce8,#0d83d4)}
.page-accredia360 .accr-readiness-bars em{font-style:normal;color:#456d89;font-size:.49rem;font-weight:850}
.page-accredia360 .accr-attention-strip{
  display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid #dcebf3;border-radius:11px;background:#fafdff;color:#6b8396;font-size:.51rem;
}
.page-accredia360 .accr-attention-strip>i{color:#0b7ac8}
.page-accredia360 .accr-attention-strip strong{color:#315b78}
.page-accredia360 .accr-attention-strip b{margin-left:auto;color:#0874c0;white-space:nowrap;font-size:.49rem}

.page-accredia360 .accr-evidence-top{
  display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px;
}
.page-accredia360 .accr-evidence-top>div{
  padding:11px 12px;border:1px solid #dbe8f1;border-radius:11px;background:#fff;
}
.page-accredia360 .accr-evidence-top span{display:block;color:#6c8497;font-size:.5rem;font-weight:800}
.page-accredia360 .accr-evidence-top strong{display:block;margin-top:4px;color:#163f65;font-size:1.25rem}
.page-accredia360 .accr-evidence-top small{color:#8a9baa;font-size:.46rem;font-weight:700}
.page-accredia360 .accr-evidence-layout{display:grid;grid-template-columns:1.7fr .62fr;gap:10px}
.page-accredia360 .accr-table-head,.page-accredia360 .accr-table-row{
  display:grid;grid-template-columns:1.05fr 1.2fr .62fr .7fr;align-items:center;gap:7px;padding:0 12px;
}
.page-accredia360 .accr-table-head{min-height:31px;border-bottom:1px solid #e7eff4;color:#8395a3;font-size:.45rem;font-weight:850}
.page-accredia360 .accr-table-row{
  grid-template-columns:.52fr 1.55fr .58fr .72fr;
  min-height:53px;border-bottom:1px solid #edf3f7;color:#667f93;font-size:.48rem;
}
.page-accredia360 .accr-table-row:last-child{border-bottom:0}
.page-accredia360 .accr-table-row>b{color:#0876bf;font-size:.52rem}
.page-accredia360 .accr-table-row span{color:#345c78;font-weight:700;line-height:1.35}
.page-accredia360 .accr-table-row small{color:#738a9b;font-size:.45rem}
.page-accredia360 .accr-table-row i{
  justify-self:start;padding:4px 6px;border-radius:999px;font-size:.42rem;font-style:normal;font-weight:850;white-space:nowrap;
}
.page-accredia360 .accr-table-row i.is-reviewed{background:#e9f8f0;color:#3c7c5d}
.page-accredia360 .accr-table-row i.is-progress{background:#f0ebff;color:#6c4bc1}
.page-accredia360 .accr-table-row i.is-pending{background:#edf3f7;color:#60798a}
.page-accredia360 .accr-table-row em{
  display:flex;align-items:center;gap:5px;color:#54728a;font-size:.44rem;font-style:normal;font-weight:850;
}
.page-accredia360 .accr-table-row em b{width:36px;height:4px;border-radius:99px;background:#1591d2}
.page-accredia360 .accr-status-card{padding-bottom:15px}
.page-accredia360 .accr-donut{
  display:grid;place-items:center;align-content:center;width:118px;height:118px;margin:18px auto 12px;border-radius:50%;
  background:conic-gradient(#16a574 0 76%,#328fe0 76% 100%);
  position:relative;color:#183f64;
}
.page-accredia360 .accr-donut:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#fff}
.page-accredia360 .accr-donut b,.page-accredia360 .accr-donut span{position:relative;z-index:1}
.page-accredia360 .accr-donut b{font-size:1.1rem}
.page-accredia360 .accr-donut span{margin-top:2px;color:#8194a3;font-size:.43rem;font-weight:700}
.page-accredia360 .accr-legend{display:grid;gap:6px;padding:0 14px}
.page-accredia360 .accr-legend span{display:flex;align-items:center;gap:6px;color:#647e92;font-size:.47rem;font-weight:750}
.page-accredia360 .accr-legend i{width:7px;height:7px;border-radius:50%;background:#16a574}
.page-accredia360 .accr-legend span+span i{background:#328fe0}
.page-accredia360 .accr-legend b{margin-left:auto;color:#3e6682}

.page-accredia360 .accr-workflow-banner{
  display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;border:1px solid #dbe8f1;border-radius:11px;background:#fff;
}
.page-accredia360 .accr-workflow-banner span{display:block;color:#0b74be;font-size:.5rem;font-weight:900;letter-spacing:.07em}
.page-accredia360 .accr-workflow-banner strong{display:block;margin-top:4px;color:#214c6d;font-size:.73rem}
.page-accredia360 .accr-workflow-banner>b{padding:7px 9px;border-radius:999px;background:#eef9f4;color:#477961;font-size:.48rem;white-space:nowrap}
.page-accredia360 .accr-workflow-track{
  position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:26px 4px 18px;
}
.page-accredia360 .accr-workflow-connector{position:absolute;top:20px;left:7%;right:7%;height:2px;background:#d9e9f2}
.page-accredia360 .accr-workflow-track article{position:relative;z-index:1;text-align:center}
.page-accredia360 .accr-workflow-track article>b{
  display:grid;place-items:center;width:40px;height:40px;margin:auto;border:1px solid #d4e5ef;border-radius:50%;background:#fff;color:#7990a1;font-size:.51rem;
}
.page-accredia360 .accr-workflow-track article.is-done>b{border-color:#bde4d1;background:#eefaf4;color:#39805e}
.page-accredia360 .accr-workflow-track article.is-active>b{border-color:#9dd0ed;background:#eaf6fd;color:#0877c5;box-shadow:0 0 0 5px rgba(36,145,207,.08)}
.page-accredia360 .accr-workflow-track strong{display:block;margin-top:8px;color:#274f6e;font-size:.57rem}
.page-accredia360 .accr-workflow-track small{display:block;margin-top:3px;color:#8396a4;font-size:.43rem;line-height:1.35}
.page-accredia360 .accr-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.page-accredia360 .accr-role-grid>div{padding:11px;border:1px solid #dce9f1;border-radius:10px;background:#fff}
.page-accredia360 .accr-role-grid i{color:#0b78c4;font-size:.75rem}
.page-accredia360 .accr-role-grid strong{display:block;margin-top:7px;color:#284f6e;font-size:.55rem}
.page-accredia360 .accr-role-grid span{display:block;margin-top:3px;color:#7e92a1;font-size:.45rem;line-height:1.35}
.page-accredia360 .accr-workflow-callout{
  display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;border-radius:9px;background:#eef7fc;color:#648096;font-size:.49rem;
}
.page-accredia360 .accr-workflow-callout i{color:#0b78c4}
.page-accredia360 .accr-workflow-callout strong{color:#315d7a}

.page-accredia360 .accr-framework-story{display:grid;grid-template-columns:1.08fr .92fr;gap:10px}
.page-accredia360 .accr-framework-selector,.page-accredia360 .accr-framework-detail{
  border:1px solid #dbe8f1;border-radius:12px;background:#fff;
}
.page-accredia360 .accr-framework-pills{display:flex;flex-wrap:wrap;gap:7px;padding:13px}
.page-accredia360 .accr-framework-pills button{
  min-width:56px;padding:7px 10px;border:1px solid #d7e6ef;border-radius:8px;background:#f8fbfd;color:#607a8f;font-size:.5rem;font-weight:850;cursor:pointer;
}
.page-accredia360 .accr-framework-pills button.is-active{
  border-color:#b5d9ef;background:#eaf6fd;color:#0875bf;box-shadow:0 4px 12px rgba(21,125,190,.09);
}
.page-accredia360 .accr-framework-orbit-mini{
  position:relative;display:grid;place-items:center;width:205px;height:155px;margin:4px auto 18px;border:1px dashed #cfe2ed;border-radius:50%;
}
.page-accredia360 .accr-framework-orbit-mini:before{
  content:"";position:absolute;width:112px;height:112px;border:1px solid #e1edf3;border-radius:50%;
}
.page-accredia360 .accr-framework-orbit-mini span{
  position:absolute;padding:4px 6px;border:1px solid #dceaf2;border-radius:999px;background:#f8fcff;color:#71899b;font-size:.42rem;font-weight:800;
}
.page-accredia360 .accr-framework-orbit-mini span:nth-child(1){top:3px}
.page-accredia360 .accr-framework-orbit-mini span:nth-child(2){right:0;top:48%}
.page-accredia360 .accr-framework-orbit-mini span:nth-child(3){bottom:3px}
.page-accredia360 .accr-framework-orbit-mini span:nth-child(4){left:0;top:48%}
.page-accredia360 .accr-framework-orbit-mini>b{
  display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#fff,#eaf7ff);border:1px solid #b9dced;color:#0875bd;font-size:.8rem;font-weight:900;
  box-shadow:0 8px 22px rgba(16,121,186,.1);
}
.page-accredia360 .accr-framework-detail{padding:18px}
.page-accredia360 .accr-framework-detail>span{color:#0b74be;font-size:.49rem;font-weight:900;letter-spacing:.08em}
.page-accredia360 .accr-framework-detail h3{margin:6px 0 5px;color:#173f63;font-size:1.35rem}
.page-accredia360 .accr-framework-detail p{margin:0;color:#6d8394;font-size:.59rem;line-height:1.65}
.page-accredia360 .accr-framework-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}
.page-accredia360 .accr-framework-metrics>div{padding:9px;border:1px solid #e0ebf2;border-radius:8px;background:#fafdff}
.page-accredia360 .accr-framework-metrics small{display:block;color:#899aa8;font-size:.42rem;font-weight:700}
.page-accredia360 .accr-framework-metrics b{display:block;margin-top:3px;color:#42657e;font-size:.48rem;line-height:1.3}
.page-accredia360 .accr-framework-subitems{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.page-accredia360 .accr-framework-subitems span{padding:5px 7px;border-radius:999px;background:#eef7fc;color:#4d718b;font-size:.45rem;font-weight:800}
.page-accredia360 .accr-framework-note{
  display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;border-radius:9px;background:#f1f8fc;color:#668198;font-size:.48rem;line-height:1.45;
}
.page-accredia360 .accr-framework-note i{color:#0b78c4}

.page-accredia360 .accr-story-footer{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 15px;border-top:1px solid #e3edf3;background:#fff;color:#7b90a0;font-size:.47rem;font-weight:750;
}
.page-accredia360 .accr-story-footer span{display:inline-flex;align-items:center;gap:5px}
.page-accredia360 .accr-story-footer i{color:#0b78c4}
.page-accredia360 .accr-story-footer button{
  margin-left:auto;border:0;background:transparent;color:#0876c0;font-size:.49rem;font-weight:850;cursor:pointer;
}
.page-accredia360 .accr-dashboard-caption{
  display:flex;justify-content:space-between;gap:12px;margin-top:9px;padding:0 8px;color:#7f93a2;font-size:.47rem;
}
.page-accredia360 .accr-dashboard-caption b{color:#4e718a}

@media (max-width:1200px){
  .page-accredia360 .accr-hero-v2-grid{grid-template-columns:1fr;gap:0}
  .page-accredia360 .accr-hero-v2-copy{text-align:center;padding-bottom:0}
  .page-accredia360 .accr-hero-v2-copy .accr-hero-title,
  .page-accredia360 .accr-hero-v2-copy .accr-hero-lead{margin-inline:auto}
  .page-accredia360 .accr-hero-v2-copy .accr-hero-actions,
  .page-accredia360 .accr-hero-v2-proof{justify-content:center}
  .page-accredia360 .accr-storyboard{padding-top:24px}
}
@media (max-width:991.98px){
  .page-accredia360 .accr-dashboard-top{align-items:flex-start;flex-direction:column}
  .page-accredia360 .accr-dashboard-context{justify-content:flex-start}
  .page-accredia360 .accr-dashboard-content{min-height:0;padding:15px}
  .page-accredia360 .accr-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .page-accredia360 .accr-overview-grid,.page-accredia360 .accr-evidence-layout,.page-accredia360 .accr-framework-story{grid-template-columns:1fr}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(3),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(4){display:none}
}
@media (max-width:767.98px){
  /* Stack the workstream flow vertically on mobile and use only downward arrows. */
  .page-accredia360 .accr-flow-organized-row{
    flex-direction:column;
    flex-wrap:nowrap;
    gap:6px;
  }
  .page-accredia360 .accr-flow-organized-row>i{
    transform:none;
  }
  .page-accredia360 .accr-flow-organized-row>i::before{
    content:"\f063";
  }
  .page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i{
    animation-name:accrFlowOrganizeArrowDown;
  }
  .page-accredia360 .accr-hero-v2-grid{gap:0}
  .page-accredia360 .accr-hero-v2-copy .accr-hero-actions .btn{font-size:.72rem;padding:9px 13px}
  .page-accredia360 .accr-hero-v2-proof{gap:7px 10px}
  .page-accredia360 .accr-hero-v2-proof span{font-size:.57rem}
  .page-accredia360 .accr-storyboard{padding:20px 0 12px}
  .page-accredia360 .accr-storyboard-orbit span{font-size:.43rem;padding:5px 7px}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(1),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(2),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(5),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(6){display:none}
  .page-accredia360 .accr-dashboard{border-radius:13px}
  .page-accredia360 .accr-dashboard-brand small{display:none}
  .page-accredia360 .accr-dashboard-context span:nth-child(2){display:none}
  .page-accredia360 .accr-dashboard-nav{overflow-x:auto;scrollbar-width:none}
  .page-accredia360 .accr-dashboard-nav::-webkit-scrollbar{display:none}
  .page-accredia360 .accr-dashboard-nav button{min-width:max-content;padding-inline:10px;font-size:.58rem}
  .page-accredia360 .accr-story-head{align-items:center}
  .page-accredia360 .accr-story-head h2{font-size:1rem}
  .page-accredia360 .accr-illustration-note{font-size:.42rem}
  .page-accredia360 .accr-kpi-grid{gap:7px}
  .page-accredia360 .accr-kpi-grid article{min-height:88px;padding:10px}
  .page-accredia360 .accr-kpi-grid article strong{font-size:1.25rem}
  .page-accredia360 .accr-cycle-row{grid-template-columns:1fr auto;min-height:49px}
  .page-accredia360 .accr-cycle-row em{grid-column:1}
  .page-accredia360 .accr-cycle-row i{grid-column:2;grid-row:1 / span 2}
  .page-accredia360 .accr-table-head{display:none}
  .page-accredia360 .accr-table-row{grid-template-columns:1fr auto;gap:4px;padding:9px 11px;min-height:0}
  .page-accredia360 .accr-table-row span{grid-column:1}
  .page-accredia360 .accr-table-row small{grid-column:1}
  .page-accredia360 .accr-table-row i{grid-column:2;grid-row:1 / span 2}
  .page-accredia360 .accr-table-row em{grid-column:1 / span 2}
  .page-accredia360 .accr-workflow-track{grid-template-columns:repeat(3,1fr);gap:14px 6px}
  .page-accredia360 .accr-workflow-connector{display:none}
  .page-accredia360 .accr-role-grid{grid-template-columns:repeat(2,1fr)}
  .page-accredia360 .accr-framework-orbit-mini{width:180px;height:140px}
  .page-accredia360 .accr-dashboard-caption{font-size:.42rem}
}
@media (max-width:575.98px){
  .page-accredia360 .accr-hero-v2-copy{padding-top:10px}
  .page-accredia360 .accr-hero-v2-copy .accr-hero-title{font-size:clamp(2.2rem,11vw,3rem)}
  .page-accredia360 .accr-hero-v2-copy .accr-hero-subtitle{font-size:1rem}
  .page-accredia360 .accr-hero-v2-copy .accr-hero-lead{font-size:.78rem}
  .page-accredia360 .accr-dashboard-top{padding:10px 11px}
  .page-accredia360 .accr-dashboard-context span{font-size:.43rem;padding:5px 7px}
  .page-accredia360 .accr-dashboard-nav{padding-inline:7px}
  .page-accredia360 .accr-dashboard-content{padding:11px}
  .page-accredia360 .accr-story-head{margin-bottom:10px}
  .page-accredia360 .accr-illustration-note{display:none}
  .page-accredia360 .accr-evidence-top{grid-template-columns:repeat(2,1fr)}
  .page-accredia360 .accr-evidence-top>div{padding:9px}
  .page-accredia360 .accr-evidence-layout{gap:7px}
  .page-accredia360 .accr-donut{width:100px;height:100px}
  .page-accredia360 .accr-donut:after{width:66px;height:66px}
  .page-accredia360 .accr-framework-detail{padding:14px}
  .page-accredia360 .accr-framework-detail h3{font-size:1.15rem}
  .page-accredia360 .accr-framework-detail p{font-size:.54rem}
  .page-accredia360 .accr-story-footer{gap:8px;padding-inline:10px}
  .page-accredia360 .accr-story-footer span:nth-child(2){display:none}
  .page-accredia360 .accr-story-footer button{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){
  .page-accredia360 .accr-story-panel.is-active{animation:none}
}


/* HERO V2 dashboard contrast refinement — keep secondary UI text readable. */
.page-accredia360 .accr-storyboard-orbit span{color:#385d78;background:rgba(255,255,255,.92)}
.page-accredia360 .accr-dashboard-brand small{color:#587187}
.page-accredia360 .accr-dashboard-context span{color:#4f697e}
.page-accredia360 .accr-dashboard-context b{color:#376b52}
.page-accredia360 .accr-dashboard-nav button{color:#4f687c}
.page-accredia360 .accr-illustration-note{color:#566f82}
.page-accredia360 .accr-kpi-grid article>span{color:#536c80}
.page-accredia360 .accr-kpi-grid article small{color:#5b7284}
.page-accredia360 .accr-cycle-row{color:#4f687c}
.page-accredia360 .accr-cycle-row i{color:#536b7e}
.page-accredia360 .accr-readiness-bars>div{color:#536c80}
.page-accredia360 .accr-attention-strip{color:#536d80}
.page-accredia360 .accr-evidence-top span{color:#536c80}
.page-accredia360 .accr-evidence-top small{color:#5b7284}
.page-accredia360 .accr-table-head{color:#536a7c}
.page-accredia360 .accr-table-row{color:#506a7d}
.page-accredia360 .accr-table-row small{color:#5a7183}
.page-accredia360 .accr-table-row em{color:#496a80}
.page-accredia360 .accr-donut span{color:#5f7485}
.page-accredia360 .accr-legend span{color:#536d80}
.page-accredia360 .accr-workflow-track article>b{color:#5b7284}
.page-accredia360 .accr-workflow-track small{color:#5a7183}
.page-accredia360 .accr-role-grid>div span{color:#597184}
.page-accredia360 .accr-workflow-callout{color:#536d80}
.page-accredia360 .accr-framework-pills button{color:#4f687d}
.page-accredia360 .accr-framework-orbit-mini span{color:#5a7284}
.page-accredia360 .accr-framework-detail p{color:#586f82}
.page-accredia360 .accr-framework-metrics small{color:#596f80}
.page-accredia360 .accr-framework-subitems span{color:#476b82}
.page-accredia360 .accr-framework-note{color:#566f82}
.page-accredia360 .accr-story-footer{color:#5d7485}
.page-accredia360 .accr-dashboard-caption{color:#5d7485}
.page-accredia360 .accr-dashboard-caption b{color:#466a82}


/* HERO V2 layout refinement — copy above dashboard, remaining hero actions below. */
.page-accredia360 .accr-hero-v2-grid{
  display:block;
}
.page-accredia360 .accr-hero-v2-copy{
  max-width:980px;
  margin:0 auto;
  padding:10px 0 28px;
  text-align:center;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-title,
.page-accredia360 .accr-hero-v2-copy .accr-hero-lead{
  margin-inline:auto;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-title{
  max-width:820px;
}
.page-accredia360 .accr-hero-v2-copy .accr-hero-lead{
  max-width:820px;
}
.page-accredia360 .accr-storyboard{
  width:min(100%,1320px);
  margin:0 auto;
  padding:20px 0 10px;
}
.page-accredia360 .accr-hero-v2-below{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin:4px auto 0;
  padding:6px 0 2px;
}
.page-accredia360 .accr-hero-v2-below .accr-hero-actions{
  justify-content:center;
  margin-top:14px;
}
.page-accredia360 .accr-hero-v2-below .accr-hero-v2-proof{
  justify-content:center;
  margin-top:16px;
}
.page-accredia360 .accr-hero-v2-below .accr-hero-actions + .accr-hero-v2-proof{
  margin-inline:auto;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-hero-v2-copy{
    padding:8px 0 18px;
  }
  .page-accredia360 .accr-storyboard{
    padding-top:10px;
  }
  .page-accredia360 .accr-hero-v2-below{
    margin-top:2px;
  }
  .page-accredia360 .accr-hero-v2-below .accr-hero-actions{
    width:100%;
    margin-top:10px;
  }
  .page-accredia360 .accr-hero-v2-below .accr-hero-v2-proof{
    margin-top:12px;
  }
}


/* HERO V2 visibility refinement — strengthen visible supporting copy. */
.page-accredia360 .accr-hero-v2-proof span{
  color:#dff2ff !important;
  text-shadow:0 1px 8px rgba(2,35,70,.22);
}
.page-accredia360 .accr-hero-v2-proof i{
  color:#ffffff !important;
}
.page-accredia360 .accr-dashboard-caption{
  color:#405f75 !important;
}
.page-accredia360 .accr-dashboard-caption b{
  color:#164d75 !important;
  font-weight:850;
}

/* HERO V2 dashboard caption — make the two supporting lines unmistakably visible. */
.page-accredia360 .accr-dashboard-caption{
  position:relative;
  z-index:4;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px auto 0 !important;
  width:min(100%,1320px);
  padding:9px 13px !important;
  border:1px solid rgba(12,86,132,.16);
  border-radius:10px;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 7px 20px rgba(13,57,89,.08);
  color:#294f68 !important;
  font-size:clamp(.6rem,.72vw,.72rem) !important;
  line-height:1.35;
  opacity:1 !important;
  visibility:visible !important;
}
.page-accredia360 .accr-dashboard-caption span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#355f77 !important;
  font-weight:700;
}
.page-accredia360 .accr-dashboard-caption span i{
  color:#0b72b8 !important;
}
.page-accredia360 .accr-dashboard-caption b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  background:#eaf6fd;
  color:#0d547f !important;
  font-size:clamp(.58rem,.68vw,.68rem) !important;
  font-weight:900 !important;
  white-space:nowrap;
}
@media (max-width:575.98px){
  .page-accredia360 .accr-dashboard-caption{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    padding:9px 10px !important;
    font-size:.58rem !important;
  }
  .page-accredia360 .accr-dashboard-caption b{
    font-size:.58rem !important;
  }
}

/* HERO V2 dashboard branding — use the real Accredia360 logo asset. */
.page-accredia360 .accr-dashboard-brand{
  min-width:210px;
  min-height:42px;
}
.page-accredia360 .accr-dashboard-logo{
  display:block;
  width:auto;
  height:42px;
  max-width:190px;
  object-fit:contain;
  object-position:left center;
}
@media (max-width:575.98px){
  .page-accredia360 .accr-dashboard-brand{
    min-width:0;
    min-height:34px;
  }
  .page-accredia360 .accr-dashboard-logo{
    height:34px;
    max-width:160px;
  }
}

/* HERO V2 dashboard caption — transparent over hero, white text. */
.page-accredia360 .accr-dashboard-caption{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
}
.page-accredia360 .accr-dashboard-caption span,
.page-accredia360 .accr-dashboard-caption b{
  color:#fff !important;
}
.page-accredia360 .accr-dashboard-caption span i{
  color:#fff !important;
}
.page-accredia360 .accr-dashboard-caption b{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.45);
}

/* HERO V2 floating workstreams — make the “too much to manage” concept explicit. */
.page-accredia360 .accr-storyboard-orbit{
  z-index:4;
}
.page-accredia360 .accr-storyboard-orbit::before{
  content:"WORKSTREAMS TO BRING TOGETHER";
  position:absolute;
  left:50%;
  top:-2px;
  transform:translateX(-50%);
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  background:rgba(5,55,96,.34);
  color:#fff;
  box-shadow:0 7px 18px rgba(2,35,70,.12);
  backdrop-filter:blur(8px);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.1em;
  white-space:nowrap;
}
.page-accredia360 .accr-storyboard-orbit span{
  z-index:2;
  min-width:92px;
  justify-content:center;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.62);
  background:rgba(255,255,255,.96);
  color:#174c6d !important;
  box-shadow:0 12px 26px rgba(2,35,70,.18),0 2px 7px rgba(2,35,70,.08);
  backdrop-filter:blur(10px);
  font-size:.62rem;
  font-weight:850;
  line-height:1.1;
  text-shadow:none;
}
.page-accredia360 .accr-storyboard-orbit span::before{
  margin-right:6px;
  color:#0879c4;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
}
.page-accredia360 .accr-storyboard-orbit span:nth-child(1)::before{content:"\f07c";}
.page-accredia360 .accr-storyboard-orbit span:nth-child(2)::before{content:"\f0ae";}
.page-accredia360 .accr-storyboard-orbit span:nth-child(3)::before{content:"\f02f";}
.page-accredia360 .accr-storyboard-orbit span:nth-child(4)::before{content:"\f508";}
.page-accredia360 .accr-storyboard-orbit span:nth-child(5)::before{content:"\f132";}
.page-accredia360 .accr-storyboard-orbit span:nth-child(6)::before{content:"\f200";}
@media (max-width:991.98px){
  .page-accredia360 .accr-storyboard-orbit::before{
    font-size:.43rem;
    padding:4px 8px;
  }
  .page-accredia360 .accr-storyboard-orbit span{
    min-width:82px;
    padding:7px 9px;
    font-size:.55rem;
  }
}
@media (max-width:767.98px){
  .page-accredia360 .accr-storyboard-orbit::before{
    display:none;
  }
  .page-accredia360 .accr-storyboard-orbit span:nth-child(1),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(2),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(5),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(6){
    display:inline-flex;
  }
  .page-accredia360 .accr-storyboard-orbit span{
    min-width:78px;
    padding:6px 8px;
    font-size:.48rem;
  }
}

/* HERO V2 workstream animation — chips originate from the central “workstreams” cue. */
.page-accredia360 .accr-storyboard-orbit span:nth-child(5){
  left:7%;
  bottom:16%;
}
.page-accredia360 .accr-storyboard.is-workstreams-entering .accr-storyboard-orbit span{
  opacity:0;
  transform:translate3d(var(--ws-dx),var(--ws-dy),0) scale(.24);
  animation:accrWorkstreamArrive .9s cubic-bezier(.2,.75,.3,1.08) var(--ws-delay) forwards;
  will-change:transform,opacity;
}
.page-accredia360 .accr-storyboard.is-workstreams-entering .accr-storyboard-orbit::before{
  animation:accrWorkstreamSource .7s ease-in-out .05s 2 alternate;
}
@keyframes accrWorkstreamArrive{
  0%{
    opacity:0;
    transform:translate3d(var(--ws-dx),var(--ws-dy),0) scale(.24);
  }
  68%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1.06);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}
@keyframes accrWorkstreamSource{
  0%{transform:translateX(-50%) scale(1);box-shadow:0 7px 18px rgba(2,35,70,.12)}
  100%{transform:translateX(-50%) scale(1.06);box-shadow:0 10px 24px rgba(2,35,70,.24)}
}
@media (max-width:991.98px){
  .page-accredia360 .accr-storyboard-orbit span:nth-child(5){
    left:5%;
    bottom:16%;
  }
}
@media (max-width:767.98px){
  .page-accredia360 .accr-storyboard-orbit span:nth-child(5){
    left:7%;
    bottom:12%;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-accredia360 .accr-storyboard.is-workstreams-entering .accr-storyboard-orbit span{
    animation:none;
    opacity:1;
    transform:none;
  }
  .page-accredia360 .accr-storyboard.is-workstreams-entering .accr-storyboard-orbit::before{
    animation:none;
  }
}


/* HERO V2 workstream placement — preserve 169ed487 sizing, change position only. */
.page-accredia360 .accr-storyboard{
  padding-top:82px;
}
.page-accredia360 .accr-storyboard-orbit{
  inset:0;
}
.page-accredia360 .accr-storyboard-orbit::before{
  top:8px;
}
.page-accredia360 .accr-storyboard-orbit span:nth-child(1),
.page-accredia360 .accr-storyboard-orbit span:nth-child(2),
.page-accredia360 .accr-storyboard-orbit span:nth-child(3),
.page-accredia360 .accr-storyboard-orbit span:nth-child(4),
.page-accredia360 .accr-storyboard-orbit span:nth-child(5),
.page-accredia360 .accr-storyboard-orbit span:nth-child(6){
  top:46px;
  bottom:auto;
}
.page-accredia360 .accr-storyboard-orbit span:nth-child(1){left:3%;right:auto}
.page-accredia360 .accr-storyboard-orbit span:nth-child(2){left:20%;right:auto}
.page-accredia360 .accr-storyboard-orbit span:nth-child(3){left:37%;right:auto}
.page-accredia360 .accr-storyboard-orbit span:nth-child(4){left:54%;right:auto}
.page-accredia360 .accr-storyboard-orbit span:nth-child(5){left:71%;right:auto}
.page-accredia360 .accr-storyboard-orbit span:nth-child(6){left:88%;right:auto;transform:translateX(-100%)}

@media (max-width:991.98px){
  .page-accredia360 .accr-storyboard{
    padding-top:78px;
  }
  .page-accredia360 .accr-storyboard-orbit span:nth-child(1),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(2),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(3),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(4),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(5),
  .page-accredia360 .accr-storyboard-orbit span:nth-child(6){
    top:43px;
    bottom:auto;
  }
  .page-accredia360 .accr-storyboard-orbit span:nth-child(1){left:2%}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(2){left:20%}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(3){left:38%}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(4){left:56%}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(5){left:74%}
  .page-accredia360 .accr-storyboard-orbit span:nth-child(6){left:98%;transform:translateX(-100%)}
}

@media (max-width:767.98px){
  .page-accredia360 .accr-storyboard{
    padding-top:8px;
  }
  .page-accredia360 .accr-storyboard-orbit{
    position:relative;
    inset:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 8px;
    margin:0 auto 10px;
    padding:0 2px;
    pointer-events:none;
  }
  .page-accredia360 .accr-storyboard-orbit::before{
    display:none;
  }
  .page-accredia360 .accr-storyboard-orbit span:nth-child(n){
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:auto;
    transform:none;
  }
}

/* HERO V2 dashboard readability — increase internal UI content without scaling the shell. */
@media (min-width:992px){
  .page-accredia360 .accr-dashboard-content{
    min-height:560px;
    padding:23px;
  }
  .page-accredia360 .accr-story-head>div span{font-size:.61rem}
  .page-accredia360 .accr-story-head h2{font-size:1.3rem}
  .page-accredia360 .accr-kpi-grid{gap:11px}
  .page-accredia360 .accr-kpi-grid article{
    min-height:108px;
    padding:14px 15px;
  }
  .page-accredia360 .accr-kpi-grid article>span{font-size:.61rem}
  .page-accredia360 .accr-kpi-grid article strong{font-size:1.68rem}
  .page-accredia360 .accr-kpi-grid article small{font-size:.54rem}
  .page-accredia360 .accr-ui-title{padding:13px 14px}
  .page-accredia360 .accr-ui-title strong{font-size:.68rem}
  .page-accredia360 .accr-ui-title span{font-size:.54rem}
  .page-accredia360 .accr-cycle-row{
    min-height:49px;
    padding:8px 14px;
    font-size:.56rem;
  }
  .page-accredia360 .accr-cycle-row b{font-size:.6rem}
  .page-accredia360 .accr-cycle-row i{font-size:.49rem}
  .page-accredia360 .accr-readiness-bars{padding:15px}
  .page-accredia360 .accr-readiness-bars>div{
    grid-template-columns:72px 1fr 35px;
    margin-bottom:13px;
    font-size:.56rem;
  }
  .page-accredia360 .accr-readiness-bars em{font-size:.53rem}
  .page-accredia360 .accr-attention-strip{
    padding:11px 13px;
    font-size:.55rem;
  }
  .page-accredia360 .accr-attention-strip b{font-size:.52rem}
  .page-accredia360 .accr-evidence-top>div{padding:12px 13px}
  .page-accredia360 .accr-evidence-top span{font-size:.55rem}
  .page-accredia360 .accr-evidence-top strong{font-size:1.34rem}
  .page-accredia360 .accr-evidence-top small{font-size:.51rem}
  .page-accredia360 .accr-table-head{min-height:34px;font-size:.49rem}
  .page-accredia360 .accr-table-row{
    min-height:57px;
    font-size:.53rem;
  }
  .page-accredia360 .accr-table-row>b{font-size:.57rem}
  .page-accredia360 .accr-table-row span{font-size:.54rem}
  .page-accredia360 .accr-table-row small{font-size:.49rem}
  .page-accredia360 .accr-table-row i{font-size:.45rem}
  .page-accredia360 .accr-table-row em{font-size:.47rem}
  .page-accredia360 .accr-donut{width:126px;height:126px}
  .page-accredia360 .accr-donut:after{width:84px;height:84px}
  .page-accredia360 .accr-donut b{font-size:1.18rem}
  .page-accredia360 .accr-donut span{font-size:.47rem}
  .page-accredia360 .accr-legend span{font-size:.51rem}
  .page-accredia360 .accr-workflow-banner{padding:14px 15px}
  .page-accredia360 .accr-workflow-banner span{font-size:.54rem}
  .page-accredia360 .accr-workflow-banner strong{font-size:.79rem}
  .page-accredia360 .accr-workflow-banner>b{font-size:.51rem}
  .page-accredia360 .accr-workflow-track{margin-top:28px}
  .page-accredia360 .accr-workflow-track article>b{
    width:43px;height:43px;font-size:.54rem;
  }
  .page-accredia360 .accr-workflow-track strong{font-size:.61rem}
  .page-accredia360 .accr-workflow-track small{font-size:.47rem}
  .page-accredia360 .accr-role-grid>div{padding:12px}
  .page-accredia360 .accr-role-grid strong{font-size:.59rem}
  .page-accredia360 .accr-role-grid span{font-size:.48rem}
  .page-accredia360 .accr-workflow-callout{font-size:.52rem}
  .page-accredia360 .accr-framework-pills{padding:14px}
  .page-accredia360 .accr-framework-pills button{
    padding:8px 11px;
    font-size:.54rem;
  }
  .page-accredia360 .accr-framework-orbit-mini{width:215px;height:162px}
  .page-accredia360 .accr-framework-detail{padding:20px}
  .page-accredia360 .accr-framework-detail>span{font-size:.53rem}
  .page-accredia360 .accr-framework-detail h3{font-size:1.43rem}
  .page-accredia360 .accr-framework-detail p{font-size:.64rem}
  .page-accredia360 .accr-framework-metrics>div{padding:10px}
  .page-accredia360 .accr-framework-metrics small{font-size:.46rem}
  .page-accredia360 .accr-framework-metrics b{font-size:.52rem}
  .page-accredia360 .accr-framework-subitems span{font-size:.49rem}
  .page-accredia360 .accr-framework-note{font-size:.51rem}
}
@media (max-width:991.98px) and (min-width:576px){
  .page-accredia360 .accr-dashboard-content{
    padding:18px;
  }
  .page-accredia360 .accr-story-head h2{font-size:1.22rem}
  .page-accredia360 .accr-kpi-grid article strong{font-size:1.48rem}
  .page-accredia360 .accr-kpi-grid article>span{font-size:.58rem}
  .page-accredia360 .accr-kpi-grid article small{font-size:.51rem}
  .page-accredia360 .accr-cycle-row{font-size:.54rem}
  .page-accredia360 .accr-table-row{font-size:.51rem}
  .page-accredia360 .accr-workflow-track strong{font-size:.59rem}
  .page-accredia360 .accr-framework-detail h3{font-size:1.25rem}
}

/* HERO V2 desktop/landscape readability pass — larger text floor inside the illustration. */
@media (min-width:992px){
  .page-accredia360 .accr-dashboard-top{
    min-height:72px;
    padding:13px 20px;
  }
  .page-accredia360 .accr-dashboard-brand strong{font-size:.95rem}
  .page-accredia360 .accr-dashboard-brand small{font-size:.62rem}
  .page-accredia360 .accr-dashboard-context span,
  .page-accredia360 .accr-dashboard-context b{
    padding:7px 10px;
    font-size:.56rem;
  }
  .page-accredia360 .accr-dashboard-nav{
    gap:7px;
    padding:9px 16px 0;
  }
  .page-accredia360 .accr-dashboard-nav button{
    min-height:42px;
    padding:9px 15px;
    font-size:.72rem;
  }
  .page-accredia360 .accr-dashboard-nav button i{font-size:.75rem}
  .page-accredia360 .accr-dashboard-content{
    min-height:550px;
    padding:25px;
  }
  .page-accredia360 .accr-story-head{
    margin-bottom:17px;
  }
  .page-accredia360 .accr-story-head>div span{font-size:.66rem}
  .page-accredia360 .accr-story-head h2{font-size:1.38rem}
  .page-accredia360 .accr-illustration-note{
    padding:7px 10px;
    font-size:.54rem;
  }

  .page-accredia360 .accr-kpi-grid article{
    min-height:114px;
    padding:15px 16px;
  }
  .page-accredia360 .accr-kpi-grid article>span{font-size:.66rem}
  .page-accredia360 .accr-kpi-grid article strong{font-size:1.8rem}
  .page-accredia360 .accr-kpi-grid article small{font-size:.58rem}

  .page-accredia360 .accr-ui-title{
    padding:14px 15px;
  }
  .page-accredia360 .accr-ui-title strong{font-size:.72rem}
  .page-accredia360 .accr-ui-title span{font-size:.58rem}

  .page-accredia360 .accr-cycle-row{
    min-height:52px;
    gap:9px;
    padding:8px 15px;
    font-size:.6rem;
  }
  .page-accredia360 .accr-cycle-row b{font-size:.65rem}
  .page-accredia360 .accr-cycle-row i{font-size:.53rem}

  .page-accredia360 .accr-readiness-bars{padding:16px}
  .page-accredia360 .accr-readiness-bars>div{
    grid-template-columns:78px 1fr 38px;
    gap:8px;
    margin-bottom:14px;
    font-size:.6rem;
  }
  .page-accredia360 .accr-readiness-bars em{font-size:.57rem}
  .page-accredia360 .accr-attention-strip{
    padding:12px 13px;
    font-size:.59rem;
  }
  .page-accredia360 .accr-attention-strip b{font-size:.55rem}

  .page-accredia360 .accr-evidence-top{
    gap:10px;
    margin-bottom:11px;
  }
  .page-accredia360 .accr-evidence-top>div{padding:13px}
  .page-accredia360 .accr-evidence-top span{font-size:.59rem}
  .page-accredia360 .accr-evidence-top strong{font-size:1.42rem}
  .page-accredia360 .accr-evidence-top small{font-size:.55rem}

  .page-accredia360 .accr-table-head{
    min-height:37px;
    font-size:.53rem;
  }
  .page-accredia360 .accr-table-row{
    min-height:61px;
    font-size:.57rem;
  }
  .page-accredia360 .accr-table-row>b{font-size:.61rem}
  .page-accredia360 .accr-table-row span{font-size:.58rem}
  .page-accredia360 .accr-table-row small{font-size:.53rem}
  .page-accredia360 .accr-table-row i{font-size:.49rem}
  .page-accredia360 .accr-table-row em{font-size:.51rem}

  .page-accredia360 .accr-donut{
    width:132px;
    height:132px;
  }
  .page-accredia360 .accr-donut:after{
    width:88px;
    height:88px;
  }
  .page-accredia360 .accr-donut b{font-size:1.22rem}
  .page-accredia360 .accr-donut span{font-size:.51rem}
  .page-accredia360 .accr-legend span{font-size:.54rem}

  .page-accredia360 .accr-workflow-banner{
    padding:15px 16px;
  }
  .page-accredia360 .accr-workflow-banner span{font-size:.58rem}
  .page-accredia360 .accr-workflow-banner strong{font-size:.84rem}
  .page-accredia360 .accr-workflow-banner>b{font-size:.54rem}

  .page-accredia360 .accr-workflow-track{
    gap:7px;
    margin:30px 6px 20px;
  }
  .page-accredia360 .accr-workflow-connector{
    top:22px;
  }
  .page-accredia360 .accr-workflow-track article>b{
    width:46px;
    height:46px;
    font-size:.58rem;
  }
  .page-accredia360 .accr-workflow-track strong{font-size:.65rem}
  .page-accredia360 .accr-workflow-track small{font-size:.51rem}
  .page-accredia360 .accr-role-grid>div{padding:13px}
  .page-accredia360 .accr-role-grid strong{font-size:.63rem}
  .page-accredia360 .accr-role-grid span{font-size:.52rem}
  .page-accredia360 .accr-workflow-callout{
    padding:10px 12px;
    font-size:.56rem;
  }

  .page-accredia360 .accr-framework-pills{
    gap:8px;
    padding:15px;
  }
  .page-accredia360 .accr-framework-pills button{
    min-width:62px;
    padding:8px 12px;
    font-size:.58rem;
  }
  .page-accredia360 .accr-framework-detail{
    padding:21px;
  }
  .page-accredia360 .accr-framework-detail>span{font-size:.56rem}
  .page-accredia360 .accr-framework-detail h3{font-size:1.5rem}
  .page-accredia360 .accr-framework-detail p{
    font-size:.68rem;
    line-height:1.7;
  }
  .page-accredia360 .accr-framework-metrics{
    gap:8px;
    margin-top:17px;
  }
  .page-accredia360 .accr-framework-metrics>div{padding:10px}
  .page-accredia360 .accr-framework-metrics small{font-size:.49rem}
  .page-accredia360 .accr-framework-metrics b{font-size:.55rem}
  .page-accredia360 .accr-framework-subitems span{font-size:.53rem}
  .page-accredia360 .accr-framework-note{
    padding:10px 12px;
    font-size:.55rem;
  }
  .page-accredia360 .accr-story-footer{
    padding:11px 16px;
    font-size:.52rem;
  }
  .page-accredia360 .accr-story-footer button{font-size:.54rem}
}

/* HERO V2 evidence workspace — product-reference-inspired table view. */
.page-accredia360 .accr-evidence-workspace{
  width:100%;
}
.page-accredia360 .accr-evidence-toolbar{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  margin-bottom:9px;
  padding:7px;
  border:1px solid #dbe8f1;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 12px rgba(28,78,111,.04);
}
.page-accredia360 .accr-evidence-search{
  display:flex;
  align-items:center;
  gap:7px;
  width:170px;
  min-height:28px;
  padding:0 9px;
  border:1px solid #d9e7f0;
  border-radius:8px;
  background:#fbfdff;
  color:#7890a2;
  font-size:.5rem;
}
.page-accredia360 .accr-evidence-search i{color:#0b74be;font-size:.53rem}
.page-accredia360 .accr-evidence-toolbar button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:0 9px;
  border:1px solid #d9e7f0;
  border-radius:8px;
  background:#fff;
  color:#46687e;
  font-size:.49rem;
  font-weight:800;
}
.page-accredia360 .accr-evidence-toolbar button i{color:#0b74be}
.page-accredia360 .accr-evidence-columns{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:28px;
  padding:0 8px;
  border:1px solid #d9e7f0;
  border-radius:8px;
  background:#f8fbfe;
  color:#547187;
  font-size:.48rem;
}
.page-accredia360 .accr-evidence-columns strong{color:#0a61a5}
.page-accredia360 .accr-evidence-toolbar-spacer{flex:1}
.page-accredia360 .accr-evidence-summary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-bottom:9px;
}
.page-accredia360 .accr-evidence-summary span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid #dce9f2;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#4f6d82;
  font-size:.48rem;
  font-weight:800;
}
.page-accredia360 .accr-evidence-summary i{color:#0b74be}

.page-accredia360 .accr-evidence-grid{
  overflow:hidden;
  border:1px solid #d8e7f0;
  border-radius:11px;
  background:#fff;
}
.page-accredia360 .accr-evidence-table-wrap{
  width:100%;
  overflow:hidden;
}
.page-accredia360 .accr-evidence-table-head,
.page-accredia360 .accr-evidence-row{
  display:grid;
  grid-template-columns:1.02fr .52fr 1.45fr .88fr .72fr 1.1fr .72fr 2.15fr 46px;
  gap:0;
  align-items:center;
}
.page-accredia360 .accr-evidence-table-head{
  min-height:45px;
  padding:0 9px;
  border-bottom:1px solid #dceaf3;
  background:#fbfdff;
  color:#47667d;
  font-size:.46rem;
  font-weight:900;
}
.page-accredia360 .accr-evidence-table-head span{
  padding:0 5px;
  line-height:1.15;
}
.page-accredia360 .accr-evidence-row{
  min-height:72px;
  padding:5px 9px;
  border-bottom:1px solid #e9f1f5;
  color:#47667d;
  font-size:.45rem;
}
.page-accredia360 .accr-evidence-row:last-child{border-bottom:0}
.page-accredia360 .accr-evidence-row>*{
  min-width:0;
  padding:0 5px;
}
.page-accredia360 .accr-evidence-row>b{
  color:#285b82;
  font-size:.48rem;
}
.page-accredia360 .accr-evidence-row>strong{
  color:#0b5f9e;
  font-size:.5rem;
}
.page-accredia360 .accr-evidence-name{
  color:#245675;
  font-weight:750;
  line-height:1.32;
}
.page-accredia360 .accr-evidence-row>small{
  color:#557187;
  line-height:1.42;
}
.page-accredia360 .accr-doc-link,
.page-accredia360 .accr-doc-missing{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 7px;
  border-radius:7px;
  font-size:.43rem;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
}
.page-accredia360 .accr-doc-link{
  border:1px solid #cfe6f5;
  background:#f4faff;
  color:#0872bc;
}
.page-accredia360 .accr-doc-missing{
  background:#eef5f9;
  color:#657e8e;
}
.page-accredia360 .accr-status-tag{
  justify-self:start;
  padding:5px 7px;
  border-radius:999px;
  font-size:.41rem;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}
.page-accredia360 .accr-status-tag.is-reviewed{background:#e9f8f0;color:#347a5a}
.page-accredia360 .accr-status-tag.is-progress{background:#eef4fb;color:#1667a1}
.page-accredia360 .accr-status-tag.is-pending{background:#fff5df;color:#986c14}
.page-accredia360 .accr-role-chips{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.page-accredia360 .accr-role-chips span{
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  column-gap:4px;
  min-width:68px;
  padding:3px 5px 3px 3px;
  border:1px solid #d8e7f0;
  border-radius:999px;
  background:#f9fcfe;
  color:#385e76;
  font-size:.39rem;
  font-weight:800;
  line-height:1.1;
}
.page-accredia360 .accr-role-chips span>b{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#0b74be;
  color:#fff;
  font-size:.34rem;
}
.page-accredia360 .accr-role-chips span small{
  grid-column:2;
  color:#78909f;
  font-size:.34rem;
  font-weight:700;
}
.page-accredia360 .accr-role-chips span:nth-child(2)>b{background:#17a985}
.page-accredia360 .accr-role-chips span:nth-child(3)>b{background:#8756ca}
.page-accredia360 .accr-row-action{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  justify-self:end;
  border:1px solid #d9e8f1;
  border-radius:8px;
  background:#f8fcff;
  color:#0a72bd;
  font-size:.5rem;
}
.page-accredia360 .accr-evidence-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px;
  padding:9px 8px 1px;
  color:#668096;
  font-size:.45rem;
}
.page-accredia360 .accr-evidence-pagination>button{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#54758b;
  font-size:.46rem;
}
.page-accredia360 .accr-evidence-pagination>button.is-current{
  background:#e5f4fd;
  color:#0871b8;
  font-weight:900;
}
.page-accredia360 .accr-page-size{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-left:6px;
  padding:5px 8px;
  border:1px solid #d9e8f1;
  border-radius:7px;
  background:#fff;
  color:#45677e;
  font-weight:800;
}

@media (min-width:1200px){
  .page-accredia360 .accr-evidence-table-head{font-size:.51rem}
  .page-accredia360 .accr-evidence-row{min-height:78px;font-size:.5rem}
  .page-accredia360 .accr-evidence-row>b,
  .page-accredia360 .accr-evidence-row>strong{font-size:.54rem}
  .page-accredia360 .accr-evidence-name{font-size:.51rem}
  .page-accredia360 .accr-evidence-row>small{font-size:.49rem}
  .page-accredia360 .accr-doc-link,
  .page-accredia360 .accr-doc-missing{font-size:.47rem}
  .page-accredia360 .accr-status-tag{font-size:.44rem}
  .page-accredia360 .accr-role-chips span{font-size:.42rem}
  .page-accredia360 .accr-role-chips span small{font-size:.36rem}
  .page-accredia360 .accr-evidence-pagination{font-size:.48rem}
}

@media (max-width:1100px){
  .page-accredia360 .accr-evidence-toolbar{
    flex-wrap:wrap;
  }
  .page-accredia360 .accr-evidence-toolbar-spacer{display:none}
  .page-accredia360 .accr-evidence-table-wrap{
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .page-accredia360 .accr-evidence-table-head,
  .page-accredia360 .accr-evidence-row{
    min-width:1040px;
  }
}
@media (max-width:767.98px){
  .page-accredia360 .accr-evidence-toolbar{
    gap:5px;
    padding:6px;
  }
  .page-accredia360 .accr-evidence-search{
    width:100%;
  }
  .page-accredia360 .accr-evidence-toolbar button{
    min-height:27px;
    font-size:.44rem;
    padding-inline:7px;
  }
  .page-accredia360 .accr-evidence-toolbar button:nth-of-type(n+4){
    display:none;
  }
  .page-accredia360 .accr-evidence-columns{
    font-size:.44rem;
  }
  .page-accredia360 .accr-evidence-summary span{
    font-size:.42rem;
  }
  .page-accredia360 .accr-evidence-grid{
    overflow:visible;
  }
  .page-accredia360 .accr-evidence-table-wrap{
    overflow:visible;
  }
  .page-accredia360 .accr-evidence-table-head{
    display:none;
  }
  .page-accredia360 .accr-evidence-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:5px 8px;
    min-width:0;
    min-height:0;
    padding:10px;
  }
  .page-accredia360 .accr-evidence-row>*{
    padding:0;
  }
  .page-accredia360 .accr-evidence-row>b{grid-column:1}
  .page-accredia360 .accr-evidence-row>strong{grid-column:2}
  .page-accredia360 .accr-evidence-name{grid-column:1 / -1}
  .page-accredia360 .accr-evidence-row>span:nth-child(4),
  .page-accredia360 .accr-evidence-row>small,
  .page-accredia360 .accr-status-tag{grid-column:1 / -1}
  .page-accredia360 .accr-role-chips{grid-column:1 / -1}
  .page-accredia360 .accr-row-action{position:absolute;right:9px;top:9px}
  .page-accredia360 .accr-evidence-row{position:relative;padding-right:44px}
  .page-accredia360 .accr-evidence-pagination{
    font-size:.42rem;
  }
}

/* HERO V2 Evidence workspace — desktop/landscape content-size correction. */
@media (min-width:992px){
  .page-accredia360 .accr-evidence-toolbar{
    min-height:48px;
    gap:9px;
    padding:8px;
  }
  .page-accredia360 .accr-evidence-search{
    width:205px;
    min-height:33px;
    padding-inline:11px;
    font-size:.62rem;
  }
  .page-accredia360 .accr-evidence-search i{font-size:.62rem}
  .page-accredia360 .accr-evidence-toolbar button{
    min-height:33px;
    padding-inline:11px;
    font-size:.58rem;
  }
  .page-accredia360 .accr-evidence-columns{
    min-height:33px;
    padding-inline:10px;
    font-size:.57rem;
  }
  .page-accredia360 .accr-evidence-summary{
    gap:9px;
    margin-bottom:11px;
  }
  .page-accredia360 .accr-evidence-summary span{
    padding:6px 10px;
    font-size:.57rem;
  }
  .page-accredia360 .accr-evidence-table-head{
    min-height:52px;
    padding-inline:10px;
    font-size:.57rem !important;
  }
  .page-accredia360 .accr-evidence-table-head span{
    padding-inline:6px;
  }
  .page-accredia360 .accr-evidence-row{
    min-height:82px !important;
    padding:7px 10px;
    font-size:.57rem !important;
    line-height:1.35;
  }
  .page-accredia360 .accr-evidence-row>*{
    padding-inline:6px;
  }
  .page-accredia360 .accr-evidence-row>b,
  .page-accredia360 .accr-evidence-row>strong{
    font-size:.61rem !important;
  }
  .page-accredia360 .accr-evidence-name{
    font-size:.58rem !important;
    line-height:1.4;
  }
  .page-accredia360 .accr-evidence-row>small{
    font-size:.55rem !important;
    line-height:1.45;
  }
  .page-accredia360 .accr-doc-link,
  .page-accredia360 .accr-doc-missing{
    padding:6px 8px;
    font-size:.51rem;
  }
  .page-accredia360 .accr-status-tag{
    padding:6px 8px;
    font-size:.49rem;
  }
  .page-accredia360 .accr-role-chips{
    gap:5px;
  }
  .page-accredia360 .accr-role-chips span{
    grid-template-columns:22px 1fr;
    min-width:82px;
    padding:4px 6px 4px 4px;
    font-size:.44rem;
  }
  .page-accredia360 .accr-role-chips span>b{
    width:22px;
    height:22px;
    font-size:.36rem;
  }
  .page-accredia360 .accr-role-chips span small{
    font-size:.38rem;
  }
  .page-accredia360 .accr-row-action{
    width:31px;
    height:31px;
    font-size:.54rem;
  }
  .page-accredia360 .accr-evidence-pagination{
    padding-top:10px;
    font-size:.53rem;
  }
  .page-accredia360 .accr-evidence-pagination>button{
    width:28px;
    height:28px;
    font-size:.5rem;
  }
  .page-accredia360 .accr-page-size{
    padding:6px 9px;
  }
}
@media (min-width:1200px){
  .page-accredia360 .accr-evidence-toolbar{
    min-height:52px;
  }
  .page-accredia360 .accr-evidence-search{
    width:225px;
    min-height:36px;
    font-size:.66rem;
  }
  .page-accredia360 .accr-evidence-toolbar button{
    min-height:36px;
    font-size:.61rem;
  }
  .page-accredia360 .accr-evidence-columns{
    min-height:36px;
    font-size:.6rem;
  }
  .page-accredia360 .accr-evidence-summary span{
    font-size:.61rem;
  }
  .page-accredia360 .accr-evidence-table-head{
    min-height:56px;
    font-size:.61rem !important;
  }
  .page-accredia360 .accr-evidence-row{
    min-height:88px !important;
    font-size:.61rem !important;
  }
  .page-accredia360 .accr-evidence-row>b,
  .page-accredia360 .accr-evidence-row>strong{
    font-size:.65rem !important;
  }
  .page-accredia360 .accr-evidence-name{
    font-size:.62rem !important;
  }
  .page-accredia360 .accr-evidence-row>small{
    font-size:.59rem !important;
  }
  .page-accredia360 .accr-doc-link,
  .page-accredia360 .accr-doc-missing{
    font-size:.54rem;
  }
  .page-accredia360 .accr-status-tag{
    font-size:.52rem;
  }
  .page-accredia360 .accr-role-chips span{
    min-width:88px;
    font-size:.46rem;
  }
  .page-accredia360 .accr-role-chips span small{
    font-size:.4rem;
  }
}

/* HERO V2 evidence panel — keep the same overall dashboard height as every other story. */
@media (min-width:992px){
  .page-accredia360 .accr-evidence-workspace{
    max-height:500px;
    overflow:hidden;
  }
  .page-accredia360 .accr-evidence-toolbar{
    min-height:44px;
    padding:6px 7px;
  }
  .page-accredia360 .accr-evidence-search{
    min-height:30px;
  }
  .page-accredia360 .accr-evidence-toolbar button{
    min-height:30px;
  }
  .page-accredia360 .accr-evidence-columns{
    min-height:30px;
  }
  .page-accredia360 .accr-evidence-summary{
    margin-bottom:8px;
  }
  .page-accredia360 .accr-evidence-summary span{
    padding:5px 9px;
  }
  .page-accredia360 .accr-evidence-table-head{
    min-height:46px;
  }
  .page-accredia360 .accr-evidence-row{
    min-height:62px !important;
    padding:5px 9px;
  }
  .page-accredia360 .accr-role-chips span{
    min-width:76px;
    padding:3px 5px 3px 3px;
  }
  .page-accredia360 .accr-role-chips span>b{
    width:20px;
    height:20px;
  }
  .page-accredia360 .accr-evidence-pagination{
    padding-top:7px;
  }
}
@media (min-width:1200px){
  .page-accredia360 .accr-evidence-workspace{
    max-height:500px;
  }
  .page-accredia360 .accr-evidence-toolbar{
    min-height:46px;
  }
  .page-accredia360 .accr-evidence-search,
  .page-accredia360 .accr-evidence-toolbar button,
  .page-accredia360 .accr-evidence-columns{
    min-height:32px;
  }
  .page-accredia360 .accr-evidence-table-head{
    min-height:48px;
  }
  .page-accredia360 .accr-evidence-row{
    min-height:64px !important;
  }
}

/* HERO V2 cinematic accreditation story — chaos -> problem -> solution -> ordered flow -> dashboard. */
.page-accredia360 .accr-storyboard{
  width:min(100%,1320px);
  margin:0 auto;
  padding:22px 0 12px;
}
.page-accredia360 .accr-storyboard-orbit{
  display:none !important;
}
.page-accredia360 .accr-hero-flow{
  position:relative;
  min-height:245px;
  margin:0 auto 16px;
  overflow:visible;
}
.page-accredia360 .accr-flow-phase{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.985);
  transition:opacity .55s ease,transform .55s ease,visibility .55s ease;
}
.page-accredia360 .accr-flow-phase.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.page-accredia360 .accr-flow-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.72);
  font-size:.57rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-accredia360 .accr-flow-chaos-stage{
  position:relative;
  width:min(100%,1040px);
  height:155px;
  margin-top:3px;
}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
  position:absolute;
  left:50%;
  top:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.66);
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 13px 28px rgba(2,35,70,.18),inset 0 1px 0 rgba(255,255,255,.9);
  color:#174c6d;
  font-size:.68rem;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
  transform:translate(-50%,-50%) scale(.92);
}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]::before{
  margin-right:6px;
  color:#0879c4;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip="evidence"]::before{content:"\f07c"}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip="requirements"]::before{content:"\f0ae"}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip="reviews"]::before{content:"\f02f"}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip="ownership"]::before{content:"\f508"}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip="compliance"]::before{content:"\f132"}
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip="readiness"]::before{content:"\f200"}
.page-accredia360 .accr-flow-attempt-note{
  color:rgba(255,255,255,.76);
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.02em;
  min-height:1em;
}
.page-accredia360 .accr-flow-problem h2,
.page-accredia360 .accr-flow-solution h2,
.page-accredia360 .accr-flow-dashboard-intro h2{
  margin:5px 0 0;
  text-align:center;
  color:#fff;
  font-weight:850;
  letter-spacing:-.035em;
  text-shadow:0 7px 28px rgba(2,35,70,.22);
}
.page-accredia360 .accr-flow-problem h2{
  max-width:850px;
  font-size:clamp(2rem,4.4vw,3.65rem);
}
.page-accredia360 .accr-flow-solution{
  gap:5px;
}
.page-accredia360 .accr-flow-solution h2,
.page-accredia360 .accr-flow-start-note{
  max-width:980px;
  font-size:clamp(1.72rem,3.6vw,3rem);
}
.page-accredia360 .accr-flow-solution p{
  margin:0;
  color:#dff4ff;
  font-size:clamp(1rem,1.7vw,1.35rem);
  font-weight:750;
}
.page-accredia360 .accr-flow-organized{
  gap:14px;
}
.page-accredia360 .accr-flow-organized-row{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  width:min(100%,1100px);
}
.page-accredia360 .accr-flow-organized-row>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#174c6d;
  box-shadow:0 11px 23px rgba(2,35,70,.16);
  font-size:.67rem;
  font-weight:850;
}
.page-accredia360 .accr-flow-organized-row>i{
  color:rgba(255,255,255,.9);
  font-size:.8rem;
  filter:drop-shadow(0 4px 8px rgba(2,35,70,.18));
}
.page-accredia360 .accr-flow-dashboard-intro{
  gap:7px;
}
.page-accredia360 .accr-flow-dashboard-intro h2{
  font-size:clamp(1.35rem,2.5vw,2.2rem);
}
.page-accredia360 .accr-flow-dashboard-intro>i{
  margin-top:5px;
  color:#fff;
  font-size:1.15rem;
  animation:accrFlowArrow 1.25s ease-in-out infinite;
  filter:drop-shadow(0 4px 10px rgba(2,35,70,.2));
}
@keyframes accrFlowArrow{
  0%,100%{transform:translateY(0);opacity:.65}
  50%{transform:translateY(7px);opacity:1}
}

.page-accredia360 .accr-flow-phase.is-active .accr-flow-label{
  animation:accrFlowLabelIn .5s ease both;
}
.page-accredia360 .accr-flow-problem.is-active h2{
  animation:accrFlowProblemIn .75s cubic-bezier(.2,.76,.3,1.08) .08s both;
}
.page-accredia360 .accr-flow-solution.is-active h2{
  animation:accrFlowSolutionIn .65s cubic-bezier(.2,.72,.3,1.06) .08s both;
}
.page-accredia360 .accr-flow-solution.is-active p{
  animation:accrFlowSolutionIn .65s ease .24s both;
}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span,
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i{
  animation:accrFlowOrganizeIn .55s cubic-bezier(.2,.74,.28,1.08) both;
}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i:nth-of-type(1){animation-delay:.16s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span:nth-of-type(2){animation-delay:.24s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i:nth-of-type(2){animation-delay:.32s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span:nth-of-type(3){animation-delay:.40s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i:nth-of-type(3){animation-delay:.48s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span:nth-of-type(4){animation-delay:.56s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i:nth-of-type(4){animation-delay:.64s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span:nth-of-type(5){animation-delay:.72s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i:nth-of-type(5){animation-delay:.80s}
.page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span:nth-of-type(6){animation-delay:.88s}
@keyframes accrFlowLabelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes accrFlowProblemIn{0%{opacity:0;transform:translateY(18px) scale(.94)}65%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes accrFlowSolutionIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes accrFlowOrganizeIn{from{opacity:0;transform:translateY(13px) scale(.92)}to{opacity:1;transform:none}}
@keyframes accrFlowOrganizeArrowDown{
  from{opacity:0;transform:translateY(13px) scale(.92)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.page-accredia360 .accr-storyboard.is-flow-gated:not(.is-dashboard-revealed) .accr-dashboard{
  max-height:0;
  min-height:0;
  margin:0;
  padding:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(24px) scale(.985);
  pointer-events:none;
  overflow:hidden;
  border-width:0;
  box-shadow:none;
}
.page-accredia360 .accr-storyboard.is-flow-gated.is-dashboard-revealed .accr-dashboard{
  max-height:1400px;
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
  transition:max-height 1s cubic-bezier(.22,.61,.36,1),opacity .65s ease,transform .75s cubic-bezier(.22,.61,.36,1);
}
.page-accredia360 .accr-storyboard.is-flow-gated:not(.is-dashboard-revealed) .accr-dashboard-caption{
  display:none !important;
}
.page-accredia360 .accr-storyboard.is-flow-gated:not(.is-dashboard-revealed) + .accr-hero-v2-below{
  max-height:0;
  margin:0;
  padding:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(12px);
}
.page-accredia360 .accr-storyboard.is-flow-gated.is-dashboard-revealed + .accr-hero-v2-below{
  max-height:500px;
  opacity:1;
  transform:none;
  transition:max-height .8s ease,opacity .55s ease,transform .55s ease;
}

@media (max-width:991.98px){
  .page-accredia360 .accr-hero-flow{
    min-height:235px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    width:min(100%,860px);
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:100px;
    padding:8px 11px;
    font-size:.61rem;
  }
  .page-accredia360 .accr-flow-organized-row{
    gap:7px;
  }
  .page-accredia360 .accr-flow-organized-row>span{
    min-width:100px;
    padding:8px 11px;
    font-size:.61rem;
  }
}
@media (max-width:767.98px){
  .page-accredia360 .accr-storyboard{
    padding:10px 0 12px;
  }
  .page-accredia360 .accr-hero-flow{
    min-height:300px;
    margin-bottom:12px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    height:175px;
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:88px;
    padding:7px 9px;
    font-size:.52rem;
  }
  .page-accredia360 .accr-flow-problem h2{
    font-size:clamp(1.55rem,8vw,2.2rem);
  }
  .page-accredia360 .accr-flow-solution h2,
.page-accredia360 .accr-flow-start-note{
    font-size:clamp(1.35rem,6.5vw,1.8rem);
    max-width:94%;
  }
  .page-accredia360 .accr-flow-solution p{
    font-size:.92rem;
  }
  .page-accredia360 .accr-flow-organized{
    justify-content:center;
    gap:10px;
  }
  .page-accredia360 .accr-flow-organized-row{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    justify-items:center;
    align-items:center;
    width:min(100%,520px);
    gap:7px;
  }
  .page-accredia360 .accr-flow-organized-row>span{
    min-width:0;
    width:100%;
    padding:7px 8px;
    font-size:.49rem;
  }
  .page-accredia360 .accr-flow-organized-row>i{
    font-size:.62rem;
  }
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(6){
    grid-column:3;
  }
  .page-accredia360 .accr-flow-organized-row>i:nth-of-type(5){
    grid-column:2;
  }
  .page-accredia360 .accr-flow-dashboard-intro h2{
    max-width:94%;
    font-size:1.2rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-accredia360 .accr-flow-phase{
    transition:none;
  }
  .page-accredia360 .accr-flow-dashboard-intro>i{
    animation:none;
  }
  .page-accredia360 .accr-flow-problem.is-active h2,
  .page-accredia360 .accr-flow-solution.is-active h2,
  .page-accredia360 .accr-flow-solution.is-active p,
  .page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>span,
  .page-accredia360 .accr-flow-organized.is-active .accr-flow-organized-row>i{
    animation:none;
    opacity:1;
  }
}

/* Final cinematic dashboard-intro hierarchy */
.page-accredia360 .accr-flow-dashboard-intro{
  width:min(100%, 1040px);
  margin-inline:auto;
  gap:clamp(7px,1vw,13px);
  text-align:center;
}
.page-accredia360 .accr-flow-dashboard-intro h2{
  width:min(100%, 920px);
  margin:0 auto;
  font-size:clamp(1.8rem,3.35vw,3rem);
  line-height:1.12;
  letter-spacing:-.035em;
}
.page-accredia360 .accr-flow-dashboard-intro p{
  width:min(100%, 760px);
  margin:0 auto;
  color:#dff4ff;
  font-size:clamp(1rem,1.7vw,1.35rem);
  line-height:1.4;
  font-weight:750;
}
.page-accredia360 .accr-flow-dashboard-intro .accr-flow-label{
  margin-top:clamp(10px,1.4vw,18px);
  font-size:clamp(.62rem,.75vw,.78rem);
  letter-spacing:.16em;
}
.page-accredia360 .accr-flow-dashboard-intro h3{
  width:min(100%, 860px);
  margin:0 auto;
  color:#fff;
  font-size:clamp(1.35rem,2.55vw,2.25rem);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:800;
  text-wrap:balance;
  text-shadow:0 7px 28px rgba(2,35,70,.22);
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-dashboard-intro{
    width:min(100%, 94vw);
    gap:8px;
  }
  .page-accredia360 .accr-flow-dashboard-intro h2{
    width:100%;
    font-size:clamp(1.42rem,7.2vw,1.9rem);
    line-height:1.12;
  }
  .page-accredia360 .accr-flow-dashboard-intro p{
    width:94%;
    font-size:clamp(.92rem,4.2vw,1.08rem);
    line-height:1.35;
  }
  .page-accredia360 .accr-flow-dashboard-intro .accr-flow-label{
    margin-top:8px;
    font-size:.58rem;
    letter-spacing:.13em;
  }
  .page-accredia360 .accr-flow-dashboard-intro h3{
    width:96%;
    font-size:clamp(1.08rem,5.5vw,1.45rem);
    line-height:1.2;
  }
  .page-accredia360 .accr-flow-dashboard-intro>i{
    margin-top:3px;
    font-size:1rem;
  }
}


/* Highlight key hero terms without changing the message hierarchy */
.page-accredia360 .accr-flow-dashboard-intro .accr-hero-highlight{
  font-weight:900;
  font-style:normal;
}
.page-accredia360 .accr-flow-dashboard-intro .accr-hero-highlight-brand{
  font-weight:900;
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-dashboard-intro .accr-hero-highlight{
    padding:.07em .24em .1em;
    border-radius:.24em;
  }
  .page-accredia360 .accr-flow-dashboard-intro .accr-hero-highlight-brand{
    padding-inline:.28em;
  }
}

/* Slightly reduce the illustrative dashboard footprint on larger screens without changing its internal UI. */
@media (min-width:992px){
  .page-accredia360 .accr-storyboard .accr-dashboard{
    width:94%;
    margin-inline:auto;
  }
}

/* Increase cinematic story labels for clearer animated emphasis. */
.page-accredia360 .accr-flow-label{
  font-size:.72rem;
  letter-spacing:.14em;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-label{
    font-size:.64rem;
    letter-spacing:.12em;
  }
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-dashboard-intro .accr-flow-label{
    font-size:.62rem;
  }
}

/* Increase the animated chaos-phase supporting note for clearer visibility. */
.page-accredia360 .accr-flow-attempt-note{
  font-size:.76rem;
  letter-spacing:.025em;
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-attempt-note{
    font-size:.74rem;
  }
}


/* HERO V2 responsive cinematic-story scale — larger on desktop, vertically composed on mobile. */
@media (min-width:1200px){
  .page-accredia360 .accr-hero-flow{
    min-height:300px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    width:min(100%,1240px);
    height:205px;
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:142px;
    padding:12px 18px;
    font-size:.82rem;
    box-shadow:0 16px 34px rgba(2,35,70,.2),inset 0 1px 0 rgba(255,255,255,.9);
  }
  .page-accredia360 .accr-flow-label{
    font-size:.65rem;
  }
  .page-accredia360 .accr-flow-problem h2{
    max-width:1080px;
    font-size:clamp(2.7rem,4.6vw,4.25rem);
  }
  .page-accredia360 .accr-flow-solution h2,
.page-accredia360 .accr-flow-start-note{
    max-width:1160px;
    font-size:clamp(2.35rem,4vw,3.65rem);
  }
  .page-accredia360 .accr-flow-solution p{
    font-size:clamp(1.15rem,1.8vw,1.5rem);
  }
  .page-accredia360 .accr-flow-organized-row{
    width:min(100%,1240px);
    gap:12px;
  }
  .page-accredia360 .accr-flow-organized-row>span{
    min-width:142px;
    padding:12px 16px;
    font-size:.8rem;
  }
  .page-accredia360 .accr-flow-organized-row>i{
    font-size:.95rem;
  }
  .page-accredia360 .accr-flow-dashboard-intro h2{
    width:min(100%,1100px);
    font-size:clamp(2.2rem,3.5vw,3.35rem);
  }
  .page-accredia360 .accr-flow-dashboard-intro p{
    font-size:clamp(1.12rem,1.75vw,1.48rem);
  }
  .page-accredia360 .accr-flow-dashboard-intro h3{
    font-size:clamp(1.7rem,2.7vw,2.55rem);
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .page-accredia360 .accr-hero-flow{
    min-height:275px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    height:190px;
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:128px;
    padding:11px 15px;
    font-size:.76rem;
  }
  .page-accredia360 .accr-flow-problem h2{
    font-size:clamp(2.35rem,4.8vw,3.8rem);
  }
  .page-accredia360 .accr-flow-solution h2,
.page-accredia360 .accr-flow-start-note{
    font-size:clamp(2rem,4vw,3.25rem);
  }
  .page-accredia360 .accr-flow-organized-row>span{
    min-width:126px;
    padding:11px 14px;
    font-size:.73rem;
  }
  .page-accredia360 .accr-flow-dashboard-intro h2{
    font-size:clamp(1.95rem,3.3vw,2.9rem);
  }
  .page-accredia360 .accr-flow-dashboard-intro h3{
    font-size:clamp(1.5rem,2.5vw,2.25rem);
  }
}

@media (max-width:767.98px){
  .page-accredia360 .accr-hero-flow{
    min-height:400px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    width:min(100%,360px);
    height:285px;
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:112px;
    padding:9px 13px;
    font-size:.58rem;
  }
  .page-accredia360 .accr-flow-problem h2{
    max-width:94%;
    font-size:clamp(1.8rem,9vw,2.65rem);
  }
  .page-accredia360 .accr-flow-solution h2,
.page-accredia360 .accr-flow-start-note{
    max-width:94%;
    font-size:clamp(1.55rem,7.5vw,2.2rem);
  }
  .page-accredia360 .accr-flow-solution p{
    max-width:92%;
    font-size:clamp(.98rem,4.3vw,1.15rem);
  }
  .page-accredia360 .accr-flow-organized-row{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(11,auto);
    width:min(100%,250px);
    gap:3px;
  }
  .page-accredia360 .accr-flow-organized-row>span{
    grid-column:1 !important;
    width:100%;
    min-width:0;
    padding:7px 10px;
    font-size:.58rem;
  }
  .page-accredia360 .accr-flow-organized-row>i{
    grid-column:1 !important;
    font-size:.58rem;
    transform:rotate(90deg);
  }
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(1){grid-row:1}
  .page-accredia360 .accr-flow-organized-row>i:nth-of-type(1){grid-row:2}
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(2){grid-row:3}
  .page-accredia360 .accr-flow-organized-row>i:nth-of-type(2){grid-row:4}
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(3){grid-row:5}
  .page-accredia360 .accr-flow-organized-row>i:nth-of-type(3){grid-row:6}
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(4){grid-row:7}
  .page-accredia360 .accr-flow-organized-row>i:nth-of-type(4){grid-row:8}
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(5){grid-row:9}
  .page-accredia360 .accr-flow-organized-row>i:nth-of-type(5){grid-row:10}
  .page-accredia360 .accr-flow-organized-row>span:nth-of-type(6){grid-row:11;grid-column:1 !important}
  .page-accredia360 .accr-flow-dashboard-intro h2{
    max-width:94%;
    font-size:clamp(1.48rem,7.4vw,2rem);
  }
  .page-accredia360 .accr-flow-dashboard-intro p{
    width:94%;
    font-size:clamp(.96rem,4.4vw,1.1rem);
  }
  .page-accredia360 .accr-flow-dashboard-intro h3{
    width:96%;
    font-size:clamp(1.18rem,6vw,1.6rem);
  }
}

@media (max-width:575.98px){
  .page-accredia360 .accr-hero-flow{
    min-height:390px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    height:275px;
    width:min(100%,320px);
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:104px;
    padding:8px 11px;
    font-size:.54rem;
  }
  .page-accredia360 .accr-flow-organized-row{
    width:min(100%,220px);
  }
}

@media (max-width:374px){
  .page-accredia360 .accr-hero-flow{
    min-height:375px;
  }
  .page-accredia360 .accr-flow-chaos-stage{
    height:260px;
    width:min(100%,285px);
  }
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    min-width:98px;
    padding:7px 10px;
    font-size:.51rem;
  }
  .page-accredia360 .accr-flow-organized-row{
    width:min(100%,205px);
  }
}

/* Match the opening hero statement to the solution statement styling. */
.page-accredia360 .accr-flow-start-note{
  display:block;
}


/* HERO V2 spacing refinement — keep the transition arrow close to the dashboard and give the illustration a slightly taller, more portrait-oriented frame. */
.page-accredia360 .accr-flow-dashboard-intro{
  justify-content:flex-end;
  padding-bottom:2px;
}
.page-accredia360 .accr-hero-flow{
  margin-bottom:5px;
}
.page-accredia360 .accr-storyboard{
  padding-top:6px;
}
.page-accredia360 .accr-dashboard{
  min-height:520px;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-dashboard-intro{
    padding-bottom:1px;
  }
  .page-accredia360 .accr-storyboard{
    padding-top:3px;
  }
  .page-accredia360 .accr-dashboard{
    min-height:500px;
  }
}
@media (max-width:575.98px){
  .page-accredia360 .accr-dashboard{
    min-height:480px;
  }
}

/* HERO V2 headline transition spacing — keep the kicker and cinematic flow closer together on smaller layouts. */
@media (max-width:1200px){
  .page-accredia360 .accr-storyboard{padding-top:8px}
}
@media (max-width:767.98px){
  .page-accredia360 .accr-storyboard{padding-top:0}
}

/* Final tightening between hero product line and flow storyboard. */
.page-accredia360 .accr-hero-v2-grid{row-gap:0}
.page-accredia360 .accr-storyboard{margin-top:-10px}
@media (max-width:767.98px){
  .page-accredia360 .accr-storyboard{margin-top:-24px}
}
@media (max-width:575.98px){
  .page-accredia360 .accr-storyboard{margin-top:-30px}
}

/* Tighten the vertical transition from the hero kicker to the cinematic flow. */
.page-accredia360 .accr-hero-v2-copy{padding-bottom:0}
.page-accredia360 .accr-storyboard{margin-top:-18px}
@media (max-width:767.98px){
  .page-accredia360 .accr-hero-v2-copy{padding-bottom:0}
  /* Keep the structured-flow label clear of the hero copy on mobile.
     This changes spacing only; the workflow layout and animation remain intact. */
  .page-accredia360 .accr-storyboard{margin-top:-6px}
}
@media (max-width:575.98px){
  .page-accredia360 .accr-storyboard{margin-top:-10px}
}

/* Final-state-only spacing: tighten the last headline-to-dashboard transition without changing other animation phases. */
@supports selector(:has(*)){
  .page-accredia360 .accr-storyboard:has(.accr-flow-dashboard-intro.is-active) .accr-flow-dashboard-intro{
    transform:translateY(-12px);
  }
  .page-accredia360 .accr-storyboard:has(.accr-flow-dashboard-intro.is-active) .accr-dashboard{
    margin-top:-20px;
  }
  @media (max-width:767.98px){
    .page-accredia360 .accr-storyboard:has(.accr-flow-dashboard-intro.is-active) .accr-flow-dashboard-intro{
      transform:translateY(-70px);
    }
  }
}


/* Mobile-only first-animation alignment: keep the whole chaos scene lower, while lifting its bottom note clear of the product update. */
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-chaos.is-active{
    transform:translateY(40px);
    text-align:center;
  }
  .page-accredia360 .accr-flow-chaos .accr-flow-attempt-note{
    position:relative;
    top:-8px;
    text-align:center;
  }
  .page-accredia360 .accr-content-update{
    text-align:center !important;
  }
  .page-accredia360 .accr-flow-solution p{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Slightly enlarge the ONE STRUCTURED FLOW label only. */
.page-accredia360 .accr-flow-organized .accr-flow-label{
  font-size:.90rem;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-organized .accr-flow-label{
    font-size:.78rem;
  }
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-organized .accr-flow-label{
    font-size:.68rem;
  }
}


/* Slightly enlarge the chaos workstream label and attempt message only. */
.page-accredia360 .accr-flow-chaos .accr-flow-label,
.page-accredia360 .accr-flow-chaos .accr-flow-attempt-note{
  font-size:.90rem;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-chaos .accr-flow-label,
  .page-accredia360 .accr-flow-chaos .accr-flow-attempt-note{
    font-size:.78rem;
  }
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-chaos .accr-flow-label,
  .page-accredia360 .accr-flow-chaos .accr-flow-attempt-note{
    font-size:.74rem;
  }
}


/* Keep every structured workstream exactly the same text size as Requirements. */
.page-accredia360 .accr-flow-organized-row > span{
  font-size:1.05rem !important;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-organized-row > span{
    font-size:.88rem !important;
  }
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-organized-row > span{
    font-size:.82rem !important;
  }
}


/* Keep every accreditation workstream chip the same size as Requirements. */
.page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
  font-size:.90rem !important;
}
@media (max-width:767.98px){
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    font-size:.78rem !important;
  }
}
@media (max-width:575.98px){
  .page-accredia360 .accr-flow-chaos-stage>[data-flow-chip]{
    font-size:.74rem !important;
  }
}

/* Homepage only: suppress the inherited text-decoration underline.
   Keep the shared, lower-spaced animated ::after underline from header.css. */
body.page-home-index .accredia-nav__list a,
body.page-home-index .accredia-nav__list a:hover,
body.page-home-index .accredia-nav__list a:focus,
body.page-home-index .accredia-nav__list a:focus-visible {
  text-decoration: none !important;
}

body.page-home-index .accredia-nav__list a::before,
body.page-home-index .accredia-nav__list a:hover::before,
body.page-home-index .accredia-nav__list a:focus-visible::before {
  content: none !important;
  display: none !important;
}


/* Compact, neutral skip control for the homepage hero story. */
.page-accredia360 .accr-hero-flow .accr-hero-skip-story{
  position:absolute;
  z-index:20;
  right:0;
  bottom:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border:1px solid rgba(20,54,83,.2);
  border-radius:999px;
  background:#fff;
  color:#24445e;
  box-shadow:0 2px 8px rgba(20,54,83,.08);
  font:inherit;
  font-size:.68rem;
  font-weight:600;
  line-height:1.15;
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.page-accredia360 .accr-hero-flow .accr-hero-skip-story:hover{
  background:#f3f7fa;
  border-color:rgba(20,54,83,.34);
  transform:translateY(-1px);
}
.page-accredia360 .accr-hero-flow .accr-hero-skip-story:focus-visible{
  outline:2px solid #397aa8;
  outline-offset:2px;
}
.page-accredia360 .accr-hero-flow .accr-hero-skip-story[hidden],
.page-accredia360 .accr-hero-flow .accr-hero-skip-notice[hidden]{display:none}
.page-accredia360 .accr-hero-flow .accr-hero-skip-notice{
  position:absolute;
  z-index:19;
  right:0;
  bottom:35px;
  max-width:min(290px,90%);
  padding:9px 12px;
  border:1px solid rgba(20,54,83,.14);
  border-radius:10px;
  background:#fff;
  color:#24445e;
  box-shadow:0 5px 18px rgba(20,54,83,.12);
  font-size:.76rem;
  line-height:1.4;
  animation:accrSkipNoticeIn .22s ease-out both;
}
@keyframes accrSkipNoticeIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:575.98px){
  .page-accredia360 .accr-hero-flow .accr-hero-skip-story{right:0;bottom:-8px;padding:5px 8px;font-size:.64rem}
  .page-accredia360 .accr-hero-flow .accr-hero-skip-notice{right:0;bottom:25px;max-width:90%;font-size:.7rem}
}


/* Homepage framework configuration showcase: visual polish scoped to this section only. */
.page-home-index .accr-frameworks-showcase,
.page-accredia360 .accr-frameworks-showcase{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f5faff 0%,#fff 52%,#f8fbff 100%) !important;
}
.accr-frameworks-showcase::before{
  content:"";position:absolute;inset:0 0 auto;height:5px;
  background:linear-gradient(90deg,#063b86 0%,#0a63c7 48%,#63b6f4 100%);
}
.accr-frameworks-showcase .accr-frameworks-intro{max-width:900px;margin-inline:auto}
.accr-frameworks-showcase .accr-frameworks-intro .qp-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #cfe3f8;
  border-radius:999px;background:#eaf4ff;color:#0a579e;font-size:.78rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;
}
.accr-frameworks-showcase .accr-frameworks-intro h2{color:#12385d;letter-spacing:-.025em;font-weight:750}
.accr-frameworks-showcase .accr-frameworks-intro>p:last-child{max-width:760px;margin:0 auto;line-height:1.75}
.accr-frameworks-showcase .accr-framework-card,
.accr-frameworks-showcase .accr-feature-card{
  position:relative;height:100%;padding:28px 22px;border:1px solid #dce8f5;border-radius:18px;
  background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,55,95,.055);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.accr-frameworks-showcase .accr-framework-card::before{
  content:"";position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,#0a63c7,#79c6f6);opacity:.8;
}
.accr-frameworks-showcase .accr-framework-card:hover,
.accr-frameworks-showcase .accr-feature-card:hover{
  transform:translateY(-5px);border-color:#a8ccef;box-shadow:0 16px 34px rgba(15,65,115,.12);
}
.accr-frameworks-showcase .accr-framework-card .accr-icon{
  display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;margin:2px auto 16px;
  border:1px solid #d6e9fb;border-radius:17px;background:linear-gradient(145deg,#e8f4ff,#f7fbff);
  color:#0a63c7;font-size:1.45rem;box-shadow:inset 0 1px 0 #fff;
}
.accr-frameworks-showcase .accr-framework-card h3{margin-bottom:10px;color:#12385d;font-weight:750}
.accr-frameworks-showcase .accr-framework-card p,
.accr-frameworks-showcase .accr-feature-card p{line-height:1.65}
.accr-frameworks-showcase .accr-framework-card>a,
.accr-frameworks-showcase .accr-feature-card>a{
  display:inline-flex!important;align-items:center;gap:6px;color:#075eae!important;text-decoration:none;
  font-size:.92rem;font-weight:750;border-bottom:1px solid transparent;transition:gap .2s ease,border-color .2s ease;
}
.accr-frameworks-showcase .accr-framework-card>a:hover,
.accr-frameworks-showcase .accr-feature-card>a:hover{gap:10px;border-color:#075eae}
.accr-frameworks-showcase .accr-feature-card h3{color:#12385d;font-weight:750;line-height:1.35}
.accr-frameworks-showcase .accr-pill-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.accr-frameworks-showcase .accr-pill-strip>a{display:inline-flex;max-width:100%;text-decoration:none!important}
.accr-frameworks-showcase .accr-pill-strip span{
  display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #c8def4;border-radius:999px;
  background:#f0f7ff;color:#075eae!important;font-size:.84rem;font-weight:700;line-height:1.35;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.accr-frameworks-showcase .accr-pill-strip>a:hover span,
.accr-frameworks-showcase .accr-pill-strip>a:focus-visible span{background:#0a63c7;border-color:#0a63c7;color:#fff!important;transform:translateY(-1px)}
.accr-frameworks-showcase .accr-pill-strip>a:focus-visible,
.accr-frameworks-showcase a:focus-visible{outline:3px solid #79bdf4;outline-offset:3px;border-radius:8px}
.accr-frameworks-showcase .accr-disclaimer{max-width:850px;margin-inline:auto!important;padding:13px 18px;border:1px solid #e0ebf6;border-radius:12px;background:rgba(255,255,255,.75);color:#52677c;line-height:1.6}
@media(max-width:767.98px){
  .accr-frameworks-showcase .accr-framework-card,.accr-frameworks-showcase .accr-feature-card{padding:23px 18px;border-radius:15px}
  .accr-frameworks-showcase .accr-framework-card .accr-icon{width:52px;height:52px;border-radius:15px}
  .accr-frameworks-showcase .accr-pill-strip{gap:7px}
  .accr-frameworks-showcase .accr-pill-strip span{font-size:.8rem;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
  .accr-frameworks-showcase .accr-framework-card,.accr-frameworks-showcase .accr-feature-card,
  .accr-frameworks-showcase .accr-framework-card>a,.accr-frameworks-showcase .accr-feature-card>a,
  .accr-frameworks-showcase .accr-pill-strip span{transition:none}
}


/* Homepage "Accredia360 in brief" section: polished, responsive information tiles. */
.accr-brief-showcase{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 8% 0%,rgba(99,182,244,.16),transparent 38%),
             radial-gradient(ellipse at 100% 100%,rgba(10,99,199,.08),transparent 35%),
             linear-gradient(180deg,#f4f9ff 0%,#fff 72%,#f8fbff 100%)!important;
}
.accr-brief-showcase::before{
  content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#063b86,#0a63c7 48%,#63b6f4);
}
.accr-brief-showcase .container-fluid{position:relative}
.accr-brief-showcase #accr-snapshot-title{color:#12385d;font-weight:780;letter-spacing:-.025em}
.accr-brief-showcase .qp-eyebrow{
  display:inline-flex;align-items:center;padding:7px 13px;border:1px solid #cfe3f8;border-radius:999px;
  background:#eaf4ff;color:#0a579e;font-size:.77rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase;
}
.accr-brief-showcase .col-12.text-center>p.text-muted,
.accr-brief-showcase .col-12.text-center>p:not(.qp-eyebrow){max-width:790px;margin-left:auto;margin-right:auto;line-height:1.8}
.accr-brief-showcase .row.g-4.mt-3{margin-top:1.6rem!important;row-gap:1rem!important}
.accr-brief-showcase .accr-impact-card{
  position:relative;height:100%;min-height:190px;padding:25px 20px 23px;
  border:1px solid #dce8f5;border-radius:18px;
  background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(15,55,95,.055);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.accr-brief-showcase .accr-impact-card::after{
  content:"";position:absolute;bottom:0;left:22%;right:22%;height:3px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#0a63c7,#63b6f4);opacity:.7;transition:left .22s ease,right .22s ease,opacity .22s ease;
}
.accr-brief-showcase .accr-impact-card:hover{
  transform:translateY(-5px);border-color:#b5d3f0;box-shadow:0 16px 32px rgba(15,65,115,.11);
}
.accr-brief-showcase .accr-impact-card:hover::after{left:12%;right:12%;opacity:1}
.accr-brief-showcase .accr-impact-card .accr-icon{
  display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 15px;
  border:1px solid #d6e9fb;border-radius:16px;background:linear-gradient(145deg,#e8f4ff,#f8fbff);
  color:#0a63c7;font-size:1.3rem;box-shadow:inset 0 1px 0 #fff;
}
.accr-brief-showcase .accr-impact-card h3{margin-bottom:8px;color:#12385d;font-size:1.05rem;font-weight:750}
.accr-brief-showcase .accr-impact-card p{font-size:.94rem;line-height:1.6}
@media(max-width:767.98px){
  .accr-brief-showcase .row.g-4.mt-3{margin-top:1rem!important;row-gap:.75rem!important}
  .accr-brief-showcase .accr-impact-card{min-height:170px;padding:21px 15px;border-radius:15px}
  .accr-brief-showcase .accr-impact-card .accr-icon{width:48px;height:48px;border-radius:14px;margin-bottom:12px}
}
@media(max-width:575.98px){
  .accr-brief-showcase .accr-impact-card{min-height:0;padding:20px 13px}
  .accr-brief-showcase .accr-impact-card h3{font-size:.98rem}
  .accr-brief-showcase .accr-impact-card p{font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){.accr-brief-showcase .accr-impact-card,.accr-brief-showcase .accr-impact-card::after{transition:none}}


/* Homepage capability areas — refined enterprise presentation */
.page-accredia360 .accr-capabilities-section {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(83, 164, 255, 0.11), transparent 34%),
    radial-gradient(ellipse at 100% 72%, rgba(11, 91, 177, 0.07), transparent 30%),
    linear-gradient(180deg, #f5f9ff 0%, #ffffff 56%, #f7faff 100%) !important;
  padding-top: clamp(3.75rem, 6vw, 5.75rem) !important;
  padding-bottom: clamp(3.75rem, 6vw, 5.75rem) !important;
}

.page-accredia360 .accr-capabilities-section::before {
  width: 600px;
  height: 600px;
  top: -310px;
  right: -190px;
  background: radial-gradient(circle, rgba(36, 86, 216, 0.10) 0%, rgba(36, 86, 216, 0) 70%);
}

.page-accredia360 .accr-capabilities-heading .qp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border: 1px solid rgba(36, 86, 216, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #2456a6;
  font-size: 0.74rem;
  font-weight: 750;
  letter-spacing: 0.095em;
  line-height: 1.2;
  text-transform: uppercase;
}

.page-accredia360 .accr-capabilities-heading h2 {
  margin: 8px 0 0;
  color: #092f56;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.13;
  text-wrap: balance;
}

.page-accredia360 .accr-capabilities-heading .heading-underline {
  width: 58px;
  height: 4px;
  margin: 17px auto 18px;
  border-radius: 99px;
  background: linear-gradient(90deg, #2456d8, #54a8f5);
}

.page-accredia360 .accr-capabilities-heading > p:last-child {
  color: #536a82 !important;
  font-size: clamp(1rem, 1.25vw, 1.1rem) !important;
  line-height: 1.8;
}

.page-accredia360 .accr-capabilities-section .row {
  position: relative;
  z-index: 1;
}

.page-accredia360 .accr-capability-card {
  display: flex;
  flex-direction: column;
  min-height: 258px;
  height: 100%;
  padding: 29px 27px 27px !important;
  border: 1px solid #e1eaf5 !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 7px 24px rgba(17, 55, 99, 0.055), 0 1px 3px rgba(17, 55, 99, 0.035) !important;
}

.page-accredia360 .accr-capability-card::after {
  height: 3px;
  background: linear-gradient(90deg, #2456d8 0%, #58b5f7 100%);
  opacity: 0.72;
  transition: opacity 0.25s ease;
}

.page-accredia360 .accr-capability-card:hover {
  transform: translateY(-4px);
  border-color: #c6d9f2 !important;
  box-shadow: 0 18px 36px rgba(17, 55, 99, 0.105), 0 4px 10px rgba(17, 55, 99, 0.035) !important;
}

.page-accredia360 .accr-capability-card:hover::after {
  opacity: 1;
}

.page-accredia360 .accr-capability-card .accr-icon {
  flex: 0 0 48px;
  color: #2456b9;
  border: 1px solid rgba(36, 86, 216, 0.08);
  background: linear-gradient(145deg, #edf4ff, #e3f1ff) !important;
}

.page-accredia360 .accr-capability-card .accr-icon i {
  font-size: 1.05rem;
}

.page-accredia360 .accr-capability-card .accr-capability-label {
  color: #57738f;
  font-size: 0.68rem;
  letter-spacing: 0.085em;
}

.page-accredia360 .accr-capability-card h3 {
  color: #102f50;
  font-size: 1.22rem;
  font-weight: 750;
  letter-spacing: -0.018em;
  line-height: 1.35;
}

.page-accredia360 .accr-capability-card p,
.page-accredia360 .accr-capability-card ul {
  color: #5c7084 !important;
  font-size: 0.94rem;
  line-height: 1.72;
}

.page-accredia360 .accr-capability-card ul {
  margin-top: 2px;
}

.page-accredia360 .accr-capability-card li::marker {
  color: #397bd2;
}

.page-accredia360 .accr-capabilities-section .accr-home-detail-links {
  position: relative;
  z-index: 1;
  margin-top: 2.25rem !important;
}

.page-accredia360 .accr-capabilities-section .accr-home-detail-links .btn {
  margin: 0 5px 8px !important;
  padding: 10px 17px;
  border-radius: 999px;
  border-color: #cbdaf0;
  background: rgba(255, 255, 255, 0.8);
  color: #174f9c;
  font-weight: 650;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.page-accredia360 .accr-capabilities-section .accr-home-detail-links .btn:hover,
.page-accredia360 .accr-capabilities-section .accr-home-detail-links .btn:focus-visible {
  border-color: #2456d8;
  background: #2456d8;
  color: #ffffff;
  transform: translateY(-1px);
}

@media (max-width: 767.98px) {
  .page-accredia360 .accr-capabilities-section {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }
  .page-accredia360 .accr-capability-card {
    min-height: 0;
    padding: 24px 22px 23px !important;
  }
  .page-accredia360 .accr-capabilities-heading > p:last-child {
    font-size: 0.98rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-accredia360 .accr-capability-card,
  .page-accredia360 .accr-capability-card::after,
  .page-accredia360 .accr-capabilities-section .accr-home-detail-links .btn {
    transition: none !important;
  }
  .page-accredia360 .accr-capability-card:hover,
  .page-accredia360 .accr-capabilities-section .accr-home-detail-links .btn:hover {
    transform: none !important;
  }
}


/* Homepage evidence governance — premium, focused split layout */
.page-accredia360 .accr-evidence-governance {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(3.75rem, 6vw, 5.5rem) !important;
  padding-bottom: clamp(3.75rem, 6vw, 5.5rem) !important;
  background:
    radial-gradient(ellipse at 2% 15%, rgba(91, 137, 245, 0.11), transparent 36%),
    radial-gradient(ellipse at 100% 95%, rgba(71, 178, 235, 0.10), transparent 34%),
    linear-gradient(135deg, #f3f6ff 0%, #fbfcff 50%, #f1f8ff 100%) !important;
}

.page-accredia360 .accr-evidence-governance::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -210px;
  left: -190px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  border: 1px solid rgba(50, 102, 198, 0.08);
  box-shadow: 0 0 0 36px rgba(50, 102, 198, 0.025), 0 0 0 72px rgba(50, 102, 198, 0.02);
  pointer-events: none;
}

.page-accredia360 .accr-evidence-governance > .container-fluid {
  position: relative;
  z-index: 1;
}

.page-accredia360 .accr-evidence-governance .row {
  align-items: center;
}

.page-accredia360 .accr-evidence-governance .qp-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 7px 13px;
  margin-bottom: 14px !important;
  border: 1px solid rgba(37, 88, 190, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #2456a6 !important;
  font-size: 0.73rem;
  font-weight: 750;
  letter-spacing: 0.095em;
  line-height: 1.2;
  text-transform: uppercase;
}

.page-accredia360 .accr-evidence-governance h2 {
  max-width: 600px;
  margin-bottom: 0;
  color: #092f56;
  font-size: clamp(1.85rem, 3vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.16;
  text-wrap: balance;
}

.page-accredia360 .accr-evidence-governance .heading-underline {
  width: 58px;
  height: 4px;
  margin: 17px 0 21px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2456d8, #54a8f5);
}

.page-accredia360 .accr-evidence-governance .col-lg-6:first-child > p.fs-6 {
  max-width: 590px;
  color: #536a82 !important;
  font-size: 1.02rem !important;
  line-height: 1.82;
}

.page-accredia360 .accr-evidence-governance .accr-pill-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 23px;
}

.page-accredia360 .accr-evidence-governance .accr-pill-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid #d8e5f5;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #345b83;
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.25;
  box-shadow: 0 2px 7px rgba(24, 64, 113, 0.035);
}

.page-accredia360 .accr-evidence-governance .accr-pill-strip span:nth-child(4) {
  border-color: #c9e7d8;
  background: #f0faf5;
  color: #23734e;
}

.page-accredia360 .accr-evidence-governance .accr-pill-strip span:nth-child(5) {
  border-color: #f0d8d7;
  background: #fff7f6;
  color: #9a4a47;
}

.page-accredia360 .accr-evidence-governance .col-lg-6:first-child > p.text-muted:last-child {
  max-width: 570px;
  color: #5d7288 !important;
  font-size: 0.94rem;
  line-height: 1.75;
}

.page-accredia360 .accr-evidence-governance .accr-product-visual {
  position: relative;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(190, 208, 233, 0.95);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 24px 55px rgba(20, 55, 105, 0.13), 0 4px 12px rgba(20, 55, 105, 0.05);
}

.page-accredia360 .accr-evidence-governance .accr-product-visual::before {
  content: "";
  position: absolute;
  inset: 0 14% auto;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #2456d8, #54b5f7);
  opacity: 0.9;
}

.page-accredia360 .accr-evidence-governance .accr-product-visual img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e5edf7;
  border-radius: 12px;
}

.page-accredia360 .accr-evidence-governance .accr-product-visual figcaption {
  padding: 12px 8px 4px;
  color: #5a7087;
  font-size: 0.83rem;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 991.98px) {
  .page-accredia360 .accr-evidence-governance .row {
    row-gap: 2rem !important;
  }
  .page-accredia360 .accr-evidence-governance .accr-product-visual {
    max-width: 780px;
    margin-inline: auto;
  }
}

@media (max-width: 575.98px) {
  .page-accredia360 .accr-evidence-governance {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
  }
  .page-accredia360 .accr-evidence-governance .accr-pill-strip {
    gap: 7px;
  }
  .page-accredia360 .accr-evidence-governance .accr-pill-strip span {
    min-height: 31px;
    padding: 6px 10px;
    font-size: 0.75rem;
  }
  .page-accredia360 .accr-evidence-governance .accr-product-visual {
    padding: 7px;
    border-radius: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-accredia360 .accr-evidence-governance * {
    scroll-behavior: auto !important;
  }
}


/* Homepage institutional clients — compact, accessible text-only trust section. */
.page-home-index .accr-institutions-section {
  position: relative;
  padding: clamp(2.6rem, 4.2vw, 3.8rem) 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
  border-top: 1px solid #e7eef7;
  border-bottom: 1px solid #e7eef7;
}
.page-home-index .accr-institutions-heading { max-width: 820px; margin: 0 auto 1.5rem; }
.page-home-index .accr-institutions-heading .qp-eyebrow {
  display: inline-flex; padding: 6px 12px; margin-bottom: 10px;
  border: 1px solid #d5e7fa; border-radius: 999px;
  background: #edf6ff; color: #145b9e; font-size: .73rem;
  font-weight: 750; letter-spacing: .075em; text-transform: uppercase;
}
.page-home-index .accr-institutions-heading h2 {
  margin: 0 0 .65rem; color: #12385d; font-weight: 780;
  letter-spacing: -.025em; font-size: clamp(1.55rem, 2.5vw, 2.1rem);
}
.page-home-index .accr-institutions-heading > p:last-child {
  margin: 0 auto; max-width: 700px; color: #5b7085;
  font-size: .98rem; line-height: 1.7;
}
.page-home-index .accr-institutions-list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px; margin: 0; padding: 0; list-style: none;
}
.page-home-index .accr-institutions-list li {
  display: flex; align-items: center; min-height: 72px;
  padding: 14px 16px; border: 1px solid #e0eaf5; border-radius: 12px;
  background: rgba(255,255,255,.9); color: #294966;
  font-size: .91rem; font-weight: 650; line-height: 1.45;
  box-shadow: 0 4px 14px rgba(20,55,95,.035);
}
.page-home-index .accr-institutions-list li::before {
  content: ""; flex: 0 0 7px; width: 7px; height: 7px;
  margin-right: 11px; border-radius: 50%; background: #2675c7;
  box-shadow: 0 0 0 4px #eaf4ff;
}
@media (max-width: 991.98px) {
  .page-home-index .accr-institutions-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .page-home-index .accr-institutions-section { padding: 2.35rem 0 !important; }
  .page-home-index .accr-institutions-heading { margin-bottom: 1.15rem; }
  .page-home-index .accr-institutions-heading > p:last-child { font-size: .91rem; }
  .page-home-index .accr-institutions-list { grid-template-columns: 1fr; gap: 8px; }
  .page-home-index .accr-institutions-list li { min-height: 0; padding: 13px 14px; font-size: .9rem; }
}


/* Institutional clients: elevated visual treatment, scoped to the homepage section. */
.page-home-index .accr-institutions-section {
  isolation: isolate;
  overflow: hidden;
  padding: clamp(3.2rem, 5.4vw, 4.8rem) 0 !important;
  border: 0;
  background:
    radial-gradient(ellipse at 4% 0%, rgba(99,182,244,.19), transparent 34%),
    radial-gradient(ellipse at 100% 100%, rgba(10,99,199,.10), transparent 36%),
    linear-gradient(135deg,#f1f7ff 0%,#ffffff 48%,#f5f9ff 100%);
}
.page-home-index .accr-institutions-section::before {
  content: "";
  position: absolute; z-index: -1; inset: 0 0 auto; height: 4px;
  background: linear-gradient(90deg,#063b86 0%,#0a63c7 48%,#63b6f4 100%);
}
.page-home-index .accr-institutions-section::after {
  content: "";
  position: absolute; z-index: -1; width: 330px; height: 330px;
  right: -170px; top: 16%; border: 1px solid rgba(10,99,199,.10);
  border-radius: 50%; box-shadow: 0 0 0 28px rgba(10,99,199,.025),0 0 0 56px rgba(10,99,199,.02);
  pointer-events: none;
}
.page-home-index .accr-institutions-section > .container-fluid { position: relative; z-index: 1; }
.page-home-index .accr-institutions-heading { max-width: 820px; margin: 0 auto 2rem; }
.page-home-index .accr-institutions-heading .qp-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 13px; margin-bottom: 12px;
  border: 1px solid #c8e0f8; border-radius: 999px;
  background: rgba(255,255,255,.82); color: #145b9e;
  font-size: .73rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase;
  box-shadow: 0 3px 12px rgba(20,70,120,.04);
}
.page-home-index .accr-institutions-heading .qp-eyebrow::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%; background: #0a63c7;
  box-shadow: 0 0 0 4px #e4f2ff;
}
.page-home-index .accr-institutions-heading h2 {
  margin: 0 0 .8rem; color: #10365b; font-weight: 800;
  letter-spacing: -.035em; line-height: 1.15; font-size: clamp(1.8rem, 3vw, 2.55rem);
  text-wrap: balance;
}
.page-home-index .accr-institutions-heading h2::after {
  content: ""; display: block; width: 56px; height: 4px; margin: 15px auto 0;
  border-radius: 99px; background: linear-gradient(90deg,#0a63c7,#63b6f4);
}
.page-home-index .accr-institutions-heading > p:last-child {
  margin: 1rem auto 0; max-width: 700px; color: #566f87;
  font-size: clamp(.94rem, 1.2vw, 1.03rem); line-height: 1.75;
}
.page-home-index .accr-institutions-list {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 13px; margin: 0; padding: 0; list-style: none;
}
.page-home-index .accr-institutions-list li {
  position: relative; display: flex; align-items: center; gap: 13px;
  min-height: 92px; padding: 18px 17px 18px 19px;
  border: 1px solid #dce8f5; border-radius: 15px;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,252,255,.96));
  color: #294966; font-size: .92rem; font-weight: 650; line-height: 1.5;
  box-shadow: 0 7px 22px rgba(20,55,95,.055),inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.page-home-index .accr-institutions-list li::before {
  content: "\f19c"; display: inline-flex; flex: 0 0 38px;
  align-items: center; justify-content: center; width: 38px; height: 38px;
  border: 1px solid #d6e9fb; border-radius: 12px;
  background: linear-gradient(145deg,#e8f4ff,#f7fbff);
  color: #0a63c7; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .94rem;
}
.page-home-index .accr-institutions-list li:hover {
  transform: translateY(-3px); border-color: #b8d5f2;
  box-shadow: 0 14px 28px rgba(20,65,115,.10);
}
@media (max-width: 991.98px) {
  .page-home-index .accr-institutions-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .page-home-index .accr-institutions-list li { min-height: 86px; }
}
@media (max-width: 575.98px) {
  .page-home-index .accr-institutions-section { padding: 2.8rem 0 !important; }
  .page-home-index .accr-institutions-section::after { width: 220px; height: 220px; right: -150px; top: 30%; }
  .page-home-index .accr-institutions-heading { margin-bottom: 1.4rem; }
  .page-home-index .accr-institutions-heading h2 { font-size: 1.75rem; }
  .page-home-index .accr-institutions-heading > p:last-child { font-size: .92rem; }
  .page-home-index .accr-institutions-list { grid-template-columns: 1fr; gap: 9px; }
  .page-home-index .accr-institutions-list li { min-height: 0; padding: 13px 14px; gap: 11px; font-size: .9rem; border-radius: 13px; }
  .page-home-index .accr-institutions-list li::before { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; }
}
@media (hover: none) {
  .page-home-index .accr-institutions-list li:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .page-home-index .accr-institutions-list li { transition: none; }
  .page-home-index .accr-institutions-list li:hover { transform: none; }
}


/* Homepage events: polished, editorial-style presentation */
.page-accredia360 #accr-home-events.accr-home-events {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(3.25rem, 6vw, 5.5rem) 0 !important;
  background:
    radial-gradient(ellipse at 8% 8%, rgba(91, 169, 239, .13), transparent 34%),
    radial-gradient(ellipse at 95% 88%, rgba(10, 99, 199, .08), transparent 32%),
    linear-gradient(180deg, #f7fbff 0%, #fff 76%);
}
.page-accredia360 #accr-home-events .container-fluid { position: relative; z-index: 1; }
.page-accredia360 #accr-home-events .accr-home-events__heading {
  max-width: 760px;
  margin: 0 auto 2.5rem;
}
.page-accredia360 #accr-home-events .accr-home-events__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .85rem;
  padding: .42rem .8rem;
  border: 1px solid rgba(10, 99, 199, .16);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  color: #0759a8;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.2;
  text-transform: uppercase;
}
.page-accredia360 #accr-home-events .accr-home-events__eyebrow::before {
  content: "";
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  background: #1684e8;
  box-shadow: 0 0 0 4px rgba(22,132,232,.12);
}
.page-accredia360 #accr-home-events .accr-home-events__title {
  margin: 0 auto .9rem;
  color: #102f52;
  font-size: clamp(2rem, 3.3vw, 2.8rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.12;
}
.page-accredia360 #accr-home-events .accr-home-events__description {
  max-width: 610px;
  margin: 0 auto;
  color: #5c6d80;
  font-size: 1.03rem;
  line-height: 1.75;
}
.page-accredia360 #accr-home-events .accr-home-events__rule {
  width: 64px;
  height: 4px;
  margin: 1.25rem auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #0a63c7, #63b6f4);
}
.page-accredia360 #accr-home-events-grid > [class*="col-"] { display: flex; }
.page-accredia360 #accr-home-events .accr-event-card {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e0eaf4;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 32px rgba(18, 55, 91, .07);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.page-accredia360 #accr-home-events .accr-event-card:hover,
.page-accredia360 #accr-home-events .accr-event-card:focus-visible {
  transform: translateY(-5px);
  border-color: #a8cdef;
  box-shadow: 0 18px 42px rgba(18, 73, 126, .13);
  outline: none;
}
.page-accredia360 #accr-home-events .accr-event-card__media {
  overflow: hidden;
  aspect-ratio: 16 / 8.5;
  background: linear-gradient(135deg, #eaf5ff, #f7fbff);
}
.page-accredia360 #accr-home-events .accr-event-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.page-accredia360 #accr-home-events .accr-event-card:hover .accr-event-card__media img { transform: scale(1.035); }
.page-accredia360 #accr-home-events .accr-event-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(1.15rem, 2vw, 1.55rem);
}
.page-accredia360 #accr-home-events .accr-event-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .95rem;
}
.page-accredia360 #accr-home-events .accr-event-badge {
  display: inline-flex;
  align-items: center;
  padding: .35rem .62rem;
  border: 1px solid #d7e9fb;
  border-radius: 999px;
  background: #eff7ff;
  color: #0759a8;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.2;
}
.page-accredia360 #accr-home-events .accr-event-card__body h3 {
  margin: 0 0 .65rem;
  color: #173653;
  font-size: clamp(1.08rem, 1.5vw, 1.25rem);
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -.015em;
}
.page-accredia360 #accr-home-events .accr-event-card__body > p {
  margin: 0 0 1.1rem;
  color: #5c6d80;
  font-size: .94rem;
  line-height: 1.7;
}
.page-accredia360 #accr-home-events .accr-event-card__details {
  display: grid;
  gap: .55rem;
  width: 100%;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #edf2f7;
  color: #52677c;
  font-size: .85rem;
  line-height: 1.5;
}
.page-accredia360 #accr-home-events .accr-event-card__details span {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
}
.page-accredia360 #accr-home-events .accr-event-card__details i {
  flex: 0 0 1rem;
  margin-top: .2rem;
  color: #1478ce;
}
.page-accredia360 #accr-home-events .accr-event-card .btn {
  margin-top: 1rem;
  border-radius: 9px;
  font-weight: 700;
}
.page-accredia360 #accr-home-events .accr-home-events__footer { margin-top: 2.25rem; }
.page-accredia360 #accr-home-events .accr-home-events__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: .8rem 1.15rem;
  border: 1px solid #0a63c7;
  border-radius: 10px;
  color: #0759a8;
  font-weight: 750;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.page-accredia360 #accr-home-events .accr-home-events__link:hover,
.page-accredia360 #accr-home-events .accr-home-events__link:focus-visible {
  background: #0a63c7;
  color: #fff;
  box-shadow: 0 8px 22px rgba(10,99,199,.2);
}
@media (max-width: 575.98px) {
  .page-accredia360 #accr-home-events.accr-home-events { padding: 3rem 0 !important; }
  .page-accredia360 #accr-home-events .accr-home-events__heading { margin-bottom: 1.65rem; }
  .page-accredia360 #accr-home-events .accr-event-card__body { padding: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .page-accredia360 #accr-home-events .accr-event-card,
  .page-accredia360 #accr-home-events .accr-event-card__media img,
  .page-accredia360 #accr-home-events .accr-home-events__link { transition: none; }
  .page-accredia360 #accr-home-events .accr-event-card:hover,
  .page-accredia360 #accr-home-events .accr-event-card:focus-visible { transform: none; }
}


/* Avoid an undersized lone event card on wide homepage layouts. */
.page-accredia360 #accr-home-events-grid.accr-home-events-grid--single {
  justify-content: center;
}
.page-accredia360 #accr-home-events-grid.accr-home-events-grid--single > [class*="col-"] {
  flex: 0 1 100%;
  max-width: 960px;
}
@media (min-width: 768px) {
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single .accr-event-card {
    display: grid;
    grid-template-columns: minmax(260px, 36%) minmax(0, 1fr);
  }
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single .accr-event-card__media {
    height: 100%;
    min-height: 270px;
    aspect-ratio: auto;
  }
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single .accr-event-card__body {
    padding: clamp(1.5rem, 3vw, 2.25rem);
  }
}
@media (min-width: 1200px) {
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single > [class*="col-"] {
    max-width: 1040px;
  }
}


/* A single event without artwork should use the full card width, not leave an empty media column. */
@media (min-width: 768px) {
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single .accr-event-card--no-image {
    display: block;
  }
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single .accr-event-card--no-image .accr-event-card__body {
    width: 100%;
    min-height: 250px;
  }
}


/* Keep event artwork perfectly square regardless of card dimensions. */
.page-accredia360 #accr-home-events .accr-event-card__media {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  min-height: 0;
  flex: 0 0 auto;
  overflow: hidden;
}
.page-accredia360 #accr-home-events .accr-event-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
@media (min-width: 768px) {
  .page-accredia360 #accr-home-events-grid.accr-home-events-grid--single .accr-event-card:not(.accr-event-card--no-image) .accr-event-card__media {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1 / 1;
  }
}