/**
 * SmartHealth — Credentials page (Figma 369:10)
 * Canvas: 1920. Spacing: calc(N * var(--sh-px))
 */

.sh-cred-page {
  overflow-x: clip;
}

body.page-template-page-credentials {
  overflow-x: clip;
}

body.page-template-page-credentials .sh-header,
body.page-template-page-credentials .sh-cred-hero {
  width: 100%;
  max-width: none;
}

body.page-template-page-credentials .sh-header__inner {
  max-width: calc(1920 * var(--sh-px));
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
.sh-cred-hero {
  position: relative;
  width: 100%;
  min-height: calc(964 * var(--sh-px));
  color: var(--sh-white);
  overflow: visible;
  background: var(--sh-darkest-blue);
}

.sh-cred-hero__bg,
.sh-cred-hero__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.sh-cred-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.sh-cred-hero__overlay {
  background: rgba(0, 70, 118, 0.8);
}

.sh-cred-hero__stage {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: calc(1920 * var(--sh-px));
  min-height: calc(964 * var(--sh-px));
  margin-inline: auto;
  padding: calc(185 * var(--sh-px)) var(--sh-page-x) calc(64 * var(--sh-px));
  box-sizing: border-box;
}

.sh-cred-hero__copy {
  position: relative;
  z-index: 2;
  max-width: calc(943 * var(--sh-px));
}

.sh-cred-hero__kicker {
  margin: 0;
  max-width: calc(714 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-62);
  color: var(--sh-white);
}

.sh-cred-hero__title {
  margin: calc(20 * var(--sh-px)) 0 0;
  max-width: calc(850 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-112);
  line-height: var(--sh-leading-116);
  color: var(--sh-white);
}

.sh-cred-hero__subtitle {
  margin: calc(40 * var(--sh-px)) 0 0;
  max-width: calc(943 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-62);
  color: var(--sh-cyan);
}

/*
 * Figma 369:178–184 — coords vs hero band top (page y − 166).
 * Shield 1281,324 · Check 1392,561
 * +121 @ 1221,353 (overlaps left shoulder) · +69 @ 1072,411
 * +46 @ 993,286 · +29 @ 1234,256 · +21 @ 1141,322
 */
.sh-cred-hero__art {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}

.sh-cred-hero__shield {
  position: absolute;
  left: calc(1281 * var(--sh-px));
  top: calc(158 * var(--sh-px));
  width: calc(441 * var(--sh-px));
  height: auto;
  max-width: none;
}

.sh-cred-hero__check {
  position: absolute;
  left: calc(1392 * var(--sh-px));
  top: calc(395 * var(--sh-px));
  width: calc(219 * var(--sh-px));
  height: auto;
  max-width: none;
  z-index: 1;
}

.sh-cred-hero__plus {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
  z-index: 2;
}

.sh-cred-hero__plus--a {
  left: calc(1221 * var(--sh-px));
  top: calc(187 * var(--sh-px));
  width: calc(121 * var(--sh-px));
}

.sh-cred-hero__plus--b {
  left: calc(1072 * var(--sh-px));
  top: calc(245 * var(--sh-px));
  width: calc(69 * var(--sh-px));
}

.sh-cred-hero__plus--c {
  left: calc(993 * var(--sh-px));
  top: calc(120 * var(--sh-px));
  width: calc(46 * var(--sh-px));
}

.sh-cred-hero__plus--d {
  left: calc(1234 * var(--sh-px));
  top: calc(90 * var(--sh-px));
  width: calc(29 * var(--sh-px));
}

.sh-cred-hero__plus--e {
  left: calc(1141 * var(--sh-px));
  top: calc(156 * var(--sh-px));
  width: calc(21 * var(--sh-px));
}

/* --------------------------------------------------------------------------
   Overview
   -------------------------------------------------------------------------- */
.sh-cred-overview {
  position: relative;
  padding: calc(150 * var(--sh-px)) 0 calc(80 * var(--sh-px));
  background: var(--sh-white);
  overflow: clip;
}

.sh-cred-overview__lines {
  position: absolute;
  left: 50%;
  top: calc(-40 * var(--sh-px));
  width: calc(1617 * var(--sh-px));
  max-width: 92%;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0.9;
}

.sh-cred-overview__lines img {
  display: block;
  width: 100%;
  height: auto;
}

.sh-cred-overview__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  /* Figma 369:41 — body column 1342 @ x291 (side inset ≈289, not --sh-page-x 200) */
  max-width: calc(1342 * var(--sh-px));
  margin-inline: auto;
  padding-inline: 0;
  text-align: center;
  box-sizing: border-box;
}

.sh-cred-overview__title {
  margin: 0 auto;
  max-width: calc(1235 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-52);
  color: var(--sh-gold);
}

.sh-cred-overview__body {
  margin: calc(40 * var(--sh-px)) 0 0;
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-black);
}

.sh-cred-overview__callout {
  margin: calc(28 * var(--sh-px)) 0 0;
  font-family: var(--sh-font-body);
  font-weight: 800;
  font-size: calc(22 * var(--sh-px));
  line-height: var(--sh-leading-36);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sh-gold);
}

/* --------------------------------------------------------------------------
   Plan / carriers
   -------------------------------------------------------------------------- */
.sh-cred-plan {
  padding: 0 var(--sh-panel-x) calc(100 * var(--sh-px));
  background: var(--sh-white);
}

.sh-cred-plan__panel {
  position: relative;
  width: 100%;
  max-width: calc(1736 * var(--sh-px));
  margin-inline: auto;
  min-height: calc(876 * var(--sh-px));
  padding: calc(100 * var(--sh-px)) calc(80 * var(--sh-px)) calc(80 * var(--sh-px));
  border-radius: var(--sh-radius-card) 0 var(--sh-radius-card) 0;
  background: #f2f9f9;
  box-sizing: border-box;
  overflow: hidden;
}

.sh-cred-plan__shield {
  position: absolute;
  display: block;
  width: calc(78 * var(--sh-px));
  opacity: 0.12;
  pointer-events: none;
}

.sh-cred-plan__shield img {
  display: block;
  width: 100%;
  height: auto;
}

.sh-cred-plan__shield--1 { left: calc(65 * var(--sh-px)); top: calc(227 * var(--sh-px)); }
.sh-cred-plan__shield--2 { left: calc(143 * var(--sh-px)); top: calc(657 * var(--sh-px)); }
.sh-cred-plan__shield--3 { right: calc(50 * var(--sh-px)); top: calc(551 * var(--sh-px)); left: auto; }
.sh-cred-plan__shield--4 { right: calc(36 * var(--sh-px)); top: calc(89 * var(--sh-px)); left: auto; }
.sh-cred-plan__shield--5 { left: 50%; top: calc(43 * var(--sh-px)); transform: translateX(-120%); }
.sh-cred-plan__shield--6 { left: 50%; bottom: calc(48 * var(--sh-px)); top: auto; transform: translateX(40%); }

.sh-cred-plan__inner {
  position: relative;
  z-index: 1;
  max-width: calc(1520 * var(--sh-px));
  margin-inline: auto;
  text-align: center;
}

.sh-cred-plan__title {
  margin: 0;
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-52);
  color: var(--sh-green);
}

.sh-cred-plan__body {
  margin: calc(40 * var(--sh-px)) auto 0;
  max-width: calc(1342 * var(--sh-px));
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-black);
}

.sh-cred-plan__logos {
  list-style: none;
  margin: calc(56 * var(--sh-px)) auto 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(75 * var(--sh-px));
}

.sh-cred-plan__logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(522 * var(--sh-px));
  height: calc(208 * var(--sh-px));
  background: var(--sh-white);
  border-radius: 0 var(--sh-radius-card) 0 var(--sh-radius-card);
}

.sh-cred-plan__logo-card img {
  display: block;
  max-width: 70%;
  max-height: 60%;
  width: auto;
  height: auto;
  opacity: 0.4;
  object-fit: contain;
}

.sh-cred-plan__why {
  margin: calc(56 * var(--sh-px)) auto 0;
  max-width: calc(1342 * var(--sh-px));
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-black);
}

.sh-cred-plan__why-label {
  font-weight: 800;
  color: var(--sh-green);
}

/* --------------------------------------------------------------------------
   Trusted
   -------------------------------------------------------------------------- */
.sh-cred-trusted {
  position: relative;
  min-height: calc(906 * var(--sh-px));
  padding: calc(164 * var(--sh-px)) var(--sh-page-x) calc(80 * var(--sh-px));
  color: var(--sh-white);
  overflow: visible;
  background: var(--sh-darkest-blue);
}

.sh-cred-trusted__bg,
.sh-cred-trusted__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 0;
}

.sh-cred-trusted__bg {
  overflow: hidden;
}

.sh-cred-trusted__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.sh-cred-trusted__overlay {
  background: rgba(0, 70, 118, 0.8);
}

.sh-cred-trusted__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: calc(1519 * var(--sh-px));
  margin-inline: auto;
}

/*
 * Figma 369:87–91 vs Trusted band top y=2723 (page coords).
 * a 84 @ 745,2679 → top -44 (straddles white/blue seam — matches redline ~745)
 * b 63 @ 927,2759 → top +36
 * c 46 @ 1131,2747 → top +24
 * d 29 @ 1043,2686 → top -37
 * e 21 @ 916,2657 → top -66
 */
.sh-cred-trusted__pluses {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  width: calc(1920 * var(--sh-px));
  height: 0;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: visible;
}

.sh-cred-trusted__plus {
  position: absolute;
  display: block;
  height: auto;
  max-width: none;
}

.sh-cred-trusted__plus--a {
  left: calc(745 * var(--sh-px));
  top: calc(-44 * var(--sh-px));
  width: calc(84 * var(--sh-px));
}

.sh-cred-trusted__plus--b {
  left: calc(927 * var(--sh-px));
  top: calc(36 * var(--sh-px));
  width: calc(63 * var(--sh-px));
}

.sh-cred-trusted__plus--c {
  left: calc(1131 * var(--sh-px));
  top: calc(24 * var(--sh-px));
  width: calc(46 * var(--sh-px));
}

.sh-cred-trusted__plus--d {
  left: calc(1043 * var(--sh-px));
  top: calc(-37 * var(--sh-px));
  width: calc(29 * var(--sh-px));
}

.sh-cred-trusted__plus--e {
  left: calc(916 * var(--sh-px));
  top: calc(-66 * var(--sh-px));
  width: calc(21 * var(--sh-px));
}

.sh-cred-trusted__title {
  margin: 0 auto;
  max-width: calc(1155 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-62);
  text-align: center;
  color: var(--sh-cyan);
}

.sh-cred-trusted__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(67 * var(--sh-px));
  margin-top: calc(58 * var(--sh-px));
}

.sh-cred-trusted__col p {
  margin: 0 0 calc(24 * var(--sh-px));
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-white);
}

.sh-cred-trusted__why-label {
  font-weight: 800;
  color: var(--sh-cyan);
}

.sh-cred-trusted__callout {
  margin-top: calc(16 * var(--sh-px)) !important;
  font-weight: 800 !important;
  font-size: calc(22 * var(--sh-px)) !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sh-cyan) !important;
}

/* --------------------------------------------------------------------------
   IRS
   -------------------------------------------------------------------------- */
.sh-cred-irs {
  padding: calc(120 * var(--sh-px)) var(--sh-page-x) calc(80 * var(--sh-px));
  background: var(--sh-white);
}

.sh-cred-irs__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  align-items: center;
  gap: calc(48 * var(--sh-px));
  width: 100%;
  max-width: calc(1423 * var(--sh-px));
  margin-inline: auto;
}

.sh-cred-irs__title {
  margin: 0;
  max-width: calc(720 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-62);
  color: var(--sh-plum);
}

.sh-cred-irs__eyebrow {
  margin: calc(20 * var(--sh-px)) 0 0;
  font-family: var(--sh-font-body);
  font-weight: 800;
  font-size: calc(22 * var(--sh-px));
  line-height: var(--sh-leading-36);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sh-plum);
}

.sh-cred-irs__body {
  margin: calc(28 * var(--sh-px)) 0 0;
  max-width: calc(716 * var(--sh-px));
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-black);
}

.sh-cred-irs__btn {
  margin-top: calc(40 * var(--sh-px));
  width: min(100%, calc(531 * var(--sh-px)));
}

.sh-cred-irs__media {
  margin: 0;
  justify-self: end;
  width: min(100%, calc(620 * var(--sh-px)));
}

.sh-cred-irs__media img {
  display: block;
  width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------
   Backed
   -------------------------------------------------------------------------- */
.sh-cred-backed {
  padding: calc(40 * var(--sh-px)) var(--sh-page-x) calc(80 * var(--sh-px));
  background: var(--sh-white);
}

.sh-cred-backed__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: calc(80 * var(--sh-px));
  width: 100%;
  max-width: calc(1520 * var(--sh-px));
  margin-inline: auto;
  min-height: calc(834 * var(--sh-px));
  padding: calc(100 * var(--sh-px)) calc(80 * var(--sh-px));
  border-radius: var(--sh-radius-card) 0 var(--sh-radius-card) 0;
  background: rgba(0, 181, 234, 0.1);
  box-sizing: border-box;
}

.sh-cred-backed__notch {
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(105 * var(--sh-px));
  height: auto;
  transform: translate(-50%, -1px) rotate(180deg);
  z-index: 2;
}

.sh-cred-backed__media {
  margin: 0;
  width: 100%;
  max-width: calc(559 * var(--sh-px));
  border-radius: 0 0 0 var(--sh-radius-card);
  overflow: hidden;
}

.sh-cred-backed__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 559 / 594;
}

.sh-cred-backed__title {
  margin: 0;
  max-width: calc(646 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-62);
  color: var(--sh-cyan);
}

.sh-cred-backed__body,
.sh-cred-backed__why {
  margin: calc(28 * var(--sh-px)) 0 0;
  max-width: calc(646 * var(--sh-px));
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-black);
}

.sh-cred-backed__why-label {
  font-weight: 800;
  color: var(--sh-cyan);
}

/* --------------------------------------------------------------------------
   Bottom CTA
   -------------------------------------------------------------------------- */
.sh-cred-cta {
  padding: 0 var(--sh-panel-x) calc(100 * var(--sh-px));
  background: var(--sh-white);
}

.sh-cred-cta__panel {
  position: relative;
  width: 100%;
  max-width: calc(1736 * var(--sh-px));
  min-height: calc(842 * var(--sh-px));
  margin-inline: auto;
  border-radius: var(--sh-radius-card) 0 var(--sh-radius-card) 0;
  background: rgba(251, 176, 76, 0.1);
  box-sizing: border-box;
  overflow: visible;
}

/*
 * Figma 369:44 media — coords vs panel origin (94, 5325).
 * Rect 432,5619 → 338,294 / 530×431 (TR+BL radius)
 * Circle: flipped in Figma; visual box left ≈202 (inset 10.51%), not metadata x=654
 *   → panel left 108, top 114 / 452 (scaleX -1)
 * +121 @ 820,5557 → 726,232 · +69 @ 543,5461 → 449,136
 * +46 @ 722,5485 → 628,160 · +29 @ 866,5424 → 772,99 · +21 @ 681,5395 → 587,70
 */
.sh-cred-cta__media {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(1000 * var(--sh-px));
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 1;
}

.sh-cred-cta__circle,
.sh-cred-cta__rect {
  position: absolute;
  margin: 0;
  overflow: hidden;
}

.sh-cred-cta__rect {
  left: calc(338 * var(--sh-px));
  top: calc(294 * var(--sh-px));
  width: calc(530 * var(--sh-px));
  height: calc(431 * var(--sh-px));
  border-radius: 0 var(--sh-radius-card) 0 var(--sh-radius-card);
  z-index: 1;
}

.sh-cred-cta__circle {
  left: calc(108 * var(--sh-px));
  top: calc(114 * var(--sh-px));
  width: calc(452 * var(--sh-px));
  height: calc(452 * var(--sh-px));
  border-radius: 50%;
  z-index: 2;
  transform: scaleX(-1);
}

.sh-cred-cta__circle img,
.sh-cred-cta__rect img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sh-cred-cta__plus {
  position: absolute;
  z-index: 3;
  display: block;
  max-width: none;
  height: auto;
}

.sh-cred-cta__plus--a {
  left: calc(726 * var(--sh-px));
  top: calc(232 * var(--sh-px));
  width: calc(121 * var(--sh-px));
}

.sh-cred-cta__plus--b {
  left: calc(449 * var(--sh-px));
  top: calc(136 * var(--sh-px));
  width: calc(69 * var(--sh-px));
}

.sh-cred-cta__plus--c {
  left: calc(628 * var(--sh-px));
  top: calc(160 * var(--sh-px));
  width: calc(46 * var(--sh-px));
}

.sh-cred-cta__plus--d {
  left: calc(772 * var(--sh-px));
  top: calc(99 * var(--sh-px));
  width: calc(29 * var(--sh-px));
}

.sh-cred-cta__plus--e {
  left: calc(587 * var(--sh-px));
  top: calc(70 * var(--sh-px));
  width: calc(21 * var(--sh-px));
}

/* Copy — Figma title x1066 → 972 from panel left */
.sh-cred-cta__copy {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: calc(652 * var(--sh-px));
  max-width: calc(100% - 1000 * var(--sh-px));
  margin-left: calc(976 * var(--sh-px));
  padding: calc(171 * var(--sh-px)) calc(100 * var(--sh-px)) calc(80 * var(--sh-px)) 0;
}

.sh-cred-cta__title {
  margin: 0;
  max-width: calc(565 * var(--sh-px));
  font-family: var(--sh-font-display);
  font-weight: 800;
  font-size: var(--sh-text-50);
  line-height: var(--sh-leading-62);
  color: var(--sh-gold);
}

.sh-cred-cta__body {
  margin: calc(28 * var(--sh-px)) 0 0;
  max-width: calc(652 * var(--sh-px));
  font-family: var(--sh-font-body);
  font-weight: 500;
  font-size: var(--sh-text-18);
  line-height: var(--sh-leading-36);
  color: var(--sh-black);
}

.sh-cred-cta__btn {
  margin-top: calc(36 * var(--sh-px));
  width: min(100%, calc(466 * var(--sh-px)));
}

/* --------------------------------------------------------------------------
   Tablet ≤1100 — desktop ≥1101 keeps Figma absolute layout
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  .sh-cred-page {
    overflow-x: clip;
  }

  .sh-cred-hero {
    min-height: 0;
    overflow: clip;
  }

  .sh-cred-hero__stage {
    min-height: 0;
    padding: 3.5rem var(--sh-page-x) 4rem;
  }

  .sh-cred-hero__copy {
    max-width: none;
  }

  .sh-cred-hero__kicker,
  .sh-cred-hero__title,
  .sh-cred-hero__subtitle,
  .sh-cred-overview__title,
  .sh-cred-overview__body,
  .sh-cred-overview__callout,
  .sh-cred-plan__title,
  .sh-cred-plan__body,
  .sh-cred-plan__why,
  .sh-cred-trusted__title,
  .sh-cred-trusted__callout,
  .sh-cred-irs__title,
  .sh-cred-irs__body,
  .sh-cred-irs__eyebrow,
  .sh-cred-backed__title,
  .sh-cred-backed__body,
  .sh-cred-backed__why,
  .sh-cred-cta__title,
  .sh-cred-cta__body {
    width: 100%;
    max-width: none;
  }

  .sh-cred-hero__kicker {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.2;
  }

  .sh-cred-hero__title {
    margin-top: 1rem;
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    line-height: 1.05;
  }

  .sh-cred-hero__subtitle {
    margin-top: 1.25rem;
    font-size: clamp(1.35rem, 3.5vw, 2rem);
    line-height: 1.25;
  }

  /* Text first; compact shield below; hide absolute pluses */
  .sh-cred-hero__art {
    position: relative;
    inset: auto;
    width: min(100%, 16rem);
    aspect-ratio: 441 / 638;
    margin: 2rem auto 0;
  }

  .sh-cred-hero__shield {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  .sh-cred-hero__check {
    left: 25%;
    top: 37%;
    width: 50%;
  }

  .sh-cred-hero__plus {
    display: none;
  }

  .sh-cred-overview {
    padding: 3.5rem 0;
  }

  .sh-cred-overview__inner {
    padding-inline: var(--sh-page-x);
    max-width: none;
  }

  .sh-cred-overview__lines {
    display: none;
  }

  .sh-cred-overview__title,
  .sh-cred-plan__title,
  .sh-cred-trusted__title,
  .sh-cred-irs__title,
  .sh-cred-backed__title,
  .sh-cred-cta__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.15;
  }

  .sh-cred-overview__callout,
  .sh-cred-trusted__callout,
  .sh-cred-irs__eyebrow {
    font-size: clamp(0.95rem, 2.2vw, 1.25rem);
    letter-spacing: 0.08em;
  }

  .sh-cred-plan {
    padding: 0 var(--sh-page-x) 3.5rem;
  }

  .sh-cred-plan__panel {
    min-height: 0;
    padding: 2.5rem 1.5rem;
  }

  .sh-cred-plan__inner {
    max-width: none;
  }

  .sh-cred-plan__shield {
    display: none;
  }

  .sh-cred-plan__logos {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-top: 2rem;
  }

  .sh-cred-plan__logo-card {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem;
  }

  .sh-cred-trusted {
    min-height: 0;
    padding: 3.5rem var(--sh-page-x);
    overflow: clip;
  }

  .sh-cred-trusted__inner {
    max-width: none;
  }

  .sh-cred-trusted__pluses {
    display: none;
  }

  .sh-cred-trusted__cols {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
  }

  .sh-cred-trusted__callout {
    font-size: clamp(0.95rem, 2.2vw, 1.25rem) !important;
  }

  .sh-cred-irs {
    padding: 3.5rem var(--sh-page-x);
  }

  .sh-cred-irs__inner {
    grid-template-columns: 1fr;
    max-width: none;
    gap: 2rem;
  }

  .sh-cred-irs__media {
    order: -1;
    justify-self: center;
    width: min(100%, 20rem);
  }

  .sh-cred-irs__btn {
    width: 100%;
    max-width: none;
  }

  .sh-cred-backed {
    padding: 2rem var(--sh-page-x) 3.5rem;
  }

  .sh-cred-backed__panel {
    grid-template-columns: 1fr;
    max-width: none;
    min-height: 0;
    gap: 1.5rem;
    padding: 2.5rem 1.5rem;
  }

  .sh-cred-backed__notch {
    display: none;
  }

  .sh-cred-backed__media {
    order: -1;
    max-width: none;
  }

  .sh-cred-cta {
    padding: 0 var(--sh-page-x) 3.5rem;
  }

  .sh-cred-cta__panel {
    max-width: none;
    min-height: 0;
    padding: 2.5rem 1.5rem;
  }

  .sh-cred-cta__media {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
    pointer-events: auto;
  }

  .sh-cred-cta__circle,
  .sh-cred-cta__rect {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    transform: none;
  }

  .sh-cred-cta__circle {
    width: min(100%, 14rem);
    aspect-ratio: 1;
    margin-inline: auto;
  }

  .sh-cred-cta__rect {
    aspect-ratio: 530 / 431;
  }

  .sh-cred-cta__plus {
    display: none;
  }

  .sh-cred-cta__copy {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding: 0;
  }

  .sh-cred-cta__btn {
    width: 100%;
    max-width: none;
  }
}

/* --------------------------------------------------------------------------
   Phone ≤767 — Figma mobile canvas via --sh-m
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.page-template-page-credentials .sh-header {
    height: calc(96 * var(--sh-m));
    padding-top: 0;
  }

  .sh-cred-hero__stage {
    padding: calc(36 * var(--sh-m)) calc(28 * var(--sh-m)) calc(48 * var(--sh-m));
  }

  .sh-cred-hero__art {
    width: min(100%, calc(200 * var(--sh-m)));
    margin-top: calc(24 * var(--sh-m));
  }

  .sh-cred-hero__kicker {
    font-size: calc(28 * var(--sh-m));
    line-height: calc(34 * var(--sh-m));
  }

  .sh-cred-hero__title {
    margin-top: calc(12 * var(--sh-m));
    font-size: calc(40 * var(--sh-m));
    line-height: calc(46 * var(--sh-m));
  }

  .sh-cred-hero__subtitle {
    margin-top: calc(16 * var(--sh-m));
    font-size: calc(22 * var(--sh-m));
    line-height: calc(30 * var(--sh-m));
  }

  .sh-cred-overview,
  .sh-cred-plan,
  .sh-cred-trusted,
  .sh-cred-irs,
  .sh-cred-backed,
  .sh-cred-cta {
    padding-block: calc(48 * var(--sh-m));
  }

  .sh-cred-overview__inner,
  .sh-cred-plan,
  .sh-cred-trusted,
  .sh-cred-irs,
  .sh-cred-backed,
  .sh-cred-cta {
    padding-inline: calc(28 * var(--sh-m));
  }

  .sh-cred-overview__title,
  .sh-cred-plan__title,
  .sh-cred-trusted__title,
  .sh-cred-irs__title,
  .sh-cred-backed__title,
  .sh-cred-cta__title {
    font-size: calc(28 * var(--sh-m));
    line-height: calc(34 * var(--sh-m));
  }

  .sh-cred-overview__body,
  .sh-cred-overview__callout,
  .sh-cred-plan__body,
  .sh-cred-plan__why,
  .sh-cred-trusted__col p,
  .sh-cred-irs__body,
  .sh-cred-backed__body,
  .sh-cred-backed__why,
  .sh-cred-cta__body {
    margin-top: calc(16 * var(--sh-m));
    font-size: calc(15 * var(--sh-m));
    line-height: calc(26 * var(--sh-m));
  }

  .sh-cred-overview__callout,
  .sh-cred-trusted__callout,
  .sh-cred-irs__eyebrow {
    font-size: calc(14 * var(--sh-m));
    letter-spacing: 0.06em;
  }

  .sh-cred-trusted__callout {
    font-size: calc(14 * var(--sh-m)) !important;
  }

  .sh-cred-trusted__cols {
    margin-top: calc(24 * var(--sh-m));
    gap: calc(20 * var(--sh-m));
  }

  .sh-cred-plan__panel,
  .sh-cred-backed__panel,
  .sh-cred-cta__panel {
    padding: calc(32 * var(--sh-m)) calc(20 * var(--sh-m));
    border-radius: calc(28 * var(--sh-m)) 0 calc(28 * var(--sh-m)) 0;
  }

  .sh-cred-plan__logos {
    margin-top: calc(24 * var(--sh-m));
    gap: calc(16 * var(--sh-m));
  }

  .sh-cred-plan__logo-card {
    min-height: calc(112 * var(--sh-m));
    padding: calc(20 * var(--sh-m));
    border-radius: 0 calc(28 * var(--sh-m)) 0 calc(28 * var(--sh-m));
  }

  .sh-cred-irs__media {
    width: min(100%, calc(280 * var(--sh-m)));
  }

  .sh-cred-irs__btn,
  .sh-cred-cta__btn {
    width: 100%;
    margin-top: calc(24 * var(--sh-m));
  }

  .sh-cred-backed__media {
    border-radius: 0 0 0 calc(28 * var(--sh-m));
  }

  .sh-cred-cta__media {
    gap: calc(16 * var(--sh-m));
    margin-bottom: calc(24 * var(--sh-m));
  }

  .sh-cred-cta__circle {
    width: min(100%, calc(200 * var(--sh-m)));
  }

  .sh-cred-cta__rect {
    border-radius: 0 calc(28 * var(--sh-m)) 0 calc(28 * var(--sh-m));
  }
}
