.cc_g7b5bzkn_4bHsHtgHMq .sjs { padding: clamp(3.5rem, 7vw, 6rem) 0; background: linear-gradient(180deg, #fff, #fcfefe); color: #163b46; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs, .cc_g7b5bzkn_4bHsHtgHMq .sjs * { box-sizing: border-box; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__inner { width: min(75rem, calc(100% - 4rem)); margin-inline: auto; overflow-wrap: anywhere; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__header { max-width: 52rem; margin: 0 auto 3.5rem; text-align: center; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__eyebrow { display: block; color: #287487; font-size: .6875rem; font-weight: 700; line-height: 1.6; letter-spacing: .14em; text-transform: uppercase; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__header h2 { margin: .75rem 0 0; font-size: clamp(1.875rem, 3.4vw, 2.75rem); font-weight: 500; line-height: 1.15; text-wrap: balance; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__header p { margin: 1.25rem 0 0; color: #526c74; font-size: 1rem; line-height: 1.75; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__path { max-width: 64rem; margin: 0 auto; padding: 0; list-style: none; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step { --pastel: #eff9f9; --accent: #bedfe3; position: relative; display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1.5rem; width: calc(100% - 9rem); margin: 0 0 2rem var(--offset); }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step:last-child { margin-bottom: 0; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--2 { --pastel: #f1f8f2; --accent: #c8dfd0; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--3 { --pastel: #fcf2f5; --accent: #ecd1dc; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--4 { --pastel: #f6f3fb; --accent: #ddd3ed; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--5 { --pastel: #f0f7fb; --accent: #ccdee9; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--6 { --pastel: #eaf7f8; --accent: #8dc7d1; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__connector { position: absolute; z-index: 0; left: var(--line-left); top: 1.5rem; width: var(--bend); height: calc(100% + 2rem); border-left: 1px solid #2aa1b9; border-bottom: 1px solid #2aa1b9; border-bottom-left-radius: 3rem; opacity: var(--line-opacity); pointer-events: none; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__connector--left { border-left: 0; border-right: 1px solid #2aa1b9; border-bottom-left-radius: 0; border-bottom-right-radius: 3rem; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__number { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; align-self: start; min-height: 3rem; padding: .5rem; border: 1px solid var(--accent); border-radius: 45% 55% 48% 52%; background: var(--pastel); color: #397887; font-size: .875rem; line-height: 1.5; font-variant-numeric: tabular-nums; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content { position: relative; z-index: 1; min-width: 0; padding: 1.75rem 2rem; border: 1px solid var(--accent); border-radius: 26px 32px 28px 30px; background: linear-gradient(120deg, #fff, var(--pastel)); transition: transform 200ms, box-shadow 200ms; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content h3 { margin: .5rem 0 0; font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 500; line-height: 1.3; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step-text { margin: .875rem 0 0; color: #526c74; font-size: .875rem; line-height: 1.75; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__micro { margin: 1rem 0 0; color: #356e7b; font-size: .6875rem; font-weight: 600; line-height: 1.7; letter-spacing: .065em; white-space: pre-line; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--6 .sjs__number { border-color: #2aa1b9; background: #2aa1b9; color: #fff; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__step--6 .sjs__step-content { border-color: #8dc7d1; background: linear-gradient(120deg, #f8fcfc, #eaf7f8); }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__chips li { max-width: 100%; padding: .375rem .625rem; border: 1px solid #e1d9ec; border-radius: 999px; background: #faf8fd; color: #685979; font-size: .6875rem; line-height: 1.5; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__logos { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.25rem; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__logos img { display: block; width: 96px; max-width: 100%; height: 56px; object-fit: contain; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__publication-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: .5rem; color: #246b7b; font-size: .8125rem; font-weight: 600; line-height: 1.5; text-decoration: underline; text-underline-offset: .25em; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__final { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 3rem; margin-top: 5.5rem; padding: clamp(2rem, 4.5vw, 4rem); border: 1px solid #d5eaed; border-radius: 36px; background: linear-gradient(120deg, #eef8f7, #e8f5f8 65%, #f5fafb); }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__final--with-aside { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__final-copy { max-width: 45rem; min-width: 0; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__final h3 { margin: .875rem 0 0; font-size: clamp(1.625rem, 2.8vw, 2.125rem); font-weight: 500; line-height: 1.25; text-wrap: balance; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__final-copy p { margin: 1rem 0 0; color: #526c74; font-size: .9375rem; line-height: 1.75; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__final-aside { min-width: 0; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__product { width: min(100%, 17.5rem); aspect-ratio: 4 / 3; margin: 0 auto 1.25rem; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__product:last-child { margin-bottom: 0; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__product img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__actions { display: flex; flex-direction: column; align-items: stretch; gap: .75rem; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__button { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: .875rem 1.125rem; border: 1px solid transparent; border-radius: 10px; font-size: .875rem; font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__button--primary { background: #2aa1b9; color: #10343f; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs__button--secondary { background: #fff; color: #285e6c; border-color: #a7cbd2; }
.cc_g7b5bzkn_4bHsHtgHMq .sjs a:focus-visible { outline: 2px solid #246b7b; outline-offset: 4px; }
@media (hover: hover) {
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(22,59,70,.045); }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__button:hover { filter: brightness(.97); }
}
@media (max-width: 767px) {
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__inner { width: calc(100% - 2rem); }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__header { margin-bottom: 2.5rem; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__header p { font-size: .9375rem; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__step { width: 100%; margin-left: 0; grid-template-columns: 2.25rem minmax(0, 1fr); gap: .75rem; margin-bottom: 1.25rem; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__number { min-height: 2.25rem; padding: .25rem; font-size: .75rem; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__connector, .cc_g7b5bzkn_4bHsHtgHMq .sjs__connector--left { left: 1.125rem; top: 1.125rem; width: 0; height: calc(100% + 1.25rem); border: 0; border-left: 1px solid #2aa1b9; border-radius: 0; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content { padding: 1.25rem; border-radius: 22px; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content .sjs__eyebrow { font-size: .625rem; letter-spacing: .09em; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__final, .cc_g7b5bzkn_4bHsHtgHMq .sjs__final--with-aside { grid-template-columns: minmax(0, 1fr); margin-top: 4.5rem; gap: 1.75rem; padding: 1.75rem 1.5rem; border-radius: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content { transition: none; }
  .cc_g7b5bzkn_4bHsHtgHMq .sjs__step-content:hover { transform: none; }
}