@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

.ws-app--website {
  --ws-website-header-block-size: 80px;
  margin: 0;
  min-width: 0;
  background: var(--ws-website-paper);
  color: var(--ws-website-ink);
  color-scheme: only light;
  font-family: var(--ws-type-family-sans);
  font-size: var(--ws-type-size-body);
  font-weight: var(--ws-type-weight-regular);
  line-height: var(--ws-type-line-body);
  overflow-x: hidden;
}

.ws-app--website *,
.ws-app--website *::before,
.ws-app--website *::after {
  box-sizing: border-box;
}

.ws-app--website a {
  color: inherit;
}

.ws-app--website button,
.ws-app--website input,
.ws-app--website select,
.ws-app--website textarea {
  font-family: var(--ws-type-family-sans);
}

.ws-app--website :is(input, select, textarea) {
  font-weight: var(--ws-type-weight-regular);
}

.ws-app--website img {
  display: block;
  max-width: 100%;
}

.ws-app--website h1,
.ws-app--website h2,
.ws-app--website h3,
.ws-app--website p {
  margin-top: 0;
}

.ws-website-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.ws-website-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 2000;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--ws-website-ink);
  color: var(--ws-color-hex-ffffff);
  transform: translateY(-160%);
  transition: transform var(--ws-motion-fast) ease;
}

.ws-website-skip-link:focus {
  transform: translateY(0);
}

.ws-website-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: var(--ws-website-header-block-size);
  padding: 0 24px;
  border-bottom: 1px solid var(--ws-website-line);
  background: var(--ws-color-hex-ffffff);
}

.ws-website-header__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 154px;
  align-items: center;
  gap: clamp(24px, 3vw, 48px);
  width: min(100%, var(--ws-website-content-width));
  height: 100%;
  margin: 0 auto;
}

.ws-website-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  color: var(--ws-website-ink);
  font-size: var(--ws-type-size-body-large);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-display);
  text-decoration: none;
}

.ws-website-brand img {
  width: 48px;
  height: 48px;
}

.ws-website-main-navigation {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-self: stretch;
  gap: clamp(14px, 2.2vw, 34px);
}

.ws-website-main-navigation a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-small);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-meta);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--ws-motion-fast) ease;
}

.ws-website-main-navigation a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--ws-website-brand-on-light);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
}

.ws-website-main-navigation a:hover,
.ws-website-main-navigation a:focus-visible,
.ws-website-main-navigation a[aria-current="location"] {
  color: var(--ws-website-ink);
}

.ws-website-main-navigation a[aria-current="location"]::after {
  transform: scaleX(1);
}

.ws-website-main-navigation a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 32%, transparent);
  outline-offset: 4px;
}

.ws-website-header__check-slot {
  display: flex;
  justify-content: flex-end;
  min-width: 154px;
}

.ws-app--website .ws-website-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  min-height: 54px;
  padding: 14px 22px;
  border: 1px solid var(--ws-website-action);
  border-radius: var(--ws-website-radius-control);
  background: var(--ws-website-action);
  color: var(--ws-color-hex-ffffff);
  font-weight: var(--ws-type-weight-heading);
  line-height: var(--ws-type-line-heading-relaxed);
  text-decoration: none;
  box-shadow: var(--ws-website-shadow-soft);
  transition:
    background var(--ws-motion-flow) ease,
    border-color var(--ws-motion-flow) ease,
    transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
}

.ws-app--website .ws-website-cta:hover,
.ws-app--website .ws-website-cta:focus-visible {
  border-color: var(--ws-website-action-hover);
  background: var(--ws-website-action-hover);
  transform: translateY(-2px);
}

.ws-app--website .ws-website-cta--light {
  border-color: var(--ws-color-hex-ffffff);
  background: var(--ws-color-hex-ffffff);
  color: var(--ws-website-ink);
}

.ws-app--website .ws-website-cta--light:hover,
.ws-app--website .ws-website-cta--light:focus-visible {
  border-color: var(--ws-website-paper);
  background: var(--ws-website-paper);
}

.ws-app--website .ws-website-cta:focus-visible,
.ws-website-brand:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 32%, transparent);
  outline-offset: 4px;
}

.ws-app--website [tabindex="-1"]:focus {
  outline: none;
}

.ws-website-hero {
  --ws-website-hero-gift-top: clamp(-52px, -4svh, -24px);
  --ws-website-hero-gift-width: min(155vw, 2200px, calc(215svh - 64px));
  --ws-website-hero-gift-shadow-end: 85%;
  --ws-website-hero-cta-clearance: clamp(28px, 1.5vw, 40px);
  --ws-website-hero-package-left: 19.8%;
  --ws-website-hero-package-top-offset: calc(var(--ws-website-hero-gift-width) / 2 * 0.091);
  --ws-website-hero-package-bottom-offset: calc(var(--ws-website-hero-gift-width) / 2 * 0.2);
  --ws-website-hero-copy-inset: clamp(18px, calc(var(--ws-website-hero-gift-width) * 0.032), 72px);
  --ws-website-hero-audience-inset-y: clamp(14px, 2.2cqw, 50px);
  --ws-website-hero-audience-ribbon-gap: clamp(8px, 0.8cqw, 18px);
  --ws-website-hero-gift-scroll-lift: 0px;
  --ws-website-hero-scroll-distance: max(720px, 100svh);
  --ws-website-hero-message-opacity: 0;
  --ws-website-hero-message-shift: 48px;
  --ws-website-hero-cta-opacity: 0;
  --ws-website-hero-cta-shift: 32px;
  --ws-website-hero-copy-width: min(
    var(--ws-website-large-title-width),
    calc(
      var(--ws-website-hero-gift-width) * 0.604
      - var(--ws-website-hero-copy-inset)
      - var(--ws-website-hero-copy-inset)
    )
  );
  --ws-type-size-hero-title: var(--ws-type-size-hero-title-default);
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: max(680px, calc(100svh - var(--ws-website-header-block-size)));
  padding: 0;
  overflow: hidden;
  background: var(--ws-color-hex-ffffff);
}

.ws-website-hero__viewport {
  position: relative;
  min-height: inherit;
  overflow: hidden;
  background: var(--ws-color-hex-ffffff);
}

.ws-website-hero__content {
  position: absolute;
  z-index: 3;
  top: auto;
  bottom: calc(var(--ws-website-hero-package-bottom-offset) + var(--ws-website-hero-copy-inset));
  left: calc(var(--ws-website-hero-package-left) + var(--ws-website-hero-copy-inset));
  width: clamp(300px, 21%, 450px);
  color: var(--ws-website-ink);
  text-align: left;
}

.ws-website-hero__audience {
  position: absolute;
  z-index: 3;
  top: calc(var(--ws-website-hero-package-top-offset) + var(--ws-website-hero-audience-inset-y));
  left: calc(var(--ws-website-hero-package-left) + var(--ws-website-hero-copy-inset));
  width: min(
    320px,
    calc(
      45%
      - var(--ws-website-hero-package-left)
      - var(--ws-website-hero-copy-inset)
      - var(--ws-website-hero-audience-ribbon-gap)
    )
  );
  margin: 0;
  color: var(--ws-website-ink);
  font-size: var(--ws-type-size-hero-audience);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-hero-label);
  line-height: var(--ws-type-line-control);
  opacity: 1;
  hyphens: auto;
  text-wrap: balance;
  text-transform: var(--ws-type-case-label);
}

.ws-website-hero[data-active-gift="brand"] .ws-website-hero__content,
.ws-website-hero[data-active-gift="brand"] .ws-website-hero__audience {
  color: var(--ws-color-hex-ffffff);
}

.ws-website-eyebrow {
  margin-bottom: 22px;
  color: var(--ws-website-action);
  font-size: var(--ws-type-size-label);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-meta);
  text-transform: var(--ws-type-case-label);
}

.ws-website-eyebrow--light {
  color: var(--ws-website-dark-muted);
}

.ws-website-hero h1 {
  max-width: none;
  margin-bottom: 0;
  color: inherit;
  font-size: var(--ws-type-size-hero-title);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-hero);
}

.ws-website-hero h1 span {
  display: block;
}

.ws-website-hero h1 .ws-website-hero__portrait-line {
  display: inline;
}

.ws-website-hero__stage {
  position: absolute;
  z-index: 0;
  top: var(--ws-website-hero-gift-top);
  left: 50%;
  width: var(--ws-website-hero-gift-width);
  aspect-ratio: 2 / 1;
  container-type: inline-size;
  transform: translateX(-50%);
  pointer-events: none;
}

.ws-website-gift-stage {
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

.ws-website-gift-motion {
  position: absolute;
  inset: 0;
  transform: translateY(var(--ws-website-hero-gift-scroll-lift));
  transform-origin: 50% 42%;
  will-change: transform;
}

.ws-website-hero__gift-copy {
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
}

.ws-website-gift-settle {
  position: absolute;
  inset: 0;
  transform-origin: 50% top;
}

.ws-website-gift-canvas,
.ws-website-gift-assembly {
  position: absolute;
  inset: 0;
}

.ws-website-gift-canvas {
  width: 100%;
  aspect-ratio: 2 / 1;
}

.ws-website-gift-assembly {
  transform-origin: 50% 42%;
}

.ws-website-gift {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  pointer-events: none;
}

.ws-website-gift img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-width: none;
}

.ws-website-gift--package img {
  filter:
    drop-shadow(
      clamp(4px, 0.7cqw, 11px)
      clamp(5px, 1cqw, 16px)
      clamp(6px, 1.2cqw, 19px)
      color-mix(in srgb, var(--ws-website-ink) 24%, transparent)
    )
    drop-shadow(
      clamp(7px, 1.8cqw, 24px)
      clamp(9px, 2.3cqw, 30px)
      clamp(10px, 2.6cqw, 34px)
      color-mix(in srgb, var(--ws-website-ink) 16%, transparent)
    );
}

.ws-website-gift-ribbon-assembly {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  clip-path: inset(10% 21% 19.84% 20.3%);
  pointer-events: none;
}

.ws-website-gift-ribbon-assembly img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-width: none;
  filter:
    hue-rotate(5deg)
    drop-shadow(0 2px 2px color-mix(in srgb, var(--ws-website-ink) 22%, transparent));
}

.ws-website-gift-shadow {
  position: absolute;
  z-index: 1;
  top: 79.2%;
  left: 20.8%;
  width: 59%;
  height: 4.8%;
  display: block;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ws-website-ink) 42%, transparent);
  filter: blur(clamp(8px, 0.9cqw, 18px));
  opacity: 0.46;
  transform: scaleX(1);
  transform-origin: center;
  pointer-events: none;
}

@keyframes ws-website-hero-gift-copy-intro {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) and (min-height: 681px) {
  .ws-website-js .ws-website-hero:not([data-hero-motion-ready]):not([data-hero-motion-static]) .ws-website-hero__audience,
  .ws-website-js .ws-website-hero:not([data-hero-motion-ready]):not([data-hero-motion-static]) .ws-website-hero__content {
    opacity: 0;
    transform: translateY(8px);
  }

  .ws-website-js .ws-website-hero[data-hero-motion-ready]:not([data-hero-motion-static]) .ws-website-hero__audience,
  .ws-website-js .ws-website-hero[data-hero-motion-ready]:not([data-hero-motion-static]) .ws-website-hero__content {
    animation: ws-website-hero-gift-copy-intro 420ms var(--ws-motion-ease-flow) 480ms 1 both;
  }
}

.ws-website-hero__rail {
  --ws-website-hero-rail-left: calc(50% - var(--ws-website-hero-copy-width) / 2);
  position: relative;
  z-index: 5;
  width: min(
    var(--ws-website-hero-copy-width),
    calc(100% - clamp(24px, 4vw, 72px) - clamp(24px, 4vw, 72px))
  );
  margin-left: var(--ws-website-hero-rail-left);
  padding-top: calc(
    var(--ws-website-hero-gift-top)
    + var(--ws-website-hero-gift-width) / 2 * 0.85
    + var(--ws-website-hero-cta-clearance)
  );
  padding-bottom: clamp(56px, 6vw, 96px);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(24px, 2vw, 28px);
  pointer-events: auto;
}

.ws-website-hero__orientation {
  display: grid;
  gap: clamp(18px, 1.5vw, 24px);
  max-width: var(--ws-website-large-reading-width);
}

.ws-website-hero__orientation::before {
  content: "";
  width: clamp(44px, 4vw, 64px);
  height: 3px;
  background: var(--ws-website-brand);
  transform-origin: left center;
}

.ws-website-hero__positioning {
  margin: 0;
  color: var(--ws-website-ink);
  text-wrap: pretty;
}

.ws-website-hero__positioning--primary {
  font-size: var(--ws-type-size-heading-large-fluid);
  font-weight: var(--ws-type-weight-medium);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-heading-tight);
  text-wrap: balance;
}

.ws-website-hero__positioning--consequence {
  max-width: var(--ws-website-large-reading-width);
  font-size: var(--ws-type-size-subheading-fluid);
  line-height: var(--ws-type-line-body);
}

.ws-website-hero__positioning strong {
  font-weight: var(--ws-type-weight-semibold);
}

.ws-app--website .ws-website-cta--hero {
  min-height: 46px;
  padding: 12px 18px;
  border-color: var(--ws-website-brand);
  background: var(--ws-website-brand);
  color: var(--ws-website-ink);
  font-size: var(--ws-type-size-small);
  box-shadow: var(--ws-website-shadow-control);
}

.ws-app--website .ws-website-cta--sticky-check {
  min-height: 42px;
  padding: 10px 16px;
  border-color: var(--ws-website-brand);
  background: var(--ws-website-brand);
  color: var(--ws-website-ink);
  font-size: var(--ws-type-size-caption);
  box-shadow: var(--ws-website-shadow-control);
}

.ws-app--website .ws-website-cta--hero:hover,
.ws-app--website .ws-website-cta--hero:focus-visible {
  border-color: var(--ws-website-brand-on-light);
  background: color-mix(in srgb, var(--ws-website-brand) 88%, var(--ws-color-hex-ffffff));
  color: var(--ws-website-ink);
}

.ws-app--website .ws-website-cta--sticky-check:hover,
.ws-app--website .ws-website-cta--sticky-check:focus-visible {
  border-color: var(--ws-website-brand-on-light);
  background: color-mix(in srgb, var(--ws-website-brand) 88%, var(--ws-color-hex-ffffff));
  color: var(--ws-website-ink);
}

.ws-app--website .ws-website-cta--hero:focus-visible {
  outline-color: color-mix(in srgb, var(--ws-website-brand-on-light) 42%, transparent);
}

.ws-app--website .ws-website-cta--sticky-check:focus-visible {
  outline-color: color-mix(in srgb, var(--ws-website-brand-on-light) 42%, transparent);
}

#top {
  scroll-margin-top: var(--ws-website-header-block-size);
}

#warum-wirkung,
#relevanz,
#wirkungsverlust,
#plattform,
#kontakt {
  scroll-margin-top: calc(var(--ws-website-header-block-size) + 16px);
}

.ws-app--website [hidden] {
  display: none !important;
}

.ws-website-check {
  position: fixed;
  inset: 0 0 0 auto;
  display: none;
  width: clamp(560px, 44vw, 680px);
  min-width: 0;
  max-width: calc(100vw - 32px);
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 4px solid var(--ws-website-brand);
  overflow: hidden;
  background: var(--ws-website-paper);
  color: var(--ws-website-ink);
  box-shadow: var(--ws-website-shadow-soft);
}

.ws-website-check[open],
.ws-website-check:target {
  display: block;
  animation: ws-website-check-panel-in 420ms var(--ws-motion-ease-flow) both;
}

.ws-website-check::backdrop {
  background: color-mix(in srgb, var(--ws-website-ink) 34%, transparent);
}

.ws-website-check-open {
  overflow: hidden;
}

@keyframes ws-website-check-panel-in {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

.ws-website-check::before {
  content: none;
}

.ws-website-check > .ws-website-section-shell {
  position: relative;
  display: grid;
  height: 100%;
  min-height: 0;
  width: auto;
  grid-template-rows: auto auto minmax(0, 1fr);
  margin: 0;
  padding: 0 clamp(24px, 3vw, 36px) clamp(18px, 2.5vw, 28px);
}

.ws-website-check__toolbar {
  position: relative;
  z-index: 5;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 calc(clamp(24px, 3vw, 36px) * -1) 26px;
  padding: 14px clamp(24px, 3vw, 36px);
  border-bottom: 1px solid var(--ws-website-line);
  background: color-mix(in srgb, var(--ws-website-paper) 94%, transparent);
}

.ws-website-check__toolbar > strong {
  color: var(--ws-website-action);
  font-size: var(--ws-type-size-meta);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-meta);
  text-transform: var(--ws-type-case-label);
}

.ws-website-check__close {
  display: grid;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--ws-website-line);
  border-radius: 50%;
  place-items: center;
  background: var(--ws-website-paper);
  color: var(--ws-website-ink);
  font-size: var(--ws-type-size-heading-small);
  line-height: var(--ws-type-line-display);
  cursor: pointer;
  transition:
    border-color var(--ws-motion-flow) ease,
    background var(--ws-motion-flow) ease,
    transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
}

.ws-website-check__close:hover,
.ws-website-check__close:focus-visible {
  border-color: var(--ws-website-action);
  background: var(--ws-color-hex-ffffff);
  transform: rotate(4deg);
}

.ws-website-check__close:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 32%, transparent);
  outline-offset: 4px;
}

.ws-website-check__intro {
  max-width: 610px;
  margin-bottom: 28px;
}

.ws-website-check__intro h2 {
  max-width: 600px;
  margin-bottom: 14px;
  font-size: var(--ws-type-size-check-intro-title);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display);
  text-wrap: balance;
}

.ws-website-check__intro > p:last-child {
  max-width: 590px;
  margin-bottom: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-check-intro-body);
  line-height: var(--ws-type-line-body);
}

.ws-website-check__experience {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.ws-website-check__experience > * {
  min-width: 0;
}

.ws-website-check__question-column {
  grid-row: 2;
  display: flex;
  min-height: 0;
  overflow: hidden;
  flex-direction: column;
  padding: clamp(22px, 2.5vw, 30px);
  border-top: 3px solid var(--ws-website-brand);
  background: var(--ws-color-hex-ffffff);
  box-shadow: var(--ws-website-shadow-soft);
}

.ws-website-check__progress {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(22px, 2.5vw, 30px);
  padding-bottom: 13px;
  border-bottom: 1px solid var(--ws-website-line);
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-meta);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-meta);
  line-height: var(--ws-type-line-meta);
  text-transform: var(--ws-type-case-label);
}

.ws-website-check__progress span:last-child {
  color: var(--ws-website-action);
  text-align: right;
}

.ws-website-check__questions {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.ws-website-check-question {
  min-width: 0;
  padding: 36px 0;
  border-bottom: 1px solid var(--ws-website-line);
}

.ws-website-check-question:first-child {
  padding-top: 0;
}

.ws-website-check.is-enhanced .ws-website-check-question {
  padding: 0;
  border-bottom: 0;
}

.ws-website-check.is-enhanced .ws-website-check-question:not(.is-active) {
  display: none;
}

.ws-website-check-question__phase {
  margin-bottom: 16px;
  color: var(--ws-website-action);
  font-size: var(--ws-type-size-meta);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-meta);
  text-transform: var(--ws-type-case-label);
}

.ws-website-check-question h3,
.ws-website-check__completion h3 {
  max-width: 680px;
  margin-bottom: 15px;
  font-size: var(--ws-type-size-check-question);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-heading);
  text-wrap: balance;
}

.ws-website-check-question > p:not(.ws-website-check-question__phase),
.ws-website-check__completion > p:not(.ws-website-check-question__phase) {
  max-width: 680px;
  margin-bottom: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-body-fluid);
  line-height: var(--ws-type-line-body);
}

.ws-website-check-scale {
  margin-top: clamp(28px, 3vw, 38px);
}

.ws-website-check-scale__rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
}

.ws-website-check-scale__rail::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10%;
  left: 10%;
  height: 2px;
  background: var(--ws-website-line);
  transform: translateY(-50%);
}

.ws-website-check-scale__rail label {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  min-height: 44px;
  place-items: center;
  cursor: pointer;
}

.ws-website-check-scale__rail input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.ws-website-check-scale__rail label > span {
  width: 18px;
  height: 18px;
  border: 2px solid var(--ws-website-muted);
  border-radius: 50%;
  background: var(--ws-color-hex-ffffff);
  transition:
    border-color var(--ws-motion-flow) ease,
    background var(--ws-motion-flow) ease,
    transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
}

.ws-website-check-scale__rail label:hover > span {
  border-color: var(--ws-website-action);
  transform: scale(1.12);
}

.ws-website-check-scale__rail input:checked + span {
  border-color: var(--ws-website-action);
  background: var(--ws-website-action);
  transform: scale(1.3);
}

.ws-website-check-scale__rail input:focus-visible + span {
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 32%, transparent);
  outline-offset: 5px;
}

.ws-website-check-scale__ends {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  margin-top: 12px;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-label);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-body-compact);
}

.ws-website-check-scale__ends span:last-child {
  text-align: right;
}

.ws-website-check__navigation {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: clamp(26px, 2.5vw, 34px) calc(clamp(22px, 2.5vw, 30px) * -1) 0;
  padding: 14px clamp(22px, 2.5vw, 30px) 2px;
  border-top: 1px solid var(--ws-website-line);
  background: var(--ws-color-hex-ffffff);
}

.ws-website-check__back,
.ws-website-check__next {
  min-height: 48px;
  border-radius: var(--ws-website-radius-control);
  font-weight: var(--ws-type-weight-heading);
  cursor: pointer;
  transition:
    background var(--ws-motion-flow) ease,
    border-color var(--ws-motion-flow) ease,
    color var(--ws-motion-flow) ease,
    transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
}

.ws-website-check__back {
  padding: 11px 4px;
  border: 0;
  background: transparent;
  color: var(--ws-website-muted);
}

.ws-website-check__back:hover,
.ws-website-check__back:focus-visible {
  color: var(--ws-website-ink);
}

.ws-website-check__next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 11px 20px;
  border: 1px solid var(--ws-website-action);
  background: var(--ws-website-action);
  color: var(--ws-color-hex-ffffff);
}

.ws-website-check__next:hover:not(:disabled),
.ws-website-check__next:focus-visible:not(:disabled) {
  border-color: var(--ws-website-action-hover);
  background: var(--ws-website-action-hover);
  transform: translateY(-2px);
}

.ws-website-check__next:disabled {
  border-color: var(--ws-website-line);
  background: var(--ws-website-line);
  color: var(--ws-website-muted);
  cursor: not-allowed;
}

.ws-website-check__back:focus-visible,
.ws-website-check__next:focus-visible,
.ws-website-check__platform-link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 32%, transparent);
  outline-offset: 4px;
}

.ws-website-check__completion {
  min-height: 0;
  overflow: hidden;
  padding-top: clamp(30px, 3vw, 42px);
}

.ws-website-check__result-summary {
  margin-top: 22px;
  padding: 14px 16px;
  border-left: 3px solid var(--ws-website-action);
  background: var(--ws-website-paper-soft);
  color: var(--ws-website-ink);
  font-size: var(--ws-type-size-compact);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-body);
}

.ws-website-check__actions {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}

.ws-app--website .ws-website-check__print-action {
  max-width: 100%;
  border: 0;
  font-size: var(--ws-type-size-compact);
  cursor: pointer;
}

.ws-website-check__platform-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--ws-website-action);
  font-weight: var(--ws-type-weight-strong);
  line-height: var(--ws-type-line-compact);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.ws-website-check__visual {
  grid-row: 1;
  min-width: 0;
}

.ws-website-check__phase-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ws-website-check__phase-step {
  display: grid;
  min-width: 0;
  grid-template-rows: auto minmax(30px, auto) 5px;
  align-content: end;
  padding: 0 4px;
  color: var(--ws-website-muted);
  transition: color var(--ws-motion-flow) ease;
}

.ws-website-check__phase-step > span,
.ws-website-check__phase-step > strong {
  display: block;
}

.ws-website-check__phase-step > span {
  margin-bottom: 3px;
  font-size: var(--ws-type-size-fine);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-meta);
}

.ws-website-check__phase-step > strong {
  align-self: start;
  font-size: var(--ws-type-size-tiny);
  font-weight: var(--ws-type-weight-heading);
  line-height: var(--ws-type-line-control);
}

.ws-website-check__phase-step > i {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 9px;
  overflow: hidden;
  background: var(--ws-website-line);
}

.ws-website-check__phase-step > i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ws-website-brand-on-light);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
}

.ws-website-check__phase-step.is-current > span,
.ws-website-check__phase-step.is-current > strong {
  color: var(--ws-website-action);
}

.ws-website-check__phase-step > i.is-level-1::after {
  transform: scaleX(0.28);
}

.ws-website-check__phase-step > i.is-level-2::after {
  transform: scaleX(0.46);
}

.ws-website-check__phase-step > i.is-level-3::after {
  transform: scaleX(0.64);
}

.ws-website-check__phase-step > i.is-level-4::after {
  transform: scaleX(0.82);
}

.ws-website-check__phase-step > i.is-level-5::after {
  transform: scaleX(1);
}

.ws-website-check__phase-step > i.is-progress-1::after {
  transform: scaleX(0.5);
}

.ws-website-check__phase-step > i.is-progress-2::after {
  transform: scaleX(1);
}

.ws-website-check__print {
  color: var(--ws-website-ink);
}

.ws-website-section-shell {
  width: min(calc(100% - 48px), var(--ws-website-content-width));
  margin: 0 auto;
}

.ws-website-context {
  position: relative;
  padding: clamp(64px, 6vw, 96px) 0 clamp(88px, 9vw, 132px);
  border-top: clamp(32px, 4vw, 64px) solid var(--ws-color-hex-ffffff);
  overflow: clip;
  background: var(--ws-website-ink);
  color: var(--ws-color-hex-ffffff);
}

.ws-website-context .ws-website-section-shell,
.ws-website-closing__content {
  position: relative;
  z-index: 2;
}

.ws-website-focus-story {
  --ws-website-priority-neutral: color-mix(in srgb, var(--ws-color-hex-ffffff) 68%, transparent);
  position: relative;
  min-height: 1300svh;
}

.ws-website-focus-story__stage {
  --ws-website-focus-content-inset: clamp(18px, 3.2svh, 38px);
  position: sticky;
  top: var(--ws-website-header-block-size);
  height: calc(100svh - var(--ws-website-header-block-size));
  min-height: min(560px, calc(100svh - var(--ws-website-header-block-size)));
  padding: clamp(22px, 3.4svh, 38px) 0 clamp(24px, 3.8svh, 42px);
  display: grid;
  grid-template-columns: minmax(420px, 0.8fr) minmax(0, 1.2fr);
  grid-template-rows: auto minmax(0, 1fr);
  column-gap: clamp(46px, 6vw, 88px);
  row-gap: 0;
  align-items: start;
  overflow: clip;
  opacity: var(--ws-website-focus-story-exit-opacity, 1);
}

.ws-website-focus-story[data-focus-story-exit-hidden] .ws-website-focus-story__stage {
  pointer-events: none;
}

.ws-website-focus-story__navigation {
  grid-column: 1 / -1;
  grid-row: 1;
  padding-top: clamp(20px, 3svh, 32px);
  margin-bottom: clamp(24px, 3.8svh, 42px);
}

.ws-website-focus-story__copy,
.ws-website-focus-story__visual {
  position: relative;
  grid-row: 2;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.ws-website-focus-story__copy {
  grid-column: 1 / -1;
}

.ws-website-focus-story__visual {
  grid-column: 1 / -1;
}

.ws-website-focus-story__priority-scroll {
  display: none;
}

.ws-website-focus-story__copy-panel,
.ws-website-focus-story__visual > [data-focus-visual] {
  position: absolute;
  inset: 0;
  min-width: 0;
  padding-block: var(--ws-website-focus-content-inset);
  opacity: 0;
  transform: none;
  pointer-events: none;
  transition: none;
}

.ws-website-focus-story__copy-panel {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 861px) {
  .ws-website-focus-story [data-focus-visual="decisions"] {
    inset-block: auto;
    top: var(--ws-website-focus-paired-content-start);
    height: auto;
    justify-content: flex-start;
  }
}

.ws-website-focus-story__copy-panel h2,
.ws-website-focus-story__copy-panel h3 {
  max-width: 100%;
  margin: 0 0 24px;
  font-size: var(--ws-type-size-focus-heading);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display-balanced);
  text-wrap: balance;
  overflow-wrap: normal;
  hyphens: none;
}

.ws-website-focus-story__copy-panel > p:last-child {
  max-width: 560px;
  margin: 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-focus-copy);
  line-height: var(--ws-type-line-story-copy);
}

.ws-website-focus-story__priority-bridge {
  max-width: 560px;
  margin: 0;
  display: grid;
  gap: 12px;
}

.ws-website-focus-story__priority-statement {
  margin: 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-focus-copy);
  line-height: var(--ws-type-line-story-copy);
}

.ws-website-focus-story__priority-statement strong {
  color: var(--ws-website-brand);
  font-weight: var(--ws-type-weight-semibold);
}

@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  .ws-website-js .ws-website-focus-story__priority-bridge {
    gap: 0;
  }

  .ws-website-js .ws-website-focus-story__priority-statement {
    grid-area: 1 / 1;
    opacity: 0;
    transition: opacity 560ms var(--ws-motion-ease-flow);
  }

  .ws-website-js .ws-website-focus-story[data-focus-phase="priority-peak"] .ws-website-focus-story__priority-statement--peak,
  .ws-website-js .ws-website-focus-story[data-focus-phase="priority-focus"] .ws-website-focus-story__priority-statement--focus {
    opacity: 1;
  }
}

.ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"],
.ws-website-focus-story[data-focus-phase="constraint"] [data-focus-copy="constraint"],
.ws-website-focus-story[data-focus-phase="priority-peak"] [data-focus-copy="priority"],
.ws-website-focus-story[data-focus-phase="priority-focus"] [data-focus-copy="priority"],
.ws-website-focus-story[data-focus-phase="pressure-visual"] [data-focus-visual="pressure"],
.ws-website-focus-story[data-focus-phase="priority-peak"] [data-focus-visual="priority"],
.ws-website-focus-story[data-focus-phase="priority-focus"] [data-focus-visual="priority"],
.ws-website-focus-story[data-focus-phase="decisions"] [data-focus-visual="decisions"] {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.ws-website-focus-story:is(
  [data-focus-phase="priority-peak"],
  [data-focus-phase="priority-focus"],
  [data-focus-phase="decisions"]
) .ws-website-focus-story__copy {
  grid-column: 1;
}

.ws-website-focus-story:is(
  [data-focus-phase="priority-peak"],
  [data-focus-phase="priority-focus"],
  [data-focus-phase="decisions"]
) .ws-website-focus-story__visual {
  grid-column: 2;
}

.ws-website-focus-story [data-focus-visual="pressure"] {
  padding-block: 0;
  justify-content: center;
}

.ws-website-focus-story [data-focus-copy="pressure"] {
  justify-content: center;
}

.ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] h2 {
  max-width: 900px;
  font-size: var(--ws-type-size-display-pressure);
}

@media (min-width: 861px) {
  .ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] h2.ws-website-focus-story__thesis {
    max-width: var(--ws-website-large-title-width);
    font-size: var(--ws-type-size-focus-heading);
  }
}

.ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] > p:last-child {
  max-width: 720px;
}

.ws-website-focus-story[data-focus-phase="constraint"] [data-focus-copy="constraint"] h3 {
  max-width: 980px;
  font-size: var(--ws-type-size-display-constraint);
}

.ws-website-focus-story[data-focus-phase="constraint"] [data-focus-copy="constraint"] > p:last-child {
  max-width: 720px;
}

.ws-website-focus-story__progress {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
}

.ws-website-focus-story__progress li {
  border-top: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 20%, transparent);
  transition: border-color 260ms ease, color 260ms ease;
}

.ws-website-focus-story__progress button {
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
  border: 0;
  background: transparent;
  color: color-mix(in srgb, var(--ws-color-hex-ffffff) 50%, transparent);
  font: inherit;
  font-size: var(--ws-type-size-story-navigation);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-story-navigation);
  line-height: var(--ws-type-line-meta);
  text-align: center;
  text-transform: var(--ws-type-case-navigation);
  cursor: pointer;
  transition: color 260ms ease;
}

.ws-website-focus-story__progress button:hover,
.ws-website-focus-story__progress button:focus-visible {
  color: var(--ws-color-hex-ffffff);
}

.ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-progress="pressure"],
.ws-website-focus-story[data-focus-phase="pressure-visual"] [data-focus-progress="pressure"],
.ws-website-focus-story[data-focus-phase="constraint"] [data-focus-progress="focus"],
.ws-website-focus-story[data-focus-phase="priority-peak"] [data-focus-progress="focus"],
.ws-website-focus-story[data-focus-phase="priority-focus"] [data-focus-progress="focus"],
.ws-website-focus-story[data-focus-phase="decisions"] [data-focus-progress="decisions"] {
  border-color: var(--ws-website-brand);
}

.ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-progress="pressure"] button,
.ws-website-focus-story[data-focus-phase="pressure-visual"] [data-focus-progress="pressure"] button,
.ws-website-focus-story[data-focus-phase="constraint"] [data-focus-progress="focus"] button,
.ws-website-focus-story[data-focus-phase="priority-peak"] [data-focus-progress="focus"] button,
.ws-website-focus-story[data-focus-phase="priority-focus"] [data-focus-progress="focus"] button,
.ws-website-focus-story[data-focus-phase="decisions"] [data-focus-progress="decisions"] button {
  color: var(--ws-color-hex-ffffff);
}

html:not(.ws-website-js) .ws-website-focus-story {
  min-height: 0;
}

html:not(.ws-website-js) .ws-website-focus-story__stage {
  position: relative;
  top: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0;
  overflow: visible;
}

html:not(.ws-website-js) .ws-website-focus-story__navigation {
  display: none;
}

html:not(.ws-website-js) .ws-website-focus-story__copy,
html:not(.ws-website-js) .ws-website-focus-story__visual {
  display: contents;
}

html:not(.ws-website-js) .ws-website-focus-story__copy-panel,
html:not(.ws-website-js) .ws-website-focus-story__visual > [data-focus-visual] {
  position: relative;
  inset: auto;
  min-height: 0;
  padding-block: 0;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

html:not(.ws-website-js) .ws-website-focus-story__copy-panel {
  padding: 64px 0 30px;
  border-top: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 20%, transparent);
}

html:not(.ws-website-js) [data-focus-copy="pressure"] { order: 1; padding-top: 0; border-top: 0; }
html:not(.ws-website-js) [data-focus-visual="pressure"] { order: 2; }
html:not(.ws-website-js) [data-focus-copy="constraint"] { order: 3; }
html:not(.ws-website-js) [data-focus-copy="priority"] { order: 4; }
html:not(.ws-website-js) [data-focus-visual="priority"] { order: 5; }
html:not(.ws-website-js) [data-focus-visual="decisions"] { order: 6; }

.ws-website-seismograph {
  display: flex;
  flex-direction: column;
}

.ws-website-seismograph__causal {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.ws-website-seismograph__source {
  position: relative;
  min-width: 0;
  padding: 0 0 clamp(8px, 1.2svh, 12px);
  display: grid;
  grid-template-columns: minmax(0, 720px);
  gap: 7px;
  justify-content: center;
  justify-items: center;
  text-align: center;
}

.ws-website-seismograph__source-copy {
  min-width: 0;
  display: grid;
  justify-items: center;
  text-align: center;
}

.ws-website-seismograph__source-copy > strong {
  display: block;
  margin: 0;
  font-size: var(--ws-type-size-subheading-fluid);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-heading);
}

.ws-website-seismograph__outcome-heading span,
.ws-website-seismograph__chart-label {
  color: color-mix(in srgb, var(--ws-color-hex-ffffff) 64%, transparent);
  font-size: var(--ws-type-size-story-visual-label);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-compact);
  text-transform: var(--ws-type-case-label);
}

.ws-website-seismograph__flow {
  position: relative;
  height: clamp(42px, 5.4svh, 56px);
}

.ws-website-seismograph__connector {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  color: color-mix(in srgb, var(--ws-website-brand) 78%, transparent);
}

.ws-website-seismograph__connector-path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.ws-website-seismograph__connector marker path {
  fill: currentColor;
  stroke: none;
}

.ws-website-seismograph__drivers {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.ws-website-seismograph__driver {
  min-width: 0;
  padding: clamp(14px, 1.7svh, 19px) clamp(16px, 1.8vw, 24px) clamp(16px, 1.9svh, 21px);
  border-left: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 16%, transparent);
  background: var(--ws-website-ink);
}

.ws-website-seismograph__driver:first-child {
  border-left: 0;
}

.ws-website-seismograph__driver > span {
  color: color-mix(in srgb, var(--ws-color-hex-ffffff) 64%, transparent);
  font-size: var(--ws-type-size-story-visual-label);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-compact);
  text-transform: var(--ws-type-case-label);
}

.ws-website-seismograph__driver > span {
  display: block;
  margin-bottom: 10px;
  color: var(--ws-website-brand);
}

.ws-website-seismograph__driver h3 {
  margin-bottom: 0;
  font-size: var(--ws-type-size-lead-fluid);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-heading-relaxed);
}

.ws-website-seismograph__convergence {
  position: relative;
  height: clamp(42px, 5.4svh, 56px);
}

.ws-website-seismograph__outcome {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 18%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 18%, transparent);
}

.ws-website-seismograph__outcome-heading {
  min-width: 0;
  margin: 0;
  padding: clamp(14px, 1.8svh, 18px) 0;
  display: grid;
  gap: 5px;
  justify-items: center;
  text-align: center;
}

.ws-website-seismograph__outcome-heading strong {
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-lead-fluid);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-meta);
}

.ws-website-seismograph__graph-scroll,
.ws-website-seismograph__graph-sticky {
  display: contents;
}

.ws-website-seismograph__stage {
  position: relative;
  height: clamp(150px, 20svh, 210px);
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 16%, transparent);
}

.ws-website-seismograph__canvas,
.ws-website-seismograph__fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ws-website-seismograph__canvas {
  display: none;
}

.ws-website-seismograph.is-canvas-ready .ws-website-seismograph__canvas {
  display: block;
}

.ws-website-seismograph.is-canvas-ready .ws-website-seismograph__fallback {
  display: none;
}

.ws-website-seismograph__fallback {
  color: var(--ws-website-brand);
}

.ws-website-seismograph__fallback path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ws-website-seismograph__chart-label {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.ws-website-seismograph__chart-label--magnitude {
  top: 14px;
  left: 0;
  color: var(--ws-website-brand);
}

.ws-website-seismograph__chart-label--tempo {
  right: 0;
  bottom: 12px;
}

@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  .ws-website-js .ws-website-seismograph__flow,
  .ws-website-js .ws-website-seismograph__drivers {
    opacity: var(--ws-website-seismograph-drivers-opacity, 0);
    transform: translateY(var(--ws-website-seismograph-drivers-translate-y, 8px));
    transition: none;
  }

  .ws-website-js .ws-website-seismograph__convergence,
  .ws-website-js .ws-website-seismograph__outcome {
    opacity: var(--ws-website-seismograph-outcome-opacity, 0);
    transform: translateY(var(--ws-website-seismograph-outcome-translate-y, 8px));
    transition: none;
  }

  .ws-website-js .ws-website-seismograph__stage {
    opacity: 0;
    transform: translateY(8px);
    transition:
      opacity 360ms var(--ws-motion-ease-flow),
      transform 360ms var(--ws-motion-ease-flow);
  }

  .ws-website-js .ws-website-seismograph[data-seismograph-stage="graph"] .ws-website-seismograph__stage {
    opacity: 1;
    transform: none;
  }
}

.ws-website-priority-model {
  --ws-website-priority-peak-scale: 0;
  --ws-website-priority-line: color-mix(in srgb, var(--ws-color-hex-ffffff) 20%, transparent);
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.ws-website-priority-model__phase {
  min-height: 28px;
  margin: 0 0 18px;
  display: grid;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-label);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-label);
  line-height: var(--ws-type-line-compact);
  text-transform: var(--ws-type-case-label);
}

.ws-website-priority-model__phase > span {
  grid-area: 1 / 1;
}

.ws-website-priority-model__phase-peak {
  opacity: 0;
}

.ws-website-priority-model__phase-focus {
  color: var(--ws-website-brand);
}

.ws-website-priority-model__y-axis {
  margin: 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-meta);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-meta);
  line-height: var(--ws-type-line-compact);
  text-transform: var(--ws-type-case-label);
}

.ws-website-priority-model__y-axis {
  margin-bottom: 12px;
}

.ws-website-priority-model__chart {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 0.28fr);
  gap: clamp(16px, 2vw, 28px);
}

.ws-website-priority-model__scale,
.ws-website-priority-model__bars {
  position: relative;
  height: clamp(280px, 30vw, 380px);
}

.ws-website-priority-model__scale {
  grid-column: 2;
  grid-row: 1;
}

.ws-website-priority-model__scale span {
  position: absolute;
  left: 0;
  display: block;
  max-width: 112px;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-tiny);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-label);
  line-height: var(--ws-type-line-compact);
  text-transform: var(--ws-type-case-label);
}

.ws-website-priority-model__scale .ws-website-priority-model__scale-five {
  top: 0;
  color: var(--ws-website-brand);
}

.ws-website-priority-model__scale .ws-website-priority-model__scale-four {
  top: 20%;
  color: var(--ws-website-differentiation);
  transform: translateY(-50%);
}

.ws-website-priority-model__scale-three {
  top: 40%;
  transform: translateY(-50%);
}

.ws-website-priority-model__bars {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  padding: 0 clamp(10px, 1.6vw, 24px);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(16px, 2.4vw, 34px);
}

.ws-website-priority-model__guide {
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 1px;
  display: block;
  pointer-events: none;
}

.ws-website-priority-model__guide--five {
  top: 0;
  background: var(--ws-website-brand);
}

.ws-website-priority-model__guide--four {
  top: 20%;
  background: var(--ws-website-differentiation);
}

.ws-website-priority-model__guide--three {
  top: 40%;
  background: var(--ws-website-priority-neutral);
}

.ws-website-priority-model__bar {
  --ws-website-priority-final-scale: 0.6;
  --ws-website-priority-final-color: var(--ws-website-priority-neutral);
  position: relative;
  z-index: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.ws-website-priority-model__bar[data-final-level="4"] {
  --ws-website-priority-final-scale: 0.8;
  --ws-website-priority-final-color: var(--ws-website-differentiation);
}

.ws-website-priority-model__bar[data-final-level="5"] {
  --ws-website-priority-final-scale: 1;
  --ws-website-priority-final-color: var(--ws-website-brand);
}

.ws-website-priority-model__fill {
  width: clamp(22px, 2.2vw, 36px);
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background: var(--ws-website-priority-final-color);
  transform: scaleY(var(--ws-website-priority-final-scale));
  transform-origin: center bottom;
}

.ws-website-priority-model__fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ws-website-brand);
  opacity: var(--ws-website-priority-brand-overlay-opacity, 0);
  pointer-events: none;
}

.ws-website-priority-model__field-axis {
  min-width: 0;
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 0.28fr);
  gap: clamp(16px, 2vw, 28px);
}

.ws-website-priority-model__field-labels {
  grid-column: 1;
  min-width: 0;
  padding: 0 clamp(10px, 1.6vw, 24px);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(16px, 2.4vw, 34px);
}

.ws-website-priority-model__field-labels span {
  min-width: 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-visual-label-fluid);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-compact);
  overflow-wrap: normal;
  word-break: normal;
  text-align: center;
}

.ws-website-priority-model figcaption {
  margin: clamp(22px, 3vw, 36px) 0 0;
  padding-top: 18px;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 24px;
  border-top: 1px solid var(--ws-website-priority-line);
}

.ws-website-priority-model figcaption strong {
  display: block;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-body-emphasis-fluid);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-compact);
}

@media (prefers-reduced-motion: no-preference) {
  .ws-website-js .ws-website-priority-model__phase > span {
    transition: opacity 560ms var(--ws-motion-ease-flow);
  }

}

.ws-website-js .ws-website-focus-story:is(
  [data-focus-phase="pressure"],
  [data-focus-phase="constraint"]
) .ws-website-priority-model__fill {
  background: var(--ws-website-priority-neutral);
  transform: scaleY(0);
}

.ws-website-js .ws-website-focus-story[data-focus-phase="priority-peak"] .ws-website-priority-model__fill {
  background: var(--ws-website-brand);
  transform: scaleY(var(--ws-website-priority-peak-scale));
}

.ws-website-js .ws-website-focus-story[data-focus-phase="priority-peak"] .ws-website-priority-model[data-priority-profile-state="to-peak"] .ws-website-priority-model__fill {
  background: var(--ws-website-priority-final-color);
  transform: scaleY(var(--ws-website-priority-current-scale, var(--ws-website-priority-final-scale)));
}

.ws-website-js .ws-website-focus-story:is(
  [data-focus-phase="priority-focus"],
  [data-focus-phase="decisions"]
) .ws-website-priority-model__fill {
  background: var(--ws-website-priority-final-color);
  transform: scaleY(var(--ws-website-priority-current-scale, var(--ws-website-priority-final-scale)));
}

.ws-website-js .ws-website-priority-model__phase > span {
  opacity: 0;
}

.ws-website-js .ws-website-priority-model:not([data-priority-profile-state="focus"]) .ws-website-priority-model__phase-peak,
.ws-website-js .ws-website-priority-model[data-priority-profile-state="focus"] .ws-website-priority-model__phase-focus {
  opacity: 1;
}

.ws-website-js .ws-website-priority-model :is(
  .ws-website-priority-model__phase,
  .ws-website-priority-model__y-axis,
  .ws-website-priority-model__scale,
  .ws-website-priority-model__field-axis,
  figcaption,
  .ws-website-priority-model__bar,
  .ws-website-priority-model__guide--five,
  .ws-website-priority-model__guide--four,
  .ws-website-priority-model__guide--three
) {
  opacity: var(--ws-website-priority-content-opacity, 1);
  transition: none;
}

@media (min-width: 861px) {
  .ws-website-focus-story:is(
    [data-focus-phase="decisions"]
  ) .ws-website-focus-story__visual {
    grid-column: 1 / -1;
  }

  .ws-website-focus-story[data-focus-translation-exit-hold] .ws-website-focus-story__visual {
    grid-column: 1 / -1;
    background: var(--ws-website-ink);
  }

  .ws-website-focus-story [data-focus-visual="decisions"] {
    inset: 0;
    height: auto;
    padding: 0;
  }
}

.ws-website-focus-translation {
  --ws-website-translation-line-top: clamp(70px, 11svh, 104px);
  --ws-website-translation-line-left: 0px;
  --ws-website-translation-line-width: 100%;
  --ws-website-translation-icon-track: clamp(58px, 5vw, 78px);
  --ws-website-translation-axis-gap: clamp(14px, 1.8vw, 22px);
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: clip;
}

.ws-website-focus-translation__handoff-line {
  position: absolute;
  z-index: 5;
  top: var(--ws-website-translation-line-top);
  left: var(--ws-website-translation-line-left);
  width: var(--ws-website-translation-line-width);
  height: 1px;
  display: block;
  background: var(--ws-website-brand);
  opacity: 1;
  transform: translateY(var(--ws-website-translation-shift-y, 0px));
  will-change: transform;
  pointer-events: none;
}

.ws-website-focus-translation__content {
  position: absolute;
  z-index: 2;
  inset: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: var(--ws-website-translation-line-top) auto auto auto;
  gap: clamp(8px, 1svh, 12px);
  align-content: start;
}

.ws-website-focus-translation__title {
  width: fit-content;
  max-width: 100%;
  padding-bottom: clamp(10px, 1.5svh, 16px);
  align-self: end;
  margin: 0;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-heading-compact-fluid);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-heading-tight);
  opacity: var(--ws-website-translation-title-opacity, 0);
  transform: translateY(var(--ws-website-translation-title-translate-y, 8px));
  text-wrap: balance;
}

.ws-website-focus-translation__level {
  min-height: 0;
  display: grid;
}

.ws-website-focus-translation__level-arrow {
  display: none;
}

.ws-website-focus-translation__level.ws-website-focus-translation__level--company {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: clamp(14px, 2svh, 22px);
  opacity: var(--ws-website-translation-company-opacity, 0);
  transform: translateY(var(--ws-website-translation-company-translate-y, 8px));
}

.ws-website-focus-translation__level:is(
  .ws-website-focus-translation__level--company,
  .ws-website-focus-translation__level--employee
) .ws-website-focus-translation__level-head strong {
  margin-top: 0;
  white-space: nowrap;
  text-wrap: nowrap;
}

.ws-website-focus-translation__level.ws-website-focus-translation__level--employee {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: clamp(12px, 1.6svh, 18px);
  margin-top: clamp(12px, 1.8svh, 20px);
  padding-top: clamp(10px, 1.4svh, 16px);
  border-top: 1px solid var(--ws-website-brand);
  opacity: var(--ws-website-translation-employee-opacity, 0);
  transform: translateY(var(--ws-website-translation-employee-translate-y, 8px));
}

.ws-website-focus-translation__level-head {
  min-width: 0;
  display: grid;
  grid-template-columns: var(--ws-website-translation-icon-track) minmax(0, 1fr);
  gap: var(--ws-website-translation-axis-gap);
  align-content: center;
  align-items: center;
}

.ws-website-focus-translation__level-head strong {
  display: block;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-body-emphasis-fluid);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-body-compact);
  text-wrap: balance;
}

.ws-website-focus-translation__level-icon,
.ws-website-focus-translation__contribution-icon,
.ws-website-context__relevance-icon {
  display: block;
  background: var(--ws-website-brand);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.ws-website-focus-translation__level-icon {
  width: clamp(44px, 4vw, 58px);
  aspect-ratio: 1;
  justify-self: center;
}

.ws-website-focus-translation__level-icon--bank,
.ws-website-context__relevance-icon--bank {
  -webkit-mask-image: url("/assets/icons/bank.svg");
  mask-image: url("/assets/icons/bank.svg");
}

.ws-website-focus-translation__level-icon--person,
.ws-website-context__relevance-icon--person {
  -webkit-mask-image: url("/assets/icons/person.svg");
  mask-image: url("/assets/icons/person.svg");
}

.ws-website-focus-translation__decisions {
  min-width: 0;
  margin: 0;
  padding: 0;
  padding-left: calc(var(--ws-website-translation-icon-track) + var(--ws-website-translation-axis-gap));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 58px);
  list-style: none;
}

.ws-website-focus-translation__decision {
  min-width: 0;
  width: min(100%, 360px);
  display: grid;
  grid-template-rows: clamp(82px, 11svh, 110px) auto;
  gap: clamp(12px, 1.6svh, 18px);
  align-items: start;
  justify-self: center;
}

.ws-website-focus-translation__decision[data-translation-decision="customers"] {
  opacity: var(--ws-website-translation-customers-opacity, 0);
  transform: translateY(var(--ws-website-translation-customers-translate-y, 8px));
}

.ws-website-focus-translation__decision[data-translation-decision="positioning"] {
  opacity: var(--ws-website-translation-positioning-opacity, 0);
  transform: translateY(var(--ws-website-translation-positioning-translate-y, 8px));
}

.ws-website-focus-translation__decision[data-translation-decision="priorities"] {
  opacity: var(--ws-website-translation-priorities-opacity, 0);
  transform: translateY(var(--ws-website-translation-priorities-translate-y, 8px));
}

.ws-website-focus-translation__decision-copy {
  width: 100%;
  max-width: 32ch;
  margin-inline: auto;
  grid-row: 2;
  text-align: center;
}

.ws-website-focus-translation__decision-copy strong,
.ws-website-focus-translation__contributions strong {
  display: block;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-body-emphasis-fluid);
  font-weight: var(--ws-type-weight-bold);
  line-height: var(--ws-type-line-compact);
}

.ws-website-focus-translation__decision-copy p,
.ws-website-focus-translation__contributions p {
  margin: 5px 0 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-body-fluid);
  line-height: var(--ws-type-line-body-compact);
  text-wrap: balance;
}

.ws-website-focus-translation__customer-grid,
.ws-website-focus-translation__measure-grid {
  width: min(100%, 104px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(4px, .55vw, 8px);
  grid-row: 1;
  align-self: end;
}

.ws-website-focus-translation__customer-grid i {
  --ws-website-customer-option: 0;
  position: relative;
  display: block;
  aspect-ratio: .62;
  background: var(--ws-website-priority-neutral);
  opacity: calc(.55 + (var(--ws-website-customer-option) * .45));
  -webkit-mask: url("/assets/icons/person.svg") center / contain no-repeat;
  mask: url("/assets/icons/person.svg") center / contain no-repeat;
}

.ws-website-focus-translation__customer-grid i[data-selected] {
  --ws-website-customer-option: 1;
}

.ws-website-focus-translation__customer-grid i::after {
  position: absolute;
  inset: 0;
  background: var(--ws-website-brand);
  opacity: var(--ws-website-customer-option);
  content: "";
}

.ws-website-focus-translation__profile {
  width: min(100%, 112px);
  min-height: clamp(72px, 9svh, 92px);
  margin: 0 auto;
  display: flex;
  gap: clamp(7px, .75vw, 11px);
  grid-row: 1;
  align-items: flex-end;
  align-self: end;
  justify-content: center;
}

.ws-website-focus-translation__profile i {
  --ws-website-profile-scale: .58;
  --ws-website-profile-differentiation: 0;
  --ws-website-profile-brand: 0;
  position: relative;
  width: clamp(8px, .9vw, 12px);
  height: clamp(72px, 9svh, 92px);
  display: block;
  background: var(--ws-website-priority-neutral);
  transform: scaleY(var(--ws-website-profile-scale));
  transform-origin: center bottom;
}

.ws-website-focus-translation__profile i[data-profile-level="four"] {
  --ws-website-profile-scale: .82;
  --ws-website-profile-differentiation: 1;
}

.ws-website-focus-translation__profile i[data-profile-level="five"] {
  --ws-website-profile-scale: 1;
  --ws-website-profile-brand: 1;
}

.ws-website-focus-translation__profile i::before,
.ws-website-focus-translation__profile i::after {
  position: absolute;
  inset: 0;
  content: "";
}

.ws-website-focus-translation__profile i::before {
  background: var(--ws-website-differentiation);
  opacity: var(--ws-website-profile-differentiation);
}

.ws-website-focus-translation__profile i::after {
  background: var(--ws-website-brand);
  opacity: var(--ws-website-profile-brand);
}

.ws-website-focus-translation__measure-grid i {
  --ws-website-measure-option: 0;
  position: relative;
  display: block;
  aspect-ratio: 1;
  border: 1px solid var(--ws-website-priority-neutral);
}

.ws-website-focus-translation__measure-grid i[data-selected] {
  --ws-website-measure-option: 1;
}

.ws-website-focus-translation__measure-grid i::after {
  position: absolute;
  inset: 2px;
  background: var(--ws-website-brand);
  opacity: var(--ws-website-measure-option);
  transform: scale(var(--ws-website-measure-option));
  content: "";
}

.ws-website-focus-translation__bridge {
  min-width: 0;
  min-height: clamp(36px, 4svh, 42px);
  padding: clamp(5px, .7svh, 8px) clamp(14px, 2vw, 26px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ws-website-brand);
  color: var(--ws-website-on-brand);
  opacity: var(--ws-website-translation-bridge-opacity, 0);
  transform: translateY(var(--ws-website-translation-bridge-translate-y, 8px));
  text-align: center;
}

.ws-website-focus-translation__bridge strong {
  font-size: var(--ws-type-size-body-emphasis-fluid);
  font-weight: var(--ws-type-weight-bold);
}

.ws-website-focus-translation__contributions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 58px);
  padding: 0;
  padding-left: calc(var(--ws-website-translation-icon-track) + var(--ws-website-translation-axis-gap));
  align-items: start;
}

.ws-website-focus-translation__contributions article {
  min-width: 0;
  width: min(100%, 360px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: clamp(44px, 6svh, 56px) auto;
  gap: clamp(8px, 1svh, 12px);
  align-items: start;
  justify-self: center;
}

.ws-website-focus-translation__contributions article[data-translation-contribution="everyday"] {
  grid-column: 1;
  opacity: var(--ws-website-translation-everyday-opacity, 0);
  transform: translateY(var(--ws-website-translation-everyday-translate-y, 8px));
}

.ws-website-focus-translation__contributions article[data-translation-contribution="initiatives"] {
  grid-column: 3;
  opacity: var(--ws-website-translation-initiatives-opacity, 0);
  transform: translateY(var(--ws-website-translation-initiatives-translate-y, 8px));
}

.ws-website-focus-translation__contributions article > div {
  width: 100%;
  max-width: 32ch;
  margin-inline: auto;
  text-align: center;
}

.ws-website-focus-translation__contribution-icon {
  width: clamp(40px, 3.4vw, 52px);
  aspect-ratio: 1;
  align-self: end;
  justify-self: center;
}

.ws-website-focus-translation__contribution-icon--everyday {
  --ws-website-translation-heart-scale: 1;
  --ws-website-translation-heart-line-inset: 100%;
}

.ws-website-focus-translation__contribution-icon--initiatives {
  --ws-website-translation-tool-x: 0px;
  --ws-website-translation-tool-y: 0px;
  --ws-website-translation-tool-rotate: 0deg;
  --ws-website-translation-tool-scale: 1;
}

.ws-website-focus-translation__contribution-icon--everyday,
.ws-website-focus-translation__contribution-icon--initiatives {
  position: relative;
  background: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.ws-website-focus-translation__contribution-icon--everyday::before,
.ws-website-focus-translation__contribution-icon--everyday::after,
.ws-website-focus-translation__contribution-icon--initiatives::before {
  position: absolute;
  inset: 0;
  display: block;
  background: var(--ws-website-brand);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform-origin: center;
  content: "";
}

.ws-website-focus-translation__contribution-icon--everyday::before {
  -webkit-mask-image: url("/assets/icons/drive.svg");
  mask-image: url("/assets/icons/drive.svg");
  transform: scale(var(--ws-website-translation-heart-scale));
}

.ws-website-focus-translation__contribution-icon--everyday::after {
  -webkit-mask-image: url("/assets/icons/pulse-line.svg");
  mask-image: url("/assets/icons/pulse-line.svg");
  clip-path: inset(0 0 0 var(--ws-website-translation-heart-line-inset));
  transform: scale(var(--ws-website-translation-heart-scale));
}

.ws-website-focus-translation__contribution-icon--initiatives::before {
  -webkit-mask-image: url("/assets/icons/build.svg");
  mask-image: url("/assets/icons/build.svg");
  transform: translate(
    var(--ws-website-translation-tool-x),
    var(--ws-website-translation-tool-y)
  ) rotate(var(--ws-website-translation-tool-rotate)) scale(var(--ws-website-translation-tool-scale));
}

html:not(.ws-website-js) .ws-website-focus-translation {
  height: auto;
  min-height: 0;
  overflow: visible;
}

html:not(.ws-website-js) .ws-website-focus-translation__handoff-line {
  display: none;
}

html:not(.ws-website-js) .ws-website-focus-translation__content {
  position: relative;
  inset: auto;
  grid-template-rows: auto auto auto auto;
}

html:not(.ws-website-js) .ws-website-focus-translation :is(
  .ws-website-focus-translation__title,
  .ws-website-focus-translation__level,
  .ws-website-focus-translation__decision,
  .ws-website-focus-translation__bridge,
  .ws-website-focus-translation__contributions article
) {
  opacity: 1;
  transform: none;
}

@media (min-width: 1280px) {
  .ws-website-focus-translation__content {
    gap: clamp(6px, .8svh, 10px);
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company,
  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee {
    grid-template-columns: minmax(320px, 1.05fr) minmax(0, 3fr);
    grid-template-rows: auto;
    gap: clamp(24px, 2.4vw, 38px);
    align-items: center;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company {
    padding-top: clamp(26px, 3.2svh, 34px);
    align-self: center;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee {
    margin-top: clamp(16px, 2svh, 22px);
    margin-bottom: clamp(24px, 3svh, 34px);
    padding-top: clamp(26px, 3svh, 34px);
  }

  .ws-website-focus-translation__level-head {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-self: center;
  }

  .ws-website-focus-translation__level:is(
    .ws-website-focus-translation__level--company,
    .ws-website-focus-translation__level--employee
  ) .ws-website-focus-translation__level-head strong {
    white-space: normal;
    text-wrap: balance;
  }

  .ws-website-focus-translation__level-icon {
    width: clamp(40px, 3.2vw, 50px);
  }

  .ws-website-focus-translation__decisions {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    padding-left: 0;
    align-items: start;
  }

  .ws-website-focus-translation__decision[data-translation-decision="customers"] {
    grid-column: 1 / span 2;
  }

  .ws-website-focus-translation__decision[data-translation-decision="positioning"] {
    grid-column: 3 / span 2;
  }

  .ws-website-focus-translation__decision[data-translation-decision="priorities"] {
    grid-column: 5 / span 2;
  }

  .ws-website-focus-translation__decision {
    width: 100%;
    box-sizing: border-box;
    grid-template-rows: 76px auto;
    gap: clamp(7px, .8svh, 10px);
    padding-inline: clamp(10px, 1.2vw, 18px);
  }

  .ws-website-focus-translation__decision-copy {
    max-width: 40ch;
  }

  .ws-website-focus-translation__decision[data-translation-decision="priorities"] .ws-website-focus-translation__decision-copy {
    max-width: 42ch;
  }

  .ws-website-focus-translation__customer-grid,
  .ws-website-focus-translation__measure-grid {
    width: min(100%, 86px);
    gap: 4px;
  }

  .ws-website-focus-translation__profile {
    width: min(100%, 88px);
    min-height: 72px;
    gap: 7px;
  }

  .ws-website-focus-translation__profile i {
    width: 8px;
    height: 72px;
  }

  .ws-website-focus-translation__contributions {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    padding-left: 0;
    align-items: center;
  }

  .ws-website-focus-translation__contributions article {
    position: relative;
    width: 100%;
    min-height: 88px;
    display: block;
  }

  .ws-website-focus-translation__contributions article > div {
    width: 100%;
    max-width: none;
    min-height: 88px;
    margin: 0;
    box-sizing: border-box;
    padding-inline: clamp(8px, .7vw, 12px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .ws-website-focus-translation__contributions article[data-translation-contribution="everyday"] {
    grid-column: 1 / span 2;
  }

  .ws-website-focus-translation__contributions article[data-translation-contribution="initiatives"] {
    grid-column: 5 / span 2;
  }

  .ws-website-focus-translation__contribution-icon {
    position: absolute;
    top: 50%;
    right: -40px;
    width: 80px;
    transform: translateY(-50%);
  }

  .ws-website-focus-translation__contributions article[data-translation-contribution="initiatives"] .ws-website-focus-translation__contribution-icon {
    right: auto;
    left: -40px;
  }

  .ws-website-focus-translation__decision-copy strong,
  .ws-website-focus-translation__contributions strong {
    font-size: var(--ws-type-size-body-emphasis-fluid);
    line-height: var(--ws-type-line-compact);
  }

  .ws-website-focus-translation__decision-copy p,
  .ws-website-focus-translation__contributions p {
    margin-top: 5px;
    font-size: var(--ws-type-size-body-fluid);
    line-height: var(--ws-type-line-body-compact);
  }
}

@media (max-width: 1100px) {
  .ws-website-focus-translation__decisions {
    gap: 18px;
  }

  .ws-website-focus-translation__decision {
    grid-template-rows: clamp(68px, 9svh, 88px) auto;
    gap: 10px;
  }

  .ws-website-focus-translation__customer-grid {
    width: min(100%, 64px);
  }

  .ws-website-focus-translation__measure-grid {
    width: min(100%, 54px);
  }

  .ws-website-focus-translation__profile {
    width: min(100%, 84px);
    min-height: clamp(56px, 7svh, 70px);
  }

  .ws-website-focus-translation__profile i {
    height: clamp(56px, 7svh, 70px);
  }

  .ws-website-focus-translation__decision-copy p,
  .ws-website-focus-translation__contributions p {
    font-size: var(--ws-type-size-story-mobile-diagram-copy);
  }
}

@media (max-width: 860px) and (min-width: 0px) {
  .ws-website-focus-translation {
    --ws-website-translation-icon-track: 28px;
    --ws-website-translation-axis-gap: 10px;
    --ws-website-translation-mobile-item-gap: clamp(20px, 5vw, 28px);
  }

  .ws-website-focus-translation__content {
    inset: 0 0 auto;
    height: max-content;
    min-height: 100%;
    grid-template-rows: var(--ws-website-translation-line-top) auto auto auto;
    gap: clamp(5px, .8svh, 8px);
    transform: translateY(var(--ws-website-translation-shift-y, 0px));
    will-change: transform;
  }

  .ws-website-focus-translation__title {
    grid-column: 1;
    grid-row: 1;
    font-size: var(--ws-type-size-story-mobile-heading);
  }

  .ws-website-focus-translation__level {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0;
  }

  .ws-website-focus-translation__level:is(
    .ws-website-focus-translation__level--company,
    .ws-website-focus-translation__level--employee
  ) {
    gap: 0;
  }

  .ws-website-focus-translation__level:is(
    .ws-website-focus-translation__level--company,
    .ws-website-focus-translation__level--employee
  ) .ws-website-focus-translation__level-head > div {
    display: block;
  }

  .ws-website-focus-translation__level:is(
    .ws-website-focus-translation__level--company,
    .ws-website-focus-translation__level--employee
  ) .ws-website-focus-translation__level-head strong {
    margin-top: 2px;
    white-space: normal;
    text-wrap: balance;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee {
    gap: var(--ws-website-translation-mobile-item-gap);
    margin-top: var(--ws-website-translation-mobile-item-gap);
    padding-top: var(--ws-website-translation-mobile-item-gap);
  }

  .ws-website-focus-translation__level-head {
    grid-template-columns: var(--ws-website-translation-icon-track) minmax(0, 1fr);
    gap: var(--ws-website-translation-axis-gap);
    align-items: end;
  }

  .ws-website-focus-translation__level-icon {
    width: 28px;
  }

  .ws-website-focus-translation__level-arrow {
    position: relative;
    width: var(--ws-website-translation-icon-track);
    height: auto;
    display: block;
    margin: 0;
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
    justify-self: start;
    pointer-events: none;
    z-index: 1;
  }

  .ws-website-focus-translation__level-arrow::before {
    position: absolute;
    top: 0;
    left: 14px;
    width: 1px;
    background: var(--ws-website-brand);
    content: "";
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company .ws-website-focus-translation__level-arrow::before {
    bottom: calc((100% - 10px) / 6);
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee .ws-website-focus-translation__level-arrow::before {
    bottom: calc((100% - 5px) / 4);
  }

  .ws-website-focus-translation__level-arrow i {
    position: absolute;
    right: 6px;
    left: 14px;
    height: 1px;
    display: block;
    background: var(--ws-website-brand);
    transform: translateY(-50%);
  }

  .ws-website-focus-translation__level-arrow i::after {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 8px;
    height: 8px;
    background: var(--ws-website-brand);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    transform: translateY(-50%);
    content: "";
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company .ws-website-focus-translation__level-arrow i:nth-child(1) {
    top: calc((100% - 10px) / 6);
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company .ws-website-focus-translation__level-arrow i:nth-child(2) {
    top: 50%;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company .ws-website-focus-translation__level-arrow i:nth-child(3) {
    bottom: calc((100% - 10px) / 6);
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee .ws-website-focus-translation__level-arrow i:nth-child(1) {
    top: calc((100% - 5px) / 4);
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee .ws-website-focus-translation__level-arrow i:nth-child(2) {
    bottom: calc((100% - 5px) / 4);
  }

  .ws-website-focus-translation__level-head strong {
    margin-top: 2px;
    font-size: var(--ws-type-size-story-mobile-body);
  }

  .ws-website-focus-translation__decisions {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 5px;
    padding-left: calc(var(--ws-website-translation-icon-track) + var(--ws-website-translation-axis-gap));
    grid-column: 1;
    grid-row: 2;
  }

  .ws-website-focus-translation__decision {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(74px, 28%);
    grid-template-rows: auto;
    gap: 10px;
    align-items: center;
  }

  .ws-website-focus-translation__decision-copy {
    margin-inline: 0;
    grid-column: 1;
    grid-row: 1;
    text-align: left;
  }

  .ws-website-focus-translation__decision-copy strong,
  .ws-website-focus-translation__contributions strong {
    font-size: var(--ws-type-size-story-mobile-body);
  }

  .ws-website-focus-translation__decision-copy p,
  .ws-website-focus-translation__contributions p {
    margin-top: 2px;
    font-size: var(--ws-type-size-story-mobile-diagram-copy);
  }

  .ws-website-focus-translation__customer-grid,
  .ws-website-focus-translation__measure-grid {
    width: min(100%, 92px);
    gap: 3px;
    grid-column: 2;
    grid-row: 1;
  }

  .ws-website-focus-translation__profile {
    width: min(100%, 96px);
    min-height: 48px;
    gap: 5px;
    grid-column: 2;
    grid-row: 1;
  }

  .ws-website-focus-translation__profile i {
    width: 8px;
    height: 48px;
  }

  .ws-website-focus-translation__bridge {
    margin-top: var(--ws-website-translation-mobile-item-gap);
    padding: 5px 8px;
  }

  .ws-website-focus-translation__bridge strong {
    font-size: var(--ws-type-size-story-mobile-body);
  }

  .ws-website-focus-translation__contributions {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: var(--ws-website-translation-mobile-item-gap);
    padding: 0;
    padding-left: calc(var(--ws-website-translation-icon-track) + var(--ws-website-translation-axis-gap));
    grid-column: 1;
    grid-row: 2;
  }

  .ws-website-focus-translation__contributions article {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(74px, 28%);
    grid-template-rows: auto;
    gap: 10px;
    align-items: center;
    justify-self: stretch;
  }

  .ws-website-focus-translation__contributions article[data-translation-contribution="everyday"],
  .ws-website-focus-translation__contributions article[data-translation-contribution="initiatives"] {
    grid-column: auto;
  }

  .ws-website-focus-translation__contributions article > div {
    margin-inline: 0;
    grid-column: 1;
    grid-row: 1;
    text-align: left;
  }

  .ws-website-focus-translation__contribution-icon {
    width: min(100%, 92px);
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: center;
  }

  .ws-website-context__relevance-statement {
    font-size: var(--ws-type-size-display-xl);
  }

  .ws-website-js .ws-website-focus-translation[data-translation-stage="handoff"] .ws-website-focus-translation__content {
    display: none;
  }
}

.ws-website-context__relevance {
  max-width: 1240px;
  margin: clamp(40px, 5vw, 64px) 0 0;
  padding: clamp(40px, 5vw, 72px) 0;
  border-block: 1px solid color-mix(in srgb, var(--ws-website-brand) 72%, transparent);
}

.ws-website-system__intro h2,
.ws-website-foundation__intro h3,
.ws-website-closing h2 {
  margin-bottom: 30px;
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display);
  text-wrap: balance;
}

.ws-website-context__relevance .ws-website-eyebrow {
  margin: 0 0 18px;
}

.ws-website-context__relevance-statement {
  max-width: 17ch;
  margin: 0 0 clamp(38px, 5vw, 64px);
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-display-xl);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display);
  text-wrap: balance;
}

.ws-website-context__relevance-levels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(48px, 10vw, 150px);
}

.ws-website-context__relevance-levels article {
  min-width: 0;
}

.ws-website-context__relevance-icon {
  width: clamp(54px, 6vw, 82px);
  aspect-ratio: 1;
  margin-bottom: 20px;
}

.ws-website-context__relevance-levels h3 {
  margin: 0 0 10px;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-heading-compact-fluid);
  line-height: var(--ws-type-line-heading-tight);
}

.ws-website-context__relevance-levels p {
  max-width: 42ch;
  margin: 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-lead-prominent);
  line-height: var(--ws-type-line-reading);
}

.ws-website-context__relevance > .ws-website-context__relevance-conclusion {
  margin: clamp(38px, 5vw, 64px) 0 0;
  color: var(--ws-color-hex-ffffff);
  font-size: var(--ws-type-size-lead-prominent);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-heading-tight);
  text-wrap: balance;
}

.ws-website-losses {
  position: relative;
  padding: clamp(88px, 9vw, 136px) 0;
  overflow: clip;
  background: var(--ws-website-paper);
  color: var(--ws-website-ink);
}

.ws-website-losses::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: color-mix(in srgb, var(--ws-website-brand) 48%, transparent);
}

.ws-website-losses__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: end;
  margin-bottom: clamp(64px, 7vw, 96px);
}

.ws-website-losses__intro .ws-website-eyebrow {
  margin-bottom: 18px;
}

.ws-website-losses__intro h2 {
  max-width: 13ch;
  margin: 0;
  font-size: var(--ws-type-size-display-xl);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display);
  text-wrap: balance;
}

.ws-website-losses__intro > p {
  max-width: 54ch;
  margin: 0 0 6px;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-lead-prominent);
  line-height: var(--ws-type-line-reading);
}

.ws-website-losses__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 28px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ws-website-loss-point {
  min-width: 0;
  padding-inline: clamp(4px, 1vw, 14px);
}

.ws-website-loss-point__transition {
  display: grid;
  grid-template-columns: minmax(12px, 1fr) auto minmax(12px, 1fr);
  gap: clamp(8px, 1vw, 14px);
  align-items: center;
  min-height: 76px;
  margin-bottom: 24px;
}

.ws-website-loss-point__transition::before,
.ws-website-loss-point__transition::after {
  content: "";
  height: 3px;
}

.ws-website-loss-point__transition::before {
  background: var(--ws-website-brand-on-light);
}

.ws-website-loss-point__transition::after {
  background: repeating-linear-gradient(
    90deg,
    color-mix(in srgb, var(--ws-website-brand-on-light) 75%, transparent) 0 15px,
    transparent 15px 23px
  );
}

.ws-website-loss-point__icon {
  position: relative;
  display: grid;
  width: clamp(62px, 5.5vw, 76px);
  aspect-ratio: 1;
  border: 2px solid var(--ws-website-brand-on-light);
  border-radius: var(--ws-website-radius-control);
  place-items: center;
  background: var(--ws-website-paper-soft);
}

.ws-website-loss-point__icon::before {
  content: "";
  display: block;
  width: 52%;
  aspect-ratio: 1;
  background: var(--ws-website-brand-on-light);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.ws-website-loss-point__icon--puzzle::before {
  -webkit-mask-image: url("/assets/icons/loss-puzzle.svg");
  mask-image: url("/assets/icons/loss-puzzle.svg");
}

.ws-website-loss-point__icon--shopping-cart::before {
  -webkit-mask-image: url("/assets/icons/loss-shopping-cart.svg");
  mask-image: url("/assets/icons/loss-shopping-cart.svg");
}

.ws-website-loss-point__icon--employee-lock::before {
  -webkit-mask-image: url("/assets/icons/loss-employee-lock.svg");
  mask-image: url("/assets/icons/loss-employee-lock.svg");
}

.ws-website-loss-point__icon--megaphone::before {
  -webkit-mask-image: url("/assets/icons/loss-megaphone.svg");
  mask-image: url("/assets/icons/loss-megaphone.svg");
}

.ws-website-loss-point__copy h3 {
  max-width: 19ch;
  margin: 0 0 12px;
  font-size: var(--ws-type-size-heading-small-fluid);
  font-weight: var(--ws-type-weight-heading);
  line-height: var(--ws-type-line-heading-tight);
  text-wrap: balance;
}

.ws-website-loss-point__detail > p {
  max-width: 34ch;
  margin: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-small);
  line-height: var(--ws-type-line-reading);
}

.ws-website-loss-point__copy > .ws-website-loss-point__phase {
  margin-bottom: 8px;
  color: var(--ws-website-action);
  font-size: var(--ws-type-size-label);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-meta);
  text-transform: var(--ws-type-case-label);
}

.ws-website-loss-point__detail > .ws-website-loss-point__consequence {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--ws-website-brand) 30%, transparent);
  color: var(--ws-website-ink);
}

.ws-website-loss-point__pattern strong,
.ws-website-loss-point__consequence strong {
  color: var(--ws-website-action);
  font-weight: var(--ws-type-weight-bold);
}

.ws-website-losses__conclusion {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: center;
  margin-top: clamp(64px, 7vw, 96px);
  padding: clamp(32px, 4vw, 52px);
  border-top: 4px solid var(--ws-website-brand);
  background: var(--ws-website-ink);
  color: var(--ws-color-hex-ffffff);
}

.ws-website-losses__conclusion .ws-website-eyebrow {
  margin-bottom: 12px;
}

.ws-website-losses__conclusion h3 {
  max-width: 14ch;
  margin: 0;
  font-size: var(--ws-type-size-heading-large-fluid);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display);
  text-wrap: balance;
}

.ws-website-losses__conclusion-copy p {
  max-width: 58ch;
  margin: 0 0 18px;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-lead);
  line-height: var(--ws-type-line-reading);
}

.ws-website-losses__check-action {
  box-shadow: none;
}

.ws-website-system__intro > p:last-child,
.ws-website-foundation__intro > p:last-child {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-lead-prominent);
  line-height: var(--ws-type-line-reading);
}

.ws-website-system {
  padding: clamp(96px, 10vw, 152px) 0 0;
  background: var(--ws-color-hex-ffffff);
  color: var(--ws-website-ink);
}

.ws-website-system__intro {
  width: 100%;
  min-width: 0;
  max-width: 980px;
  margin-bottom: clamp(72px, 8vw, 112px);
}

.ws-website-system__intro h2 {
  font-size: var(--ws-type-size-display-xl);
}

.ws-website-system__intro > p:last-child {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-lead-prominent);
  line-height: var(--ws-type-line-reading);
}

.ws-website-system__navigator-layout {
  display: grid;
  grid-template-columns: minmax(340px, 0.82fr) minmax(520px, 1.18fr);
  gap: clamp(72px, 9vw, 140px);
  align-items: start;
}

.ws-website-system__navigator-layout > * {
  min-width: 0;
}

.ws-website-system__navigator {
  position: sticky;
  top: calc(var(--ws-website-header-block-size) + 28px);
  width: min(100%, 480px);
  margin-inline: auto;
  border: 1px solid var(--ws-website-line);
  background: var(--ws-website-paper-soft);
  box-shadow: var(--ws-website-shadow-soft);
  overflow: hidden;
}

.ws-website-system__navigator-head {
  padding: 20px 22px 22px;
  border-top: 3px solid var(--ws-website-brand);
  background: var(--ws-website-ink);
  color: var(--ws-color-hex-ffffff);
}

.ws-website-system__navigator-head span,
.ws-website-system__navigator-head strong {
  display: block;
}

.ws-website-system__navigator-head span {
  margin-bottom: 7px;
  color: var(--ws-website-brand);
  font-size: var(--ws-type-size-tiny);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-meta);
}

.ws-website-system__navigator-head strong {
  max-width: 390px;
  font-size: var(--ws-type-size-lead-prominent);
  font-weight: var(--ws-type-weight-semibold);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-control);
}

.ws-website-system__navigator-current {
  display: none;
}

.ws-website-system__navigator-wheel-wrap {
  padding: 12px;
  background: var(--ws-color-hex-ffffff);
}

.ws-website-system__navigator-wheel {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.ws-website-system__navigator-segment {
  color: var(--ws-website-muted);
  transition:
    color var(--ws-motion-flow) ease,
    opacity var(--ws-motion-flow) ease;
}

.ws-website-system__navigator-segment-shape {
  fill: color-mix(in srgb, var(--ws-website-paper) 78%, var(--ws-color-hex-ffffff));
  stroke: var(--ws-color-hex-ffffff);
  stroke-width: 6;
  stroke-linejoin: round;
  transition: fill 300ms var(--ws-motion-ease-flow);
}

.ws-website-system__navigator-segment.is-active {
  color: var(--ws-website-on-brand);
}

.ws-website-system__navigator-segment.is-active .ws-website-system__navigator-segment-shape {
  fill: var(--ws-website-brand);
}

.ws-website-system__navigator-segment-label,
.ws-website-system__navigator-hub-number {
  font-family: var(--ws-type-family-sans);
  text-anchor: middle;
}

.ws-website-system__navigator-segment-label {
  fill: currentColor;
  font-size: var(--ws-type-size-caption);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-heading);
}

.ws-website-system__navigator-rim {
  fill: none;
  stroke: var(--ws-website-line);
  stroke-width: 1.5;
}

.ws-website-system__navigator-hub {
  fill: var(--ws-color-hex-ffffff);
  stroke: var(--ws-website-line);
  stroke-width: 2;
}

.ws-website-system__navigator-hub-state {
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition:
    opacity 220ms ease,
    transform 320ms var(--ws-motion-ease-flow);
}

.ws-website-system__navigator-layout[data-active-phase="erkennen"] [data-platform-hub-state="erkennen"],
.ws-website-system__navigator-layout[data-active-phase="fokussieren"] [data-platform-hub-state="fokussieren"],
.ws-website-system__navigator-layout[data-active-phase="umsetzen"] [data-platform-hub-state="umsetzen"],
.ws-website-system__navigator-layout[data-active-phase="vermitteln"] [data-platform-hub-state="vermitteln"] {
  opacity: 1;
  transform: translateY(0);
}

.ws-website-system__navigator-hub-number {
  fill: var(--ws-website-ink);
  font-size: var(--ws-type-size-display-large);
  font-weight: var(--ws-type-weight-strong);
  letter-spacing: var(--ws-type-tracking-body);
}

.ws-website-system__phases {
  border-top: 1px solid var(--ws-website-line);
}

.ws-website-system-phase {
  padding: clamp(34px, 4.4vw, 54px) 0;
  border-bottom: 1px solid var(--ws-website-line);
}

.ws-website-system-phase__label {
  margin-bottom: 12px;
  color: var(--ws-website-action);
  font-size: var(--ws-type-size-meta);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-kicker);
  line-height: var(--ws-type-line-meta);
  text-transform: var(--ws-type-case-label);
}

.ws-website-system-phase h3 {
  max-width: 680px;
  margin-bottom: 16px;
  font-size: var(--ws-type-size-heading-fluid);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-display);
  text-wrap: balance;
}

.ws-website-system-phase > p:not(.ws-website-system-phase__label) {
  max-width: 680px;
  margin-bottom: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-lead-fluid);
  line-height: var(--ws-type-line-body);
}

.ws-website-system-phase__details {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--ws-website-line);
}

.ws-website-system-phase__details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--ws-website-ink);
  cursor: pointer;
  font-size: var(--ws-type-size-small);
  font-weight: var(--ws-type-weight-heading);
  line-height: var(--ws-type-line-body-compact);
  list-style: none;
}

.ws-website-system-phase__details > summary::-webkit-details-marker {
  display: none;
}

.ws-website-system-phase__details > summary::after {
  content: "+";
  color: var(--ws-website-brand-on-light);
  font-size: var(--ws-type-size-subheading);
  font-weight: var(--ws-type-weight-regular);
  line-height: var(--ws-type-line-display);
}

.ws-website-system-phase__details > summary:focus:not(:focus-visible),
.ws-website-function__details > summary:focus:not(:focus-visible) {
  outline: none;
}

.ws-website-system-phase__details > summary:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--ws-website-brand-on-light);
}

.ws-website-system-phase__details[open] > summary::after {
  content: "−";
}

.ws-website-system-phase__functions {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.ws-website-function {
  position: relative;
  padding: 20px 0;
  display: grid;
  grid-template-columns: minmax(180px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(22px, 3vw, 44px);
  border-bottom: 1px solid var(--ws-website-line);
}

.ws-website-function > strong {
  font-size: var(--ws-type-size-body);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-body-compact);
}

.ws-website-function > span {
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-compact);
  line-height: var(--ws-type-line-body);
}

.ws-website-function--disclosure {
  padding: 0;
  display: block;
}

.ws-website-function__details {
  --ws-website-function-inline-inset: clamp(18px, 2vw, 24px);
}

.ws-website-function__details > summary {
  position: relative;
  padding: 20px calc(var(--ws-website-function-inline-inset) + 28px) 20px var(--ws-website-function-inline-inset);
  display: grid;
  grid-template-columns: minmax(180px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(22px, 3vw, 44px);
  align-items: start;
  color: var(--ws-website-ink);
  cursor: pointer;
  list-style: none;
}

.ws-website-function__details > summary::-webkit-details-marker {
  display: none;
}

.ws-website-function__details > summary::after {
  content: "+";
  position: absolute;
  top: 20px;
  right: var(--ws-website-function-inline-inset);
  color: var(--ws-website-brand-on-light);
  font-size: var(--ws-type-size-lead);
  font-weight: var(--ws-type-weight-regular);
  line-height: var(--ws-type-line-display);
}

.ws-website-function__details[open] > summary {
  background: color-mix(in srgb, var(--ws-website-paper) 70%, transparent);
}

.ws-website-function__details[open] > summary::after {
  content: "−";
}

.ws-website-function__details > summary:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--ws-website-brand-on-light);
}

.ws-website-function__title {
  font-size: var(--ws-type-size-body);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-body-compact);
}

.ws-website-function__teaser {
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-compact);
  line-height: var(--ws-type-line-body);
}

.ws-website-function__body {
  padding: 2px var(--ws-website-function-inline-inset) 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 44px);
  background: color-mix(in srgb, var(--ws-website-paper) 70%, transparent);
}

.ws-website-function__label {
  display: block;
  color: var(--ws-website-brand-on-light);
  font-size: var(--ws-type-size-meta);
  font-weight: var(--ws-type-weight-bold);
  letter-spacing: var(--ws-type-tracking-label);
  line-height: var(--ws-type-line-compact);
  text-transform: var(--ws-type-case-label);
}

.ws-website-function__body p {
  margin: 7px 0 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-small);
  line-height: var(--ws-type-line-reading);
}

.ws-website-js [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 620ms ease,
    transform 620ms var(--ws-motion-ease-flow);
}

.ws-website-js [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ws-website-foundation {
  margin-top: clamp(80px, 9vw, 132px);
  padding: clamp(72px, 8vw, 112px) 0;
  border-top: 1px solid var(--ws-website-line);
  background: var(--ws-website-paper-soft);
}

.ws-website-foundation .ws-website-section-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(440px, 1.18fr);
  gap: clamp(52px, 7vw, 104px);
  align-items: start;
}

.ws-website-foundation__intro {
  min-width: 0;
}

.ws-website-foundation__intro h3 {
  font-size: var(--ws-type-size-heading-large-fluid);
}

.ws-website-foundation__intro h3 {
  hyphens: auto;
  overflow-wrap: break-word;
}

.ws-website-foundation__items {
  border-top: 1px solid var(--ws-website-line);
}

.ws-website-closing {
  padding: clamp(72px, 8vw, 120px) 0;
  background: var(--ws-color-hex-ffffff);
  color: var(--ws-website-ink);
}

.ws-website-closing__surface {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  align-items: center;
  gap: clamp(38px, 6vw, 76px);
  padding: clamp(42px, 5vw, 72px);
  border-radius: 28px;
  background: var(--ws-website-paper);
}

.ws-website-closing__content {
  max-width: 560px;
}

.ws-website-closing h2 {
  max-width: 12ch;
  margin-bottom: 28px;
  font-size: var(--ws-type-size-display-section);
}

.ws-website-closing__content > p:not(.ws-website-eyebrow) {
  max-width: 540px;
  margin-bottom: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-lead-fluid);
  line-height: var(--ws-type-line-reading);
}

.ws-website-closing__benefits {
  display: grid;
  gap: 13px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.ws-website-closing__benefits li {
  position: relative;
  padding-left: 20px;
  line-height: var(--ws-type-line-body);
}

.ws-website-closing__benefits li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ws-website-action);
}

.ws-website-contact {
  min-width: 0;
  padding: clamp(26px, 3.5vw, 42px);
  border: 1px solid var(--ws-website-line);
  border-radius: 20px;
  background: var(--ws-color-hex-ffffff);
  box-shadow: var(--ws-website-shadow-soft);
}

.ws-website-contact__header h3,
.ws-website-contact__success h3 {
  margin-bottom: 6px;
  font-size: var(--ws-type-size-heading-small-fluid);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-heading);
  line-height: var(--ws-type-line-heading-relaxed);
}

.ws-website-contact__header > p {
  margin-bottom: 26px;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-small);
}

.ws-website-contact__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px 18px;
}

.ws-website-contact__field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.ws-website-contact__field--wide,
.ws-website-contact__privacy,
.ws-website-contact__status,
.ws-website-contact__actions {
  grid-column: 1 / -1;
}

.ws-website-contact__field label {
  font-size: var(--ws-type-size-small);
  font-weight: var(--ws-type-weight-semibold);
  line-height: var(--ws-type-line-body-compact);
}

.ws-website-contact__optional {
  color: var(--ws-website-muted);
  font-weight: var(--ws-type-weight-regular);
}

.ws-website-contact__field input,
.ws-website-contact__field textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--ws-website-line);
  border-radius: 9px;
  background: var(--ws-color-hex-ffffff);
  color: var(--ws-website-ink);
  font: inherit;
}

.ws-website-contact__field textarea {
  min-height: 118px;
  resize: vertical;
}

.ws-website-contact__field input::placeholder,
.ws-website-contact__field textarea::placeholder {
  color: var(--ws-website-muted);
  opacity: 0.78;
}

.ws-website-contact__field input:focus-visible,
.ws-website-contact__field textarea:focus-visible,
.ws-website-contact__privacy input:focus-visible {
  border-color: var(--ws-website-action);
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 24%, transparent);
  outline-offset: 2px;
}

.ws-website-contact__trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ws-website-contact__privacy {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.ws-website-contact__privacy input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--ws-website-action);
}

.ws-website-contact__privacy label {
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-caption);
  line-height: var(--ws-type-line-body);
}

.ws-website-contact__privacy a {
  color: var(--ws-website-ink);
  font-weight: var(--ws-type-weight-semibold);
  text-decoration-color: var(--ws-website-action);
  text-underline-offset: 3px;
}

.ws-website-external-link-mark {
  display: inline-block;
  margin-left: 0.18em;
  font-size: var(--ws-type-size-relative-mark);
  line-height: var(--ws-type-line-display);
}

.ws-website-contact__status {
  margin: 0;
  padding: 12px 14px;
  border-left: 3px solid var(--ws-website-action);
  background: color-mix(in srgb, var(--ws-website-action) 7%, transparent);
  color: var(--ws-website-action-hover);
  font-size: var(--ws-type-size-small);
  line-height: var(--ws-type-line-body);
}

.ws-website-contact__actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.ws-website-contact__actions > p {
  max-width: 280px;
  margin: 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-caption);
  line-height: var(--ws-type-line-body);
}

.ws-website-contact__actions .ws-website-cta:disabled {
  opacity: 0.62;
  transform: none;
  cursor: wait;
}

.ws-website-contact__success {
  min-height: 440px;
  align-content: center;
}

.ws-website-contact__success-mark {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ws-website-success) 12%, transparent);
  color: var(--ws-website-success);
  font-size: var(--ws-type-size-subheading-large);
  font-weight: var(--ws-type-weight-heading);
}

.ws-website-contact__success p {
  max-width: 440px;
  margin: 14px 0 0;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-body-large);
  line-height: var(--ws-type-line-reading);
}

.ws-website-contact-response {
  min-height: 100vh;
  padding: 32px;
  display: grid;
  place-items: center;
  background: var(--ws-website-paper);
}

.ws-website-contact-response .ws-website-contact {
  width: min(100%, 640px);
}

.ws-website-contact-response h1 {
  margin-bottom: 12px;
  font-size: var(--ws-type-size-heading-fluid);
  font-weight: var(--ws-type-weight-heading);
  letter-spacing: var(--ws-type-tracking-display);
  line-height: var(--ws-type-line-heading);
}

.ws-website-contact-response p {
  margin-bottom: 28px;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-body-large);
  line-height: var(--ws-type-line-reading);
}

.ws-website-contact-response--error .ws-website-contact__success-mark {
  background: color-mix(in srgb, var(--ws-website-action) 10%, transparent);
  color: var(--ws-website-action);
}

.ws-website-footer {
  padding: 34px 0;
  background: var(--ws-website-ink);
  color: var(--ws-color-hex-ffffff);
}

.ws-website-footer__inner {
  width: min(calc(100% - 48px), var(--ws-website-content-width));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
}

.ws-website-brand--footer {
  color: var(--ws-color-hex-ffffff);
}

.ws-website-brand--footer img {
  width: 36px;
  height: 36px;
}

.ws-website-footer p {
  margin: 0;
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-caption);
}

.ws-website-footer nav {
  justify-self: end;
  display: flex;
  gap: 22px;
}

.ws-website-footer a {
  color: var(--ws-website-dark-muted);
  font-size: var(--ws-type-size-caption);
  text-underline-offset: 4px;
}

.ws-website-contact__privacy a:focus-visible,
.ws-website-footer a:focus-visible {
  border-radius: 2px;
  outline: 3px solid color-mix(in srgb, var(--ws-website-action) 32%, transparent);
  outline-offset: 3px;
}

@media (min-width: 1800px) {
  .ws-app--website {
    --ws-website-content-width: var(--ws-website-large-content-width);
    --ws-website-reading-width: var(--ws-website-large-reading-width);
  }

  .ws-website-check {
    width: var(--ws-website-large-check-width);
  }

  .ws-website-check > .ws-website-section-shell {
    padding-right: clamp(42px, 2vw, 52px);
    padding-bottom: 34px;
    padding-left: clamp(42px, 2vw, 52px);
  }

  .ws-website-check__toolbar {
    margin-right: calc(clamp(42px, 2vw, 52px) * -1);
    margin-left: calc(clamp(42px, 2vw, 52px) * -1);
    padding-right: clamp(42px, 2vw, 52px);
    padding-left: clamp(42px, 2vw, 52px);
  }

  .ws-website-check__toolbar > strong,
  .ws-website-check__progress,
  .ws-website-check-question__phase {
    font-size: var(--ws-type-size-meta-wide);
  }

  .ws-website-check__close {
    width: 48px;
    height: 48px;
  }

  .ws-website-check__intro {
    max-width: 760px;
  }

  .ws-website-check__intro h2 {
    max-width: 760px;
    font-size: var(--ws-type-size-heading-compact-wide);
  }

  .ws-website-check__intro > p:last-child,
  .ws-website-check-question > p:not(.ws-website-check-question__phase),
  .ws-website-check__completion > p:not(.ws-website-check-question__phase, .ws-website-check__result-summary) {
    max-width: 760px;
    font-size: var(--ws-type-size-body-wide);
  }

  .ws-website-check__question-column {
    padding: clamp(32px, 1.6vw, 40px);
  }

  .ws-website-check-question h3,
  .ws-website-check__completion h3 {
    max-width: 760px;
    font-size: var(--ws-type-size-check-question-wide);
  }

  .ws-website-check-scale__ends,
  .ws-website-check__phase-step > span,
  .ws-website-check__phase-step > strong {
    font-size: var(--ws-type-size-meta-wide);
  }

  .ws-website-check__result-summary {
    font-size: var(--ws-type-size-body-compact-wide);
  }

  .ws-website-system__intro {
    max-width: var(--ws-website-large-title-width);
  }

  .ws-website-system__intro > p:last-child,
  .ws-website-foundation__intro > p:last-child {
    max-width: var(--ws-website-reading-width);
    font-size: var(--ws-type-size-body-lead-wide);
  }

  .ws-website-context__relevance {
    max-width: 1220px;
  }

  .ws-website-context__relevance-statement {
    font-size: var(--ws-type-size-heading-compact-wide);
  }

  .ws-website-system__intro h2 {
    font-size: var(--ws-type-size-display-xl-wide);
  }

  .ws-website-system__navigator-layout {
    grid-template-columns: minmax(440px, 0.82fr) minmax(650px, 1.18fr);
  }

  .ws-website-system__navigator {
    width: min(100%, var(--ws-website-large-navigator-size));
  }

  .ws-website-system__navigator-head span {
    font-size: var(--ws-type-size-visual-label-wide);
  }

  .ws-website-system__navigator-head strong {
    font-size: var(--ws-type-size-navigation-heading-wide);
  }

  .ws-website-system__navigator-wheel-wrap {
    padding: 14px;
  }

  .ws-website-system-phase__label {
    font-size: var(--ws-type-size-meta-wide);
  }

  .ws-website-system-phase h3 {
    max-width: 760px;
    font-size: var(--ws-type-size-section-heading-wide);
  }

  .ws-website-system-phase > p:not(.ws-website-system-phase__label) {
    max-width: var(--ws-website-reading-width);
    font-size: var(--ws-type-size-body-wide);
  }

  .ws-website-system-phase__details > summary {
    font-size: var(--ws-type-size-body);
  }

  .ws-website-function {
    padding-block: 24px;
  }

  .ws-website-function > strong,
  .ws-website-function__title {
    font-size: var(--ws-type-size-body-xl);
  }

  .ws-website-function > span,
  .ws-website-function__teaser,
  .ws-website-function__body p {
    font-size: var(--ws-type-size-body-compact-wide);
  }

  .ws-website-foundation__intro h3 {
    font-size: var(--ws-type-size-heading-wide);
  }

  .ws-website-closing h2 {
    max-width: 12ch;
    font-size: var(--ws-type-size-closing-wide);
  }

  .ws-website-closing__content > p:not(.ws-website-eyebrow) {
    max-width: 580px;
    font-size: var(--ws-type-size-body-wide);
  }

  .ws-website-footer p,
  .ws-website-footer nav a {
    font-size: var(--ws-type-size-meta-wide);
  }
}

@media (min-width: 861px) and (max-height: 1100px) {
  .ws-website-check > .ws-website-section-shell {
    padding-bottom: 24px;
  }

  .ws-website-check__toolbar {
    margin-bottom: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ws-website-check__intro {
    margin-bottom: 18px;
  }

  .ws-website-check__intro .ws-website-eyebrow {
    margin-bottom: 14px;
  }

  .ws-website-check__intro h2 {
    margin-bottom: 10px;
  }

  .ws-website-check__experience {
    gap: 12px;
  }

  .ws-website-check__question-column {
    padding: 26px;
  }

  .ws-website-check__progress {
    margin-bottom: 16px;
  }

  .ws-website-check-scale {
    margin-top: 20px;
  }

  .ws-website-check__navigation {
    margin: 16px -26px 0;
    padding-right: 26px;
    padding-left: 26px;
  }
}

@media (min-width: 861px) and (max-height: 960px) {
  .ws-website-focus-translation__level.ws-website-focus-translation__level--company {
    gap: 10px;
  }

  .ws-website-focus-translation__decision {
    grid-template-rows: 64px auto;
    gap: 6px;
  }

  .ws-website-focus-translation__customer-grid,
  .ws-website-focus-translation__measure-grid {
    width: min(100%, 80px);
  }

  .ws-website-focus-translation__profile {
    width: min(100%, 86px);
    min-height: 64px;
  }

  .ws-website-focus-translation__profile i {
    height: 64px;
  }
}

@media (min-width: 1280px) and (max-height: 960px) {
  .ws-website-focus-translation__level.ws-website-focus-translation__level--company {
    gap: clamp(24px, 2.4vw, 38px);
  }
}

@media (min-width: 1800px) and (min-height: 1000px) {
  .ws-app--website {
    --ws-website-header-block-size: 92px;
  }

  .ws-website-brand {
    font-size: var(--ws-type-size-lead-small);
  }

  .ws-website-brand img {
    width: 54px;
    height: 54px;
  }

  .ws-website-hero {
    --ws-type-size-hero-title: var(--ws-type-size-hero-title-wide);
  }

  .ws-website-hero__audience {
    font-size: var(--ws-type-size-visual-label-wide);
  }

  .ws-app--website .ws-website-cta--hero {
    min-height: 52px;
    padding: 14px 22px;
    font-size: var(--ws-type-size-body);
  }

  .ws-website-focus-story__stage {
    grid-template-columns: minmax(540px, 0.8fr) minmax(0, 1.2fr);
    column-gap: clamp(72px, 4.3vw, 110px);
  }

  .ws-website-focus-story__copy-panel h2,
  .ws-website-focus-story__copy-panel h3 {
    font-size: var(--ws-type-size-heading-wide);
  }

  .ws-website-focus-story__copy-panel > p:last-child {
    max-width: 640px;
    font-size: var(--ws-type-size-body-wide);
  }

  .ws-website-focus-story__priority-bridge {
    max-width: 640px;
  }

  .ws-website-focus-story__priority-statement {
    font-size: var(--ws-type-size-body-wide);
  }

  .ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] h2 {
    max-width: var(--ws-website-large-title-width);
    font-size: var(--ws-type-size-display-md-wide);
  }

  .ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] h2.ws-website-focus-story__thesis {
    font-size: var(--ws-type-size-heading-wide);
  }

  .ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] > p:last-child,
  .ws-website-focus-story[data-focus-phase="constraint"] [data-focus-copy="constraint"] > p:last-child {
    max-width: var(--ws-website-reading-width);
  }

  .ws-website-focus-story[data-focus-phase="constraint"] [data-focus-copy="constraint"] h3 {
    max-width: var(--ws-website-large-title-width);
    font-size: var(--ws-type-size-display-lg-wide);
  }

  .ws-website-focus-story__progress button {
    font-size: var(--ws-type-size-visual-label-wide);
  }

  .ws-website-seismograph__source-copy > strong {
    font-size: var(--ws-type-size-diagram-heading-wide);
  }

  .ws-website-seismograph__driver > span,
  .ws-website-seismograph__outcome-heading span,
  .ws-website-seismograph__chart-label {
    font-size: var(--ws-type-size-visual-label-wide);
  }

  .ws-website-seismograph__driver h3,
  .ws-website-seismograph__outcome-heading strong {
    font-size: var(--ws-type-size-diagram-copy-wide);
  }

  .ws-website-seismograph__stage {
    height: clamp(180px, 18svh, 220px);
  }

  .ws-website-priority-model figcaption strong {
    font-size: var(--ws-type-size-figure-heading-wide);
  }

  .ws-website-priority-model__phase,
  .ws-website-priority-model__y-axis {
    font-size: var(--ws-type-size-visual-label-wide);
  }

  .ws-website-priority-model__scale,
  .ws-website-priority-model__bars {
    height: var(--ws-website-large-priority-chart-height);
  }

  .ws-website-priority-model__scale span {
    max-width: 150px;
    font-size: var(--ws-type-size-visual-label-wide);
  }

  .ws-website-priority-model__fill {
    width: var(--ws-website-large-priority-bar-width);
  }

  .ws-website-priority-model__field-labels span {
    font-size: var(--ws-type-size-visual-label-wide);
  }

}

@media (max-width: 1120px) {
  .ws-website-header__inner {
    grid-template-columns: auto minmax(0, 1fr) 134px;
    gap: clamp(12px, 1.8vw, 20px);
  }

  .ws-website-main-navigation {
    gap: clamp(9px, 1.2vw, 16px);
  }

  .ws-website-main-navigation a {
    font-size: var(--ws-type-size-label);
  }

  .ws-website-brand {
    gap: 8px;
    font-size: var(--ws-type-size-compact);
  }

  .ws-website-brand img {
    width: 42px;
    height: 42px;
  }

  .ws-website-header__check-slot {
    min-width: 134px;
  }

  .ws-website-losses__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: clamp(44px, 6vw, 64px);
  }

  .ws-website-hero {
    --ws-website-hero-gift-width: min(175vw, 1900px, calc(210svh - 56px));
  }

  .ws-website-hero__content {
    width: clamp(300px, 22%, 400px);
  }

  .ws-website-system__navigator-layout {
    grid-template-columns: minmax(300px, 0.8fr) minmax(430px, 1.2fr);
    gap: 64px;
  }

  .ws-website-foundation .ws-website-section-shell {
    grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);
    gap: 64px;
  }
}

@media (min-width: 861px) and (min-height: 900px) {
  .ws-website-hero {
    --ws-website-hero-gift-width: min(145vw, 2200px, calc(205svh - 48px));
    --ws-website-hero-cta-clearance: clamp(18px, 1.1vw, 24px);
  }

  .ws-website-hero__rail {
    gap: clamp(18px, 1.3vw, 20px);
    padding-bottom: clamp(32px, 3.5vw, 56px);
  }

  .ws-website-hero__orientation {
    gap: clamp(12px, 1vw, 16px);
  }

}

@media (min-width: 1200px) and (min-height: 720px) and (max-height: 899px) {
  .ws-website-hero {
    --ws-website-hero-gift-width: min(155vw, 2100px, calc(215svh - 64px));
    --ws-website-hero-cta-clearance: clamp(18px, 1.1vw, 24px);
  }

  .ws-website-hero__rail {
    gap: clamp(18px, 1.3vw, 20px);
    padding-bottom: clamp(32px, 3.5vw, 56px);
  }

  .ws-website-hero__orientation {
    gap: clamp(12px, 1vw, 16px);
    max-width: 840px;
  }

}

@media (min-width: 861px) and (max-height: 760px) {
  .ws-website-focus-story__stage {
    --ws-website-focus-content-inset: 10px;
    padding-top: 18px;
    padding-bottom: 20px;
  }

  .ws-website-focus-story__navigation {
    margin-bottom: 14px;
  }

  .ws-website-focus-translation__content {
    inset: 0 0 auto;
    height: max-content;
    min-height: 100%;
    transform: translateY(var(--ws-website-translation-shift-y, 0px));
    will-change: transform;
  }

  .ws-website-focus-story__visual > [data-focus-visual="pressure"] {
    padding-block: 0;
  }

  .ws-website-focus-story__copy-panel h2,
  .ws-website-focus-story__copy-panel h3 {
    margin-bottom: 18px;
    font-size: var(--ws-type-size-heading-desktop-compact);
  }

  .ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] h2.ws-website-focus-story__thesis {
    font-size: var(--ws-type-size-heading-desktop-narrow);
  }

  .ws-website-focus-story__copy-panel > p:last-child {
    font-size: var(--ws-type-size-body);
    line-height: var(--ws-type-line-body);
  }

  .ws-website-focus-story__priority-statement {
    font-size: var(--ws-type-size-body);
    line-height: var(--ws-type-line-body);
  }

  .ws-website-seismograph__source {
    padding-bottom: 10px;
  }

  .ws-website-seismograph__source-copy > strong {
    font-size: var(--ws-type-size-lead);
  }

  .ws-website-seismograph__driver {
    padding-top: 12px;
    padding-bottom: 14px;
  }

  .ws-website-seismograph__driver > span {
    margin-bottom: 7px;
    font-size: var(--ws-type-size-fine);
  }

  .ws-website-seismograph__driver h3 {
    font-size: var(--ws-type-size-body);
  }

  .ws-website-seismograph__stage {
    height: clamp(135px, 18svh, 165px);
  }

  .ws-website-priority-model__scale,
  .ws-website-priority-model__bars {
    height: 280px;
  }

}

@media (min-width: 1280px) and (max-height: 560px) {
  .ws-website-focus-story__stage {
    --ws-website-focus-content-inset: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .ws-website-focus-story__navigation {
    display: none;
  }

  .ws-website-focus-translation__title {
    padding-bottom: 6px;
    font-size: var(--ws-type-size-heading-medium);
  }

  .ws-website-focus-translation__content {
    gap: 4px;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company,
  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee {
    grid-template-columns: minmax(300px, 1fr) minmax(0, 3fr);
    column-gap: 24px;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--company {
    padding-top: 8px;
  }

  .ws-website-focus-translation__level.ws-website-focus-translation__level--employee {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 8px;
  }

  .ws-website-focus-translation__level-head {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  .ws-website-focus-translation__level-icon {
    width: 40px;
  }

  .ws-website-focus-translation__level:is(
    .ws-website-focus-translation__level--company,
    .ws-website-focus-translation__level--employee
  ) .ws-website-focus-translation__level-head strong {
    font-size: var(--ws-type-size-body);
  }

  .ws-website-focus-translation__decision {
    grid-template-rows: 48px auto;
    gap: 4px;
    padding-inline: 8px;
  }

  .ws-website-focus-translation__decision-copy strong,
  .ws-website-focus-translation__contributions strong {
    font-size: var(--ws-type-size-body);
    line-height: var(--ws-type-line-compact);
  }

  .ws-website-focus-translation__decision-copy p,
  .ws-website-focus-translation__contributions p {
    margin-top: 2px;
    font-size: var(--ws-type-size-compact);
    line-height: var(--ws-type-line-compact);
  }

  .ws-website-focus-translation__customer-grid,
  .ws-website-focus-translation__measure-grid {
    width: min(100%, 64px);
  }

  .ws-website-focus-translation__profile {
    width: min(100%, 70px);
    min-height: 48px;
    gap: 5px;
  }

  .ws-website-focus-translation__profile i {
    width: 7px;
    height: 48px;
  }

  .ws-website-focus-translation__contributions article,
  .ws-website-focus-translation__contributions article > div {
    min-height: 72px;
  }

  .ws-website-focus-translation__contributions article > div {
    padding-inline: 8px;
  }

  .ws-website-focus-translation__bridge {
    padding-block: 2px;
  }
}

@media (min-width: 861px) and (max-width: 1040px) {
  .ws-website-focus-story__stage {
    grid-template-columns: minmax(350px, 0.78fr) minmax(0, 1.22fr);
    column-gap: 28px;
  }

  .ws-website-focus-story__copy-panel h2,
  .ws-website-focus-story__copy-panel h3 {
    font-size: var(--ws-type-size-heading-desktop-narrow);
  }
}

@media (max-width: 860px) {
  .ws-app--website {
    --ws-website-header-block-size: 108px;
    --ws-website-mobile-platform-navigator-height: clamp(156px, 22svh, 184px);
  }

  .ws-website-header {
    padding: 0 16px;
  }

  .ws-website-header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 64px 44px;
    gap: 0 16px;
  }

  .ws-website-main-navigation {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid var(--ws-website-line);
  }

  .ws-website-main-navigation a {
    justify-content: center;
    padding: 0 6px;
    font-size: var(--ws-type-size-label);
    line-height: var(--ws-type-line-control);
    text-align: center;
    text-wrap: balance;
    white-space: normal;
  }

  .ws-website-header__check-slot {
    grid-column: 2;
    grid-row: 1;
    min-width: 114px;
  }

  .ws-website-brand {
    font-size: var(--ws-type-size-compact);
  }

  .ws-website-brand img {
    width: 38px;
    height: 38px;
  }

  .ws-app--website .ws-website-cta--sticky-check {
    min-height: 38px;
    padding: 9px 13px;
    font-size: var(--ws-type-size-label);
  }

  .ws-website-hero {
    --ws-website-mobile-gift-top: clamp(20px, 5svh, 44px);
    --ws-website-mobile-gift-width: 146vw;
    --ws-website-mobile-package-top: calc(var(--ws-website-mobile-gift-top) + var(--ws-website-mobile-gift-width) * 0.0453);
    --ws-website-mobile-body-bottom: calc(var(--ws-website-mobile-gift-top) + 58.4vw);
    --ws-website-mobile-shadow-bottom: calc(var(--ws-website-mobile-gift-top) + 64.97vw);
    --ws-website-hero-copy-inset: clamp(16px, 3vw, 22px);
    --ws-website-hero-audience-inset-y: clamp(8px, 2vw, 16px);
    --ws-website-mobile-package-left: calc(47% - var(--ws-website-mobile-gift-width) * 0.302);
    --ws-website-mobile-audience-right-gap: clamp(6px, 1vw, 10px);
    --ws-website-mobile-cta-clearance: clamp(20px, 3vw, 24px);
    min-height: max(
      calc(100svh - var(--ws-website-header-block-size)),
      440px,
      calc(var(--ws-website-mobile-shadow-bottom) + var(--ws-website-mobile-cta-clearance) + 70px)
    );
  }

  .ws-website-hero__stage {
    inset: 0;
    width: 100%;
    aspect-ratio: auto;
    container-type: normal;
    transform: none;
  }

  .ws-website-hero__content {
    top: auto;
    bottom: calc(100% - var(--ws-website-mobile-body-bottom) + var(--ws-website-hero-copy-inset));
    left: calc(var(--ws-website-mobile-package-left) + var(--ws-website-hero-copy-inset));
    width: clamp(180px, 36vw, 270px);
  }

  .ws-website-hero__audience {
    top: calc(var(--ws-website-mobile-package-top) + var(--ws-website-hero-audience-inset-y));
    left: calc(var(--ws-website-mobile-package-left) + var(--ws-website-hero-copy-inset));
    width: calc(37.95vw - var(--ws-website-hero-copy-inset) - var(--ws-website-mobile-audience-right-gap));
    font-size: var(--ws-type-size-hero-audience-mobile);
    letter-spacing: var(--ws-type-tracking-mobile-label);
    line-height: var(--ws-type-line-heading-relaxed);
  }

  .ws-website-hero h1 {
    font-size: var(--ws-type-size-hero-title-mobile-landscape);
  }

  .ws-website-hero h1 span {
    white-space: nowrap;
  }

  .ws-website-gift-canvas {
    top: var(--ws-website-mobile-gift-top);
    right: auto;
    bottom: auto;
    left: 47%;
    width: var(--ws-website-mobile-gift-width);
    aspect-ratio: 2 / 1;
    transform: translateX(-50%);
  }

  .ws-website-gift-shadow {
    top: calc(
      var(--ws-website-mobile-gift-top)
      + var(--ws-website-mobile-gift-width) * 0.4
    );
    left: calc(47% - var(--ws-website-mobile-gift-width) * 0.275);
    width: calc(var(--ws-website-mobile-gift-width) * 0.55);
    height: calc(var(--ws-website-mobile-gift-width) * 0.04);
  }

  .ws-website-hero__rail {
    --ws-website-hero-rail-left: max(
      16px,
      calc(var(--ws-website-mobile-package-left) + var(--ws-website-hero-copy-inset))
    );
    width: calc(100% - var(--ws-website-hero-rail-left) - 16px);
    margin-left: var(--ws-website-hero-rail-left);
    padding-top: calc(var(--ws-website-mobile-shadow-bottom) + var(--ws-website-mobile-cta-clearance));
    padding-bottom: clamp(40px, 7vw, 56px);
  }

  .ws-website-check {
    height: 100dvh;
    padding: 0;
  }

  .ws-website-check > .ws-website-section-shell {
    padding: 0 24px 52px;
  }

  .ws-website-check__intro h2 {
    font-size: var(--ws-type-size-check-intro-title-mobile);
  }

  .ws-website-check__experience {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .ws-website-check__question-column {
    grid-row: 2;
    min-height: 0;
  }

  .ws-website-context {
    padding: 0;
  }

  .ws-website-foundation .ws-website-section-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-website-system__navigator-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .ws-website-system__navigator {
    position: sticky;
    top: var(--ws-website-header-block-size);
    z-index: 4;
    width: 100%;
    height: var(--ws-website-mobile-platform-navigator-height);
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(190px, 32vw, 240px);
    align-self: start;
  }

  .ws-website-system__navigator-head {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .ws-website-system__navigator-current {
    margin-top: 18px;
    padding-top: 12px;
    display: block;
    border-top: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 24%, transparent);
    color: var(--ws-website-brand);
    font-size: var(--ws-type-size-caption);
    font-weight: var(--ws-type-weight-bold);
    letter-spacing: var(--ws-type-tracking-label);
    line-height: var(--ws-type-line-compact);
    text-transform: var(--ws-type-case-label);
  }

  .ws-website-system__navigator-segment-label {
    font-size: var(--ws-type-size-lead-small);
    font-weight: var(--ws-type-weight-bold);
    letter-spacing: var(--ws-type-tracking-heading);
  }

  .ws-website-system__navigator-wheel-wrap {
    min-height: 0;
    display: grid;
    place-items: center;
  }

  .ws-website-system__navigator-wheel {
    width: min(100%, var(--ws-website-mobile-platform-navigator-height));
    max-height: 100%;
  }

  .ws-website-js .ws-website-system__intro {
    min-height: 0;
  }

  .ws-website-js .ws-website-system__navigator-layout {
    position: relative;
    min-height: 0;
  }

  .ws-website-js .ws-website-system__phases {
    position: relative;
    top: auto;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: var(--ws-color-hex-ffffff);
  }

  .ws-website-js .ws-website-system-phase[data-platform-phase] {
    position: relative;
    inset: auto;
    padding: clamp(28px, 5svh, 44px) 0 24px;
    overflow: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition: none;
  }

  .ws-website-focus-story__copy-panel h2,
  .ws-website-focus-story__copy-panel h3 {
    font-size: var(--ws-type-size-story-mobile-heading);
  }

  .ws-website-focus-story[data-focus-phase="pressure-intro"] [data-focus-copy="pressure"] h2 {
    max-width: 100%;
    font-size: var(--ws-type-size-story-mobile-heading);
    line-height: var(--ws-type-line-heading);
  }

  .ws-website-js .ws-website-focus-story [data-focus-copy="constraint"] {
    z-index: 1;
    background: var(--ws-website-ink);
  }

  .ws-website-focus-story[data-focus-phase] [data-focus-copy="constraint"] h3 {
    max-width: 100%;
    font-size: var(--ws-type-size-story-mobile-heading-compact);
    line-height: var(--ws-type-line-heading-tight);
  }

  .ws-website-context__relevance {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .ws-website-context__relevance-levels {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
  }

  .ws-website-context__relevance .ws-website-eyebrow {
    margin-top: 0;
  }

  .ws-website-context__relevance-statement {
    font-size: var(--ws-type-size-relevance-mobile);
  }

  .ws-website-losses {
    padding: var(--ws-website-mobile-section-space) 0;
  }

  .ws-website-losses__intro,
  .ws-website-losses__conclusion {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-website-losses__intro {
    gap: 24px;
    margin-bottom: var(--ws-website-mobile-content-space);
  }

  .ws-website-losses__intro h2 {
    max-width: 15ch;
    font-size: var(--ws-type-size-system-intro-mobile);
  }

  .ws-website-losses__intro > p {
    max-width: 100%;
  }

  .ws-website-losses__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .ws-website-loss-point {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    padding: 36px 0;
    border-top: 1px solid var(--ws-website-line);
  }

  .ws-website-loss-point:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .ws-website-loss-point:last-child {
    padding-bottom: 0;
  }

  .ws-website-loss-point__transition {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-bottom: 0;
  }

  .ws-website-loss-point__copy {
    display: contents;
  }

  .ws-website-loss-point__phase {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
  }

  .ws-website-loss-point__copy h3 {
    grid-column: 2;
    grid-row: 2;
  }

  .ws-website-loss-point__detail {
    grid-column: 1 / -1;
    grid-row: 3;
    margin-top: 24px;
  }

  .ws-website-losses__conclusion {
    gap: 24px;
    margin-top: var(--ws-website-mobile-content-space);
    padding: clamp(28px, 7vw, 40px);
  }

  .ws-website-seismograph__causal {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-website-seismograph__source {
    padding: 0 0 24px;
    border-right: 0;
  }

  .ws-website-seismograph__driver {
    padding-right: 20px;
    padding-left: 20px;
  }

  .ws-website-system__intro h2,
  .ws-website-foundation__intro h3 {
    font-size: var(--ws-type-size-foundation-mobile);
  }

  .ws-website-system-phase {
    padding: 48px 0;
  }

  .ws-website-system-phase h3 {
    font-size: var(--ws-type-size-system-phase-mobile);
  }

  .ws-website-closing__surface {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
  }

  .ws-website-closing__content {
    max-width: 700px;
  }

  .ws-website-footer__inner {
    grid-template-columns: 1fr auto;
  }

  .ws-website-footer p {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@media (max-width: 520px) {
  .ws-website-check {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 600px) {
  .ws-app--website {
    --ws-website-mobile-content-space: clamp(64px, 18vw, 84px);
    --ws-website-mobile-section-space: clamp(96px, 26vw, 120px);
  }

  .ws-website-losses__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .ws-website-loss-point {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 28px 0;
    border-top: 1px solid var(--ws-website-line);
  }

  .ws-website-loss-point:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .ws-website-loss-point:last-child {
    padding-bottom: 0;
  }

  .ws-website-loss-point__transition {
    grid-template-columns: minmax(6px, 1fr) auto minmax(6px, 1fr);
    gap: 4px;
    min-height: 56px;
    margin-bottom: 0;
  }

  .ws-website-loss-point__transition::before,
  .ws-website-loss-point__transition::after {
    height: 2px;
  }

  .ws-website-loss-point__transition::after {
    background: color-mix(in srgb, var(--ws-website-brand-on-light) 75%, transparent);
  }

  .ws-website-loss-point__icon {
    width: 56px;
  }

  .ws-website-loss-point__copy h3 {
    max-width: 100%;
    font-size: var(--ws-type-size-heading-small);
  }

  .ws-website-loss-point__copy p {
    max-width: 100%;
  }

  .ws-app--website .ws-website-cta--sticky-check {
    width: auto;
  }

  .ws-website-section-shell,
  .ws-website-footer__inner {
    width: min(calc(100% - 32px), var(--ws-website-content-width));
  }

  .ws-website-brand span {
    font-size: var(--ws-type-size-caption);
  }

  .ws-website-eyebrow {
    margin-bottom: 17px;
    font-size: var(--ws-type-size-meta);
  }

  .ws-website-check {
    padding: 0;
  }

  .ws-website-check > .ws-website-section-shell {
    padding: 0 16px 18px;
  }

  .ws-website-check__toolbar {
    margin-right: -16px;
    margin-bottom: 14px;
    margin-left: -16px;
    padding: 11px 16px;
  }

  .ws-website-check__intro {
    margin-bottom: 14px;
  }

  .ws-website-check__intro h2 {
    margin-bottom: 8px;
    font-size: var(--ws-type-size-check-intro-title-narrow);
  }

  .ws-website-check__intro > p:last-child {
    font-size: var(--ws-type-size-small);
    line-height: var(--ws-type-line-body-compact);
  }

  .ws-website-check__experience {
    gap: 12px;
  }

  .ws-website-check__question-column {
    padding: 15px;
  }

  .ws-website-check__progress {
    align-items: center;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 8px;
  }

  .ws-website-check__progress span:last-child {
    text-align: right;
  }

  .ws-website-check-question h3,
  .ws-website-check__completion h3 {
    margin-bottom: 8px;
    font-size: var(--ws-type-size-check-question-mobile);
    line-height: var(--ws-type-line-heading-tight);
    text-wrap: pretty;
  }

  .ws-website-check-question > p:not(.ws-website-check-question__phase),
  .ws-website-check__completion > p:not(.ws-website-check-question__phase, .ws-website-check__result-summary) {
    font-size: var(--ws-type-size-small);
    line-height: var(--ws-type-line-compact);
  }

  .ws-website-check-scale {
    margin-top: 6px;
  }

  .ws-website-check-scale__ends {
    gap: 20px;
    font-size: var(--ws-type-size-meta);
  }

  .ws-website-check__phase-track {
    gap: 4px;
  }

  .ws-website-check__phase-step {
    padding-inline: 2px;
  }

  .ws-website-check__phase-step > strong {
    font-size: var(--ws-type-size-fine);
  }

  .ws-website-check__navigation {
    margin: 6px -15px 0;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .ws-website-check__back,
  .ws-website-check__next {
    min-height: 44px;
  }

  .ws-website-check__completion {
    padding-top: 18px;
  }

  .ws-website-check__result-summary {
    margin-top: 14px;
    padding: 10px 12px;
    font-size: var(--ws-type-size-caption);
    line-height: var(--ws-type-line-body-compact);
  }

  .ws-app--website .ws-website-check__print-action {
    width: 100%;
  }

  .ws-website-hero__content {
    width: clamp(160px, 46vw, 220px);
  }

  .ws-website-hero h1 {
    font-size: var(--ws-type-size-hero-title-mobile-compact);
  }

  .ws-website-context {
    padding-top: var(--ws-website-mobile-section-space);
    padding-bottom: var(--ws-website-mobile-section-space);
  }

  .ws-website-js .ws-website-context {
    padding-top: 0;
    padding-bottom: var(--ws-website-mobile-section-space);
  }

  .ws-website-focus-story .ws-website-focus-story__copy-panel[data-focus-copy] {
    padding-top: var(--ws-website-mobile-section-space);
    padding-bottom: var(--ws-website-mobile-content-space);
  }

  .ws-website-focus-story .ws-website-focus-story__copy-panel[data-focus-copy="pressure"] {
    padding-top: 0;
    padding-bottom: var(--ws-website-mobile-content-space);
  }

  .ws-website-seismograph[data-focus-visual="pressure"],
  .ws-website-priority-model[data-focus-visual="priority"],
  .ws-website-focus-translation[data-focus-visual="decisions"] {
    margin-bottom: var(--ws-website-mobile-section-space);
  }

  .ws-website-focus-story__copy-panel h2,
  .ws-website-focus-story__copy-panel h3 {
    font-size: var(--ws-type-size-story-mobile-heading);
    line-height: var(--ws-type-line-heading);
  }

  .ws-website-focus-story[data-focus-phase] [data-focus-copy="constraint"] h3 {
    font-size: var(--ws-type-size-story-mobile-heading-compact);
    line-height: var(--ws-type-line-heading-tight);
  }

  .ws-website-seismograph__causal {
    --ws-website-mobile-driver-content-inset: clamp(40px, 10.5vw, 44px);
    --ws-website-mobile-driver-spine-x: clamp(10px, 2.8vw, 12px);
  }

  .ws-website-seismograph__drivers {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-left: var(--ws-website-mobile-driver-content-inset);
    background: transparent;
  }

  .ws-website-seismograph__drivers::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--ws-website-mobile-driver-spine-x);
    width: 1.5px;
    background: var(--ws-website-brand);
  }

  .ws-website-seismograph__source {
    gap: 8px;
    padding-bottom: 0;
  }

  .ws-website-js .ws-website-seismograph .ws-website-seismograph__driver:nth-child(1),
  .ws-website-js .ws-website-seismograph .ws-website-seismograph__driver:nth-child(2),
  .ws-website-js .ws-website-seismograph .ws-website-seismograph__driver:nth-child(3),
  .ws-website-seismograph__driver,
  .ws-website-seismograph__driver:first-child {
    position: relative;
    padding: clamp(8px, 2.25vw, 10px) 0;
    display: grid;
    grid-template-columns: clamp(88px, 25vw, 102px) minmax(0, 1fr);
    gap: clamp(10px, 3vw, 14px);
    align-items: start;
    border-left: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 14%, transparent);
  }

  .ws-website-seismograph__driver:last-child {
    border-bottom: 0;
  }

  .ws-website-seismograph__driver::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(var(--ws-website-mobile-driver-spine-x) - var(--ws-website-mobile-driver-content-inset));
    width: calc(var(--ws-website-mobile-driver-content-inset) - var(--ws-website-mobile-driver-spine-x) - 8px);
    height: 1.5px;
    background: var(--ws-website-brand);
    transform: translateY(-50%);
  }

  .ws-website-seismograph__driver::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid var(--ws-website-brand);
    transform: translateY(-50%);
  }

  .ws-website-seismograph__driver > span {
    align-self: center;
    margin-bottom: 0;
    padding-top: 0;
    font-size: var(--ws-type-size-story-mobile-visual-label);
    letter-spacing: var(--ws-type-tracking-label);
    overflow-wrap: normal;
  }

  .ws-website-seismograph__driver h3 {
    font-size: var(--ws-type-size-story-mobile-diagram-copy);
    line-height: var(--ws-type-line-control);
    overflow-wrap: normal;
    hyphens: auto;
  }

  .ws-website-seismograph__drivers {
    border: 0;
  }

  .ws-website-seismograph__connector {
    display: none;
  }

  .ws-website-seismograph__flow,
  .ws-website-seismograph__convergence {
    height: 24px;
  }

  .ws-website-seismograph__flow {
    background: linear-gradient(var(--ws-website-brand), var(--ws-website-brand))
      var(--ws-website-mobile-driver-spine-x) 11px / 1.5px calc(100% - 11px) no-repeat;
  }

  .ws-website-seismograph__convergence {
    background:
      linear-gradient(var(--ws-website-brand), var(--ws-website-brand))
        var(--ws-website-mobile-driver-spine-x) 0 / 1.5px 12px no-repeat,
      linear-gradient(var(--ws-website-brand), var(--ws-website-brand))
        50% 11px / 1.5px calc(100% - 11px) no-repeat;
  }

  .ws-website-seismograph__flow::before,
  .ws-website-seismograph__flow::after,
  .ws-website-seismograph__convergence::before,
  .ws-website-seismograph__convergence::after {
    content: "";
    position: absolute;
  }

  .ws-website-seismograph__flow::before {
    top: 11px;
    right: 50%;
    left: var(--ws-website-mobile-driver-spine-x);
    height: 1.5px;
    background: var(--ws-website-brand);
  }

  .ws-website-seismograph__flow::after {
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 12px;
    background: var(--ws-website-brand);
  }

  .ws-website-seismograph__convergence::before {
    top: 11px;
    right: 50%;
    left: var(--ws-website-mobile-driver-spine-x);
    height: 1.5px;
    background: var(--ws-website-brand);
  }

  .ws-website-seismograph__convergence::after {
    bottom: -1px;
    left: calc(50% - 4px);
    border-top: 6px solid var(--ws-website-brand);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }

  .ws-website-seismograph__stage {
    height: clamp(94px, 27vw, 112px);
  }

  .ws-website-priority-model {
    padding-top: 24px;
  }

  .ws-website-priority-model__phase {
    font-size: var(--ws-type-size-meta);
  }

  .ws-website-priority-model__y-axis {
    font-size: var(--ws-type-size-story-mobile-visual-label);
    letter-spacing: var(--ws-type-tracking-label);
  }

  .ws-website-priority-model__chart {
    grid-template-columns: minmax(0, 1fr) clamp(88px, 26vw, 104px);
    gap: 10px;
  }

  .ws-website-priority-model__scale,
  .ws-website-priority-model__bars {
    height: 224px;
  }

  .ws-website-priority-model__scale span {
    max-width: 100%;
    font-size: var(--ws-type-size-story-mobile-visual-label);
    letter-spacing: var(--ws-type-tracking-navigation);
    white-space: normal;
  }

  .ws-website-priority-model__bars {
    padding: 0 4px;
    gap: clamp(7px, 2.5vw, 15px);
  }

  .ws-website-priority-model__fill {
    width: clamp(18px, 5.4vw, 30px);
  }

  .ws-website-priority-model__field-axis {
    margin-top: 12px;
    grid-template-columns: minmax(0, 1fr) clamp(88px, 26vw, 104px);
    gap: 10px;
  }

  .ws-website-priority-model__field-labels {
    padding: 0 4px;
    gap: clamp(7px, 2.5vw, 15px);
  }

  .ws-website-priority-model__field-labels span {
    font-size: var(--ws-type-size-story-mobile-visual-label);
    line-height: var(--ws-type-line-control);
    hyphens: manual;
    overflow-wrap: anywhere;
  }

  .ws-website-priority-model figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    margin-top: 26px;
    padding-top: 16px;
  }



  .ws-website-context__relevance {
    margin-top: var(--ws-website-mobile-section-space);
  }

  .ws-website-system {
    padding: var(--ws-website-mobile-section-space) 0;
  }

  .ws-website-system__intro h2 {
    font-size: var(--ws-type-size-system-intro-mobile);
  }

  .ws-website-system__intro {
    margin-bottom: var(--ws-website-mobile-content-space);
  }

  .ws-website-system__navigator-layout {
    gap: var(--ws-website-mobile-content-space);
  }

  .ws-website-system__navigator {
    width: 100%;
    top: var(--ws-website-header-block-size);
    grid-template-columns: minmax(0, 1fr) clamp(116px, 32vw, 148px);
    grid-template-rows: minmax(0, 1fr);
  }

  .ws-website-system__navigator-head {
    padding: 14px 16px;
  }

  .ws-website-system__navigator-head span {
    margin-bottom: 6px;
    font-size: var(--ws-type-size-meta);
  }

  .ws-website-system__navigator-head strong {
    font-size: var(--ws-type-size-story-mobile-body);
    line-height: var(--ws-type-line-meta);
  }

  .ws-website-system__navigator-current {
    margin-top: 9px;
    padding-top: 7px;
    font-size: var(--ws-type-size-meta);
    letter-spacing: var(--ws-type-tracking-label);
  }

  .ws-website-system__navigator-segment-label {
    font-size: var(--ws-type-size-body-large);
  }

  .ws-website-system__navigator-wheel-wrap {
    padding: 4px;
    overflow: hidden;
  }

  .ws-website-system__navigator-wheel {
    width: min(100%, var(--ws-website-mobile-platform-navigator-height));
    height: auto;
    max-width: 100%;
  }

  .ws-website-system-phase {
    padding: clamp(44px, 12vw, 56px) 0;
  }

  .ws-website-system-phase h3 {
    font-size: var(--ws-type-size-system-phase-mobile-compact);
    hyphens: auto;
    overflow-wrap: anywhere;
  }

  .ws-website-system-phase > p:not(.ws-website-system-phase__label) {
    font-size: var(--ws-type-size-body);
  }

  .ws-website-function {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .ws-website-function__details > summary,
  .ws-website-function__body {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .ws-website-function__details > summary {
    padding-block: 20px;
  }

  .ws-website-function__body {
    padding-top: 0;
    gap: 18px;
  }

  .ws-website-foundation {
    margin-top: var(--ws-website-mobile-section-space);
    padding: var(--ws-website-mobile-section-space) 0;
  }

  .ws-website-foundation__intro h3 {
    font-size: var(--ws-type-size-foundation-mobile-compact);
  }

  .ws-website-closing {
    min-height: auto;
    padding: 72px 0;
  }

  .ws-website-closing__surface {
    gap: 30px;
    padding: 26px 22px;
    border-radius: 20px;
  }

  .ws-website-closing h2 {
    font-size: var(--ws-type-size-closing-mobile);
  }

  .ws-website-contact {
    padding: 24px 20px;
  }

  .ws-website-contact__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-website-contact__field--wide,
  .ws-website-contact__privacy,
  .ws-website-contact__status,
  .ws-website-contact__actions {
    grid-column: 1;
  }

  .ws-website-contact__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .ws-website-contact__actions .ws-website-cta {
    width: 100%;
  }

  .ws-website-contact__success {
    min-height: 320px;
  }

  .ws-website-footer {
    padding: 30px 0;
  }

  .ws-website-footer__inner {
    grid-template-columns: 1fr;
  }

  .ws-website-footer p,
  .ws-website-footer nav {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
}

@media (max-width: 420px) {
  .ws-website-header__inner {
    gap: 0 8px;
  }

  .ws-website-brand {
    min-width: 0;
    gap: 8px;
  }

  .ws-website-brand span {
    min-width: 0;
    font-size: var(--ws-type-size-label);
    white-space: nowrap;
  }

  .ws-website-header__check-slot {
    min-width: 0;
  }

  .ws-app--website .ws-website-cta--sticky-check {
    gap: 6px;
    padding: 8px 10px;
    font-size: var(--ws-type-size-label);
  }

  .ws-website-main-navigation a {
    padding-inline: 3px;
    font-size: var(--ws-type-size-fine);
  }

  .ws-website-priority-model__chart,
  .ws-website-priority-model__field-axis {
    grid-template-columns: minmax(0, 1fr) clamp(88px, 26vw, 104px);
    gap: 8px;
  }

  .ws-website-priority-model__bars,
  .ws-website-priority-model__field-labels {
    gap: 4px;
  }

  .ws-website-system__navigator-segment-label {
    font-size: var(--ws-type-size-heading-small);
    letter-spacing: var(--ws-type-tracking-heading);
  }

  .ws-website-focus-story__progress {
    width: calc(100% + 24px);
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.35fr);
    margin-inline: -12px;
    gap: 4px;
  }

  .ws-website-focus-story__progress button {
    min-height: 44px;
  }

  .ws-website-contact-response {
    padding: 16px;
  }

  .ws-website-closing {
    padding: 48px 0;
  }

  .ws-website-closing__surface {
    padding: 22px 18px;
  }

  .ws-website-contact {
    padding: 22px 16px;
  }

  .ws-website-hero__content {
    right: auto;
    width: min(46vw, 170px);
  }

  .ws-website-hero h1 {
    font-size: var(--ws-type-size-hero-title-mobile-narrow);
  }

  .ws-website-hero__rail {
    align-items: stretch;
    flex-direction: column;
    gap: 20px;
  }

  .ws-app--website .ws-website-cta--hero {
    width: 100%;
  }

}

@media (max-width: 340px) {
  .ws-website-check__intro-detail {
    display: none;
  }

  .ws-website-loss-point {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .ws-website-loss-point__transition,
  .ws-website-loss-point__phase,
  .ws-website-loss-point__copy h3,
  .ws-website-loss-point__detail {
    grid-column: 1;
    grid-row: auto;
  }

  .ws-website-loss-point__phase {
    margin-bottom: -8px;
  }
}

@media (max-width: 860px) and (orientation: portrait) {
  .ws-website-header__inner:has(.ws-website-header__check-slot [data-check-sticky][hidden]) {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .ws-website-header .ws-website-brand {
    justify-self: center;
  }

  .ws-website-header__check-slot:has([data-check-sticky][hidden]) {
    display: none;
  }

  .ws-website-hero {
    --ws-website-portrait-gift-top: clamp(14px, 2.4svh, 22px);
    --ws-website-portrait-gift-width: max(260px, min(100cqw, 600px, calc(80svh - 222px)));
    --ws-website-portrait-image-height: calc(var(--ws-website-portrait-gift-width) * 1.24955);
    --ws-website-portrait-shadow-bottom: calc(var(--ws-website-portrait-gift-top) + var(--ws-website-portrait-image-height));
    --ws-website-portrait-package-left: calc(
      50%
      - var(--ws-website-portrait-gift-width) / 2
      + var(--ws-website-portrait-gift-width) * 0.085
    );
    --ws-website-portrait-package-top: calc(
      var(--ws-website-portrait-gift-top)
      + var(--ws-website-portrait-gift-width) * 0.045
    );
    --ws-website-portrait-package-bottom: calc(
      var(--ws-website-portrait-gift-top)
      + var(--ws-website-portrait-gift-width) * 1.178
    );
    --ws-website-portrait-edge-inset: clamp(15px, 4cqw, 24px);
    --ws-website-portrait-claim-glyph-compensation: clamp(1px, 0.5cqw, 3px);
    --ws-website-portrait-cta-gap: clamp(18px, 2.8svh, 24px);
    --ws-website-portrait-bottom-space: clamp(28px, 4.5svh, 48px);
    --ws-website-portrait-stage-height: var(--ws-website-portrait-shadow-bottom);
    --ws-website-portrait-copy-left: calc(
      var(--ws-website-portrait-package-left)
      + var(--ws-website-portrait-edge-inset)
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    container-type: inline-size;
    min-height: max(
      calc(100svh - var(--ws-website-header-block-size)),
      calc(
        var(--ws-website-portrait-stage-height)
        + var(--ws-website-portrait-cta-gap)
        + 54px
        + var(--ws-website-portrait-bottom-space)
      )
    );
  }

  .ws-website-hero__stage {
    position: relative;
    inset: auto;
    flex: 0 0 var(--ws-website-portrait-stage-height);
    width: 100%;
    height: var(--ws-website-portrait-stage-height);
  }

  .ws-website-gift-stage {
    inset: 0 0 auto;
    height: var(--ws-website-portrait-shadow-bottom);
  }

  .ws-website-gift-canvas {
    top: var(--ws-website-portrait-gift-top);
    left: 50%;
    width: var(--ws-website-portrait-gift-width);
    aspect-ratio: 1122 / 1402;
  }

  .ws-website-gift-ribbon-assembly {
    clip-path: inset(3.65% 9.6% 5.07% 8.9%);
  }

  .ws-website-gift-shadow {
    top: calc(
      var(--ws-website-portrait-gift-top)
      + var(--ws-website-portrait-gift-width) * 1.17
    );
    left: var(--ws-website-portrait-package-left);
    width: calc(var(--ws-website-portrait-gift-width) * 0.83);
    height: calc(var(--ws-website-portrait-gift-width) * 0.045);
  }

  .ws-website-hero__audience {
    top: calc(
      var(--ws-website-portrait-package-top)
      + var(--ws-website-portrait-edge-inset)
    );
    left: var(--ws-website-portrait-copy-left);
    width: calc(var(--ws-website-portrait-gift-width) * 0.355 - var(--ws-website-portrait-edge-inset));
    font-size: var(--ws-type-size-hero-audience-mobile-portrait);
  }

  .ws-website-hero__content {
    top: auto;
    right: auto;
    bottom: calc(
      100%
      - var(--ws-website-portrait-package-bottom)
      + var(--ws-website-portrait-edge-inset)
      - var(--ws-website-portrait-claim-glyph-compensation)
    );
    left: var(--ws-website-portrait-copy-left);
    width: min(calc(var(--ws-website-portrait-gift-width) * 0.38), 228px);
  }

  .ws-website-hero h1 {
    font-size: var(--ws-type-size-hero-title-mobile-portrait);
  }

  .ws-website-hero h1 .ws-website-hero__portrait-line {
    display: block;
  }

  .ws-website-hero__rail {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    flex: 0 0 auto;
    width: min(calc(100% - 48px), 360px);
    margin: var(--ws-website-portrait-cta-gap) auto var(--ws-website-portrait-bottom-space);
    padding: 0;
  }

  .ws-app--website .ws-website-cta--hero {
    width: 100%;
  }
}

@media (max-height: 820px) {
  .ws-website-check > .ws-website-section-shell {
    padding-bottom: 14px;
  }

  .ws-website-check__toolbar {
    margin-bottom: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .ws-website-check__close {
    width: 44px;
    height: 44px;
    font-size: var(--ws-type-size-subheading-large);
  }

  .ws-website-check__intro {
    margin-bottom: 12px;
  }

  .ws-website-check__intro .ws-website-eyebrow,
  .ws-website-check__intro > p:last-child {
    display: none;
  }

  .ws-website-check__intro h2 {
    margin-bottom: 8px;
    font-size: var(--ws-type-size-check-intro-title-short);
  }

  .ws-website-check__intro > p:last-child {
    font-size: var(--ws-type-size-small);
    line-height: var(--ws-type-line-body-compact);
  }

  .ws-website-check__experience {
    gap: 12px;
  }

  .ws-website-check__phase-step {
    grid-template-rows: auto minmax(24px, auto) 4px;
  }

  .ws-website-check__phase-step > i {
    margin-top: 6px;
  }

  .ws-website-check__question-column {
    padding: 18px;
  }

  .ws-website-check__progress {
    align-items: center;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 10px;
  }

  .ws-website-check__progress span:last-child {
    text-align: right;
  }

  .ws-website-check-question h3,
  .ws-website-check__completion h3 {
    margin-bottom: 10px;
    font-size: var(--ws-type-size-check-question-short);
    line-height: var(--ws-type-line-heading);
  }

  .ws-website-check-question > p:not(.ws-website-check-question__phase),
  .ws-website-check__completion > p:not(.ws-website-check-question__phase) {
    font-size: var(--ws-type-size-small);
    line-height: var(--ws-type-line-body-compact);
  }

  .ws-website-check-scale {
    margin-top: 18px;
  }

  .ws-website-check-scale__rail label {
    min-height: 44px;
  }

  .ws-website-check-scale__rail label > span {
    width: 16px;
    height: 16px;
  }

  .ws-website-check-scale__ends {
    margin-top: 8px;
    font-size: var(--ws-type-size-meta);
  }

  .ws-website-check__navigation {
    margin: 14px -18px 0;
    padding: 10px 18px 0;
  }

  .ws-website-check__back,
  .ws-website-check__next {
    min-height: 44px;
  }

  .ws-website-check__completion {
    padding-top: 18px;
  }

  .ws-website-check__result-summary {
    margin-top: 14px;
    padding: 10px 12px;
    font-size: var(--ws-type-size-caption);
    line-height: var(--ws-type-line-body-compact);
  }
}

@media (max-height: 680px) {
  .ws-website-check__toolbar {
    margin-bottom: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .ws-website-check__intro {
    margin-bottom: 8px;
  }

  .ws-website-check__intro h2 {
    margin-bottom: 0;
    font-size: var(--ws-type-size-subheading-large);
  }

  .ws-website-check__intro > p:last-child {
    display: none;
  }

  .ws-website-check__phase-step > span {
    margin-bottom: 1px;
  }

  .ws-website-check__phase-step {
    grid-template-rows: auto 4px;
  }

  .ws-website-check__phase-step > strong {
    display: none;
  }

  .ws-website-check__question-column {
    padding: 10px 14px;
  }

  .ws-website-check__progress {
    margin-bottom: 10px;
    padding-bottom: 8px;
    font-size: var(--ws-type-size-tiny);
  }

  .ws-website-check-question h3,
  .ws-website-check__completion h3 {
    margin-bottom: 8px;
    font-size: var(--ws-type-size-check-question-compact);
    line-height: var(--ws-type-line-heading);
  }

  .ws-website-check-question > p:not(.ws-website-check-question__phase),
  .ws-website-check__completion > p:not(.ws-website-check-question__phase, .ws-website-check__result-summary) {
    font-size: var(--ws-type-size-small);
    line-height: var(--ws-type-line-body-compact);
  }

  .ws-website-check-scale {
    margin-top: 10px;
  }

  .ws-website-check-scale__ends {
    margin-top: 5px;
    font-size: var(--ws-type-size-tiny);
    line-height: var(--ws-type-line-compact);
  }

  .ws-website-check__navigation {
    margin: 8px -14px 0;
    padding: 6px 14px 0;
  }

  .ws-website-check__result-summary {
    margin-top: 10px;
    padding: 8px 10px;
    font-size: var(--ws-type-size-label);
  }

  .ws-website-check__actions {
    gap: 12px;
    margin-top: 16px;
  }
}

@media (max-height: 580px) {
  .ws-website-check__intro {
    display: none;
  }

  .ws-website-check__questions {
    padding-right: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .ws-website-check__experience {
    gap: 6px;
  }

  .ws-website-check__phase-step {
    grid-template-rows: auto 3px;
  }

  .ws-website-check__phase-step > span {
    font-size: var(--ws-type-size-micro);
  }

  .ws-website-check__phase-step > i {
    margin-top: 3px;
  }

  .ws-website-check-question h3,
  .ws-website-check__completion h3 {
    font-size: var(--ws-type-size-check-question-very-compact);
  }

  .ws-website-check-question > p:not(.ws-website-check-question__phase),
  .ws-website-check__completion > p:not(.ws-website-check-question__phase, .ws-website-check__result-summary) {
    font-size: var(--ws-type-size-caption);
    line-height: var(--ws-type-line-compact);
  }

  .ws-website-check__result-summary {
    font-size: var(--ws-type-size-label);
  }

  .ws-website-check__actions {
    gap: 8px;
    margin-top: 10px;
  }
}

@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  .ws-website-js .ws-website-losses__story {
    min-height: 340svh;
  }

  .ws-website-js .ws-website-losses__stage {
    position: sticky;
    top: var(--ws-website-header-block-size);
    display: grid;
    min-height: calc(100svh - var(--ws-website-header-block-size));
    padding: clamp(32px, 5svh, 64px) 0;
    align-items: center;
  }

  .ws-website-js .ws-website-losses__list {
    --ws-website-loss-detail-space: clamp(252px, 29svh, 320px);
    --ws-website-loss-axis-gap: clamp(16px, 2svh, 20px);
    position: relative;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 2vw, 28px);
    width: 100%;
    padding-bottom: var(--ws-website-loss-detail-space);
  }

  .ws-website-js .ws-website-losses__list::before,
  .ws-website-js .ws-website-losses__list::after {
    content: "";
    position: absolute;
    bottom: var(--ws-website-loss-detail-space);
    z-index: 0;
    background: var(--ws-website-brand-on-light);
    pointer-events: none;
  }

  .ws-website-js .ws-website-losses__list::before {
    left: var(--ws-website-loss-connector-x, 12.5%);
    width: 1px;
    height: calc(var(--ws-website-loss-axis-gap) - 3px);
    transform: translate(-50%, -1px);
  }

  .ws-website-js .ws-website-losses__list::after {
    right: 0;
    left: 0;
    height: 1px;
    background: color-mix(in srgb, var(--ws-website-brand-on-light) 75%, transparent);
  }

  .ws-website-js .ws-website-loss-point {
    display: grid;
    grid-template-rows: auto auto;
    min-width: 0;
    padding-inline: clamp(4px, 1vw, 14px);
    opacity: 0.28;
    transition: opacity var(--ws-motion-flow) ease;
  }

  .ws-website-js .ws-website-loss-point.is-complete {
    opacity: 0.62;
  }

  .ws-website-js .ws-website-loss-point.is-active {
    opacity: 1;
  }

  .ws-website-js .ws-website-loss-point__transition,
  .ws-website-js .ws-website-loss-point__icon,
  .ws-website-js .ws-website-loss-point__icon::before,
  .ws-website-js .ws-website-loss-point__copy h3 {
    transition:
      background var(--ws-motion-flow) ease,
      border-color var(--ws-motion-flow) ease,
      color var(--ws-motion-flow) ease,
      transform var(--ws-motion-flow) var(--ws-motion-ease-flow);
  }

  .ws-website-js .ws-website-loss-point.is-active .ws-website-loss-point__icon {
    background: var(--ws-website-brand);
    transform: scale(1.06);
  }

  .ws-website-js .ws-website-loss-point.is-active .ws-website-loss-point__icon::before {
    background: var(--ws-website-on-brand);
  }

  .ws-website-js .ws-website-loss-point__copy {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    min-height: clamp(112px, 14svh, 146px);
    padding-bottom: clamp(16px, 2.4svh, 28px);
    text-align: center;
  }

  .ws-website-js .ws-website-loss-point__transition {
    grid-row: 2;
    margin-bottom: var(--ws-website-loss-axis-gap);
  }

  .ws-website-js .ws-website-loss-point__copy > .ws-website-loss-point__phase {
    margin-bottom: 8px;
  }

  .ws-website-js .ws-website-loss-point__copy h3 {
    width: calc(100% + clamp(48px, 5vw, 72px));
    max-width: 22ch;
    margin: 0 auto;
    font-size: var(--ws-type-size-heading-small);
  }

  .ws-website-js .ws-website-loss-point.is-active .ws-website-loss-point__copy h3 {
    transform: translateY(-2px);
  }

  .ws-website-js .ws-website-loss-point__detail {
    position: absolute;
    inset: calc(100% - var(--ws-website-loss-detail-space)) 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
    gap: clamp(48px, 8vw, 112px);
    padding: clamp(28px, 4svh, 44px) clamp(16px, 3vw, 48px) 0;
    overflow: visible;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ws-motion-flow) ease;
  }

  .ws-website-js .ws-website-loss-point.is-active .ws-website-loss-point__detail {
    opacity: 1;
  }

  .ws-website-js .ws-website-loss-point__detail > .ws-website-loss-point__pattern,
  .ws-website-js .ws-website-loss-point__detail > .ws-website-loss-point__consequence {
    position: relative;
    z-index: 1;
    max-width: 54ch;
    margin: 0;
    padding: 4px 0 4px clamp(20px, 2vw, 30px);
    border-top: 0;
    border-left: 3px solid var(--ws-website-brand);
    color: var(--ws-website-ink);
    font-size: var(--ws-type-size-lead-small);
  }

  .ws-website-js .ws-website-loss-point__detail > .ws-website-loss-point__pattern {
    opacity: var(--ws-website-loss-problem-opacity, 0);
    transform: translateY(var(--ws-website-loss-problem-shift, 14px));
  }

  .ws-website-js .ws-website-loss-point__detail > .ws-website-loss-point__consequence {
    opacity: var(--ws-website-loss-consequence-opacity, 0);
    transform: translateY(var(--ws-website-loss-consequence-shift, 14px));
  }
}

@media (max-width: 860px) and (prefers-reduced-motion: no-preference) {
  .ws-website-js .ws-website-loss-point__transition,
  .ws-website-js .ws-website-loss-point__phase,
  .ws-website-js .ws-website-loss-point__copy h3,
  .ws-website-js .ws-website-loss-point__detail > p {
    opacity: 0;
    transform: translateY(14px);
    transition:
      opacity 360ms var(--ws-motion-ease-flow),
      transform 360ms var(--ws-motion-ease-flow);
  }

  .ws-website-js .ws-website-loss-point.is-introduced .ws-website-loss-point__transition,
  .ws-website-js .ws-website-loss-point.is-introduced .ws-website-loss-point__phase,
  .ws-website-js .ws-website-loss-point.is-introduced .ws-website-loss-point__copy h3,
  .ws-website-js .ws-website-loss-point.is-expanded .ws-website-loss-point__pattern,
  .ws-website-js .ws-website-loss-point.is-consequence-visible .ws-website-loss-point__consequence {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 340px) and (prefers-reduced-motion: no-preference) {
  .ws-website-js .ws-website-loss-point {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-app--website *,
  .ws-app--website *::before,
  .ws-app--website *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .ws-website-js [data-reveal] {
    opacity: 1;
    transform: none;
  }
}

.ws-website-js .ws-website-focus-story[data-focus-static] {
  min-height: 0;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-story__stage {
  position: relative;
  top: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0;
  overflow: visible;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-story__copy,
.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-story__visual {
  position: static;
  inset: auto;
  height: auto;
  display: contents;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-story__copy-panel[data-focus-copy],
.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-story__visual > [data-focus-visual] {
  position: relative;
  inset: auto;
  height: auto;
  min-height: 0;
  padding-top: 0;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-story__copy-panel {
  padding: 64px 0 30px;
  border-top: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 20%, transparent);
}

.ws-website-focus-story[data-focus-static] [data-focus-copy="pressure"] { order: 1; padding-top: 0; border-top: 0; }
.ws-website-focus-story[data-focus-static] [data-focus-visual="pressure"] { order: 2; }
.ws-website-focus-story[data-focus-static] [data-focus-copy="constraint"] { order: 3; }
.ws-website-focus-story[data-focus-static] [data-focus-copy="priority"] { order: 4; }
.ws-website-focus-story[data-focus-static] [data-focus-visual="priority"] { order: 5; }
.ws-website-focus-story[data-focus-static] [data-focus-visual="decisions"] { order: 6; }
.ws-website-focus-story[data-focus-static] .ws-website-focus-story__navigation { display: none; }

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-seismograph :is(
  .ws-website-seismograph__source,
  .ws-website-seismograph__flow,
  .ws-website-seismograph__driver,
  .ws-website-seismograph__convergence,
  .ws-website-seismograph__outcome,
  .ws-website-seismograph__stage
) {
  opacity: 1;
  transform: none;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-priority-model__fill {
  background: var(--ws-website-priority-final-color);
  transform: scaleY(var(--ws-website-priority-final-scale));
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-priority-model__phase-peak {
  opacity: 0;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-priority-model__phase-focus {
  opacity: 1;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-translation {
  height: auto;
  min-height: 0;
  overflow: visible;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-translation__handoff-line {
  display: none;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-translation__content,
.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-translation[data-translation-stage="handoff"] .ws-website-focus-translation__content {
  position: relative;
  inset: auto;
  height: auto;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto auto;
  transform: none;
}

.ws-website-js .ws-website-focus-story[data-focus-static] .ws-website-focus-translation :is(
  .ws-website-focus-translation__title,
  .ws-website-focus-translation__level,
  .ws-website-focus-translation__decision,
  .ws-website-focus-translation__bridge,
  .ws-website-focus-translation__contributions article
) {
  opacity: 1;
  transform: none;
}

@media (max-width: 860px) {
  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] {
    padding: clamp(40px, 10vw, 64px) 0 0;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-scroll {
    --ws-website-mobile-priority-peak-copy-opacity: 0;
    --ws-website-mobile-priority-focus-copy-opacity: 1;
    --ws-website-mobile-priority-peak-phase-opacity: 0;
    --ws-website-mobile-priority-focus-phase-opacity: 1;
    position: relative;
    order: 4;
    min-width: 0;
    display: block;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky {
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    background: var(--ws-website-ink);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky > .ws-website-focus-story__copy-panel,
  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky > .ws-website-priority-model {
    position: relative;
    inset: auto;
    height: auto;
    min-height: 0;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky > .ws-website-focus-story__copy-panel {
    padding: clamp(56px, 13vw, 76px) 0 clamp(20px, 4vw, 28px);
    border-top: 1px solid color-mix(in srgb, var(--ws-color-hex-ffffff) 20%, transparent);
    justify-content: flex-start;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky > .ws-website-priority-model {
    padding: 0 0 clamp(72px, 16vw, 96px);
    margin: 0;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-bridge {
    display: grid;
    gap: 0;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-statement {
    grid-area: 1 / 1;
    opacity: 0;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-statement--peak {
    opacity: var(--ws-website-mobile-priority-peak-copy-opacity);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-statement--focus {
    opacity: var(--ws-website-mobile-priority-focus-copy-opacity);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-priority-model__phase-peak {
    opacity: var(--ws-website-mobile-priority-peak-phase-opacity);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-priority-model__phase-focus {
    opacity: var(--ws-website-mobile-priority-focus-phase-opacity);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__copy-panel,
  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__visual > [data-focus-visual] {
    scroll-margin-top: calc(var(--ws-website-header-block-size) + 24px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__copy-panel {
    padding: clamp(64px, 15vw, 88px) 0 clamp(28px, 7vw, 40px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__copy-panel[data-focus-copy="constraint"] {
    min-height: calc(100svh - var(--ws-website-header-block-size, 108px));
    justify-content: flex-start;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__copy-panel[data-focus-copy="constraint"] h3 {
    font-size: var(--ws-type-size-story-mobile-consequence-heading);
    line-height: var(--ws-type-line-heading-tight);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] [data-focus-copy="pressure"] {
    padding: 0 0 clamp(28px, 7vw, 40px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] [data-focus-visual="pressure"] {
    padding: clamp(24px, 6vw, 36px) 0 clamp(72px, 16vw, 96px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__visual > [data-focus-visual="decisions"] {
    padding: var(--ws-website-mobile-content-space, clamp(64px, 18vw, 84px)) 0 0;
    margin-bottom: 0;
    border-top: 0;
  }

}

@media (max-width: 860px) and (prefers-reduced-motion: no-preference) {
  .ws-website-js #warum-wirkung {
    overflow: visible;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-scroll {
    --ws-website-mobile-priority-transition-runway: clamp(380px, 72svh, 560px);
    --ws-website-mobile-priority-hold-runway: clamp(120px, 20svh, 180px);
    height: calc(
      var(--ws-website-mobile-priority-sticky-height, 0px)
      + var(--ws-website-mobile-priority-transition-runway)
      + var(--ws-website-mobile-priority-hold-runway)
    );
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky {
    position: relative;
    z-index: 2;
    min-height: calc(100svh - var(--ws-website-mobile-priority-sticky-top, 132px));
    grid-template-rows: auto minmax(0, 1fr);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-scroll[data-mobile-priority-pin-state="active"] .ws-website-focus-story__priority-sticky {
    position: fixed;
    top: var(--ws-website-mobile-priority-sticky-top);
    left: var(--ws-website-mobile-priority-sticky-left);
    width: var(--ws-website-mobile-priority-sticky-width);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-scroll[data-mobile-priority-pin-state="complete"] .ws-website-focus-story__priority-sticky {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky > .ws-website-focus-story__copy-panel {
    padding: 0 0 clamp(10px, 2svh, 16px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-eyebrow {
    margin-bottom: clamp(8px, 1.5svh, 12px);
    font-size: var(--ws-type-size-tiny);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-focus-story__copy-panel h3 {
    margin-bottom: clamp(8px, 1.5svh, 12px);
    font-size: var(--ws-type-size-story-mobile-heading-compact);
    line-height: var(--ws-type-line-heading-tight);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-focus-story__priority-statement {
    font-size: var(--ws-type-size-story-mobile-priority-copy);
    line-height: var(--ws-type-line-body-compact);
    will-change: opacity;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky > .ws-website-priority-model {
    padding: 0 0 clamp(8px, 1.6svh, 12px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__phase {
    min-height: 18px;
    margin-bottom: clamp(5px, 1svh, 8px);
    font-size: var(--ws-type-size-tiny);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__phase > span {
    transition: none;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__y-axis {
    margin-bottom: 5px;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__scale,
  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__bars {
    height: clamp(150px, 19svh, 170px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__field-axis {
    margin-top: 7px;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__field-labels span,
  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__scale span {
    font-size: var(--ws-type-size-story-mobile-visual-label);
    line-height: var(--ws-type-line-meta);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__field-labels span {
    overflow-wrap: normal;
    word-break: normal;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__fill {
    background: var(--ws-website-priority-final-color);
    transform: scaleY(var(--ws-website-priority-current-scale, 1));
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model figcaption {
    margin-top: clamp(8px, 1.5svh, 12px);
    padding-top: clamp(7px, 1.2svh, 10px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model figcaption strong {
    font-size: var(--ws-type-size-small);
    line-height: var(--ws-type-line-control);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-seismograph__graph-scroll {
    --ws-website-mobile-graph-sticky-draw-runway: clamp(320px, 60svh, 500px);
    --ws-website-mobile-graph-sticky-hold-runway: clamp(128px, 22svh, 192px);
    position: relative;
    height: calc(
      var(--ws-website-mobile-graph-sticky-height, 0px)
      + var(--ws-website-mobile-graph-sticky-draw-runway)
      + var(--ws-website-mobile-graph-sticky-hold-runway)
    );
    min-width: 0;
    display: block;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-seismograph__graph-sticky {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-height: calc(100svh - var(--ws-website-mobile-graph-sticky-top, 132px));
    background: var(--ws-website-ink);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-seismograph__graph-scroll[data-seismograph-pin-state="active"] .ws-website-seismograph__graph-sticky {
    position: fixed;
    top: var(--ws-website-mobile-graph-sticky-top);
    left: var(--ws-website-mobile-graph-sticky-left);
    width: var(--ws-website-mobile-graph-sticky-width);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-seismograph__graph-scroll[data-seismograph-pin-state="complete"] .ws-website-seismograph__graph-sticky {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-seismograph__stage {
    height: auto;
    min-height: clamp(92px, 15svh, 170px);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__copy-panel[data-focus-copy="constraint"] h3 {
    opacity: var(--ws-website-mobile-constraint-title-opacity, 1);
    transform: translateY(var(--ws-website-mobile-constraint-title-translate-y, 0px));
    will-change: opacity, transform;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__copy-panel[data-focus-copy="constraint"] > p:last-child {
    opacity: var(--ws-website-mobile-constraint-question-opacity, 1);
    transform: translateY(var(--ws-website-mobile-constraint-question-translate-y, 0px));
    will-change: opacity, transform;
  }
}

@media (max-width: 340px) {
  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__field-labels span[data-mobile-short-label] {
    visibility: hidden;
    white-space: nowrap;
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__field-labels span[data-mobile-short-label]::after {
    content: attr(data-mobile-short-label);
    visibility: visible;
    display: block;
    font-size: var(--ws-type-size-story-mobile-priority-abbreviation);
    line-height: var(--ws-type-line-meta);
  }

  .ws-website-js .ws-website-focus-story[data-focus-static="mobile"] .ws-website-focus-story__priority-sticky .ws-website-priority-model__field-labels span[data-mobile-short-label]:nth-child(even)::after {
    transform: translateY(9px);
  }
}

.ws-website-error-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
}

.ws-website-error {
  width: min(680px, calc(100% - 40px));
  padding: clamp(48px, 9vw, 96px) 0;
}

.ws-website-error > img {
  margin-bottom: 32px;
}

.ws-website-error h1 {
  max-width: 650px;
  margin: 14px 0 20px;
  font-size: var(--ws-type-size-error-heading);
  line-height: var(--ws-type-line-display);
  letter-spacing: var(--ws-type-tracking-display);
}

.ws-website-error > p:not(.ws-website-eyebrow) {
  margin: 0 0 32px;
  color: var(--ws-website-muted);
  font-size: var(--ws-type-size-lead-small);
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static]) {
  min-height: calc(
    100svh
    - var(--ws-website-header-block-size)
    + var(--ws-website-hero-scroll-distance)
  );
  overflow: clip;
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-hero__viewport {
  position: sticky;
  top: var(--ws-website-header-block-size);
  width: 100%;
  height: calc(100svh - var(--ws-website-header-block-size));
  min-height: calc(100svh - var(--ws-website-header-block-size));
  flex: 0 0 calc(100svh - var(--ws-website-header-block-size));
  overflow: hidden;
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-hero__rail {
  position: absolute;
  z-index: 7;
  top: 50%;
  left: 50%;
  width: min(var(--ws-website-hero-copy-width), calc(100% - 48px));
  margin: 0;
  padding: 0;
  gap: clamp(24px, 3svh, 36px);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-hero__orientation {
  max-width: none;
  gap: clamp(18px, 2.4svh, 28px);
  visibility: hidden;
  opacity: var(--ws-website-hero-message-opacity);
  transform: translateY(var(--ws-website-hero-message-shift));
  will-change: opacity, transform;
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static])[data-hero-copy-visible] .ws-website-hero__orientation {
  visibility: visible;
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-cta--hero {
  visibility: hidden;
  opacity: var(--ws-website-hero-cta-opacity);
  transform: translateY(var(--ws-website-hero-cta-shift));
  pointer-events: none;
  will-change: opacity, transform;
}

.ws-website-js .ws-website-hero:not([data-hero-motion-static])[data-hero-cta-visible] .ws-website-cta--hero {
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 860px) {
  .ws-website-hero__positioning--primary {
    font-size: var(--ws-type-size-story-mobile-heading-compact);
  }

  .ws-website-hero__positioning--consequence {
    font-size: var(--ws-type-size-body-fluid);
  }

  .ws-website-js .ws-website-hero:not([data-hero-motion-static]) {
    --ws-website-hero-scroll-distance: max(560px, 82svh);
  }

  .ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-hero__stage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    transform: none;
  }

  .ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-hero__rail {
    width: min(calc(100% - 40px), 560px);
    align-items: flex-start;
    gap: 22px;
  }

  .ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-hero__orientation {
    gap: 16px;
  }

  .ws-website-js .ws-website-hero:not([data-hero-motion-static]) .ws-website-cta--hero {
    width: auto;
  }
}

@media print {
  @page {
    size: A4 portrait;
    margin: 20mm 16mm 18mm;
  }

  body.ws-website-print-check {
    min-width: 0;
    overflow: visible;
    background: var(--ws-color-hex-ffffff);
    color: var(--ws-website-ink);
  }

  body.ws-website-print-check,
  body.ws-website-print-check * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body.ws-website-print-check .ws-website-header,
  body.ws-website-print-check .ws-website-hero,
  body.ws-website-print-check main > section:not(.ws-website-check),
  body.ws-website-print-check .ws-website-check__intro,
  body.ws-website-print-check .ws-website-check__question-column,
  body.ws-website-print-check .ws-website-check__toolbar,
  body.ws-website-print-check .ws-website-footer {
    display: none !important;
  }

  body.ws-website-print-check .ws-website-check {
    position: static;
    inset: auto;
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: visible;
    background: var(--ws-color-hex-ffffff);
    box-shadow: none;
    animation: none;
    transform: none;
  }

  body.ws-website-print-check .ws-website-check::before {
    display: none;
  }

  body.ws-website-print-check .ws-website-check > .ws-website-section-shell {
    display: block;
    height: auto;
    min-height: 0;
    width: 100%;
    padding: 0;
  }

  body.ws-website-print-check .ws-website-check__experience {
    display: none !important;
  }

  body.ws-website-print-check .ws-website-check__print-sheet .ws-website-check__visual {
    margin: 0 0 2.5mm;
  }

  body.ws-website-print-check .ws-website-check__phase-track {
    width: 100%;
    margin-inline: auto;
  }

  body.ws-website-print-check .ws-website-check__phase-step {
    grid-template-rows: auto minmax(7mm, auto) 1.2mm;
    padding-inline: 1.5mm;
  }

  body.ws-website-print-check .ws-website-check__phase-step > span {
    margin-bottom: 0.6mm;
    font-size: var(--ws-type-print-size-fine);
  }

  body.ws-website-print-check .ws-website-check__phase-step > strong {
    font-size: var(--ws-type-print-size-small);
    line-height: var(--ws-type-line-control);
  }

  body.ws-website-print-check .ws-website-check__phase-step > i {
    height: 0.8mm;
    margin-top: 1.5mm;
    border: 0.2mm solid var(--ws-website-line);
    background: var(--ws-color-hex-ffffff);
  }

  body.ws-website-print-check .ws-website-check__print {
    display: block !important;
  }

  body.ws-website-print-check .ws-website-check__print > .ws-website-check__print-masthead,
  body.ws-website-print-check .ws-website-check__print > .ws-website-check__print-title,
  body.ws-website-print-check .ws-website-check__print > .ws-website-check__print-footer {
    display: none !important;
  }

  body.ws-website-print-check .ws-website-check__print-pages {
    margin: 0;
  }

  body.ws-website-print-check .ws-website-check__print-sheet {
    display: flex;
    width: 100%;
    height: 257mm;
    min-height: 0;
    box-sizing: border-box;
    flex-direction: column;
    break-after: page;
    page-break-after: always;
  }

  body.ws-website-print-check .ws-website-check__print-sheet:last-child {
    break-after: auto;
    page-break-after: auto;
  }

  body.ws-website-print-check .ws-website-check__print-masthead {
    display: flex;
    height: 10mm;
    flex: 0 0 10mm;
    align-items: center;
    justify-content: space-between;
    gap: 8mm;
    margin-bottom: 6mm;
    padding-bottom: 2mm;
    border-bottom: 0.35mm solid var(--ws-website-action);
    background: var(--ws-color-hex-ffffff);
  }

  body.ws-website-print-check .ws-website-check__print-brand {
    display: flex;
    align-items: center;
    gap: 2.5mm;
  }

  body.ws-website-print-check .ws-website-check__print-brand img {
    width: 7mm;
    height: 7mm;
  }

  body.ws-website-print-check .ws-website-check__print-brand strong {
    font-size: var(--ws-type-print-size-body);
    font-weight: var(--ws-type-weight-bold);
    letter-spacing: var(--ws-type-tracking-meta);
  }

  body.ws-website-print-check .ws-website-check__print-masthead > p {
    margin: 0;
    color: var(--ws-website-muted);
    font-size: var(--ws-type-print-size-small);
    font-weight: var(--ws-type-weight-semibold);
  }

  body.ws-website-print-check .ws-website-check__print-footer {
    display: grid;
    height: 7mm;
    flex: 0 0 7mm;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: flex-end;
    gap: 8mm;
    margin-top: auto;
    padding-top: 2mm;
    border-top: 0.2mm solid var(--ws-website-line);
    background: var(--ws-color-hex-ffffff);
    color: var(--ws-website-muted);
    font-size: var(--ws-type-print-size-small);
  }

  body.ws-website-print-check .ws-website-check__print-footer [data-check-print-page] {
    color: var(--ws-website-ink);
    font-weight: var(--ws-type-weight-strong);
    text-align: center;
  }

  body.ws-website-print-check .ws-website-check__print-footer > span:last-child {
    text-align: right;
  }

  body.ws-website-print-check .ws-website-check__print-title {
    max-width: 150mm;
  }

  body.ws-website-print-check .ws-website-check__print-title > p:first-child {
    margin: 0 0 3mm;
    color: var(--ws-website-action);
    font-size: var(--ws-type-print-size-small);
    font-weight: var(--ws-type-weight-bold);
    letter-spacing: var(--ws-type-tracking-meta);
    text-transform: var(--ws-type-case-label);
  }

  body.ws-website-print-check .ws-website-check__print-title h2 {
    margin: 0 0 3mm;
    font-size: var(--ws-type-print-size-display);
    font-weight: var(--ws-type-weight-heading);
    letter-spacing: var(--ws-type-tracking-display);
    line-height: var(--ws-type-line-display);
  }

  body.ws-website-print-check .ws-website-check__print-date {
    margin: 0 0 2mm;
    font-size: var(--ws-type-print-size-body-large);
  }

  body.ws-website-print-check .ws-website-check__print-context {
    max-width: 135mm;
    margin: 0;
    color: var(--ws-website-muted);
    font-size: var(--ws-type-print-size-body);
    line-height: var(--ws-type-line-body-compact);
  }

  body.ws-website-print-check .ws-website-check__print-phase-page {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12mm;
    align-items: start;
  }

  body.ws-website-print-check .ws-website-check__print-sheet--first .ws-website-check__print-phase-page {
    margin-top: 8mm;
  }

  body.ws-website-print-check .ws-website-check__print-sheet--continued .ws-website-check__print-phase-page {
    margin-top: 6mm;
  }

  body.ws-website-print-check .ws-website-check__print-phase {
    min-width: 0;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.ws-website-print-check .ws-website-check__print-phase-header {
    display: flex;
    align-items: baseline;
    gap: 2.5mm;
    margin-bottom: 4mm;
    padding-bottom: 2mm;
    border-bottom: 0.5mm solid var(--ws-website-action);
  }

  body.ws-website-print-check .ws-website-check__print-phase-header > span {
    color: var(--ws-website-action);
    font-size: var(--ws-type-print-size-small);
    font-weight: var(--ws-type-weight-bold);
    letter-spacing: var(--ws-type-tracking-meta);
  }

  body.ws-website-print-check .ws-website-check__print-phase-header h3 {
    margin: 0;
    font-size: var(--ws-type-print-size-heading);
    font-weight: var(--ws-type-weight-strong);
    line-height: var(--ws-type-line-control);
  }

  body.ws-website-print-check .ws-website-check__print-question-list {
    margin: 0;
    padding-left: 6mm;
  }

  body.ws-website-print-check .ws-website-check__print-question {
    margin: 0 0 5.5mm;
    padding: 0 0 5.5mm 1mm;
    border-bottom: 0.2mm solid var(--ws-website-line);
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.ws-website-print-check .ws-website-check__print-question:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  body.ws-website-print-check .ws-website-check__print-question::marker {
    color: var(--ws-website-ink);
    font-size: var(--ws-type-print-size-body);
    font-weight: var(--ws-type-weight-bold);
  }

  body.ws-website-print-check .ws-website-check__print-question h4 {
    margin: 0 0 1.5mm;
    font-size: var(--ws-type-print-size-heading);
    font-weight: var(--ws-type-weight-strong);
    letter-spacing: var(--ws-type-tracking-heading);
    line-height: var(--ws-type-line-meta);
  }

  body.ws-website-print-check .ws-website-check__print-question > p {
    margin: 0;
    color: var(--ws-website-muted);
    font-size: var(--ws-type-print-size-body);
    line-height: var(--ws-type-line-body-compact);
    orphans: 3;
    widows: 3;
  }

  body.ws-website-print-check .ws-website-check__print-scale {
    margin: 3mm 0 2.5mm;
  }

  body.ws-website-print-check .ws-website-check__print-scale-rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
  }

  body.ws-website-print-check .ws-website-check__print-scale-rail::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10%;
    left: 10%;
    border-top: 0.35mm solid var(--ws-website-line);
    transform: translateY(-50%);
  }

  body.ws-website-print-check .ws-website-check__print-scale-marker {
    position: relative;
    z-index: 1;
    display: block;
    width: 3.4mm;
    height: 3.4mm;
    margin: 0 auto;
    border: 0.45mm solid var(--ws-website-muted);
    border-radius: 50%;
    background: var(--ws-color-hex-ffffff);
  }

  body.ws-website-print-check .ws-website-check__print-scale-marker.is-selected {
    width: 4.2mm;
    height: 4.2mm;
    border-color: var(--ws-website-ink);
    background: var(--ws-website-brand);
  }

  body.ws-website-print-check .ws-website-check__print-scale-ends {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4mm;
    margin-top: 1.2mm;
    color: var(--ws-website-muted);
    font-size: var(--ws-type-print-size-small);
    line-height: var(--ws-type-line-meta);
  }

  body.ws-website-print-check .ws-website-check__print-scale-ends span:last-child {
    text-align: right;
  }

  body.ws-website-print-check .ws-website-check__print-answer {
    padding: 1.8mm 2.2mm;
    border-left: 0.9mm solid var(--ws-website-action);
    background: var(--ws-website-paper-soft);
  }

  body.ws-website-print-check .ws-website-check__print-answer span,
  body.ws-website-print-check .ws-website-check__print-answer strong {
    display: block;
  }

  body.ws-website-print-check .ws-website-check__print-answer span {
    margin-bottom: 0.6mm;
    color: var(--ws-website-action);
    font-size: var(--ws-type-print-size-small);
    font-weight: var(--ws-type-weight-bold);
    letter-spacing: var(--ws-type-tracking-meta);
    text-transform: var(--ws-type-case-label);
  }

  body.ws-website-print-check .ws-website-check__print-answer strong {
    color: var(--ws-website-ink);
    font-size: var(--ws-type-print-size-body-large);
    font-weight: var(--ws-type-weight-bold);
    line-height: var(--ws-type-line-compact);
  }
}