:root {
  --blue: #0048ff;
}

/* Benefits. Every rule is scoped to the fifth section. */
.su-benefits-v1 {
  width: 100%;
  padding: 0 32px 120px;
  color: #101010;
}
.su-benefits-v1__container {
  width: min(1380px, 100%);
  margin-inline: auto;
}
.su-benefits-v1__title {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 82px;
  font-weight: 800;
  line-height: 0.93;
  letter-spacing: -0.045em;
}
.su-benefits-v1__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(54px, 5vw, 82px);
  align-items: stretch;
  margin-top: 58px;
}
.su-benefits-v1__primary {
  position: relative;
  align-self: start;
  width: 100%;
  aspect-ratio: 1 / 1;
}
.su-benefits-v1__primary-art {
  display: block;
  width: 100%;
  height: auto;
}
.su-benefits-v1__primary-copy {
  position: absolute;
  z-index: 1;
  left: 12.5%;
  right: 12%;
  top: 45%;
  color: #fff;
}
.su-benefits-v1__primary-copy h3 {
  margin: 0;
  font-family: Caveat, "Segoe Print", "Bradley Hand", cursive;
  font-size: clamp(49px, 4vw, 62px);
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -0.02em;
}
.su-benefits-v1__primary-copy p {
  max-width: 470px;
  margin: 28px 0 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(19px, 1.55vw, 23px);
  line-height: 1.35;
}
.su-benefits-v1__list {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  min-width: 0;
}
.su-benefits-v1__item {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 25px;
  align-items: center;
  min-width: 0;
  padding: 23px 0;
}
.su-benefits-v1__number {
  display: block;
  width: 124px;
  max-height: 132px;
  object-fit: contain;
}
.su-benefits-v1__copy h3 {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(28px, 2.15vw, 34px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.035em;
}
.su-benefits-v1__copy p {
  margin: 13px 0 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(18px, 1.4vw, 21px);
  font-weight: 400;
  line-height: 1.35;
}
.su-benefits-v1__divider {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1280px) {
  .su-benefits-v1__number {
    align-self: start;
    justify-self: center;
    width: 88px;
  }
  .su-benefits-v1__primary-copy p span {
    display: block;
  }
}

/* Qualification. Every rule is scoped to the sixth section and its viewer. */
.su-qualification-v1 {
  width: 100%;
  padding: 0 32px 120px;
  color: #101010;
}
.su-qualification-v1__container {
  display: grid;
  grid-template-columns: minmax(350px, 0.34fr) minmax(0, 0.66fr);
  gap: clamp(42px, 4.2vw, 72px);
  align-items: start;
  width: min(1380px, 100%);
  margin-inline: auto;
}
.su-qualification-v1__title {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(54px, 3.55vw, 62px);
  font-weight: 800;
  line-height: 0.94;
  letter-spacing: -0.05em;
}
.su-qualification-v1__description {
  margin: 31px 0 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 26px;
  line-height: 1.28;
}
.su-qualification-v1__all,
.su-qualification-v1__original {
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.su-qualification-v1__all {
  display: inline-block;
  margin-top: 27px;
  font-size: 23px;
}
.su-qualification-v1__previews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 1.8vw, 30px);
  min-width: 0;
}
.su-qualification-v1__certificate {
  display: grid;
  grid-template-rows: auto auto;
  gap: 17px;
  min-width: 0;
  margin: 0;
}
.su-qualification-v1__preview {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 3;
}
.su-qualification-v1__preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  filter: drop-shadow(0 3px 4px rgba(26, 28, 34, 0.12));
}
.su-qualification-v1__certificate figcaption {
  font-family: Inter, Arial, sans-serif;
  font-size: 21px;
  line-height: 1.25;
  text-align: center;
}
.su-qualification-v1__dialog {
  width: min(1120px, calc(100vw - 48px));
  max-width: none;
  height: min(900px, calc(100vh - 48px));
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #101010;
  border: 0;
  background: #f7f5ef;
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.32);
}
.su-qualification-v1__dialog:not([open]) {
  display: none;
}
.su-qualification-v1__dialog::backdrop {
  background: rgba(12, 15, 22, 0.76);
}
.su-qualification-v1__viewer {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  padding: 22px 26px 19px;
}
.su-qualification-v1__viewer-header {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 17px;
  min-width: 0;
}
.su-qualification-v1__viewer-heading {
  min-width: 0;
}
.su-qualification-v1__counter {
  display: block;
  margin-bottom: 5px;
  color: #555;
  font-size: 15px;
}
.su-qualification-v1__viewer-heading h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.su-qualification-v1__close,
.su-qualification-v1__arrow {
  flex: 0 0 auto;
  color: #101010;
  border: 1px solid rgba(16, 16, 16, 0.25);
  background: transparent;
  cursor: pointer;
}
.su-qualification-v1__close {
  width: 42px;
  height: 42px;
  font-size: 32px;
  line-height: 36px;
}
.su-qualification-v1__document {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 50px;
  grid-template-rows: minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.su-qualification-v1__image-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.su-qualification-v1__full-image {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
}
.su-qualification-v1__arrow {
  width: 50px;
  height: 50px;
  font-size: 26px;
}
.su-qualification-v1__close:hover,
.su-qualification-v1__arrow:hover {
  border-color: var(--blue);
  color: var(--blue);
}
.su-qualification-v1__close:focus-visible,
.su-qualification-v1__arrow:focus-visible,
.su-qualification-v1__all:focus-visible,
.su-qualification-v1__preview:focus-visible,
.su-qualification-v1__original:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}
.su-qualification-v1__viewer-footer {
  padding-top: 16px;
  min-width: 0;
  text-align: center;
}
.su-qualification-v1__original {
  font-size: 16px;
}

/* References. Every rule is scoped to the seventh section and its viewer. */
.su-references-v1 {
  width: 100%;
  padding: 0 32px 120px;
  color: #101010;
}
.su-references-v1__container {
  position: relative;
  display: grid;
  grid-template-columns: minmax(390px, 0.48fr) minmax(460px, 0.52fr);
  grid-template-areas: "letter copy";
  gap: clamp(78px, 8vw, 138px);
  align-items: center;
  width: min(1380px, 100%);
  margin-inline: auto;
}
.su-references-v1__copy {
  grid-area: copy;
  align-self: center;
  padding-bottom: 70px;
}
.su-references-v1__title {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(62px, 5vw, 82px);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -.055em;
}
.su-references-v1__title > span {
  display: block;
}
.su-references-v1__title-mark {
  position: relative;
  z-index: 0;
  width: fit-content;
}
.su-references-v1__title-mark img {
  position: absolute;
  z-index: -1;
  left: -2%;
  top: calc(100% + 5px);
  width: 105%;
  height: 19px;
  object-fit: fill;
  pointer-events: none;
}
.su-references-v1__description {
  max-width: 630px;
  margin: 55px 0 0;
  font-size: clamp(20px, 1.6vw, 25px);
  line-height: 1.42;
}
.su-references-v1__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 66px;
  margin-top: 38px;
  padding: 17px 35px;
  color: #fff;
  border-radius: 7px;
  background: var(--blue);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
}
@media (min-width: 1280px) {
  .su-references-v1__button {
    width: clamp(420px, 32vw, 460px);
    max-width: 100%;
    min-height: 76px;
    padding: 20px 38px;
    font-size: 25px;
  }
}
.su-references-v1__letter {
  grid-area: letter;
  width: min(100%, 570px);
  margin: 18px auto 0;
  text-align: center;
}
.su-references-v1__letter-frame {
  position: relative;
  transform: rotate(-2.2deg);
}
.su-references-v1__letter-link {
  display: block;
  box-shadow: 0 13px 30px rgba(34, 31, 24, .22);
}
.su-references-v1__letter-image {
  display: block;
  width: 100%;
  height: auto;
}
.su-references-v1__tape {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 0;
  width: 31%;
  height: auto;
  transform: translate(-50%, -42%) rotate(2deg);
  pointer-events: none;
}
.su-references-v1__letter figcaption {
  margin-top: 31px;
  font-size: 19px;
  line-height: 1.32;
}
.su-references-v1__letter-caption {
  display: block;
}
.su-references-v1__letter figcaption a,
.su-references-v1__viewer-footer a {
  display: block;
  width: fit-content;
  margin: 13px auto 0;
  color: var(--blue);
  text-underline-offset: 3px;
}
.su-references-v1__title-second {
  position: relative;
}
.su-references-v1__arrow {
  display: none;
  position: absolute;
  z-index: 2;
  left: auto;
  right: calc(100% + .2em);
  top: 50%;
  bottom: auto;
  width: .65em;
  max-width: none;
  height: auto;
  transform: translateY(-50%);
  pointer-events: none;
}
@media (min-width: 900px) {
  .su-references-v1__arrow {
    display: block;
  }
}
@media (min-width: 1280px) {
  .su-references-v1__arrow {
    width: .85em;
  }
}
.su-references-v1__button:hover { background: #1248b8; }
.su-references-v1__button:focus-visible,
.su-references-v1__letter-link:focus-visible,
.su-references-v1__letter figcaption a:focus-visible,
.su-references-v1__close:focus-visible,
.su-references-v1__zoom:focus-visible,
.su-references-v1__viewer-footer a:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 4px;
}
.su-references-v1__dialog {
  width: min(900px, calc(100vw - 48px));
  max-width: none;
  height: min(940px, calc(100vh - 48px));
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #101010;
  border: 0;
  background: #f7f5ef;
  box-shadow: 0 18px 70px rgba(0, 0, 0, .32);
}
.su-references-v1__dialog:not([open]) { display: none; }
.su-references-v1__dialog::backdrop { background: rgba(12, 15, 22, .76); }
.su-references-v1__viewer {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  padding: 20px 24px 18px;
}
.su-references-v1__viewer-header {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 15px;
}
.su-references-v1__viewer-header h3 {
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
}
.su-references-v1__viewer-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  align-items: center;
}
.su-references-v1__zoom {
  min-height: 42px;
  padding: 8px 15px;
  color: var(--blue);
  border: 1px solid rgba(23, 85, 213, .45);
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  cursor: pointer;
}
.su-references-v1__close {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  color: #101010;
  border: 1px solid rgba(16, 16, 16, .3);
  background: transparent;
  font-size: 32px;
  line-height: 36px;
  cursor: pointer;
}
.su-references-v1__image-area {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-content: center;
}
.su-references-v1__image-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.su-references-v1__dialog--zoomed .su-references-v1__image-area {
  display: block;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.su-references-v1__dialog--zoomed .su-references-v1__image-area img {
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: auto;
  object-fit: initial;
}
.su-references-v1__viewer-footer {
  padding-top: 14px;
  text-align: center;
}
.su-references-v1__viewer-footer a { margin-top: 0; }

@media (min-width: 900px) and (max-width: 1279px) {
  .su-references-v1 { padding: 0 28px 94px; }
  .su-references-v1__container {
    grid-template-columns: minmax(340px, .48fr) minmax(400px, .52fr);
    gap: clamp(50px, 6vw, 75px);
    max-width: 1120px;
  }
  .su-references-v1__letter { width: min(100%, 470px); }
  .su-references-v1__copy { padding-bottom: 45px; }
  .su-references-v1__title { font-size: clamp(50px, 5.5vw, 64px); }
  .su-references-v1__description { margin-top: 38px; font-size: 20px; }
  .su-references-v1__button { min-height: 59px; margin-top: 29px; font-size: 19px; }
}

@media (max-width: 899px) {
  .su-references-v1 { padding: 0 28px 82px; }
  .su-references-v1__container {
    display: flex;
    flex-direction: column;
    gap: 64px;
    max-width: 720px;
  }
  .su-references-v1__copy { order: 1; width: 100%; padding: 0; }
  .su-references-v1__letter { order: 2; width: min(72vw, 500px); margin-top: 0; }
  .su-references-v1__title { font-size: clamp(52px, 9vw, 68px); }
  .su-references-v1__description { margin-top: 38px; font-size: 21px; }
  .su-references-v1__button { margin-top: 30px; }
}

@media (max-width: 599px) {
  .su-references-v1 { padding: 0 14px 60px; }
  .su-references-v1__container { gap: 53px; }
  .su-references-v1__title { font-size: clamp(39px, 12vw, 54px); line-height: .96; }
  .su-references-v1__title-mark img { top: calc(100% + 2px); }
  .su-references-v1__description { margin-top: 31px; font-size: 18px; line-height: 1.42; }
  .su-references-v1__button { width: 100%; min-height: 58px; margin-top: 26px; padding: 15px 20px; font-size: 18px; }
  .su-references-v1__letter { width: calc(100% - 24px); }
  .su-references-v1__letter figcaption { margin-top: 26px; font-size: 17px; }
  .su-references-v1__dialog { width: calc(100vw - 20px); height: calc(100vh - 20px); }
  .su-references-v1__viewer { padding: 13px 11px; }
  .su-references-v1__viewer-header { flex-wrap: wrap; gap: 10px; padding-bottom: 11px; }
  .su-references-v1__viewer-header h3 { font-size: 16px; }
  .su-references-v1__viewer-actions { width: 100%; gap: 6px; justify-content: flex-end; }
  .su-references-v1__zoom { min-height: 40px; padding: 7px 9px; font-size: 14px; }
  .su-references-v1__close { width: 40px; height: 40px; }
  .su-references-v1__viewer-footer { padding-top: 10px; }
  .su-references-v1__dialog--zoomed .su-references-v1__image-area img { width: 760px; max-width: none; }
}

@media (max-width: 359px) {
  .su-references-v1__title { font-size: 37px; }
  .su-references-v1__description { font-size: 17px; }
}
html {
  overflow-x: hidden;
  background: #f7f5ef;
}
body {
  color: #101010;
  font-family: Inter, Arial, sans-serif;
  overflow-x: hidden;
  background-color: #f7f5ef;
  background-image: url("/assets/images/hero/paper-background.webp");
  background-position: center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
main {
  position: relative;
  background: transparent;
}
.su-hero-v2 {
  --hero-stage-max-width: 1536px;
  --hero-stage-width: 1536px;
  --hero-left-column: 780px;
  --hero-artboard-width: 756px;
  --hero-artboard-height: 611px;
  --hero-artboard-scale: 1;
  --hero-fluid: 1;
  position: relative;
  width: 100%;
  height: 1152px;
  min-height: 1152px;
  background: transparent;
}
.su-hero-v2::before {
  content: "";
  position: absolute;
  left: 34px;
  top: 18px;
  width: 1px;
  height: 625px;
  background:
    linear-gradient(rgba(124, 124, 123, 0.35), rgba(124, 124, 123, 0.35)) center
      top/1px 38px no-repeat,
    linear-gradient(rgba(124, 124, 123, 0.35), rgba(124, 124, 123, 0.35)) center
      38px/1px 69px no-repeat,
    linear-gradient(rgba(124, 124, 123, 0.35), rgba(124, 124, 123, 0.35)) center
      268px/1px 357px no-repeat;
  pointer-events: none;
  z-index: 1;
}
.su-hero-v2 img {
  pointer-events: none;
  user-select: none;
}

/* Hero structure: header, content column, and artboard stage. */
.su-hero-v2__header {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template-columns:
    calc(280px + 70px * var(--hero-fluid)) minmax(390px, 1fr)
    auto calc(210px + 10px * var(--hero-fluid));
  align-items: center;
  column-gap: calc(18px + 8px * var(--hero-fluid));
  width: min(100%, var(--hero-stage-max-width));
  height: 90px;
  margin-inline: auto;
  padding: 0 calc(20px + 4px * var(--hero-fluid)) 0
    calc(42px + 12px * var(--hero-fluid));
}
.su-hero-v2__header::before,
.su-hero-v2__header::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  pointer-events: none;
}
.su-hero-v2__header::before {
  left: 18px;
  width: 38px;
  background: rgba(124, 124, 123, 0.18);
}
.su-hero-v2__header::after {
  left: 56px;
  right: 18px;
  background: rgba(124, 124, 123, 0.35);
}
.su-hero-v2__brand {
  align-self: start;
  margin-top: 18px;
}
.su-hero-v2__brand b {
  display: block;
  font-size: 38px;
  line-height: 1;
}
.su-hero-v2__brand span {
  display: block;
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.15;
}
.su-hero-v2__header i {
  position: absolute;
  left: calc(300px + 40px * var(--hero-fluid));
  top: 14px;
  width: 1px;
  height: 62px;
  background:
    linear-gradient(rgba(124, 124, 123, 0.25), rgba(124, 124, 123, 0.25)) center
      top/.5px 38px no-repeat,
    linear-gradient(rgba(124, 124, 123, 0.35), rgba(124, 124, 123, 0.35)) center
      38px/1px 24px no-repeat;
}
.su-hero-v2__route {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 13px;
  font-family: Caveat, "Segoe Print", "Bradley Hand", cursive;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}
.su-hero-v2__route::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 425px;
  height: 12px;
  background: url("/assets/images/hero/one-poloska.webp") left center/contain
    no-repeat;
}
.su-hero-v2__route img {
  width: 38px;
  transform: translateY(1px);
  flex: 0 0 auto;
}
.su-hero-v2__phone {
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  white-space: nowrap;
}
.su-hero-v2__header-max {
  display: flex;
  transform: translateY(3px);
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: calc(210px + 10px * var(--hero-fluid));
  height: 52px;
  color: #fff;
  background: var(--blue);
  text-decoration: none;
}
.su-hero-v2__header-max img {
  width: 34px;
}
.su-hero-v2__header-max span {
  font-size: 18px;
  font-weight: 700;
}
.su-hero-v2__layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: var(--hero-left-column) minmax(
      0,
      var(--hero-artboard-width)
    );
  align-items: start;
  width: min(100%, var(--hero-stage-max-width));
  margin-inline: auto;
  height: calc(var(--hero-artboard-height) * var(--hero-artboard-scale));
}
.su-hero-v2__content {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  width: calc(570px + 106px * var(--hero-fluid));
  margin: calc(38px + 6px * var(--hero-fluid)) 0 0
    calc(72px + 30px * var(--hero-fluid));
}
.su-hero-v2__heading {
  position: relative;
  width: calc(565px + 85px * var(--hero-fluid));
  margin-top: 25px;
}
.su-hero-v2 h1 {
  margin: 0;
  width: calc(565px + 85px * var(--hero-fluid));
  font-size: calc(45px + 5px * var(--hero-fluid));
  line-height: 0.94;
  letter-spacing: -0.04em;
}
.su-hero-v2 h1 span {
  display: block;
  white-space: nowrap;
}
.su-hero-v2__underline {
  width: 250px;
  margin: -1px 0 0 -10px;
}
.su-hero-v2__description {
  width: 430px;
  margin: calc(17px + 4px * var(--hero-fluid)) 0 0;
  font-size: calc(20px + 1px * var(--hero-fluid));
  line-height: 1.34;
  white-space: nowrap;
}
.su-hero-v2__price {
  position: relative;
  width: calc(485px + 35px * var(--hero-fluid));
  height: calc(90px + 6px * var(--hero-fluid));
  margin: calc(9px + 3px * var(--hero-fluid)) 0 0
    calc(-36px - 9px * var(--hero-fluid));
  transform: rotate(-1.3deg);
  isolation: isolate;
}
.su-hero-v2__price > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.su-hero-v2__price > div {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: calc(207px + 18px * var(--hero-fluid)) 1fr;
  gap: calc(17px + 5px * var(--hero-fluid));
  align-items: center;
  padding: 9px 28px 9px 50px;
}
.su-hero-v2__price > div > span:first-child {
  color: var(--blue);
  font:
    800 calc(73px + 7px * var(--hero-fluid))/0.9 Arial,
    sans-serif;
  letter-spacing: -0.055em;
  white-space: nowrap;
  transform: scaleX(0.86);
  transform-origin: left center;
}
.su-hero-v2__price > div > span:last-child {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.14;
  white-space: nowrap;
}
.su-hero-v2__price > div > span:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -17px;
  width: 198px;
  height: 16px;
  background: url("/assets/images/hero/podcherkivanie.webp") left center/contain
    no-repeat;
}
.su-hero-v2__bottom {
  display: flex;
  align-items: flex-start;
  gap: calc(100px + 73px * var(--hero-fluid));
  margin: -1px 0 0 calc(-14px - 8px * var(--hero-fluid));
}
.su-hero-v2__sticky {
  position: relative;
  width: 185px;
  flex: 0 0 185px;
  transform: rotate(-2deg);
}
.su-hero-v2__sticky::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 13px;
  bottom: 3px;
  height: 17px;
  background: rgba(45, 39, 29, 0.62);
  border-radius: 50%;
  filter: blur(7px);
  transform: rotate(-1.5deg);
  z-index: 0;
}
.su-hero-v2__sticky-paper {
  position: relative;
  width: 185px;
  z-index: 1;
  filter: drop-shadow(0 4px 3px rgba(40, 35, 25, 0.16));
}
.su-hero-v2__sticky-tape {
  position: absolute;
  left: -30px;
  top: 3px;
  width: 81px;
  transform: rotate(-29deg) scaleY(2.3);
  opacity: 0.7;
  z-index: 2;
}
.su-hero-v2__sticky p {
  position: absolute;
  left: 26px;
  top: 31px;
  width: 150px;
  margin: 0;
  font:
    500 19px/1.4 Caveat,
    "Segoe Print",
    "Bradley Hand",
    cursive;
  letter-spacing: 0.01em;
  transform: rotate(-2deg);
  z-index: 4;
}
.su-hero-v2__sticky-circle {
  position: absolute;
  left: 11px;
  top: 45px;
  width: 151px;
  z-index: 3;
}
.su-hero-v2__max {
  position: relative;
  width: 340px;
  height: 100px;
  margin-top: 5px;
  flex: 0 0 340px;
}
.su-hero-v2__max > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 340px;
  height: 100px;
  padding: 0 40px 0 29px;
  color: #fff;
  background: var(--blue);
  text-decoration: none;
}
.su-hero-v2__max > a img {
  width: 39px;
  height: 39px;
}
.su-hero-v2__max > a span {
  display: flex;
  flex-direction: column;
}
.su-hero-v2__max b {
  font-size: 25px;
  white-space: nowrap;
}
.su-hero-v2__max small {
  margin-top: 8px;
  font-size: 15px;
}
.su-hero-v2__max > img {
  position: absolute;
  right: -40px;
  bottom: -8px;
  width: 90px;
  z-index: 25;
}
/* Hero artboard: collage objects intentionally use local absolute coordinates. */
.su-hero-v2__artboard {
  position: relative;
  width: var(--hero-artboard-width);
  height: var(--hero-artboard-height);
  margin-top: -6px;
  transform: scale(var(--hero-artboard-scale));
  transform-origin: top left;
}
.su-hero-v2__artboard > * {
  position: absolute;
}
.grid {
  left: -240px;
  top: 1px;
  width: 800px;
  opacity: 0.55;
}
.grid-paper-top {
  left: -136px;
  top: 1px;
  width: 400px;
}
.grid-paper-bottom {
  left: -121px;
  top: 426px;
  width: 348px;
}
.lines {
  left: 55px;
  top: 36px;
  width: 175px;
}
.wire {
  left: -7px;
  top: 166px;
  width: 219px;
  transform: rotate(-10deg);
  z-index: 2;
}
.orange {
  left: -22px;
  top: 345px;
  width: 165px;
  z-index: 0;
  opacity: 0.45;
}
.arrow {
  left: -125px;
  top: 227px;
  width: 110px;
}
.portrait {
  left: 0;
  top: 50px;
  width: 532px;
  z-index: 10;
  filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff)
    drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)
    drop-shadow(2px 2px 0 #fff) drop-shadow(-2px 2px 0 #fff)
    drop-shadow(2px -2px 0 #fff) drop-shadow(-2px -2px 0 #fff);
}
.blue {
  left: 253px;
  top: 0;
  width: 180px;
  transform: translateY(7px) rotate(-3deg);
}
.blue-tape {
  left: 230px;
  top: 10px;
  width: 59px;
  transform: rotate(3deg) scaleY(2.3);
  opacity: 0.9;
  z-index: 3;
}
.dash {
  left: 311px;
  top: 0;
  width: 333px;
  transform: translateY(7px) rotate(-3deg);
}
.traffic {
  left: 398px;
  top: 175px;
  width: 228px;
  transform: rotate(-2deg);
}
.services {
  left: 539px;
  top: 341px;
  width: 140px;
  font:
    15px/1.05 Caveat,
    "Segoe Print",
    "Bradley Hand",
    cursive;
  transform: rotate(2deg);
  z-index: 12;
}
.services-arrow-up {
  left: 493px;
  top: 335px;
  width: 47px;
  transform: rotate(-20deg);
  z-index: 13;
}
.services-arrow-right {
  left: 527px;
  top: 399px;
  width: 174px;
  transform: rotate(-2deg);
  z-index: 13;
}
.code {
  left: 466px;
  top: 419px;
  width: 300px;
  transform: rotate(2deg);
  z-index: 50;
}
.code-note {
  left: 436px;
  top: 522px;
  width: 265px;
  z-index: 100;
}
.code-note > img:first-child {
  width: 100%;
}
.code-note span {
  position: absolute;
  top: 15px;
  left: 28px;
  font:
    18px/1.08 Caveat,
    cursive;
}
.code-note > img:last-child {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 70px;
}
.dots,
.cross {
  position: absolute;
}
.dots {
  left: 20px;
  top: 135px;
  width: 27px;
  z-index: 3;
}
.cross {
  left: 18px;
  top: 650px;
  width: 32px;
}
@media (min-width: 1280px) and (max-height: 799px) {
  .su-hero-v2 {
    height: 1152px;
    min-height: 1152px;
  }
  .su-hero-v2--short {
    height: 1152px;
    min-height: 1152px;
  }
}

/* Services structure: grid flow with per-card art-direction offsets. */
.su-services-v2 {
  position: relative;
  min-height: 0;
  margin-top: -1px;
  padding: 24px 32px 90px;
  background: transparent;
  color: #101010;
}
.su-services-v2__container {
  position: relative;
  width: min(1040px, 100%);
  margin-inline: auto;
}
.su-services-v2__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 18px;
}
.su-services-v2__card {
  position: relative;
  left: auto;
  top: auto;
  display: grid;
  grid-column: span 2;
  place-items: center;
  width: 100%;
  aspect-ratio: 1.55;
  transform: none;
  isolation: isolate;
}
.su-services-v2__sheet {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 0;
  filter: drop-shadow(0 5px 4px rgba(45, 39, 29, 0.08));
}
.su-services-v2__icon {
  position: absolute;
  left: 13%;
  top: 50%;
  width: 20%;
  max-width: 72px;
  max-height: 48%;
  transform: translateY(-50%);
  object-fit: contain;
  z-index: 1;
}
.su-services-v2__card h2 {
  position: absolute;
  left: 40%;
  right: 8%;
  top: 50%;
  bottom: auto;
  margin: 0;
  transform: translateY(-50%);
  text-align: left;
  font:
    600 clamp(21px, 1.65vw, 27px)/1.05 Caveat,
    "Segoe Print",
    "Bradley Hand",
    cursive;
  z-index: 2;
}
.su-services-v2__card--1 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 4;
}
.su-services-v2__card--2 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 3;
}
.su-services-v2__card--3 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 4;
}
.su-services-v2__card--4 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 3;
}
.su-services-v2__card--5 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 4;
}
.su-services-v2__card--6 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 3;
}
.su-services-v2__card--7 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 3;
}
.su-services-v2__card--8 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 4;
}
.su-services-v2__card--9 {
  left: auto;
  top: auto;
  width: 100%;
  transform: none;
  z-index: 3;
}
.su-services-v2__card--10 {
  left: auto;
  top: auto;
  grid-column: 2 / span 2;
  width: 100%;
  transform: none;
  z-index: 4;
}
.su-services-v2__card--11 {
  left: auto;
  top: auto;
  grid-column: 4 / span 2;
  width: 100%;
  transform: none;
  z-index: 3;
}
.su-services-v2__decor {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
/* Service arrows are artboard objects, independent of the card grid. */
.su-services-v2__arrow {
  position: absolute;
  display: block;
  object-fit: contain;
}
.su-services-v2__arrow--1 {
  left: 29%;
  top: 135px;
  width: 130px;
  transform: rotate(5deg);
  z-index: 1;
}
.su-services-v2__arrow--2 {
  left: 63%;
  top: 170px;
  width: 145px;
  transform: rotate(-8deg);
  z-index: 2;
}
.su-services-v2__arrow--3 {
  left: 13%;
  top: 420px;
  width: 150px;
  transform: rotate(15deg);
  z-index: 1;
}
.su-services-v2__arrow--4 {
  left: 47%;
  top: 455px;
  width: 125px;
  transform: rotate(-12deg);
  z-index: 2;
}
.su-services-v2__arrow--5 {
  left: 79%;
  top: 430px;
  width: 140px;
  transform: rotate(8deg);
  z-index: 1;
}
.su-services-v2__arrow--6 {
  left: 27%;
  top: 755px;
  width: 155px;
  transform: rotate(-5deg);
  z-index: 2;
}
.su-services-v2__arrow--7 {
  left: 63%;
  top: 765px;
  width: 135px;
  transform: rotate(12deg);
  z-index: 1;
}

.su-work-v1 {
  position: relative;
  width: 100%;
  margin-top: -145px;
  padding: 20px 32px 100px;
  background: transparent;
  color: #101010;
}
.su-work-v1__container {
  width: min(1380px, 100%);
  margin-inline: auto;
}
.su-work-v1__heading {
  position: relative;
  display: inline-block;
}
.su-work-v1__heading h2 {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 82px;
  font-weight: 800;
  line-height: 0.93;
  letter-spacing: -0.045em;
}
.su-work-v1__underline {
  display: block;
  width: 350px;
  height: auto;
  margin: 7px 0 0 -4px;
}
.su-work-v1__subtitle {
  margin: 17px 0 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
}
.su-work-v1__banner {
  position: relative;
  width: 105%;
  margin-top: 14px;
  margin-left: -2.5%;
}
.su-work-v1__paper {
  display: block;
  width: 100%;
  height: auto;
}
.su-work-v1__content {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  padding: 4.3% 6% 4.8%;
  transform: translateY(-2%);
}
.su-work-v1__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
}
.su-work-v1__project-number {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.su-work-v1__up-to {
  color: var(--blue);
  font-family: Inter, Arial, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: -8px;
}
.su-work-v1__project-number strong {
  color: var(--blue);
  font-family: Arial, Inter, sans-serif;
  font-size: 136px;
  font-weight: 800;
  line-height: 0.82;
  letter-spacing: -0.06em;
}
.su-work-v1__script {
  font-family: Caveat, "Segoe Print", "Bradley Hand", cursive;
  color: #101010;
  font-weight: 600;
}
.su-work-v1__script--projects {
  margin-top: 18px;
  font-size: 44px;
  line-height: 0.91;
}
.su-work-v1__time-number {
  color: var(--blue);
  font-family: Arial, Inter, sans-serif;
  font-size: 134px;
  font-weight: 800;
  line-height: 0.83;
  letter-spacing: -0.06em;
  white-space: nowrap;
}
.su-work-v1__script--time {
  margin-top: 18px;
  font-size: 44px;
  line-height: 0.94;
}
.su-work-v1__small {
  margin-top: 10px;
  font-family: Inter, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}
.su-work-v1__reports-icon {
  display: block;
  width: 150px;
  height: auto;
  margin: 0 auto;
}
.su-work-v1__script--reports {
  margin-top: 12px;
  font-size: 44px;
  line-height: 0.94;
}
.su-work-v1__small--reports {
  margin-top: 11px;
  font-size: 22px;
  line-height: 1.18;
}

/* Results collage. Its assets remain server-hosted in /assets/images/four. */
.su-results-v1 {
  display: block;
}

@media (min-width: 1280px) {
  .su-results-v1 {
    display: block;
    position: relative;
    width: 100%;
    padding: 18px 32px 118px;
    color: #101010;
    background: transparent;
  }

  .su-results-v1__container {
    position: relative;
    width: min(1380px, 100%);
    margin-inline: auto;
  }

  .su-results-v1__heading {
    position: relative;
    z-index: 3;
    display: inline-block;
  }

  .su-results-v1__heading h2 {
    margin: 0;
    font-family: Inter, Arial, sans-serif;
    font-size: 82px;
    font-weight: 800;
    line-height: 0.93;
    letter-spacing: -0.045em;
    white-space: nowrap;
  }

  .su-results-v1__heading h2 span {
    position: relative;
  }

  .su-results-v1__heading-underline {
    position: absolute;
    left: -3px;
    top: calc(100% + 7px);
    display: block;
    width: 285px;
    height: auto;
    margin: 0;
    clip-path: inset(35% 1% 35% 1%);
    transform: translateY(-35%);
  }

  .su-results-v1__layout {
    position: relative;
    display: grid;
    grid-template-columns: 28% 72%;
    align-items: start;
    min-height: 690px;
    margin-top: 24px;
  }

  .su-results-v1__facts {
    position: relative;
    z-index: 3;
    padding: 40px 0 0 8px;
  }

  .su-results-v1__fact + .su-results-v1__fact {
    margin-top: 35px;
  }

  .su-results-v1__number {
    display: block;
    color: var(--blue);
    font-family: Inter, Arial, sans-serif;
    font-size: clamp(136px, 10.5vw, 150px);
    font-weight: 800;
    line-height: 0.78;
    letter-spacing: -0.065em;
  }

  .su-results-v1__fact-caption {
    position: relative;
    width: 320px;
    height: 70px;
    margin: 8px 0 0 -10px;
  }

  .su-results-v1__fact:first-child .su-results-v1__fact-caption {
    width: 350px;
    max-width: 100%;
    margin-left: 0;
  }

  .su-results-v1__fact-caption img {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
  }

  .su-results-v1__fact-caption span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px 4px;
    font-family: Caveat, "Segoe Print", "Bradley Hand", cursive;
    font-size: clamp(34px, 2.5vw, 36px);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    transform: rotate(-1deg);
  }

  .su-results-v1__fact:first-child .su-results-v1__fact-caption span {
    font-size: clamp(30px, 2.2vw, 32px);
  }

  .su-results-v1__fact-caption--projects {
    width: 235px;
    margin-top: 9px;
    margin-left: -3px;
  }

  .su-results-v1__companies {
    margin-top: 49px;
  }

  .su-results-v1__companies p {
    margin: 0 0 15px;
    font-family: Inter, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
  }

  .su-results-v1__company-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 17px;
    width: 330px;
    font-family: Inter, Arial, sans-serif;
    font-size: clamp(18px, 1.35vw, 20px);
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
  }

  .su-results-v1__case {
    position: relative;
    width: 100%;
    margin-top: -108px;
  }

  .su-results-v1__case-art {
    display: block;
    width: 100%;
    height: auto;
  }

  .su-results-v1__case-arrow,
  .su-results-v1__case-marks {
    position: absolute;
    height: auto;
    pointer-events: none;
  }

  .su-results-v1__case-arrow {
    left: 49%;
    top: 20%;
    width: 13%;
  }

  .su-results-v1__case-marks {
    right: 1.5%;
    top: 9%;
    width: 9%;
  }

  .su-results-v1__case-content {
    position: absolute;
    left: 8%;
    top: 39.5%;
    z-index: 2;
    width: 62.5%;
    font-family: Inter, Arial, sans-serif;
  }

  .su-results-v1__case-content h3 {
    margin: 0;
    font-size: clamp(34px, 2.7vw, 41px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.035em;
  }

  .su-results-v1__case-subtitle {
    margin: 9px 0 22px;
    font-size: clamp(17px, 1.25vw, 19px);
    line-height: 1.25;
  }

  .su-results-v1__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: clamp(20px, 1.45vw, 22px);
    line-height: 1.2;
  }

  .su-results-v1__table th,
  .su-results-v1__table td {
    padding: 12px 6px;
    border: 0;
    border-bottom: 1px solid rgba(16, 16, 16, 0.18);
    text-align: left;
    white-space: nowrap;
  }

  .su-results-v1__table tr > :first-child {
    width: 45%;
    padding-left: 0;
    color: #101010;
    font-weight: 700;
  }

  .su-results-v1__table tr > :nth-child(2) {
    width: 27%;
    color: #777;
    font-weight: 400;
  }

  .su-results-v1__table tr > :nth-child(3) {
    width: 28%;
    color: var(--blue);
    font-weight: 800;
  }

  .su-results-v1__table thead th {
    padding-top: 0;
    font-weight: 700;
  }

  .su-results-v1__conclusion {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    margin-top: 18px;
    font-family: Caveat, "Segoe Print", "Bradley Hand", cursive;
    font-size: clamp(26px, 1.9vw, 29px);
    font-weight: 600;
    line-height: 1;
    transform: rotate(-1deg);
  }

  .su-results-v1__conclusion-line {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 2076 / 133;
    margin: 6px 0 0;
    overflow: hidden;
  }

  .su-results-v1__conclusion-line img {
    position: absolute;
    left: -3.08%;
    top: -217.3%;
    display: block;
    width: 106.26%;
    max-width: none;
    height: auto;
  }

  .su-results-v1__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

/* Eighth section: interactive situations. */
.su-situations-v1 {
  width: 100%; overflow: hidden; padding: 112px 32px 130px; color: #101010;
}
.su-situations-v1__container { width: min(1380px, 100%); margin-inline: auto; }
.su-situations-v1__header h2 { margin: 0; font-family: Inter, Arial, sans-serif; font-size: clamp(64px, 6vw, 86px); font-weight: 800; line-height: .94; letter-spacing: -.05em; }
.su-situations-v1__header p { margin: 18px 0 0; font: 400 22px/1.3 Inter, Arial, sans-serif; }
.su-situations-v1__tablet-title-break { display: none; }
.su-situations-v1__layout { display: grid; grid-template-columns: minmax(300px, 36%) minmax(0, 1fr); gap: clamp(35px, 4vw, 66px); align-items: start; margin-top: 48px; }
.su-situations-v1__tabs { display: grid; gap: 15px; padding-top: 72px; }
.su-situations-v1__tab { width: 100%; min-height: 112px; border: 0; padding: 24px 12% 25px; cursor: pointer; color: #101010; background: center/100% 100% no-repeat; font: 700 clamp(20px, 1.65vw, 25px)/1.18 Inter, Arial, sans-serif; text-align: left; overflow-wrap: normal; transition: color 180ms ease, filter 180ms ease; }
.su-situations-v1__tab--1 { background-image: url('/assets/images/eight/1.webp'); }
.su-situations-v1__tab--2 { background-image: url('/assets/images/eight/2.webp'); }
.su-situations-v1__tab--3 { background-image: url('/assets/images/eight/3.webp'); }
.su-situations-v1__tab--4 { background-image: url('/assets/images/eight/4.webp'); }
.su-situations-v1__tab--1[aria-selected="true"] { background-image: url('/assets/images/eight/1_blue.webp'); }
.su-situations-v1__tab--2[aria-selected="true"] { background-image: url('/assets/images/eight/2_blue.webp'); }
.su-situations-v1__tab--3[aria-selected="true"] { background-image: url('/assets/images/eight/3_blue.webp'); }
.su-situations-v1__tab--4[aria-selected="true"] { background-image: url('/assets/images/eight/4_blue.webp'); }
.su-situations-v1__tab[aria-selected="true"] { color: #fff; }
.su-situations-v1__tab:hover { filter: brightness(.97); }
.su-situations-v1__tab:focus-visible { outline: 4px solid #f28b20; outline-offset: 4px; }
.su-situations-v1__answer { position: relative; min-width: 0; aspect-ratio: 1000 / 1179; isolation: isolate; }
.su-situations-v1__paper { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url('/assets/images/eight/5.webp') top center/100% auto no-repeat; }
.su-situations-v1__paper-part { display: none; }
.su-situations-v1__note { position: absolute; z-index: 2; top: 3.5%; right: 2%; width: min(24%, 205px); height: auto; pointer-events: none; }
.su-situations-v1__panels { padding: 25% 13% 8% 11%; }
.su-situations-v1__panel { font-family: Inter, Arial, sans-serif; animation: su-situations-panel-in 210ms ease-out; }
.su-situations-v1__panel[hidden] { display: none; }
.su-situations-v1__panel h3 { max-width: 72%; margin: 0; font-size: clamp(29px, 2.5vw, 39px); font-weight: 800; line-height: 1.06; letter-spacing: -.035em; }
.su-situations-v1__desktop-break { display: none; }
.su-situations-v1__narrow-answer-break { display: none; }
.su-situations-v1__line { display: block; width: min(67%, 475px); height: 16px; margin: 7px 0 14px; object-fit: fill; pointer-events: none; animation: su-situations-line-in 230ms ease-out; transform-origin: left; }
.su-situations-v1__lead { max-width: 85%; margin: 0; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.35; }
.su-situations-v1 dl { display: grid; gap: 15px; margin: 25px 0 0; }
.su-situations-v1 dl div { min-width: 0; }
.su-situations-v1 dt { font-size: clamp(15px, 1.25vw, 18px); font-weight: 800; line-height: 1.2; }
.su-situations-v1 dd { margin: 5px 0 0; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.35; }
.su-situations-v1 footer { display: grid; justify-items: start; gap: 17px; margin-top: 28px; }
.su-situations-v1 footer strong { font-size: clamp(18px, 1.45vw, 22px); line-height: 1.2; }
.su-situations-v1 footer a { display: inline-flex; min-height: 58px; align-items: center; justify-content: center; padding: 14px 25px; color: #fff; background: var(--blue); font: 700 17px/1.15 Inter, Arial, sans-serif; text-decoration: none; text-align: center; }
.su-situations-v1 footer a:hover { background: #1047bb; }
.su-situations-v1 footer a:focus-visible { outline: 4px solid #f28b20; outline-offset: 3px; }
@keyframes su-situations-panel-in { from { opacity: 0; transform: translateY(7px); } }
@keyframes su-situations-line-in { from { opacity: 0; transform: scaleX(.2); } }

@media (max-width: 1199px) {
  .su-situations-v1 { padding: 88px 28px 110px; }
  .su-situations-v1__layout { display: block; margin-top: 38px; }
  .su-situations-v1__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; padding-top: 0; }
  .su-situations-v1__tab { min-height: 105px; padding: 22px 11%; font-size: 21px; }
  .su-situations-v1__answer { width: min(820px, 100%); margin: 38px auto 0; }
  .su-situations-v1__panel h3 { font-size: clamp(30px, 4vw, 38px); }
  .su-situations-v1 dt, .su-situations-v1 dd { font-size: 17px; }
}
@media (max-width: 599px) {
  .su-situations-v1 { padding: 65px 14px 76px; }
  .su-situations-v1__header h2 { font-size: clamp(40px, 12vw, 54px); white-space: nowrap; }
  .su-situations-v1__header p { margin-top: 12px; font-size: 18px; }
  .su-situations-v1__layout { margin-top: 28px; }
  .su-situations-v1__tabs { grid-template-columns: 1fr; gap: 10px; }
  .su-situations-v1__tab { min-height: 82px; padding: 17px 11%; font-size: clamp(18px, 5.5vw, 22px); }
  .su-situations-v1__answer { width: 100%; min-height: 0; aspect-ratio: auto; margin-top: 28px; }
  .su-situations-v1__paper { inset: 0; background: none; }
  /* The 1000x1179 source is clipped into a proportional top and a short bottom edge.
     Only the paper-coloured centre is extended; the portrait can never enter it twice. */
  .su-situations-v1__paper::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; aspect-ratio: 1000 / 760; background: url('/assets/images/eight/5.webp') top center/100% auto no-repeat; }
  .su-situations-v1__paper::after { content: ''; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 15vw; max-height: 65px; background: url('/assets/images/eight/5.webp') bottom center/100% auto no-repeat; }
  .su-situations-v1__panels::before { content: ''; position: absolute; z-index: -1; top: clamp(180px, 61vw, 262px); right: 4.5%; bottom: max(12vw, 47px); left: 4.5%; background: #f7f3e9; }
  .su-situations-v1__note { top: 2.5%; right: 1%; width: 28%; }
  .su-situations-v1__panels { position: relative; z-index: 1; padding: clamp(205px, 70vw, 300px) 8.5% clamp(57px, 18vw, 77px); }
  .su-situations-v1__panel h3 { max-width: 100%; font-size: clamp(27px, 8vw, 34px); line-height: 1.08; }
  .su-situations-v1__line { width: 90%; height: 13px; margin: 6px 0 16px; }
  .su-situations-v1__lead { max-width: 100%; font-size: 17px; }
  .su-situations-v1 dl { gap: 18px; margin-top: 25px; }
  .su-situations-v1 dt { font-size: 17px; }
  .su-situations-v1 dd { margin-top: 5px; font-size: 16px; }
  .su-situations-v1 footer { gap: 19px; margin-top: 29px; }
  .su-situations-v1 footer strong { font-size: 19px; }
  .su-situations-v1 footer a { width: 100%; min-height: 56px; padding-inline: 10px; font-size: 16px; }
}
@media (max-width: 359px) {
  .su-situations-v1__header h2 { font-size: 37px; }
  .su-situations-v1__panels { padding-inline: 7.5%; }
}
@media (prefers-reduced-motion: reduce) {
  .su-situations-v1__tab, .su-situations-v1__panel, .su-situations-v1__line { animation: none; transition: none; }
}

/* Eighth section: content-driven paper composition for 320–479px only. */
@media (min-width: 320px) and (max-width: 479px) {
  .su-situations-v1 { padding: 24px 14px; }
  .su-situations-v1__header h2 {
    font-size: 44px; line-height: .94; white-space: nowrap;
  }
  .su-situations-v1__header p { margin-top: 10px; font-size: 18px; }
  .su-situations-v1__layout { display: block; margin-top: 22px; }
  .su-situations-v1__tabs {
    grid-template-columns: 1fr; gap: 8px; padding-top: 0;
  }
  .su-situations-v1__tab {
    min-height: 66px; padding: 10px 10%; font-size: 18px; line-height: 1.15;
  }
  .su-situations-v1__answer {
    width: 100%; height: auto; min-height: 0;
    margin: 18px auto 0; aspect-ratio: auto; background: none;
  }

  .su-situations-v1__paper { inset: 0; background: none; }
  .su-situations-v1__paper::before,
  .su-situations-v1__paper::after,
  .su-situations-v1__panels::before { content: none; }
  .su-situations-v1__paper-part {
    position: absolute; left: 50%; display: block; width: 100%;
    overflow: hidden; background-image: url('/assets/images/eight/5.webp');
    background-repeat: no-repeat; background-size: 100% auto; transform: translateX(-50%);
  }
  .su-situations-v1__paper-part--top {
    top: 0; height: calc(58.84vw - 16.48px); background-position: top center;
  }
  .su-situations-v1__paper-part--middle {
    top: calc(58.29vw - 16.32px); bottom: calc(9.39vw - 2.63px); height: auto;
    border: solid transparent; border-width: 0 calc(7.46vw - 2.09px); background: none;
    border-image-source: url('/assets/images/eight/5.webp');
    border-image-slice: 620 75 220 75 fill;
    border-image-width: 0 calc(7.46vw - 2.09px);
    border-image-repeat: stretch;
  }
  .su-situations-v1__paper-part--middle::after { content: none; }
  .su-situations-v1__paper-part--bottom {
    bottom: 0; height: calc(9.94vw - 2.78px); background-position: bottom center;
  }

  .su-situations-v1__panels {
    position: relative; z-index: 4; width: calc(100% - 52px); margin-inline: auto;
    padding: calc(48.5vw + 6.42px) 0 50px;
  }
  .su-situations-v1__note {
    top: 18px; right: auto; left: 10px; width: 94px;
  }
  .su-situations-v1__panel h3 {
    width: 100%; max-width: none; min-height: 0;
    font-size: 28px; line-height: 1.08;
  }
  .su-situations-v1__line {
    width: 100%; height: 9px; margin: 4px 0 10px;
  }
  .su-situations-v1__lead {
    width: 100%; max-width: none; font-size: 17px; line-height: 1.3;
  }
  .su-situations-v1 dl { display: grid; gap: 14px; margin-top: 20px; }
  .su-situations-v1 dl div { display: block; min-height: 0; }
  .su-situations-v1 dt,
  .su-situations-v1 dd {
    max-width: none; font-size: 17px; line-height: 1.3;
  }
  .su-situations-v1 dd { margin-top: 3px; }
  .su-situations-v1 footer {
    display: grid; grid-template-columns: 1fr; gap: 14px;
    align-items: start; margin-top: 22px;
  }
  .su-situations-v1 footer strong {
    font-size: 18px; font-weight: 400; line-height: 1.25;
  }
  .su-situations-v1__price-label,
  .su-situations-v1__price-value { display: block; }
  .su-situations-v1__price-value {
    margin-top: 2px; font-weight: 700; white-space: nowrap;
  }
  .su-situations-v1 footer a {
    width: 100%; min-height: 54px; padding: 11px 10px; font-size: 17px;
  }
}

@media (min-width: 320px) and (max-width: 389px) {
  .su-situations-v1__header h2 { font-size: calc(13.333vw - 8px); }
  .su-situations-v1__narrow-answer-break { display: block; }
}

/* Eighth section: textured paper composition for 480–599px only. */
@media (min-width: 480px) and (max-width: 599px) {
  .su-situations-v1 { padding: 24px 14px; }
  .su-situations-v1__header h2 {
    font-size: 46px; line-height: .94; white-space: nowrap;
  }
  .su-situations-v1__header p { margin-top: 10px; font-size: 18px; }
  .su-situations-v1__layout { display: block; margin-top: 20px; }
  .su-situations-v1__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px; padding-top: 0;
  }
  .su-situations-v1__tab {
    min-height: 90px; padding: 14px 8%; font-size: 18px; line-height: 1.15;
  }
  .su-situations-v1__answer {
    width: 100%; height: auto; min-height: 0;
    margin: 18px auto 0; aspect-ratio: auto; background: none;
  }

  .su-situations-v1__paper { inset: 0; background: none; }
  .su-situations-v1__paper::before,
  .su-situations-v1__paper::after,
  .su-situations-v1__panels::before { content: none; }
  .su-situations-v1__paper-part {
    position: absolute; left: 50%; display: block; width: 452px;
    overflow: hidden; background-image: url('/assets/images/eight/5.webp');
    background-repeat: no-repeat; background-size: 452px auto; transform: translateX(-50%);
  }
  .su-situations-v1__paper-part--top {
    top: 0; height: 266px; background-position: top center;
  }
  .su-situations-v1__paper-part--middle {
    top: 264px;
    bottom: 43px;
    height: auto;
    border: solid transparent;
    border-width: 0 34px;
    background: none;
    border-image-source: url('/assets/images/eight/5.webp');
    border-image-slice: 620 75 220 75 fill;
    border-image-width: 0 34px;
    border-image-repeat: stretch;
  }
  .su-situations-v1__paper-part--middle::after { content: none; }
  .su-situations-v1__paper-part--bottom {
    bottom: 0; height: 45px; background-position: bottom center;
  }

  .su-situations-v1__panels {
    position: relative; z-index: 4; width: 388px; margin-inline: auto;
    padding: 226px 0 55px;
  }
  .su-situations-v1__note {
    top: 15px; right: max(0px, calc(50% - 224px)); width: 76px;
  }
  .su-situations-v1__desktop-break { display: block; }
  .su-situations-v1__panel h3 {
    width: 100%; max-width: none; min-height: 61px;
    font-size: 29px; line-height: 1.08;
  }
  .su-situations-v1__line {
    width: 100%; height: 9px; margin: 3px 0 8px;
  }
  .su-situations-v1__lead {
    width: 100%; max-width: none; min-height: 43px;
    font-size: 17px; line-height: 1.3;
  }
  .su-situations-v1 dl { display: grid; gap: 14px; margin-top: 18px; }
  .su-situations-v1 dl div {
    display: block; min-height: 0;
  }
  .su-situations-v1 dt,
  .su-situations-v1 dd {
    max-width: none; font-size: 17px; line-height: 1.3;
  }
  .su-situations-v1 dd { margin-top: 3px; }
  .su-situations-v1 footer {
    display: grid; grid-template-columns: 1fr; gap: 14px;
    align-items: start; margin-top: 22px;
  }
  .su-situations-v1 footer strong {
    font-size: 18px; font-weight: 400; line-height: 1.25;
  }
  .su-situations-v1 footer a {
    width: 100%; min-height: 54px; padding: 11px 14px; font-size: 17px;
  }
}

/* Eighth section: compact composition for 600–767px only. */
@media (min-width: 600px) and (max-width: 767px) {
  .su-situations-v1 { padding: 22px 24px; }
  .su-situations-v1__header h2 {
    font-size: 50px; line-height: .94; white-space: nowrap;
  }
  .su-situations-v1__header p { margin-top: 10px; font-size: 18px; }
  .su-situations-v1__layout { display: block; margin-top: 18px; }
  .su-situations-v1__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px; padding-top: 0;
  }
  .su-situations-v1__tab {
    min-height: 80px; padding: 13px 9%; font-size: 19px; line-height: 1.12;
  }
  .su-situations-v1__answer {
    width: 100%; height: 610px; min-height: 0;
    margin: 16px auto 0; aspect-ratio: auto;
  }

  .su-situations-v1__paper { inset: 0; background: none; }
  .su-situations-v1__paper::before,
  .su-situations-v1__paper::after { content: none; }
  .su-situations-v1__paper-part {
    position: absolute; left: 50%; display: block; width: 540px;
    overflow: hidden; background-image: url('/assets/images/eight/5.webp');
    background-repeat: no-repeat; background-size: 540px auto; transform: translateX(-50%);
  }
  .su-situations-v1__paper-part--top {
    top: 0; height: 318px; background-position: top center;
  }
  .su-situations-v1__paper-part--middle {
    top: 316px; height: 242px; background-position: center -316px;
  }
  .su-situations-v1__paper-part--bottom {
    bottom: 0; height: 54px; background-position: bottom center;
  }

  .su-situations-v1__panels {
    position: relative; z-index: 4; width: 450px; margin-inline: auto;
    padding: 205px 0 42px;
  }
  .su-situations-v1__note {
    top: 18px; right: max(0px, calc(50% - 268px)); width: 86px;
  }
  .su-situations-v1__desktop-break { display: block; }
  .su-situations-v1__panel h3 {
    width: 325px; max-width: 325px; min-height: 61px;
    font-size: 28px; line-height: 1.08;
  }
  .su-situations-v1__line {
    width: 325px; height: 9px; margin: 3px 0 6px;
  }
  .su-situations-v1__lead {
    width: 100%; max-width: none; min-height: 43px;
    font-size: 17px; line-height: 1.25;
  }
  .su-situations-v1 dl { display: grid; gap: 6px; margin-top: 6px; }
  .su-situations-v1 dl div {
    display: grid; grid-template-columns: 175px 263px; gap: 12px;
    align-items: start; min-height: 43px;
  }
  .su-situations-v1 dt,
  .su-situations-v1 dd {
    max-width: none; font-size: 17px; line-height: 1.25;
  }
  .su-situations-v1 dd { margin: 0; }
  .su-situations-v1 footer {
    display: grid; grid-template-columns: 175px 263px; gap: 12px;
    align-items: center; margin-top: 9px;
  }
  .su-situations-v1 footer strong {
    font-size: 17px; font-weight: 400; line-height: 1.2;
  }
  .su-situations-v1__price-label,
  .su-situations-v1__price-value { display: block; }
  .su-situations-v1__price-value {
    margin-top: 2px; font-weight: 700; white-space: nowrap;
  }
  .su-situations-v1 footer a {
    width: 263px; min-height: 52px; padding: 10px 10px; font-size: 17px;
  }
}

/* Eighth section: compact stacked composition for tablets only. */
@media (min-width: 768px) and (max-width: 1023px) {
  .su-situations-v1 { padding: 24px 28px; }
  .su-situations-v1__header h2 {
    font-size: 56px; line-height: .94; white-space: nowrap;
  }
  .su-situations-v1__header p { margin-top: 10px; font-size: 18px; }
  .su-situations-v1__layout { display: block; margin-top: 20px; }
  .su-situations-v1__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px; padding-top: 0;
  }
  .su-situations-v1__tab {
    min-height: 80px; padding: 14px 10%; font-size: 21px; line-height: 1.12;
  }
  .su-situations-v1__answer {
    width: 100%; height: 620px; min-height: 0;
    margin: 20px auto 0; aspect-ratio: auto;
  }

  .su-situations-v1__paper { inset: 0; background: none; }
  .su-situations-v1__paper::before,
  .su-situations-v1__paper::after { content: none; }
  .su-situations-v1__paper-part {
    position: absolute; left: 50%; display: block; width: 640px;
    overflow: hidden; background-image: url('/assets/images/eight/5.webp');
    background-repeat: no-repeat; background-size: 640px auto; transform: translateX(-50%);
  }
  .su-situations-v1__paper-part--top {
    top: 0; height: 377px; background-position: top center;
  }
  .su-situations-v1__paper-part--middle {
    top: 375px; height: 181px; background-position: center -375px;
  }
  .su-situations-v1__paper-part--bottom {
    bottom: 0; height: 64px; background-position: bottom center;
  }

  .su-situations-v1__panels {
    position: relative; z-index: 4; width: 528px; margin-inline: auto;
    padding: 225px 0 40px;
  }
  .su-situations-v1__note {
    top: 22px; right: max(1%, calc(50% - 318px)); width: 105px;
  }
  .su-situations-v1__desktop-break { display: block; }
  .su-situations-v1__panel h3 {
    width: 378px; max-width: 378px; min-height: 66px;
    font-size: 30px; line-height: 1.08;
  }
  .su-situations-v1__line {
    width: 378px; height: 10px; margin: 3px 0 7px;
  }
  .su-situations-v1__lead {
    width: 100%; max-width: none; min-height: 43px;
    font-size: 18px; line-height: 1.25;
  }
  .su-situations-v1 dl { display: grid; gap: 6px; margin-top: 6px; }
  .su-situations-v1 dl div {
    display: grid; grid-template-columns: 210px 302px; gap: 16px;
    align-items: start; min-height: 43px;
  }
  .su-situations-v1 dt,
  .su-situations-v1 dd {
    max-width: none; font-size: 17px; line-height: 1.25;
  }
  .su-situations-v1 dd { margin: 0; }
  .su-situations-v1 footer {
    display: grid; grid-template-columns: 210px 302px; gap: 16px;
    align-items: center; margin-top: 9px;
  }
  .su-situations-v1 footer strong {
    font-size: 17px; font-weight: 400; line-height: 1.2;
  }
  .su-situations-v1__price-label,
  .su-situations-v1__price-value { display: block; }
  .su-situations-v1__price-value {
    margin-top: 2px; font-weight: 700; white-space: nowrap;
  }
  .su-situations-v1 footer a {
    width: 302px; min-height: 52px; padding: 10px 14px; font-size: 17px;
  }
}

/* Eighth section: compact two-column composition for small desktops only. */
@media (min-width: 1024px) and (max-width: 1199px) {
  .su-situations-v1 { padding: 7px 24px; }
  .su-situations-v1__container {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    grid-template-rows: 190px 1fr;
    column-gap: 24px;
    height: 620px;
  }
  .su-situations-v1__header { grid-column: 1; grid-row: 1; align-self: start; }
  .su-situations-v1__header h2 { font-size: 56px; line-height: .94; }
  .su-situations-v1__tablet-title-break { display: block; }
  .su-situations-v1__header p { margin-top: 10px; font-size: 18px; }
  .su-situations-v1__layout { display: contents; margin-top: 0; }
  .su-situations-v1__tabs {
    grid-column: 1; grid-row: 2; grid-template-columns: 1fr;
    align-content: start; gap: 7px; padding-top: 0;
  }
  .su-situations-v1__tab {
    min-height: 78px; padding: 13px 10%; font-size: 21px; line-height: 1.12;
  }
  .su-situations-v1__answer {
    grid-column: 2; grid-row: 1 / span 2; width: 100%; height: 620px;
    min-height: 0; margin: 0; aspect-ratio: auto;
  }

  .su-situations-v1__paper { inset: 0; background: none; }
  .su-situations-v1__paper::before,
  .su-situations-v1__paper::after { content: none; }
  .su-situations-v1__paper-part {
    position: absolute; left: 50%; display: block; width: 640px;
    overflow: hidden; background-image: url('/assets/images/eight/5.webp');
    background-repeat: no-repeat; background-size: 640px auto; transform: translateX(-50%);
  }
  .su-situations-v1__paper-part--top {
    top: 0; height: 377px; background-position: top center;
  }
  .su-situations-v1__paper-part--middle {
    top: 375px; height: 181px; background-position: center -375px;
  }
  .su-situations-v1__paper-part--bottom {
    bottom: 0; height: 64px; background-position: bottom center;
  }

  .su-situations-v1__panels {
    position: relative; z-index: 4; width: 528px; margin-inline: auto;
    padding: 225px 0 40px;
  }
  .su-situations-v1__note {
    top: 22px; right: max(1%, calc(50% - 318px)); width: 105px;
  }
  .su-situations-v1__desktop-break { display: block; }
  .su-situations-v1__panel h3 {
    width: 378px; max-width: 378px; min-height: 66px;
    font-size: 30px; line-height: 1.08;
  }
  .su-situations-v1__line {
    width: 378px; height: 10px; margin: 3px 0 7px;
  }
  .su-situations-v1__lead {
    width: 100%; max-width: none; min-height: 43px;
    font-size: 18px; line-height: 1.25;
  }
  .su-situations-v1 dl { display: grid; gap: 6px; margin-top: 6px; }
  .su-situations-v1 dl div {
    display: grid; grid-template-columns: 210px 302px; gap: 16px;
    align-items: start; min-height: 43px;
  }
  .su-situations-v1 dt,
  .su-situations-v1 dd {
    max-width: none; font-size: 17px; line-height: 1.25;
  }
  .su-situations-v1 dd { margin: 0; }
  .su-situations-v1 footer {
    display: grid; grid-template-columns: 210px 302px; gap: 16px;
    align-items: center; margin-top: 9px;
  }
  .su-situations-v1 footer strong {
    font-size: 17px; font-weight: 400; line-height: 1.2;
  }
  .su-situations-v1__price-label,
  .su-situations-v1__price-value { display: block; }
  .su-situations-v1__price-value {
    margin-top: 2px; font-weight: 700; white-space: nowrap;
  }
  .su-situations-v1 footer a {
    width: 302px; min-height: 52px; padding: 10px 14px; font-size: 17px;
  }
}

/* Reduce only the desktop gap between the seventh and eighth sections. */
@media (min-width: 1200px) {
  .su-references-v1 { padding-bottom: 72px; }
}

/* Eighth section desktop composition. Keep tablet and phone layouts untouched. */
@media (min-width: 1200px) {
  .su-situations-v1 { padding: 7px 24px; }
  .su-situations-v1__container {
    display: grid; grid-template-columns: minmax(320px, 30%) minmax(0, 1fr);
    grid-template-rows: 195px 1fr; column-gap: clamp(34px, 3.2vw, 54px); height: 620px;
  }
  .su-situations-v1__header { grid-column: 1; grid-row: 1; align-self: start; }
  .su-situations-v1__header h2 { font-size: clamp(58px, 4.5vw, 72px); }
  .su-situations-v1__header p { margin-top: 9px; font-size: 19px; }
  .su-situations-v1__layout { display: contents; }
  .su-situations-v1__tabs { grid-column: 1; grid-row: 2; align-content: start; gap: 7px; padding-top: 0; }
  .su-situations-v1__tab { min-height: 78px; padding: 14px 10%; font-size: clamp(21px, 1.45vw, 26px); line-height: 1.12; }
  .su-situations-v1__answer {
    grid-column: 2; grid-row: 1 / span 2; width: 100%; height: 620px;
    min-height: 0; margin: 0; aspect-ratio: auto;
  }

  /* All three pieces use the same 680px rendering scale. The middle shows only
     source rows 398–554: an empty paper band with its original side edges. */
  .su-situations-v1__paper { inset: 0; background: none; }
  .su-situations-v1__paper::before,
  .su-situations-v1__paper::after { content: none; }
  .su-situations-v1__paper-part {
    position: absolute; left: 50%; display: block; width: 680px; max-width: 92%;
    overflow: hidden; background-image: url('/assets/images/eight/5.webp');
    background-repeat: no-repeat; background-size: 680px auto; transform: translateX(-50%);
  }
  .su-situations-v1__paper-part--top {
    top: 0; height: 400px; background-position: top center;
  }
  .su-situations-v1__paper-part--middle {
    top: 398px; height: 158px; background-position: center -398px;
  }
  .su-situations-v1__paper-part--bottom {
    bottom: 0; height: 68px; background-position: bottom center;
  }

  .su-situations-v1__panels {
    position: relative;
    z-index: 4;
    width: 560px;
    margin-inline: auto;
    padding: 238px 0 40px;
  }

  .su-situations-v1__note { top: 20px; right: max(1%, calc(50% - 338px)); width: min(15%, 120px); }
  .su-situations-v1__desktop-break { display: block; }

  .su-situations-v1__panel h3 {
    width: 400px;
    max-width: 400px;
    min-height: 70px;
    font-size: 32px;
    line-height: 1.08;
  }

  .su-situations-v1__line {
    width: 400px;
    height: 11px;
    margin: 3px 0 7px;
  }

  .su-situations-v1__lead {
    width: 100%;
    max-width: none;
    min-height: 45px;
    font-size: 18px;
    line-height: 1.25;
  }

  .su-situations-v1 dl {
    display: grid;
    gap: 7px;
    margin-top: 6px;
  }

  .su-situations-v1 dl div {
    display: grid;
    grid-template-columns: 220px 324px;
    gap: 16px;
    align-items: start;
    min-height: 45px;
  }

  .su-situations-v1 dt,
  .su-situations-v1 dd {
    max-width: none;
    font-size: 18px;
    line-height: 1.25;
  }

  .su-situations-v1 dd { margin: 0; }

  .su-situations-v1 footer {
    display: grid;
    grid-template-columns: 220px 324px;
    gap: 16px;
    align-items: center;
    margin-top: 9px;
  }

  .su-situations-v1 footer strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
  }

  .su-situations-v1__price-label,
  .su-situations-v1__price-value { display: block; }

  .su-situations-v1__price-value {
    margin-top: 2px;
    font-weight: 700;
    white-space: nowrap;
  }

  .su-situations-v1 footer a {
    width: 324px;
    min-height: 52px;
    padding: 10px 20px;
    font-size: 18px;
  }
}