/* Service pages v3: the approved homepage language without connector diagrams. */
.service-redesign {
  --service-orange: #fe5915;
  --service-amber: #ffa811;
  --service-dark: #202420;
  --service-dark-2: #303530;
  --service-soft: #f1f3ee;
  --service-line: #c9cec6;
}

.service-redesign .service-opening {
  position: relative;
  z-index: 1;
  min-height: 0;
  background: var(--service-dark);
}

.service-design--buy #selection-start {
  position: relative;
}

.service-design--buy #selection-start::before {
  content: "";
  position: absolute;
  inset: -72px 0 auto;
  z-index: 0;
  height: 72px;
  background: var(--service-soft);
  pointer-events: none;
}

.service-redesign .service-hero {
  display: block;
  width: var(--grid);
  min-height: 0;
  margin: 0 auto;
  padding: 50px 0 48px;
}

.service-redesign .service-hero__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
  gap: clamp(48px, 7vw, 112px);
  align-items: end;
  margin-bottom: 54px;
}


/* Keep service headings and descriptions at shared levels regardless of copy length. */
@media (min-width: 901px) {
  :is(.service-design--setup, .service-design--buy, .service-design--support) .service-hero__intro {
    align-items: start;
  }
  :is(.service-design--setup, .service-design--buy, .service-design--support) .service-hero__aside {
    padding-top: 38px;
  }
}

.service-redesign .service-kicker {
  margin: 0 0 18px;
  color: #bfc6bc;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.service-redesign .service-hero h1 {
  max-width: 820px;
  color: #fff;
  font-size: clamp(58px, 5.7vw, 80px);
  line-height: 1.01;
  letter-spacing: -.055em;
}

.service-design--buy .service-hero .title-accent {
  color: var(--service-amber);
}

.service-design--contacts .service-hero .title-accent {
  display: inline-block;
  white-space: nowrap;
}

.service-redesign .service-hero__aside > p {
  max-width: 520px;
  color: #dbe0d9;
  font-size: 19px;
  line-height: 1.5;
}

.service-redesign .hero-actions {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 30px;
}

.service-redesign .hero-secondary {
  gap: 8px;
  margin-top: 12px;
  text-decoration: none;
}
.service-redesign .hero-secondary:hover,
.service-redesign .hero-secondary:focus-visible { text-decoration: none; }

@media (min-width: 901px) {
  .service-redesign .hero-actions { align-items: center; margin-top: 64px; }
  .service-redesign .hero-actions .reference-cta,
  .service-redesign .hero-actions .hero-secondary { margin-top: 0; }
}

.service-redesign .reference-cta {
  min-height: 58px;
  border-radius: 8px;
  background: var(--service-orange);
  color: #171b17;
}

.service-redesign .modal .lead-form .primary-button {
  background: var(--service-orange);
  color: #171b17;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.service-redesign .modal .lead-form .primary-button:hover,
.service-redesign .modal .lead-form .primary-button:focus-visible {
  background: var(--service-dark);
  color: #fff;
  box-shadow: 0 12px 24px rgba(32, 36, 32, .2);
}

.service-design--buy .service-hero .reference-cta,
.service-design--setup .service-hero .reference-cta,
.service-design--support .service-hero .reference-cta {
  min-width: 228px;
  justify-content: center;
  padding: 14px 24px;
  border-color: transparent;
  text-align: center;
}
.service-design--buy .service-hero .reference-cta,
.service-design--setup .service-hero .reference-cta,
.service-design--setup .seo-reading__scenario-actions .reference-cta,
.service-design--support .service-hero .reference-cta {
  background: rgb(254 89 21 / 75%);
  transform: translateY(0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: background-color .2s ease, transform .24s cubic-bezier(.16,1,.3,1), box-shadow .24s ease;
}
.service-design--buy .service-hero .reference-cta:hover,
.service-design--buy .service-hero .reference-cta:focus-visible,
.service-design--setup .service-hero .reference-cta:hover,
.service-design--setup .service-hero .reference-cta:focus-visible,
.service-design--setup .seo-reading__scenario-actions .reference-cta:hover,
.service-design--setup .seo-reading__scenario-actions .reference-cta:focus-visible,
.service-design--support .service-hero .reference-cta:hover,
.service-design--support .service-hero .reference-cta:focus-visible {
  border-color: transparent;
  background: rgb(254 89 21 / 100%);
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(0,0,0,.3);
}
.service-design--setup .seo-reading__scenario-actions .reference-cta:hover,
.service-design--setup .seo-reading__scenario-actions .reference-cta:focus-visible {
  box-shadow: 0 10px 24px rgba(32,36,32,.12);
}
@media (min-width: 901px) {
  .service-design--buy .service-hero .hero-actions { gap: 12px; }
}

.service-redesign .service-board {
  display: grid;
  min-height: 270px;
  grid-template-columns: 1.12fr 1fr 1fr;
  overflow: visible;
  isolation: isolate;
  border-radius: 14px;
  background: #2c312c;
}

.service-redesign .service-board__card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  border: 0;
  background: #303530;
  color: #fff;
  text-decoration: none;
}

.service-redesign .service-board__card:first-child { border-radius: 14px 0 0 14px; }
.service-redesign .service-board__card:last-child { border-radius: 0 14px 14px 0; }

.service-redesign .service-board--buy .service-board__card,
.service-redesign .service-board--setup .service-board__card,
.service-redesign .service-board--support .service-board__card {
  z-index: 0;
  transform: translateY(0) scale(1);
  transform-origin: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
  transition: transform .24s cubic-bezier(.16, 1, .3, 1), box-shadow .24s ease, filter .2s ease, opacity .2s ease;
}

.service-redesign .service-board--buy:has(.service-board__card.is-interacting) .service-board__card:not(.is-interacting) {
  transform: scale(.985);
  filter: saturate(.62) brightness(.86);
  opacity: .82;
}

.service-redesign .service-board--setup:has(.service-board__card.is-interacting) .service-board__card:not(.is-interacting),
.service-redesign .service-board--support.has-interaction .service-board__card:not(.is-interacting) {
  transform: scale(.985);
  filter: saturate(.62) brightness(.86);
  opacity: .82;
}

.service-redesign .service-board--buy .service-board__card.is-interacting,
.service-redesign .service-board--setup .service-board__card.is-interacting,
.service-redesign .service-board--support .service-board__card.is-interacting {
  z-index: 2;
  transform: translateY(-5px) scale(1.018);
  box-shadow: 0 20px 44px rgba(0, 0, 0, .26), inset 0 0 0 1px rgba(255, 255, 255, .28);
}

.service-redesign .service-board--buy .service-board__card:focus-visible,
.service-redesign .service-board--setup .service-board__card:focus-visible {
  outline: 3px solid #ffb065;
  outline-offset: 4px;
}

.service-redesign .service-board__card:nth-child(2) { background: #3a3926; }
.service-redesign .service-board__card:nth-child(3) { background: #343934; }
.service-redesign .service-board__card--accent,
.service-redesign .service-board--buy .service-board__card:first-child {
  background: var(--service-orange);
  color: #171b17;
}

.service-redesign .service-board--setup .service-board__card:nth-child(2) {
  background: var(--service-amber);
  color: #171b17;
}

.service-redesign .service-board--buy .service-board__card:first-child {
  background: #303530;
  color: #fff;
}

.service-redesign .service-board--buy .service-board__card:nth-child(2) {
  background: var(--service-amber);
  color: #171b17;
}

.service-redesign .service-board--support { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.service-redesign .service-board--support .service-board__card:first-child { background: #303530; color: #fff; }
.service-redesign .service-board--support .service-board__card:nth-child(2) { background: var(--service-amber); color: #171b17; }
.service-redesign .service-board--support .service-board__card:nth-child(3) { background: #343934; color: #fff; }

.service-redesign .service-board__index {
  align-self: flex-start;
  color: currentColor;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .08em;
  opacity: .72;
}
.service-redesign .service-board__dot { display: none; font-style: normal; }

.service-redesign .service-board__card h2 {
  max-width: 320px;
  margin: 0 0 12px;
  color: currentColor;
  font-size: 28px;
  letter-spacing: -.035em;
}

.service-redesign .service-board__card p {
  max-width: 340px;
  color: currentColor;
  font-size: 15px;
  line-height: 1.45;
  opacity: .78;
}

.service-redesign .service-board__motif {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 74px;
  height: 58px;
  overflow: clip;
  color: currentColor;
  opacity: .66;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  transition: opacity .2s ease, filter .24s ease;
}

.service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif,
.service-redesign .service-board--setup .service-board__card.is-interacting .service-board__motif,
.service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif {
  opacity: 1;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .2));
}

.service-redesign .service-board__motif i {
  position: absolute;
  width: 43px;
  height: 31px;
  border: 2px solid currentColor;
  border-radius: 6px;
}
.service-redesign .service-board__motif i:nth-child(1) { right: 0; top: 0; }
.service-redesign .service-board__motif i:nth-child(2) { right: 10px; top: 9px; }
.service-redesign .service-board__motif i:nth-child(3) { right: 20px; top: 18px; }

.service-redesign .service-board__motif--selection i {
  top: 15px;
  width: 18px;
  height: 28px;
  border-radius: 4px;
  transform-origin: center bottom;
}
.service-redesign .service-board__motif--selection i:nth-child(1) { right: 52px; top: 15px; }
.service-redesign .service-board__motif--selection i:nth-child(2) { right: 28px; top: 15px; }
.service-redesign .service-board__motif--selection i:nth-child(3) { right: 4px; top: 15px; }
.service-redesign .service-board__motif--selection i:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 6px;
  height: 10px;
  border: solid #171b17;
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: rotate(45deg) scale(.7);
  transition: opacity .18s ease .12s, transform .24s cubic-bezier(.16, 1, .3, 1) .12s;
}

.service-redesign .service-board--buy .service-board__motif i {
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), opacity .24s ease, background-color .24s ease, box-shadow .24s ease;
}

.service-redesign .service-board__motif--compatibility i:nth-child(1),
.service-redesign .service-board__motif--compatibility i:nth-child(2) {
  top: 7px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.service-redesign .service-board__motif--compatibility i:nth-child(1) { right: 0; }
.service-redesign .service-board__motif--compatibility i:nth-child(2) { right: 25px; }
.service-redesign .service-board__motif--compatibility i:nth-child(3) {
  top: 21px;
  right: 27px;
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: var(--service-orange);
  box-shadow: 0 0 0 0 rgba(254, 89, 21, 0);
  opacity: .22;
  transition-delay: 0s;
}

.service-redesign .service-board__motif--delivery i:nth-child(1) {
  top: 18px;
  right: 7px;
  width: 45px;
  height: 31px;
  border-radius: 4px 4px 7px 7px;
}
.service-redesign .service-board__motif--delivery i:nth-child(2) {
  top: 8px;
  right: 5px;
  width: 49px;
  height: 12px;
  border-radius: 4px 4px 2px 2px;
}
.service-redesign .service-board__motif--delivery i:nth-child(3) {
  top: 28px;
  right: 24px;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  background: currentColor;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--selection i:nth-child(1) {
    transform: translate(-2px, 2px) scale(.9);
    opacity: .42;
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--selection i:nth-child(2) {
    transform: translateY(-6px) scale(1.08);
    background: currentColor;
    box-shadow: 0 8px 14px rgba(0, 0, 0, .2);
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--selection i:nth-child(2)::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--selection i:nth-child(3) {
    transform: translate(2px, 2px) scale(.9);
    opacity: .42;
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--compatibility i:nth-child(1) {
    transform: translateX(-13px);
    opacity: .94;
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--compatibility i:nth-child(2) {
    transform: translateX(12px);
    opacity: .94;
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--compatibility i:nth-child(3) {
    transform: scale(2.1);
    opacity: 1;
    box-shadow: 0 0 0 3px rgba(254, 89, 21, .16);
    transition-delay: .1s;
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--delivery i:nth-child(1) {
    transform: translateY(3px);
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--delivery i:nth-child(2) {
    transform: translateY(-7px) rotate(-3deg);
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting .service-board__motif--delivery i:nth-child(3) {
    transform: translateY(2px) scale(.82);
  }
}

/* Buy hero: semantic Tabler icons with one orange result per action. */
.service-redesign .service-board--buy .service-board__motif svg{position:absolute;top:0;left:8px;width:58px;height:58px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-redesign .service-board--buy .service-board__motif svg path{transform-box:fill-box;transform-origin:center}
.buy-selection__list,.buy-compatibility__desktop,.buy-compatibility__device,.buy-delivery__box{opacity:.7}
.buy-selection__lens,.buy-selection__handle,.buy-compatibility__check,.buy-delivery__route{opacity:.46;transition:stroke .2s ease,opacity .2s ease}
.service-redesign .service-board--buy .service-board__card.is-interacting .buy-selection__lens,.service-redesign .service-board--buy .service-board__card.is-interacting .buy-selection__handle,.service-redesign .service-board--buy .service-board__card.is-interacting .buy-compatibility__check,.service-redesign .service-board--buy .service-board__card.is-interacting .buy-delivery__route{stroke:var(--service-orange);opacity:1}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-selection__list{animation:buy-icon-base .34s cubic-bezier(.16,1,.3,1) both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-selection__lens{stroke:var(--service-orange);stroke-dasharray:1;animation:buy-selection-lens .44s ease .14s both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-selection__handle{stroke:var(--service-orange);stroke-dasharray:1;animation:buy-selection-handle .28s cubic-bezier(.16,1,.3,1) .48s both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-compatibility__desktop{animation:buy-device-left .38s cubic-bezier(.16,1,.3,1) both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-compatibility__device{animation:buy-device-right .38s cubic-bezier(.16,1,.3,1) .08s both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-compatibility__check{stroke:var(--service-orange);stroke-dasharray:1;animation:buy-compatibility-check .4s cubic-bezier(.16,1,.3,1) .34s both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-delivery__box{animation:buy-icon-base .38s cubic-bezier(.16,1,.3,1) both}
  .service-redesign .service-board--buy .service-board__card.is-interacting .buy-delivery__route{stroke:var(--service-orange);stroke-dasharray:1;animation:buy-delivery-route .46s cubic-bezier(.16,1,.3,1) .24s both}
}
@keyframes buy-icon-base{0%{opacity:.42;transform:scale(.96)}100%{opacity:.76;transform:scale(1)}}
@keyframes buy-selection-lens{0%{stroke-dashoffset:1;opacity:.18;transform:scale(.9)}100%{stroke-dashoffset:0;opacity:1;transform:scale(1)}}
@keyframes buy-selection-handle{0%{stroke-dashoffset:1;opacity:.18;transform:translate(-2px,-2px)}100%{stroke-dashoffset:0;opacity:1;transform:translate(0,0)}}
@keyframes buy-device-left{0%{opacity:.42;transform:translateX(2px)}100%{opacity:.74;transform:translateX(0)}}
@keyframes buy-device-right{0%{opacity:.36;transform:translateX(-3px)}100%{opacity:.78;transform:translateX(0)}}
@keyframes buy-compatibility-check{0%{stroke-dashoffset:1;opacity:.18;transform:translateY(2px)}100%{stroke-dashoffset:0;opacity:1;transform:translateY(0)}}
@keyframes buy-delivery-route{0%{stroke-dashoffset:1;opacity:.18;transform:translateX(-4px)}100%{stroke-dashoffset:0;opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.service-redesign .service-board--buy .service-board__motif svg path{animation:none!important;transition:none!important}}

/* Support hero: install an update, answer a question, keep help available. */
.service-redesign .service-board--support .service-board__motif::before,
.service-redesign .service-board--support .service-board__motif::after,
.service-redesign .service-board--support .service-board__motif i::before,
.service-redesign .service-board--support .service-board__motif i::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.service-redesign .service-board--support .service-board__motif i {
  right: auto;
  border: 0;
  background: transparent;
}

.service-redesign .service-board__motif--update i:nth-child(1),
.service-redesign .service-board__motif--update i:nth-child(2) {
  top: 7px;
  left: 16px;
  width: 52px;
  height: 40px;
  border: 2px solid currentColor;
  border-radius: 6px;
  background-image:
    linear-gradient(rgba(255, 255, 255, .58), rgba(255, 255, 255, .58)),
    linear-gradient(rgba(255, 255, 255, .42), rgba(255, 255, 255, .42)),
    linear-gradient(rgba(255, 255, 255, .42), rgba(255, 255, 255, .42));
  background-position: 8px 8px, 8px 15px, 8px 22px;
  background-repeat: no-repeat;
  background-size: 28px 2px, 20px 2px, 25px 2px;
  overflow: hidden;
}
.service-redesign .service-board__motif--update i:nth-child(1) {
  opacity: .82;
}
.service-redesign .service-board__motif--update i:nth-child(2) {
  opacity: 0;
  transform: translateX(22px);
}
.service-redesign .service-board__motif--update i:nth-child(2)::before,
.service-redesign .service-board__motif--update i:nth-child(2)::after {
  bottom: 5px;
  left: 8px;
  width: 32px;
  height: 3px;
  border-radius: 4px;
  transform-origin: left;
}
.service-redesign .service-board__motif--update i:nth-child(2)::before {
  background: currentColor;
  opacity: .2;
}
.service-redesign .service-board__motif--update i:nth-child(2)::after {
  background: var(--service-orange);
  transform: scaleX(0);
}
.service-redesign .service-board__motif--update i:nth-child(3) {
  display: none;
}

.service-redesign .service-board__motif--consultation i:nth-child(1),
.service-redesign .service-board__motif--consultation i:nth-child(2) {
  border: 0;
  border-radius: 7px;
}
.service-redesign .service-board__motif--consultation i:nth-child(1) {
  top: 3px;
  left: 2px;
  width: 31px;
  height: 27px;
  color: #fff;
  background-color: #202420;
  opacity: .88;
}
.service-redesign .service-board__motif--consultation i:nth-child(1)::before {
  content: "?";
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.service-redesign .service-board__motif--consultation i:nth-child(1)::after {
  bottom: -5px;
  left: 7px;
  width: 8px;
  height: 8px;
  background-color: #202420;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.service-redesign .service-board__motif--consultation i:nth-child(2) {
  top: 20px;
  left: 36px;
  width: 34px;
  height: 27px;
  color: #fff;
  background-color: #202420;
  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-position: 8px 7px, 8px 13px, 8px 19px;
  background-repeat: no-repeat;
  background-size: 0 2px, 0 2px, 0 2px;
  opacity: .16;
  transform: translate(2px, 1px);
}
.service-redesign .service-board__motif--consultation i:nth-child(2)::after {
  right: 7px;
  bottom: -5px;
  width: 8px;
  height: 8px;
  background-color: #202420;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.service-redesign .service-board__motif--consultation i:nth-child(3) {
  display: none;
}

.service-redesign .service-board__motif--regular::before {
  top: 7px;
  left: 27px;
  width: 38px;
  height: 17px;
  border: 3px solid currentColor;
  border-bottom: 0;
  border-radius: 21px 21px 0 0;
  opacity: .74;
  z-index: 0;
}
.service-redesign .service-board__motif--regular::after {
  top: 39px;
  left: 49px;
  width: 16px;
  height: 10px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  border-radius: 0 0 8px 0;
  opacity: .62;
  z-index: 0;
}
.service-redesign .service-board__motif--regular i:nth-child(1),
.service-redesign .service-board__motif--regular i:nth-child(2) {
  top: 27px;
  width: 10px;
  height: 20px;
  border: 2px solid currentColor;
  border-radius: 5px;
  background: #fff;
  opacity: 1;
  z-index: 1;
}
.service-redesign .service-board__motif--regular i:nth-child(1) { left: 22px; }
.service-redesign .service-board__motif--regular i:nth-child(2) { left: 59px; }
.service-redesign .service-board__motif--regular i:nth-child(2)::after {
  top: 18px;
  left: -15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--service-orange);
  opacity: .22;
}
.service-redesign .service-board__motif--regular i:nth-child(3) {
  top: 36.5px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 8px 0 currentColor, 16px 0 currentColor;
  opacity: .36;
}

@media (prefers-reduced-motion: no-preference) {
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--update i:nth-child(1) { animation: support-update-screen-out .3s ease both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--update i:nth-child(2) { animation: support-update-screen-in .42s cubic-bezier(.16, 1, .3, 1) .16s both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--update i:nth-child(2)::after { animation: support-update-progress .44s ease .48s both; }

  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--consultation i:nth-child(1) { animation: support-consult-question .42s cubic-bezier(.16, 1, .3, 1) both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--consultation i:nth-child(2) { animation: support-consult-answer .62s cubic-bezier(.16, 1, .3, 1) .1s both; }

  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--regular::before { animation: support-help-ready .52s ease both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--regular::after { animation: support-help-ready .52s ease both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--regular i:nth-child(1),
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--regular i:nth-child(2) { animation: support-help-cup .46s cubic-bezier(.16, 1, .3, 1) both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--regular i:nth-child(3) { animation: support-help-flow .58s cubic-bezier(.4, 0, .2, 1) both; }
  .service-redesign .service-board--support .service-board__card.is-interacting .service-board__motif--regular i:nth-child(2)::after { animation: support-help-confirm .34s ease .52s both; }
}

@keyframes support-update-screen-out {
  to { opacity: 0; transform: translateX(-30px) scale(.92); }
}
@keyframes support-update-screen-in {
  from {
    opacity: 0;
    transform: translateX(22px);
    background-size: 0 2px, 0 2px, 0 2px;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    background-size: 28px 2px, 20px 2px, 25px 2px;
    box-shadow: 0 8px 13px rgba(0, 0, 0, .18);
  }
}
@keyframes support-update-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes support-consult-question {
  to { opacity: .48; transform: translateY(-2px) scale(.94); }
}
@keyframes support-consult-answer {
  0% {
    opacity: .16;
    color: #fff;
    background-color: #202420;
    transform: translate(2px, 1px);
    background-size: 0 2px, 0 2px, 0 2px;
  }
  45% { background-size: 18px 2px, 0 2px, 0 2px; }
  70% { background-size: 18px 2px, 14px 2px, 0 2px; }
  100% {
    opacity: 1;
    color: #fff;
    background-color: #202420;
    background-size: 18px 2px, 14px 2px, 20px 2px;
    transform: translate(-1px, -1px);
    box-shadow: 0 7px 12px rgba(0, 0, 0, .16);
  }
}
@keyframes support-help-ready {
  to { opacity: 1; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .18)); }
}
@keyframes support-help-cup {
  to { opacity: 1; }
}
@keyframes support-help-flow {
  45% { opacity: 1; }
  to { opacity: 0; transform: translateX(4px); }
}
@keyframes support-help-confirm {
  55% { transform: scale(1.5); box-shadow: 0 0 0 5px rgba(254, 89, 21, .17); }
  to { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(254, 89, 21, 0); }
}

/* Support hero icons: one Tabler outline family with scenario-specific motion. */
.service-redesign .service-board--support .service-board__motif::before,
.service-redesign .service-board--support .service-board__motif::after { content: none; }
.service-redesign .service-board--support .service-board__motif svg {
  position: absolute;
  top: 0;
  left: 8px;
  width: 58px;
  height: 58px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.service-redesign .hero-update__top,
.service-redesign .hero-update__bottom,
.service-redesign .hero-consultation__back,
.service-redesign .hero-consultation__front,
.service-redesign .hero-regular__heart,
.service-redesign .hero-regular__link,
.service-redesign .hero-regular__seam { opacity: .68; }
.service-redesign .hero-update__bottom,
.service-redesign .hero-regular__link { transition: stroke .2s ease, opacity .2s ease; }

@media (prefers-reduced-motion: no-preference) {
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-update__top {
    stroke-dasharray: 34;
    animation: hero-support-update-top .42s ease both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-update__bottom {
    stroke: var(--service-orange);
    stroke-dasharray: 34;
    animation: hero-support-update-bottom .48s cubic-bezier(.16, 1, .3, 1) .26s both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-consultation__back {
    animation: hero-support-consultation-back .42s cubic-bezier(.16, 1, .3, 1) both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-consultation__front {
    animation: hero-support-consultation-front .46s cubic-bezier(.16, 1, .3, 1) .2s both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-regular__heart {
    stroke: var(--service-orange);
    stroke-dasharray: 1;
    animation: hero-support-regular-heart .54s ease both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-regular__link {
    stroke: var(--service-orange);
    stroke-dasharray: 30;
    animation: hero-support-regular-link .46s cubic-bezier(.16, 1, .3, 1) .26s both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-regular__seam--one {
    animation: hero-support-regular-seam .28s ease .52s both;
  }
  .service-redesign .service-board--support .service-board__card.is-interacting .hero-regular__seam--two {
    animation: hero-support-regular-seam .28s ease .64s both;
  }
}

@keyframes hero-support-update-top { from { stroke-dashoffset: 34; opacity: .2; } to { stroke-dashoffset: 0; opacity: .86; } }
@keyframes hero-support-update-bottom { from { stroke-dashoffset: 34; opacity: .2; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes hero-support-consultation-back { from { opacity: .2; transform: translate(-3px, 3px); } to { opacity: .76; transform: translate(0); } }
@keyframes hero-support-consultation-front { from { opacity: .2; transform: translate(3px, -3px); } to { opacity: 1; transform: translate(0); } }
@keyframes hero-support-regular-heart { from { stroke-dashoffset: 1; opacity: .2; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes hero-support-regular-link { from { stroke-dashoffset: 30; opacity: .15; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes hero-support-regular-seam { from { opacity: .15; transform: translateY(2px); } to { opacity: .9; transform: translateY(0); } }

/* Setup hero: inspect the source, assemble the solution, then launch it. */
.service-redesign .service-board--setup .service-board__motif svg {
  position: absolute;
  top: 1px;
  left: 10px;
  width: 56px;
  height: 56px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.service-redesign .service-board--setup .service-board__motif svg path,
.service-redesign .service-board--setup .service-board__motif svg circle,
.service-redesign .service-board--setup .service-board__motif svg g {
  transform-box: fill-box;
  transform-origin: center;
}

.service-redesign .service-board--setup .setup-survey__lens,
.service-redesign .service-board--setup .setup-rocket__flame {
  color: var(--service-orange);
  stroke: currentColor;
}

.service-redesign .service-board--setup .service-board__card:nth-child(2) .setup-components__part--right {
  color: #a9460f;
  stroke: currentColor;
}

@media (prefers-reduced-motion: no-preference) {
  .service-redesign .service-board--setup .service-board__card.is-interacting .setup-survey__lens {
    animation: setup-survey-lens .72s cubic-bezier(.16, 1, .3, 1) both;
  }

  .service-redesign .service-board--setup .service-board__card.is-interacting .setup-components__part {
    animation: setup-components-assemble .58s cubic-bezier(.16, 1, .3, 1) both;
  }
  .service-redesign .service-board--setup .service-board__card.is-interacting .setup-components__part--right { animation-delay: .08s; }
  .service-redesign .service-board--setup .service-board__card.is-interacting .setup-components__part--top { animation-delay: .16s; }
  .service-redesign .service-board--setup .service-board__card.is-interacting .setup-components__part--bottom { animation-delay: .24s; }

  .service-redesign .service-board--setup .service-board__card.is-interacting .service-board__motif--launch svg {
    animation: setup-rocket-launch .72s cubic-bezier(.16, 1, .3, 1) both;
  }
  .service-redesign .service-board--setup .service-board__card.is-interacting .setup-rocket__flame {
    animation: setup-rocket-flame .72s ease both;
  }
}

@keyframes setup-survey-lens {
  0% { transform: translate(0); }
  45% { transform: translate(-3px, -2px); }
  100% { transform: translate(0); }
}

@keyframes setup-components-assemble {
  0% { opacity: .24; transform: translateY(6px) scale(.92); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes setup-rocket-launch {
  0% { transform: translate(-4px, 5px); }
  65% { transform: translate(3px, -4px); }
  100% { transform: translate(0); }
}

@keyframes setup-rocket-flame {
  0%, 100% { opacity: .72; }
  55% { opacity: 1; filter: drop-shadow(0 0 5px rgba(254, 89, 21, .55)); }
}

@media (prefers-reduced-motion: reduce) {
  .service-redesign .service-board--setup .service-board__motif svg,
  .service-redesign .service-board--setup .service-board__motif svg * {
    animation: none !important;
    transition: none !important;
  }
}
.service-redesign .service-board--contacts {
  min-height: 240px;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
}
.service-redesign .service-board--contacts .service-board__card { min-height: 240px; }
.service-redesign .service-board--contacts .service-board__card > span:last-child {
  position: absolute;
  right: 26px;
  bottom: 26px;
  font-size: 22px;
}

/* Contacts hero cards follow the service-card movement. */
.service-redesign .service-board--contacts .service-board__card { z-index: 0; transform: translateY(0) scale(1); transform-origin: center; transition: transform .24s cubic-bezier(.16, 1, .3, 1), box-shadow .24s ease; }
.service-redesign .service-board--contacts .service-board__card:focus-visible { outline: 3px solid #ffb065; outline-offset: 4px; }
@media (min-width: 761px) and (hover: hover) {
  .service-redesign .service-board--contacts .service-board__card:hover { z-index: 2; transform: translateY(-5px) scale(1.018); box-shadow: 0 20px 44px rgba(0, 0, 0, .26), inset 0 0 0 1px rgba(255, 255, 255, .28); }
}
@media (min-width: 761px) {
  .service-redesign .service-board--contacts .service-board__card:focus-visible { z-index: 2; transform: translateY(-5px) scale(1.018); box-shadow: 0 20px 44px rgba(0, 0, 0, .26), inset 0 0 0 1px rgba(255, 255, 255, .28); }
}
@media (prefers-reduced-motion: reduce) {
  .service-redesign .service-board--contacts .service-board__card { transform: none !important; transition: none !important; }
}

.service-redesign main > .section { padding: 104px 0; }
.service-redesign main > .section:nth-child(even) { background: #fff; }
.service-redesign main > .section:nth-child(odd) { background: var(--service-soft); }
.service-redesign .section-heading {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr);
  gap: 72px;
  align-items: end;
  margin: 0 0 56px;
  padding: 0;
  border: 0;
}
.service-redesign .section-heading h2 { max-width: 650px; font-size: 48px; }
.service-redesign .section-heading > p { max-width: 560px; margin: 0; font-size: 17px; }
.service-redesign .kicker { display: block; margin-bottom: 14px; color: #a63e08; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }

/* Buy: two entry routes, selection factors, catalog, then a compact sequence. */
.service-design--buy .decision-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  border: 0;
}
.service-design--buy .decision-card {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: 32px;
  border: 0;
  border-radius: 12px;
  background: var(--service-orange);
  color: #202420;
}
.service-design--buy .decision-card:nth-child(2) { background: var(--service-dark); color: #fff; }
.service-design--buy .decision-card h3 { max-width: 360px; font-size: 32px; }
.service-design--buy .decision-card p { max-width: 440px; margin: 18px 0 40px; color: currentColor; opacity: .76; }
.service-design--buy .decision-card .text-link { align-self: flex-start; margin-top: auto; color: currentColor; }
.service-design--buy #selection-start .text-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.service-design--buy #selection-start .text-link__label { position: relative; min-width: 0; }
.service-design--buy #selection-start .text-link__label::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: var(--service-amber); transform: scaleX(0); transform-origin: left center; transition: transform 240ms ease-out; }
.service-design--buy #selection-start .text-link:is(:hover, :focus-visible) .text-link__label::after { transform: scaleX(1); }
.service-design--buy #selection-start .text-link__arrow { flex: 0 0 auto; }
@media (prefers-reduced-motion: reduce) { .service-design--buy #selection-start .text-link__label::after { transition: none; } }

.service-design--buy .facts {
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  gap: 16px;
  border: 0;
}
.service-design--buy .fact {
  min-height: 300px;
  padding: 30px;
  border: 0;
  border-radius: 12px;
  background: var(--service-soft);
}
.service-design--buy .fact:first-child { background: #e5e9e2; }
.service-design--buy .fact__icon { display: block; width: 58px; height: 58px; margin: 0 0 54px; }
.service-design--buy .fact__icon img { width: 58px; height: 58px; object-fit: contain; }
.service-design--buy .fact__icon-accent { display: none; }
.service-design--buy .fact__index { color: #a63e08; }
.service-design--buy .fact strong { display: block; margin: 8px 0; font-size: 24px; }

.service-design--buy .selection-factors-section { overflow: clip; }
.service-design--buy .selection-passport {
  position: relative;
  display: grid;
  min-height: 470px;
  grid-template-columns: .74fr 1.26fr;
  padding: 38px 0 38px 38px;
}
.service-design--buy .selection-passport::before {
  content: "";
  position: absolute;
  inset: 0 18% 0 0;
  border-radius: 14px;
  background: var(--service-orange);
}
.service-design--buy .selection-passport__context {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 34px 72px 34px 28px;
  color: #171b17;
}
.service-design--buy .selection-passport__context > span {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.service-design--buy .selection-passport__context > strong {
  margin: auto 0;
  font-size: clamp(29px, 3vw, 43px);
  font-weight: 560;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.service-design--buy .selection-passport__context > small { font-size: 14px; }
.service-design--buy .selection-passport__sheet {
  position: relative;
  z-index: 2;
  align-self: center;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(32, 36, 32, .18);
}
.service-design--buy .selection-passport__row {
  position: relative;
  display: grid;
  min-height: 132px;
  grid-template-columns: 42px 58px 1fr;
  gap: 22px;
  align-items: center;
  padding: 25px 34px;
  border-bottom: 1px solid var(--service-line);
  transition: transform .22s cubic-bezier(.16, 1, .3, 1), background-color .2s ease, box-shadow .22s ease;
}
.service-design--buy .selection-passport__row:first-child { border-radius: 12px 12px 0 0; }
.service-design--buy .selection-passport__row:last-child { border: 0; border-radius: 0 0 12px 12px; }
.service-design--buy .selection-passport__row:hover {
  z-index: 2;
  background: #f8f9f6;
  transform: translateX(-10px);
  box-shadow: 12px 14px 34px rgba(32, 36, 32, .12);
}
.service-design--buy .selection-passport__number {
  align-self: start;
  color: #a63e08;
  font-size: 13px;
}
.service-design--buy .selection-passport__icon,
.service-design--buy .selection-passport__icon img { display: block; width: 48px; height: 48px; }
.service-design--buy .selection-passport__row h3 {
  margin: 0;
  font-size: 25px;
  letter-spacing: -.025em;
}
.service-design--buy .selection-passport__row p {
  max-width: 520px;
  margin: 8px 0 0;
  color: var(--service-muted, #5f665d);
  font-size: 16px;
  line-height: 1.5;
}

.service-design--buy .catalog-shell {
  overflow: clip;
  border: 1px solid var(--service-line);
  border-radius: 12px;
  background: #fff;
  color: var(--service-dark);
  box-shadow: 0 12px 34px rgba(32, 36, 32, .05);
}
.service-design--buy .catalog-shell > summary {
  display: flex;
  min-height: 96px;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 22px 28px;
  cursor: pointer;
  list-style: none;
}
.service-design--buy .catalog-shell > summary::-webkit-details-marker { display: none; }
.service-design--buy .catalog-summary__copy { display: grid; gap: 5px; }
.service-design--buy .catalog-summary__copy small {
  color: #a63e08;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.service-design--buy .catalog-summary__copy strong {
  font-size: 22px;
  font-weight: 560;
  letter-spacing: -.025em;
}
.service-design--buy .catalog-summary__action {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #4f564e;
  font-size: 14px;
  font-weight: 500;
}
.service-design--buy .catalog-summary__action i {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid #949c92;
  border-radius: 50%;
  transition: border-color .2s ease, background-color .2s ease, transform .24s cubic-bezier(.16, 1, .3, 1);
}
.service-design--buy .catalog-summary__action i::before,
.service-design--buy .catalog-summary__action i::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 19px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}
.service-design--buy .catalog-summary__action i::after { transform: rotate(90deg); }
.service-design--buy .catalog-summary__close { display: none; }
.service-design--buy .catalog-shell[open] > summary { border-bottom: 1px solid var(--service-line); }
.service-design--buy .catalog-shell[open] .catalog-summary__open { display: none; }
.service-design--buy .catalog-shell[open] .catalog-summary__close { display: inline; }
.service-design--buy .catalog-shell[open] .catalog-summary__action i {
  border-color: var(--service-orange);
  background: var(--service-orange);
  color: #171b17;
  transform: rotate(45deg);
}
.service-design--buy .catalog-shell > summary:hover .catalog-summary__action i,
.service-design--buy .catalog-shell > summary:focus-visible .catalog-summary__action i { border-color: var(--service-orange); }
.service-design--buy .catalog-shell > summary:focus-visible { outline: 3px solid #a63e08; outline-offset: -3px; }
.service-design--buy .catalog-body { padding: 30px 28px 20px; }
.service-design--buy .catalog-tools {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 10px 32px;
  align-items: end;
  margin-bottom: 24px;
}
.service-design--buy .catalog-tools .field { display: grid; gap: 9px; }
.service-design--buy .catalog-tools .field > span {
  color: #4f564e;
  font-size: 13px;
  font-weight: 500;
}
.service-design--buy .catalog-search {
  min-height: 54px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--service-soft);
  color: var(--service-dark);
  padding: 13px 16px;
  font: inherit;
}
.service-design--buy .catalog-search:focus {
  border-color: #a63e08;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(166, 62, 8, .12);
}
.service-design--buy .catalog-tools .form-note {
  max-width: 310px;
  padding-bottom: 14px;
  color: #687066;
  font-size: 13px;
}
.service-design--buy .catalog-filter-row {
  position: relative;
  margin: 0 0 10px;
}
.service-design--buy .catalog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 0;
}
.service-design--buy .filter-button {
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #687066;
  padding: 9px 14px;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease;
}
.service-design--buy .filter-button:hover,
.service-design--buy .filter-button:focus-visible { background: #eef0ec; color: var(--service-dark); }
.service-design--buy .filter-button:focus-visible { outline: 2px solid #a63e08; outline-offset: 2px; }
.service-design--buy .filter-button[aria-pressed="true"] {
  background: var(--service-dark);
  color: #fff;
  font-weight: 600;
}
.service-design--buy .catalog-filters__next { display: none; }
.service-design--buy .product-list { margin: 0; padding: 8px 0 0; list-style: none; }
.service-design--buy .product {
  display: grid;
  position: relative;
  min-height: 116px;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  margin: 0 -28px;
  padding: 14px 28px;
  border-top: 1px solid var(--service-line);
  background: #fff;
  transition: background-color .22s ease, box-shadow .28s cubic-bezier(.16, 1, .3, 1), opacity .2s ease, transform .28s cubic-bezier(.16, 1, .3, 1);
}
.service-design--buy .product:first-child { border-top: 0; }
.service-design--buy .product:hover,
.service-design--buy .product:has(:focus-visible) {
  z-index: 2;
  background: #f0f2ed;
  box-shadow: 0 14px 30px rgba(32, 36, 32, .13);
  transform: translateY(-2px);
}
@supports selector(.product-list:has(.product:hover)) {
  .service-design--buy .product-list:has(.product:hover) .product:not(:hover),
  .service-design--buy .product-list:has(.product :focus-visible) .product:not(:has(:focus-visible)) { opacity: .58; }
}
.service-design--buy .product__visual {
  position: relative;
  display: block;
  width: 88px;
  height: 88px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #adb5ad;
  background: #fff;
  box-shadow: 0 7px 16px rgba(32, 36, 32, .09);
  transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .2s ease;
}
.service-design--buy .product:hover .product__visual,
.service-design--buy .product:has(:focus-visible) .product__visual {
  box-shadow: 0 10px 22px rgba(32, 36, 32, .15);
  transform: scale(1.045) translateY(-1px);
}
.service-design--buy .product__visual--passport i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 10px;
  border-right: 1px solid #bcc3bb;
  background: #dfe3dd;
  transition: background-color .28s ease;
}
.service-design--buy .product__visual--passport b,
.service-design--buy .product__visual--passport strong,
.service-design--buy .product__visual--passport em {
  position: absolute;
  right: 8px;
  left: 21px;
  text-align: left;
  font-style: normal;
}
.service-design--buy .product__visual--passport b {
  top: 10px;
  color: var(--service-orange);
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
}
.service-design--buy .product__visual--passport strong {
  top: 50%;
  display: -webkit-box;
  overflow: hidden;
  transform: translateY(-50%);
  color: #202420;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.15;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.service-design--buy .product__visual--passport em {
  bottom: 9px;
  color: #727a72;
  font-size: 7px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .06em;
}
.service-design--buy .product__visual--passport::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 5px;
  left: 21px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--service-orange) 0 0) no-repeat, #d7dbd5;
  background-size: 0 100%;
  transition: background-size .48s cubic-bezier(.16, 1, .3, 1);
}
.service-design--buy .product:hover .product__visual--passport i,
.service-design--buy .product:has(:focus-visible) .product__visual--passport i {
  background: var(--service-amber);
}
.service-design--buy .product:hover .product__visual--passport::after,
.service-design--buy .product:has(:focus-visible) .product__visual--passport::after {
  background-size: 100% 100%;
}
.service-design--buy .product__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 24px;
  align-items: center;
}
.service-design--buy .product__body > strong { font-size: 17px; font-weight: 560; line-height: 1.35; }
.service-design--buy .product__body > small { grid-column: 1; color: #687066; font-size: 12px; }
.service-design--buy .product__body > button {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--service-dark);
  padding: 8px 0 8px 14px;
  text-decoration: none;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.service-design--buy .product__body > button:hover,
.service-design--buy .product__body > button:focus-visible { text-decoration: underline; text-decoration-color: var(--service-orange); text-underline-offset: 5px; }
.service-design--buy .catalog-empty { padding: 28px 0 10px; color: #687066; }

/* Setup: an asymmetric task map and a dark scope surface. */
.service-design--setup .use-case-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  grid-template-rows: repeat(2, minmax(190px, auto));
  gap: 16px;
  border: 0;
}
.service-design--setup .use-case {
  min-height: 190px;
  padding: 30px;
  border: 0;
  border-radius: 12px;
  background: #fff;
}
.service-design--setup .use-case:first-child { grid-row: 1 / 3; background: var(--service-amber); }
.service-design--setup .use-case:nth-child(3) { background: var(--service-dark); color: #fff; }
.service-design--setup .use-case:before { display: none; }
.service-design--setup .use-case .scope-card__number { display: block; color: currentColor; opacity: .65; }
.service-design--setup .use-case h3 { margin: 54px 0 14px; color: currentColor; font-size: 30px; }
.service-design--setup .use-case p { color: currentColor; opacity: .72; }

.service-design--setup #scope { background: #fff; }
.service-design--setup #scope .container {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 0;
  overflow: hidden;
  border-radius: 14px;
  background: var(--service-dark);
  color: #fff;
}
.service-design--setup #scope .section-heading { display: block; margin: 0; padding: 48px; border: 0; }
.service-design--setup #scope .section-heading h2 { color: #fff; }
.service-design--setup #scope .section-heading > p { margin-top: 28px; color: #cbd1c8; }
.service-design--setup #scope .scope-grid { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 8px; border: 0; background: var(--service-dark); color: #202420; }
.service-design--setup #scope .scope-card {
  display: grid;
  grid-template-columns: 48px minmax(180px, .8fr) 1.2fr;
  gap: 20px;
  align-items: start;
  padding: 30px;
  border: 0;
  border-bottom: 0;
  border-radius: 8px;
}
.service-design--setup #scope .scope-card:last-child { border-bottom: 0; }
.service-design--setup #scope .scope-card .scope-card__number { display: block; color: #a63e08; }
.service-design--setup #scope .scope-card h3 { font-size: 20px; }

/* Support: situations read as three distinct modes rather than a ruled table. */
.service-design--support .use-case-grid,
.service-design--support .scope-grid {
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  gap: 16px;
  border: 0;
}
.service-design--support .use-case,
.service-design--support .scope-card {
  min-height: 280px;
  padding: 30px;
  border: 0;
  border-radius: 50% 50% 12px 12px / 34% 34% 12px 12px;
  background: #fff;
}
.service-design--support .use-case:nth-child(2),
.service-design--support .scope-card:nth-child(2) { border-radius: 12px; background: #e0e3dd; }
.service-design--support .use-case:nth-child(3),
.service-design--support .scope-card:nth-child(3) { border-radius: 12px; background: var(--service-dark); color: #fff; }
.service-design--support .use-case .scope-card__number,
.service-design--support .scope-card .scope-card__number { display: block; color: currentColor; opacity: .62; }
.service-design--support .use-case h3,
.service-design--support .scope-card h3 { margin: 76px 0 14px; color: currentColor; font-size: 27px; }
.service-design--support .use-case p,
.service-design--support .scope-card p { color: currentColor; opacity: .72; }

/* Processes use solid stages; no connector lines or intersecting decorations. */
.service-redesign .steps,
.service-design--setup .steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  border: 0;
}
.service-redesign .steps:before { display: none; }
.service-redesign .step,
.service-redesign .step + .step {
  display: block;
  min-height: 250px;
  padding: 28px;
  border: 0;
  border-radius: 12px;
  background: #fff;
}
.service-redesign .step:nth-child(2) { transform: translateY(24px); background: #e4e7e1; }
.service-redesign .step:nth-child(3) { transform: translateY(48px); background: var(--service-dark); color: #fff; }
.service-design--setup .step b,
.service-redesign .step b {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 70px;
  border: 0;
  border-radius: 0;
  background: none;
  color: currentColor;
  font-size: 13px;
}
.service-redesign .step h3 { color: currentColor; font-size: 26px; }
.service-redesign .step p { color: currentColor; opacity: .7; }
.service-redesign .step__icon { display: block; width: 58px; height: 58px; margin-bottom: 44px; }
.service-redesign .step__icon img { display: block; width: 58px; height: 58px; object-fit: contain; }
.service-redesign .step__index { display: block; margin-bottom: 14px; color: currentColor; opacity: .65; }

.service-redesign .context-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
  margin-top: 88px;
  padding: 30px;
  border-radius: 12px;
  background: var(--service-dark);
  color: #fff;
}
.service-redesign .context-cta p { color: #dbe0d9; }
.service-redesign .context-cta .reference-cta { margin: 0; }

/* Contacts: direct channels are tiles; the form remains one calm work surface. */
.service-design--contacts .service-opening { min-height: 0; }
.service-design--contacts .service-hero { padding-bottom: 48px; }
.service-design--contacts .contact-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 48px; }
.service-design--contacts .contact-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border: 0; }
.service-design--contacts .contact-card {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border: 0;
  border-radius: 12px;
  background: #fff;
}
.service-design--contacts .contact-card:nth-child(1) { background: var(--service-orange); color: #202420; }
.service-design--contacts .contact-card:nth-child(4) { background: var(--service-dark); color: #fff; }
.service-design--contacts .contact-card > span:last-child { align-self: flex-end; }
.service-design--contacts .contact-card div > span { color: currentColor; opacity: .7; }
/* Channel colors belong only to the lower messenger cards. */
.service-design--contacts .contact-list .contact-card[href^="https://t.me/"] {
  background: #007bb5;
  color: #fff;
}
.service-design--contacts .contact-list .contact-card[href^="https://wa.me/"] {
  background: #25d366;
  color: #171b17;
}
.service-design--contacts .contact-list .contact-card:is([href^="https://t.me/"], [href^="https://wa.me/"]) div > span { opacity: 1; }
.service-design--contacts :is(.service-board--contacts .service-board__index, .contact-list .contact-card__number) {
  color: currentColor;
  opacity: 1;
}
.service-design--contacts .contact-grid > div:last-child { padding: 0 32px 32px; border-radius: 12px; background: #fff; }
.service-design--contacts .lead-form { margin-top: 0; }
.service-design--contacts #before-contact { margin-top: 32px; padding-top: 24px; background: transparent; }
.service-design--contacts #before-contact h3 { margin: 0 0 16px; font-size: 22px; line-height: 1.3; }
.service-design--contacts #before-contact ul { margin: 0 0 20px; padding-left: 22px; }
.service-design--contacts #before-contact li + li { margin-top: 8px; }
.service-design--contacts #before-contact p { margin: 0; }
.service-design--contacts .lead-form .primary-button {
  background: var(--service-orange);
  color: #171b17;
}
.service-design--contacts .lead-form .primary-button:hover { background: #e74d0d; }
.service-design--contacts .lead-form .primary-button:focus-visible {
  background: #e74d0d;
  outline: 3px solid #171b17;
  outline-offset: 3px;
}

@media (min-width: 901px) {
  .service-redesign .main-nav .nav-cta:hover,
  .service-redesign .main-nav .nav-cta:focus-visible {
    background: #111410;
    border-color: #ffa811;
    color: #fff;
    text-decoration: none;
  }
}

@media (max-width: 1000px) {
  .service-redesign .service-hero__intro { grid-template-columns: 1fr 340px; gap: 36px; }
  .service-redesign .service-hero h1 { font-size: clamp(50px, 6.8vw, 66px); }
  .service-redesign .service-board__card { padding: 24px; }
  .service-redesign .service-board__motif { transform: scale(.82); transform-origin: top right; }
  .service-redesign .section-heading { gap: 40px; }
}

@media (min-width: 901px) and (max-width: 1000px) {
  .service-redesign .service-board__motif { top: 24px; right: 24px; }
}

@media (max-width: 900px) {
  .service-design--buy #selection-start::before {
    inset-block-start: -40px;
    height: 40px;
  }
  .service-redesign .service-hero { padding: 12px 0 20px; }
  .service-redesign .service-hero__intro { display: block; margin-bottom: 16px; }
  .service-redesign .service-kicker { margin-bottom: 12px; font-size: 10px; }
  .service-redesign .service-hero h1 { max-width: 680px; font-size: clamp(38px, 9.7vw, 52px); line-height: 1.02; }
  .service-redesign .service-hero__aside { margin-top: 12px; }
  .service-redesign .service-hero__aside > p { max-width: 640px; font-size: 14px; line-height: 1.4; }
  .service-redesign .hero-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 12px; }
  .service-redesign .reference-cta { width: 100%; min-height: 50px; }
  .service-redesign .hero-secondary { display: none; }
  .service-redesign .service-board,
  .service-redesign .service-board--support,
  .service-redesign .service-board--contacts { min-height: 0; grid-template-columns: 1fr; border-radius: 12px; }
  .service-redesign .service-board__card:first-child { border-radius: 12px 12px 0 0; }
  .service-redesign .service-board__card:last-child { border-radius: 0 0 12px 12px; }
  .service-redesign .service-board__card,
  .service-redesign .service-board--contacts .service-board__card {
    display: grid;
    min-height: 76px;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 10px;
    padding: 16px;
  }
  .service-redesign .service-board__card h2 { margin: 0; font-size: clamp(19px, 5.84vw, 21px); }
  .service-redesign .service-board__card p { display: none; }
  .service-redesign .service-board__index { grid-row: auto; align-self: center; }
  .service-redesign .service-board__index { display: flex; align-items: center; gap: 8px; }
  .service-redesign .service-board__dot { display: inline; font-size: 18px; line-height: 1; opacity: .7; }
  .service-redesign .service-board__card > div { grid-column: auto; min-width: 0; }
  /* Reserve the absolutely positioned icon lane when mobile titles wrap. */
  .service-redesign .service-board:not(.service-board--contacts) .service-board__card > div { padding-right: 44px; }
  .service-redesign .service-board__motif { top: 50%; right: 16px; transform: translateY(-50%) scale(.5); transform-origin: center right; }
  .service-redesign .service-board--contacts { grid-template-columns: 1fr 1fr; }
  .service-redesign .service-board--contacts .service-board__card { grid-template-columns: 1fr; min-height: 96px; align-content: space-between; }
  /* Round only the four outer corners of the two-column contact board. */
  .service-redesign .service-board--contacts .service-board__card:first-child { border-radius: 12px 0 0 0; }
  .service-redesign .service-board--contacts .service-board__card:nth-child(2) { border-radius: 0 12px 0 0; }
  .service-redesign .service-board--contacts .service-board__card:nth-child(3) { border-radius: 0 0 0 12px; }
  .service-redesign .service-board--contacts .service-board__card:last-child { border-radius: 0 0 12px 0; }
  .service-redesign .service-board--contacts .service-board__index { align-self: start; }
  .service-redesign .service-board--contacts .service-board__card > div { grid-column: 1; }
  .service-redesign .service-board--contacts .service-board__card > span:last-child { right: 20px; bottom: 20px; }

  .service-redesign main > .section { padding: 72px 0; }
  .service-redesign .section-heading { display: block; margin-bottom: 34px; }
  .service-redesign .section-heading h2 { font-size: 34px; }
  .service-redesign .section-heading > p { margin-top: 20px; font-size: 15px; }

  .service-design--buy .decision-grid,
  .service-design--buy .facts,
  .service-design--setup .use-case-grid,
  .service-design--support .use-case-grid,
  .service-design--support .scope-grid,
  .service-redesign .steps,
  .service-design--setup .steps { display: grid; grid-template-columns: 1fr; grid-template-rows: none; gap: 12px; }
  .service-design--buy .decision-card,
  .service-design--buy .fact,
  .service-design--setup .use-case,
  .service-design--support .use-case,
  .service-design--support .scope-card,
  .service-redesign .step,
  .service-redesign .step + .step { min-height: 0; padding: 24px !important; border-radius: 12px; }
  .service-redesign .use-case,
  .service-redesign .scope-card,
  .service-redesign .decision-card,
  .service-redesign .fact { padding: 24px !important; }
  .service-design--setup .use-case:first-child { grid-row: auto; }
  .service-design--buy .fact__icon { margin-bottom: 28px; }
  .service-design--buy .selection-passport { display: block; min-height: 0; padding: 0; }
  .service-design--buy .selection-passport::before { inset: 0 0 auto; height: 210px; }
  .service-design--buy .selection-passport__context { height: 210px; padding: 24px; }
  .service-design--buy .selection-passport__context > strong { font-size: 31px; }
  .service-design--buy .selection-passport__context > small { margin-bottom: 10px; }
  .service-design--buy .selection-passport__sheet { margin: 0 16px; transform: translateY(-16px); }
  .service-design--buy .selection-passport__row {
    min-height: 120px;
    grid-template-columns: 32px 48px 1fr;
    gap: 14px;
    padding: 20px;
  }
  .service-design--buy .selection-passport__row:hover {
    transform: none;
    box-shadow: inset 4px 0 var(--service-orange);
  }
  .service-design--buy .selection-passport__row h3 { font-size: 23px; }
  .service-design--buy .selection-passport__row p { font-size: 14px; }
  .service-design--buy .catalog-shell > summary { min-height: 82px; gap: 16px; padding: 17px 16px; }
  .service-design--buy .catalog-summary__copy strong { font-size: 18px; }
  .service-design--buy .catalog-summary__action > span { display: none; }
  .service-design--buy .catalog-shell[open] .catalog-summary__action > span { display: none; }
  .service-design--buy .catalog-summary__action i { width: 40px; height: 40px; }
  .service-design--buy .catalog-summary__action i::before,
  .service-design--buy .catalog-summary__action i::after { top: 18px; }
  .service-design--buy .catalog-body { padding: 24px 16px 12px; }
  .service-design--buy .catalog-tools { grid-template-columns: 1fr; gap: 10px; margin-bottom: 18px; }
  .service-design--buy .catalog-tools .form-note { max-width: none; padding-bottom: 0; }
  .service-design--buy .catalog-filter-row { margin-right: -16px; }
  .service-design--buy .catalog-filters {
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 70px;
    scroll-behavior: smooth;
    scroll-padding-inline: 4px 70px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    touch-action: pan-x;
  }
  .service-design--buy .catalog-filters::-webkit-scrollbar { display: none; }
  .service-design--buy .filter-button { flex: 0 0 auto; scroll-snap-align: start; }
  .service-design--buy .catalog-filters__next {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 1px;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #c9cdc5;
    border-radius: 50%;
    background: #fff;
    color: var(--service-dark);
    box-shadow: -12px 0 20px 10px #fff;
    cursor: pointer;
    transition: opacity .18s ease, background-color .18s ease;
  }
  .service-design--buy .catalog-filters__next svg { width: 18px; height: 18px; }
  .service-design--buy .catalog-filters__next path { stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .service-design--buy .catalog-filters__next:hover,
  .service-design--buy .catalog-filters__next:focus-visible { background: var(--service-amber); }
  .service-design--buy .catalog-filters__next:focus-visible { outline: 2px solid #a63e08; outline-offset: 2px; }
  .service-design--buy .catalog-filters__next.is-hidden { opacity: 0; pointer-events: none; }
  .service-design--buy .product { min-height: 112px; grid-template-columns: 68px minmax(0, 1fr); gap: 16px; margin: 0 -16px; padding: 16px; }
  .service-design--buy .product:hover,
  .service-design--buy .product:has(:focus-visible) { transform: none; }
  .service-design--buy .product__visual { width: 68px; height: 68px; }
  .service-design--buy .product__visual--passport i { width: 8px; }
  .service-design--buy .product__visual--passport b,
  .service-design--buy .product__visual--passport strong,
  .service-design--buy .product__visual--passport em { right: 6px; left: 17px; }
  .service-design--buy .product__visual--passport b { top: 8px; font-size: 17px; }
  .service-design--buy .product__visual--passport strong { font-size: 8px; }
  .service-design--buy .product__visual--passport em { bottom: 8px; font-size: 6px; }
  .service-design--buy .product__visual--passport::after { right: 6px; bottom: 4px; left: 17px; }
  .service-design--buy .product__body { grid-template-columns: 1fr; gap: 5px; }
  .service-design--buy .product__body > strong { font-size: 16px; }
  .service-design--buy .product__body > small { grid-column: 1; }
  .service-design--buy .product__body > button {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    margin-top: 6px;
    padding: 6px 0;
  }
  .service-design--setup .use-case h3,
  .service-design--support .use-case h3,
  .service-design--support .scope-card h3 { margin: 34px 0 12px; }

  .service-design--setup #scope .container { display: block; }
  .service-design--setup #scope .section-heading { padding: 30px 24px; }
  .service-design--setup #scope .scope-grid { margin-top: 0; }
  .service-design--setup #scope .scope-card { display: grid; grid-template-columns: 36px 1fr; padding: 24px !important; border-bottom-width: 6px; }
  .service-design--setup #scope .scope-card p { grid-column: 2; }

  .service-redesign .step:nth-child(2),
  .service-redesign .step:nth-child(3) { transform: none; }
  .service-design--setup .step b,
  .service-redesign .step b { margin-bottom: 36px; }
  .service-redesign .step__icon { width: 48px; height: 48px; margin-bottom: 30px; }
  .service-redesign .step__icon img { width: 48px; height: 48px; }
  .service-redesign .context-cta { display: block; margin-top: 48px; padding: 24px; }
  .service-redesign .context-cta .reference-cta { margin-top: 22px; }

  .service-design--contacts .contact-grid { display: block; }
  .service-design--contacts .contact-list { grid-template-columns: 1fr 1fr; }
  .service-design--contacts .contact-grid > div + div { margin-top: 48px; }
}

@media (max-width: 760px) {
  .service-redesign .service-board--buy:has(.service-board__card.is-interacting) .service-board__card:not(.is-interacting),
  .service-redesign .service-board--setup:has(.service-board__card.is-interacting) .service-board__card:not(.is-interacting),
  .service-redesign .service-board--support.has-interaction .service-board__card:not(.is-interacting) {
    transform: none;
    filter: none;
    opacity: 1;
  }
  .service-redesign .service-board--buy .service-board__card.is-interacting,
  .service-redesign .service-board--setup .service-board__card.is-interacting,
  .service-redesign .service-board--support .service-board__card.is-interacting {
    transform: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
  }
  .service-redesign .service-board--buy .service-board__card:active,
  .service-redesign .service-board--setup .service-board__card:active { transform: scale(.995); }
}

/* Contacts: keep the application form aligned with direct channels on tablet and desktop. */
@media (min-width: 761px) and (max-width: 900px) {
  .service-design--contacts .contact-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 32px;
  }
  .service-design--contacts .contact-list { grid-template-columns: 1fr; }
  .service-design--contacts .contact-grid > div + div { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .service-redesign .service-board--buy .service-board__card,
  .service-redesign .service-board--setup .service-board__card,
  .service-redesign .service-board--support .service-board__card,
  .service-redesign .service-board--buy:has(.service-board__card.is-interacting) .service-board__card:not(.is-interacting),
  .service-redesign .service-board--setup:has(.service-board__card.is-interacting) .service-board__card:not(.is-interacting),
  .service-redesign .service-board--support.has-interaction .service-board__card:not(.is-interacting),
  .service-redesign .service-board--buy .service-board__card.is-interacting,
  .service-redesign .service-board--setup .service-board__card.is-interacting,
  .service-redesign .service-board--support .service-board__card.is-interacting,
  .service-redesign .service-board--buy .service-board__motif i,
  .service-redesign .service-board--setup .service-board__motif i,
  .service-redesign .service-board--support .service-board__motif i,
  .service-redesign .service-board--setup .service-board__motif i::after,
  .service-redesign .service-board--setup .service-board__motif::after,
  .service-redesign .service-board--support .service-board__motif i::before,
  .service-redesign .service-board--support .service-board__motif i::after,
  .service-redesign .service-board--support .service-board__motif::before,
  .service-redesign .service-board--support .service-board__motif::after {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .service-redesign .service-board--buy .service-board__motif,
  .service-redesign .service-board--setup .service-board__motif,
  .service-redesign .service-board--support .service-board__motif { transition: none !important; }
  .service-redesign .service-board__motif--update i:nth-child(1) { opacity: 0; }
  .service-redesign .service-board__motif--update i:nth-child(2) { opacity: 1; }
  .service-redesign .service-board__motif--update i:nth-child(2)::after { transform: scaleX(1) !important; }
  .service-redesign .service-board__motif--consultation i:nth-child(1) { opacity: .48; }
  .service-redesign .service-board__motif--consultation i:nth-child(2) {
    color: #fff;
    background-color: #202420;
    background-size: 18px 2px, 14px 2px, 20px 2px;
    opacity: 1;
  }
  .service-redesign .service-board__motif--consultation i:nth-child(2)::after { background-color: #202420; }
  .service-design--buy .selection-passport__row { transform: none !important; transition: none !important; }
}

@media (max-width: 520px) {
  .service-redesign .service-opening { margin: 8px; }
  .service-redesign .service-opening--header { margin-bottom: 0; }
  .service-redesign .service-opening--hero { margin-top: 0; }
  .service-redesign .service-hero h1 { font-size: clamp(36px, 10.2vw, 43px); }
  .service-redesign .service-board__card,
  .service-redesign .service-board__card:nth-child(n+3) { min-height: 76px; }
  .service-redesign .service-board--contacts .service-board__card { min-height: 96px; }
  .service-design--contacts .contact-list { grid-template-columns: 1fr; }
  .service-design--contacts .contact-card { min-height: 132px; }
  .service-design--contacts .contact-grid > div:last-child { padding: 24px 18px; }
}

@media (max-width: 900px) {
  .service-redesign.menu-open .service-opening--header { z-index: 90; }
}

/* Buy page: approved interactive purchase route. */
.service-design--buy .purchase-route {
  --p1: 64px;
  --p2: 50%;
  --p3: calc(100% - 64px);
  position: relative;
  display: flex;
  min-height: 410px;
  gap: 2px;
  overflow: visible;
  isolation: isolate;
  padding-top: 86px;
  background: transparent;
}
.service-design--buy .purchase-route__rail {
  position: absolute;
  z-index: 4;
  top: 64px;
  left: 0;
  width: 100%;
  height: 2px;
}
.service-design--buy .purchase-route__rail i {
  position: absolute;
  top: -7px;
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 50%;
  background: var(--service-soft);
  transform: translateX(-50%);
  transition: background-color .2s ease;
}
.service-design--buy .purchase-route__rail i:nth-of-type(1) { left: var(--p1); border-color: #fe5915; }
.service-design--buy .purchase-route__rail i:nth-of-type(2) { left: var(--p2); border-color: #ffa811; }
.service-design--buy .purchase-route__rail i:nth-of-type(3) { left: var(--p3); border-color: #a9aea7; }
.service-design--buy .purchase-route[data-active="1"] i:nth-of-type(1),
.service-design--buy .purchase-route[data-active="2"] i:nth-of-type(1),
.service-design--buy .purchase-route[data-active="3"] i:nth-of-type(1) { background: #fe5915; }
.service-design--buy .purchase-route[data-active="2"] i:nth-of-type(2),
.service-design--buy .purchase-route[data-active="3"] i:nth-of-type(2) { background: #ffa811; }
.service-design--buy .purchase-route[data-active="3"] i:nth-of-type(3) { background: #a9aea7; }
.service-design--buy .purchase-route__segment {
  position: absolute;
  top: 0;
  height: 2px;
  background: #b9c1b6;
  transition: background-color .24s ease;
}
.service-design--buy .purchase-route__segment--one {
  left: calc(var(--p1) + 8px);
  width: calc(var(--p2) - var(--p1) - 16px);
  background: linear-gradient(90deg, #fe5915, #b9c1b6);
}
.service-design--buy .purchase-route__segment--two {
  left: calc(var(--p2) + 8px);
  width: calc(var(--p3) - var(--p2) - 16px);
}
.service-design--buy .purchase-route[data-active="2"] .purchase-route__segment--one,
.service-design--buy .purchase-route[data-active="3"] .purchase-route__segment--one { background: linear-gradient(90deg, #fe5915, #ffa811); }
.service-design--buy .purchase-route[data-active="2"] .purchase-route__segment--two { background: linear-gradient(90deg, #ffa811, #b9c1b6); }
.service-design--buy .purchase-route[data-active="3"] .purchase-route__segment--two { background: linear-gradient(90deg, #ffa811, #a9aea7); }
.service-design--buy .purchase-stage {
  --stage-tone: #fe5915;
  position: relative;
  z-index: 0;
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border: 0;
  background: #dfe3dd;
  color: #202420;
  padding: 30px;
  text-align: left;
  cursor: pointer;
  transform: none;
  transform-origin: center;
  box-shadow: 0 0 0 rgba(32,36,32,0), inset 0 0 0 1px rgba(32,36,32,.06);
  transition: flex .32s cubic-bezier(.16,1,.3,1), color .2s ease, opacity .2s ease, transform .24s cubic-bezier(.16,1,.3,1), box-shadow .24s ease;
}
.service-design--buy .purchase-stage:nth-of-type(2) { --stage-tone: #ffa811; }
.service-design--buy .purchase-stage:nth-of-type(3) { --stage-tone: #dfdedf; }
.service-design--buy .purchase-stage:first-of-type { border-radius: 12px 0 0 12px; }
.service-design--buy .purchase-stage:last-of-type { border-radius: 0 12px 12px 0; }
.service-design--buy .purchase-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(112deg, color-mix(in srgb, var(--stage-tone) 76%, #fff) 0%, var(--stage-tone) 46%, color-mix(in srgb, var(--stage-tone) 88%, #202420) 100%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .34s cubic-bezier(.16,1,.3,1);
}
.service-design--buy .purchase-stage:nth-of-type(3)::before { background: linear-gradient(112deg, #f3f2f3 0%, #dfdedf 52%, #c8cbc7 100%); }
.service-design--buy .purchase-stage:not(.is-active) { flex: .76; opacity: .78; transform: none; }
.service-design--buy .purchase-stage.is-active {
  z-index: 3;
  flex: 1.48;
  opacity: 1;
  transform: none;
  box-shadow: 0 20px 44px rgba(32,36,32,.24), inset 0 0 0 1px rgba(255,255,255,.34);
}
.service-design--buy .purchase-stage.is-active::before { transform: scaleX(1); }
.service-design--buy .purchase-stage__index,
.service-design--buy .purchase-stage > p,
.service-design--buy .purchase-stage > strong { position: absolute; z-index: 1; color: currentColor; }
.service-design--buy .purchase-stage__index { top: 28px; left: 30px; font-size: 13px; line-height: 1; opacity: .66; }
.service-design--buy .purchase-stage > p {
  top: 76px;
  left: 30px;
  max-width: 270px;
  margin: 0;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .22s ease .08s, transform .28s cubic-bezier(.16,1,.3,1);
}
.service-design--buy .purchase-stage > strong {
  left: 30px;
  bottom: 108px;
  font-size: clamp(24px,2.5vw,36px);
  font-weight: 560;
  line-height: 1.08;
  letter-spacing: -.04em;
  transition: bottom .32s cubic-bezier(.16,1,.3,1), font-size .32s cubic-bezier(.16,1,.3,1);
}
.service-design--buy .purchase-stage.is-active > p { opacity: .78; transform: none; }
.service-design--buy .purchase-stage.is-active > strong { bottom: 30px; }
.service-design--buy .purchase-stage:focus-visible { z-index: 6; outline: 3px solid #a63e08; outline-offset: -3px; }
.service-design--buy #purchase-process { padding-bottom: 84px; }

@media (max-width: 900px) {
  .service-design--buy .purchase-route { display: block; min-height: 470px; padding: 0 0 0 66px; }
  .service-design--buy .purchase-route__rail { top: 0; bottom: 0; left: 44px; right: auto; width: 2px; height: auto; }
  .service-design--buy .purchase-route__rail i { left: -7px; transform: translateY(-50%); }
  .service-design--buy .purchase-route__rail i:nth-of-type(1) { left: -7px; top: var(--p1); }
  .service-design--buy .purchase-route__rail i:nth-of-type(2) { left: -7px; top: var(--p2); }
  .service-design--buy .purchase-route__rail i:nth-of-type(3) { left: -7px; top: var(--p3); }
  .service-design--buy .purchase-route__segment { left: 0; width: 2px; }
  .service-design--buy .purchase-route__segment--one {
    top: calc(var(--p1) + 8px);
    height: calc(var(--p2) - var(--p1) - 16px);
    background: linear-gradient(180deg, #fe5915, #b9c1b6);
  }
  .service-design--buy .purchase-route__segment--two {
    top: calc(var(--p2) + 8px);
    height: calc(var(--p3) - var(--p2) - 16px);
  }
  .service-design--buy .purchase-route[data-active="2"] .purchase-route__segment--one,
  .service-design--buy .purchase-route[data-active="3"] .purchase-route__segment--one { background: linear-gradient(180deg, #fe5915, #ffa811); }
  .service-design--buy .purchase-route[data-active="2"] .purchase-route__segment--two { background: linear-gradient(180deg, #ffa811, #b9c1b6); }
  .service-design--buy .purchase-route[data-active="3"] .purchase-route__segment--two { background: linear-gradient(180deg, #ffa811, #a9aea7); }
  .service-design--buy .purchase-stage,
  .service-design--buy .purchase-stage:not(.is-active),
  .service-design--buy .purchase-stage.is-active {
    display: block;
    width: 100%;
    height: 112px;
    min-height: 112px;
    border: 0;
    border-radius: 10px;
    padding: 20px;
    transform: none;
    transition: height .3s cubic-bezier(.16,1,.3,1), box-shadow .24s ease;
  }
  .service-design--buy .purchase-stage.is-active { height: 246px; box-shadow: 0 18px 36px rgba(32,36,32,.2), inset 0 0 0 1px rgba(255,255,255,.34); }
  .service-design--buy .purchase-stage__index { top: 18px; left: 20px; }
  .service-design--buy .purchase-stage > p { top: 58px; left: 20px; right: 20px; }
  .service-design--buy .purchase-stage > strong { left: 20px; bottom: 30px; font-size: 27px; }
  .service-design--buy .purchase-stage:not(.is-active) > strong { bottom: 28px; font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .service-design--buy .service-hero .reference-cta,
  .service-design--setup .service-hero .reference-cta,
  .service-design--setup .seo-reading__scenario-actions .reference-cta,
  .service-design--support .service-hero .reference-cta { transition: none !important; }
  .service-design--buy .service-hero .reference-cta:hover,
  .service-design--buy .service-hero .reference-cta:focus-visible,
  .service-design--setup .service-hero .reference-cta:hover,
  .service-design--setup .service-hero .reference-cta:focus-visible,
  .service-design--setup .seo-reading__scenario-actions .reference-cta:hover,
  .service-design--setup .seo-reading__scenario-actions .reference-cta:focus-visible,
  .service-design--support .service-hero .reference-cta:hover,
  .service-design--support .service-hero .reference-cta:focus-visible { transform: none !important; }
  .service-design--buy .purchase-stage,
  .service-design--buy .purchase-stage::before,
  .service-design--buy .purchase-route__rail i,
  .service-design--buy .purchase-route__segment { transform: none !important; transition: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .service-redesign .service-board__card,
  .service-redesign .decision-card,
  .service-redesign .contact-card { transition: none !important; transform: none !important; }
}

/* Setup page: selected closed contour for the typical implementation tasks. */
.service-design--setup .setup-tasks-section{background:var(--service-soft)}
.service-design--setup .setup-orbit{display:grid;grid-template-columns:minmax(560px,1.15fr) minmax(320px,.85fr);overflow:hidden;border-radius:16px;background:var(--service-dark);color:#fff}
.service-design--setup .setup-orbit__stage{position:relative;width:min(100%,620px);min-height:0;aspect-ratio:1;margin-inline:auto}
.service-design--setup .setup-orbit__ring{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1}
.service-design--setup .setup-orbit__ring circle{fill:none;stroke-width:3}
.service-design--setup .setup-orbit__base{stroke:#4b524c}
.service-design--setup .setup-orbit__arc{stroke:#59615a;stroke-linecap:round;stroke-dasharray:28 72;opacity:.34;transform:rotate(-90deg);transform-origin:300px 300px;transition:stroke .25s ease,stroke-width .28s cubic-bezier(.16,1,.3,1),opacity .25s ease,filter .25s ease}
.service-design--setup .setup-orbit__arc--one{stroke-dashoffset:0}
.service-design--setup .setup-orbit__arc--two{stroke-dashoffset:-33}
.service-design--setup .setup-orbit__arc--three{stroke-dashoffset:-66}
.service-design--setup .setup-orbit[data-active="1"] .setup-orbit__arc--one{stroke:var(--service-orange)}
.service-design--setup .setup-orbit[data-active="2"] .setup-orbit__arc--two{stroke:var(--service-amber)}
.service-design--setup .setup-orbit[data-active="3"] .setup-orbit__arc--three{stroke:#dfe3dd}
.service-design--setup .setup-orbit[data-active="1"] .setup-orbit__arc--one,.service-design--setup .setup-orbit[data-active="2"] .setup-orbit__arc--two,.service-design--setup .setup-orbit[data-active="3"] .setup-orbit__arc--three{stroke-width:7;opacity:1;filter:drop-shadow(0 0 7px rgba(255,255,255,.14))}
.service-design--setup .setup-orbit__signal{fill:var(--service-orange);stroke:var(--service-dark);stroke-width:3;transform-origin:300px 300px;transition:transform .65s cubic-bezier(.16,1,.3,1),fill .2s ease}
.service-design--setup .setup-orbit[data-active="2"] .setup-orbit__signal{fill:var(--service-amber);transform:rotate(120deg)}
.service-design--setup .setup-orbit[data-active="3"] .setup-orbit__signal{fill:#dfe3dd;transform:rotate(240deg)}
.service-design--setup .setup-orbit__core{position:absolute;top:50%;left:50%;display:flex;width:210px;height:210px;flex-direction:column;justify-content:center;border:1px solid #596059;border-radius:50%;transform:translate(-50%,-50%);text-align:center}
.service-design--setup .setup-orbit__core span{color:#aeb6ad;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.service-design--setup .setup-orbit__core strong{font-size:28px;font-weight:560;letter-spacing:-.04em}
.service-design--setup .setup-orbit__core small{max-width:145px;margin:10px auto 0;color:#aeb6ad;line-height:1.4}
.service-design--setup .setup-orbit__node{--node-color:var(--service-orange);position:absolute;z-index:3;display:grid;min-height:74px;grid-template-columns:44px minmax(120px,1fr);align-items:center;border:0;background:transparent;color:#d9ddd8;padding:0;text-align:left;cursor:pointer;transition:color .2s ease}
.service-design--setup .setup-orbit__node span{display:grid;width:42px;height:42px;place-items:center;border:1px solid #70776f;border-radius:50%;background:var(--service-dark);font-size:12px;transition:background-color .2s ease,border-color .2s ease,box-shadow .25s ease}
.service-design--setup .setup-orbit__node strong{position:absolute;top:52px;left:50%;display:block;width:160px;padding:0;transform:translateX(-50%);color:#d9ddd8;font-size:14px;font-weight:520;line-height:1.25;text-align:center}
.service-design--setup .setup-orbit__node--one{top:13.6667%;left:50%;display:block;width:44px;min-height:44px;transform:translate(-50%,-50%);text-align:center}
.service-design--setup .setup-orbit__node--two{--node-color:var(--service-amber);top:68.1667%;left:81.5333%;display:block;width:44px;min-height:44px;transform:translate(-50%,-50%)}
.service-design--setup .setup-orbit__node--three{--node-color:#dfe3dd;top:68.1667%;left:18.4667%;display:block;width:44px;min-height:44px;transform:translate(-50%,-50%)}
.service-design--setup .setup-orbit__node.is-active{color:#fff}
.service-design--setup .setup-orbit__node.is-active span{border-color:var(--node-color);background:var(--node-color);color:#171b17;box-shadow:0 10px 26px rgba(0,0,0,.26),0 0 0 7px color-mix(in srgb,var(--node-color) 16%,transparent)}
.service-design--setup .setup-orbit__node:focus-visible{outline:3px solid #ffb065;outline-offset:5px;border-radius:8px}
.service-design--setup .setup-orbit__detail{--active-color:var(--service-orange);display:flex;min-width:0;min-height:100%;flex-direction:column;justify-content:center;padding:50px;border-left:1px solid #414741;background:#272c28}
.service-design--setup .setup-orbit[data-active="2"] .setup-orbit__detail{--active-color:var(--service-amber)}
.service-design--setup .setup-orbit[data-active="3"] .setup-orbit__detail{--active-color:#dfe3dd}
.service-design--setup .setup-orbit__detail>span{color:var(--active-color);font-size:14px;font-weight:650}
.service-design--setup .setup-orbit__detail h3{max-width:430px;margin:16px 0 20px;font-size:clamp(36px,4vw,58px);font-weight:560;line-height:1;letter-spacing:-.055em}
.service-design--setup .setup-orbit__detail p{max-width:440px;margin:0;color:#d5dad4;font-size:17px;line-height:1.55}
.service-design--setup .setup-orbit__detail small{display:block;max-width:400px;margin-top:32px;padding-top:20px;border-top:1px solid #4a514a;color:#aeb5ad;font-size:13px;line-height:1.5}

@media(max-width:1100px){
  .service-design--setup .setup-orbit{display:block}
  .service-design--setup .setup-orbit__stage{width:min(100%,520px)}
  .service-design--setup .setup-orbit__node,.service-design--setup .setup-orbit__node--one,.service-design--setup .setup-orbit__node--two,.service-design--setup .setup-orbit__node--three{display:block;width:44px;min-height:44px;grid-template-columns:none;transform:translate(-50%,-50%)}
  .service-design--setup .setup-orbit__node--one{top:13.6667%;left:50%}
  .service-design--setup .setup-orbit__node--two{top:68.1667%;left:81.5333%}
  .service-design--setup .setup-orbit__node--three{top:68.1667%;left:18.4667%}
  .service-design--setup .setup-orbit__node span,.service-design--setup .setup-orbit__node--three span{display:grid;width:36px;height:36px;grid-column:auto;grid-row:auto}
  .service-design--setup .setup-orbit__node span{margin-inline:auto}
  .service-design--setup .setup-orbit__node strong{display:block}
  .service-design--setup .setup-orbit__detail{min-height:280px;padding:34px;border-top:1px solid #414741;border-left:0}
  .service-design--setup .setup-orbit__detail h3{font-size:38px}
}
@media(max-width:520px){
  .service-design--setup .setup-orbit__stage{width:100%}
  .service-design--setup .setup-orbit__core{width:42%;height:42%}
  .service-design--setup .setup-orbit__core strong{font-size:21px}
  .service-design--setup .setup-orbit__node strong{top:54px;width:104px;font-size:11px;line-height:1.25}
  .service-design--setup .setup-orbit__core small{display:none}
  .service-design--setup .setup-orbit__detail{min-height:250px;padding:26px 22px}
  .service-design--setup .setup-orbit__detail h3{font-size:34px}
  .service-design--setup .setup-orbit__detail p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .service-design--setup .setup-orbit__signal{display:none}
  .service-design--setup .setup-orbit__arc,.service-design--setup .setup-orbit__node span{transition:none!important}
}

/* Setup page: approved layered composition for implementation scope. */
.service-design--setup #scope{background:#fff}
.service-design--setup #scope .container{display:block;overflow:visible;border-radius:0;background:transparent;color:var(--service-dark)}
.service-design--setup .setup-scope{display:grid;grid-template-columns:.72fr 1.28fr;min-height:600px;overflow:hidden;border-radius:16px;background:#edf0eb;color:var(--service-dark)}
.service-design--setup .setup-scope__heading{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:52px}
.service-design--setup .setup-scope__heading .kicker{margin:0 0 18px;color:#a63e08}
.service-design--setup .setup-scope__heading h2{margin:0;font-size:clamp(40px,4.5vw,62px);font-weight:560;line-height:1;letter-spacing:-.055em}
.service-design--setup .setup-scope__heading>p{max-width:380px;margin:28px 0 0;color:#687068;font-size:16px;line-height:1.55}
.service-design--setup .setup-scope__heading>small{display:flex;align-items:baseline;gap:5px;margin-top:58px;color:#929991;font-size:12px}
.service-design--setup .setup-scope__heading>small b{color:var(--service-orange);font-size:28px;font-weight:540;line-height:1}
.service-design--setup .setup-scope__layers{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:10px;padding:34px}
.service-design--setup .setup-scope__layer{--scope-tone:#d9ddd7;position:relative;display:grid;min-height:120px;grid-template-columns:55px minmax(190px,.78fr) 1.22fr;align-items:center;gap:20px;overflow:hidden;border:0;border-radius:10px;background:var(--scope-tone);color:var(--service-dark);padding:28px;text-align:left;cursor:pointer;box-shadow:0 0 0 rgba(32,36,32,0);transition:min-height .35s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,filter .25s ease}
.service-design--setup .setup-scope__layer--one{--scope-tone:var(--service-orange)}
.service-design--setup .setup-scope__layer--two{--scope-tone:var(--service-amber)}
.service-design--setup .setup-scope__layer>span{font-size:13px;opacity:.72}
.service-design--setup .setup-scope__layer>strong{font-size:24px;font-weight:540;line-height:1.15}
.service-design--setup .setup-scope__layer>p{margin:0;color:currentColor;font-size:15px;line-height:1.5;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.service-design--setup .setup-scope__layer:not(.is-active){filter:saturate(.72) contrast(.88)}
.service-design--setup .setup-scope__layer.is-active{z-index:2;min-height:190px;filter:none;transform:translateX(-18px);box-shadow:0 24px 50px rgba(32,36,32,.2)}
.service-design--setup .setup-scope__layer.is-active>p{opacity:.74;transform:none}
.service-design--setup .setup-scope__layer:focus-visible{z-index:3;outline:3px solid #a63e08;outline-offset:3px}

@media(max-width:1000px){
  .service-design--setup .setup-scope{grid-template-columns:1fr;min-height:0}
  .service-design--setup .setup-scope__heading{padding:44px}
  .service-design--setup .setup-scope__heading h2 br{display:none}
  .service-design--setup .setup-scope__heading>small{margin-top:32px}
  .service-design--setup .setup-scope__layers{padding-top:0}
  .service-design--setup .setup-scope__layer.is-active{transform:none}
}
@media(max-width:600px){
  .service-design--setup .setup-scope__heading{padding:32px 24px}
  .service-design--setup .setup-scope__heading h2{font-size:38px}
  .service-design--setup .setup-scope__heading>p{margin-top:22px;font-size:15px}
  .service-design--setup .setup-scope__layers{gap:8px;padding:0 14px 14px}
  .service-design--setup .setup-scope__layer{display:grid;min-height:96px;grid-template-columns:36px 1fr;gap:12px;padding:20px}
  .service-design--setup .setup-scope__layer>strong{font-size:20px}
  .service-design--setup .setup-scope__layer>p{grid-column:2;max-height:0;overflow:hidden;font-size:14px;transform:none;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}
  .service-design--setup .setup-scope__layer.is-active{min-height:170px}
  .service-design--setup .setup-scope__layer.is-active>p{max-height:none}
}
@media(max-width:359px){
  .service-design--setup .setup-scope__heading{padding:28px 20px}
  .service-design--setup .setup-scope__heading h2{font-size:34px}
  .service-design--setup .setup-scope__layers{padding-right:10px;padding-left:10px}
  .service-design--setup .setup-scope__layer{padding:18px 16px}
}
@media(prefers-reduced-motion:reduce){
  .service-design--setup .setup-scope__layer,.service-design--setup .setup-scope__layer>p{transform:none!important;transition:none!important}
}

/* Setup page: a fully readable staircase from discovery to launch. */
.service-design--setup .setup-launch-section{overflow:hidden;background:var(--service-soft)}
.service-design--setup .setup-launch-route{display:flex;flex-direction:column;margin-top:8px;padding:22px 0 10px}
.service-design--setup .setup-launch-step{position:relative;display:grid;width:86%;min-height:142px;grid-template-columns:56px minmax(210px,.72fr) 1.28fr 72px;align-items:center;gap:24px;margin:0;border:1px solid #d2d7d0;border-radius:12px;background:#fff;color:var(--service-dark);padding:28px 30px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,filter .25s ease}
.service-design--setup .setup-launch-step+ .setup-launch-step{margin-top:10px}
.service-design--setup .setup-launch-step--two{margin-left:7%;border-color:transparent;background:var(--service-amber)}
.service-design--setup .setup-launch-step--three{margin-left:14%;border-color:transparent;background:var(--service-dark);color:#fff}
.service-design--setup .setup-launch-step>span{align-self:start;color:#a63e08;font-size:13px;font-weight:650}
.service-design--setup .setup-launch-step--two>span{color:#744700}
.service-design--setup .setup-launch-step--three>span{color:#ffb05d}
.service-design--setup .setup-launch-step h3{margin:0;font-size:clamp(25px,2.5vw,36px);font-weight:550;line-height:1.05;letter-spacing:-.04em}
.service-design--setup .setup-launch-step p{max-width:460px;margin:0;color:currentColor;font-size:16px;line-height:1.5;opacity:.72}
.service-design--setup .setup-launch-step i{justify-self:end;color:currentColor;font-size:10px;font-style:normal;font-weight:650;letter-spacing:.1em;text-transform:uppercase;opacity:.52;writing-mode:vertical-rl;transform:rotate(180deg)}
.service-design--setup .setup-launch-step::before{content:"";position:absolute;top:18px;bottom:18px;left:0;width:4px;border-radius:0 4px 4px 0;background:var(--service-orange)}
.service-design--setup .setup-launch-step--two::before{background:#8a5600}
.service-design--setup .setup-launch-step--three::before{background:#dfe3dd}
.service-design--setup .setup-launch-step:hover{z-index:2;transform:translateX(8px);filter:contrast(1.03);box-shadow:0 18px 38px rgba(32,36,32,.14)}
.service-design--setup #setup-launch .context-cta{margin-top:20px}

@media(max-width:900px){
  .service-design--setup .setup-launch-route{padding-top:4px}
  .service-design--setup .setup-launch-step,.service-design--setup .setup-launch-step--two,.service-design--setup .setup-launch-step--three{width:100%;min-height:0;grid-template-columns:38px 1fr;gap:10px 14px;margin-left:0;padding:24px}
  .service-design--setup .setup-launch-step+ .setup-launch-step{margin-top:8px}
  .service-design--setup .setup-launch-step>span{grid-row:1/3}
  .service-design--setup .setup-launch-step h3{font-size:26px}
  .service-design--setup .setup-launch-step p{grid-column:2;font-size:15px}
  .service-design--setup .setup-launch-step i{display:none}
  .service-design--setup .setup-launch-step:hover{transform:none}
  .service-design--setup #setup-launch .context-cta{margin-top:12px}
}
@media(max-width:420px){
  .service-design--setup .setup-launch-step,.service-design--setup .setup-launch-step--two,.service-design--setup .setup-launch-step--three{padding:22px 18px}
  .service-design--setup .setup-launch-step h3{font-size:23px}
  .service-design--setup .setup-launch-step p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.service-design--setup .setup-launch-step{transition:none!important;transform:none!important}}

/* Setup launch v2: one readable canvas with a broken upward trajectory. */
.service-design--setup .setup-launch-map{position:relative;height:560px;overflow:hidden;border-radius:16px;background:var(--service-dark);color:#fff}
.service-design--setup .setup-launch-map__path{position:absolute;inset:0;width:100%;height:100%}
.service-design--setup .setup-launch-map__path path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.service-design--setup .setup-launch-map__base{stroke:#4d554e;stroke-width:3}
.service-design--setup .setup-launch-map__segment{stroke-width:4;transition:stroke-width .28s cubic-bezier(.16,1,.3,1),filter .28s ease,opacity .2s ease}
.service-design--setup .setup-launch-map__segment--one{stroke:var(--service-orange)}
.service-design--setup .setup-launch-map__segment--two{stroke:var(--service-amber)}
.service-design--setup .setup-launch-map__segment--three{stroke:#dfe3dd}
.service-design--setup .setup-launch-station{--station-color:var(--service-orange);position:absolute;z-index:2;width:27%;color:#fff;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.service-design--setup .setup-launch-station--one{top:50.962%;left:5.5%}
.service-design--setup .setup-launch-station--two{--station-color:var(--service-amber);top:31.154%;left:37.5%}
.service-design--setup .setup-launch-station--three{--station-color:#dfe3dd;top:11.154%;left:69.5%}
.service-design--setup .setup-launch-station>span{position:absolute;top:0;left:0;display:grid;width:44px;height:44px;place-items:center;border:2px solid var(--station-color);border-radius:50%;background:var(--service-dark);color:var(--station-color);font-size:12px;font-weight:650;transform:translate(-50%,-50%);box-shadow:0 0 0 7px rgba(32,36,32,.88);transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
.service-design--setup .setup-launch-station>div{margin-top:30px}
.service-design--setup .setup-launch-station small{display:block;margin-bottom:10px;color:var(--station-color);font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.service-design--setup .setup-launch-station h3{margin:0;font-size:clamp(26px,2.5vw,36px);font-weight:550;line-height:1.05;letter-spacing:-.04em}
.service-design--setup .setup-launch-station p{max-width:310px;margin:15px 0 0;color:#cbd1c8;font-size:15px;line-height:1.5;opacity:1}
.service-design--setup .setup-launch-map:has(.setup-launch-station--one:hover) .setup-launch-map__segment--one,.service-design--setup .setup-launch-map:has(.setup-launch-station--two:hover) .setup-launch-map__segment--two,.service-design--setup .setup-launch-map:has(.setup-launch-station--three:hover) .setup-launch-map__segment--three{stroke-width:8}
.service-design--setup .setup-launch-map:has(.setup-launch-station--one:hover) .setup-launch-map__segment--one{filter:drop-shadow(0 0 7px rgba(254,89,21,.38))}
.service-design--setup .setup-launch-map:has(.setup-launch-station--two:hover) .setup-launch-map__segment--two{filter:drop-shadow(0 0 7px rgba(255,168,17,.38))}
.service-design--setup .setup-launch-map:has(.setup-launch-station--three:hover) .setup-launch-map__segment--three{filter:drop-shadow(0 0 7px rgba(223,227,221,.28))}
.service-design--setup .setup-launch-station:hover{transform:translateY(-7px)}
.service-design--setup .setup-launch-station:hover>span{background:var(--station-color);color:var(--service-dark);box-shadow:0 0 0 8px color-mix(in srgb,var(--station-color) 14%,var(--service-dark))}
.service-design--setup .setup-launch-map__finish{position:absolute;z-index:2;top:11.154%;right:3%;display:flex;align-items:center;gap:10px;transform:translateY(-50%)}
.service-design--setup .setup-launch-map__finish i{display:block;width:16px;height:16px;border:4px solid var(--service-dark);border-radius:50%;background:#dfe3dd;box-shadow:0 0 0 2px #dfe3dd}
.service-design--setup .setup-launch-map__finish span{position:absolute;right:0;bottom:24px;width:96px;color:#aeb6ad;font-size:9px;font-weight:650;line-height:1.25;text-align:right;text-transform:uppercase;letter-spacing:.09em}

@media(max-width:900px){
  .service-design--setup .setup-launch-map{height:auto;padding:28px 20px 18px}
  .service-design--setup .setup-launch-map__path{display:none}
  .service-design--setup .setup-launch-map::before{content:"";position:absolute;top:50px;bottom:48px;left:39px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--service-orange) 0 34%,var(--service-amber) 34% 68%,#dfe3dd 68% 100%)}
  .service-design--setup .setup-launch-station,.service-design--setup .setup-launch-station--one,.service-design--setup .setup-launch-station--two,.service-design--setup .setup-launch-station--three{position:relative;top:auto;left:auto;width:100%;min-height:168px;padding:18px 0 26px 70px;transform:none}
  .service-design--setup .setup-launch-station>span{top:28px;left:19px;width:38px;height:38px;transform:translate(-50%,-50%)}
  .service-design--setup .setup-launch-station>div{margin-top:0}
  .service-design--setup .setup-launch-station h3{font-size:28px}
  .service-design--setup .setup-launch-station p{max-width:520px;margin-top:12px;font-size:15px}
  .service-design--setup .setup-launch-station:hover{transform:none}
  .service-design--setup .setup-launch-map__finish{position:relative;top:auto;right:auto;height:44px;margin-left:0;padding-left:70px;transform:none}
  .service-design--setup .setup-launch-map__finish i{position:absolute;top:12px;left:12px}
  .service-design--setup .setup-launch-map__finish span{position:static;width:auto;text-align:left}
}
@media(max-width:420px){
  .service-design--setup .setup-launch-map{padding-right:16px;padding-left:16px}
  .service-design--setup .setup-launch-map::before{left:34px}
  .service-design--setup .setup-launch-station,.service-design--setup .setup-launch-station--one,.service-design--setup .setup-launch-station--two,.service-design--setup .setup-launch-station--three{min-height:174px;padding-left:60px}
  .service-design--setup .setup-launch-station>span{left:18px}
  .service-design--setup .setup-launch-station h3{font-size:25px}
  .service-design--setup .setup-launch-station p{font-size:14px}
  .service-design--setup .setup-launch-map__finish{padding-left:60px}
}
@media(prefers-reduced-motion:reduce){
  .service-design--setup .setup-launch-station,.service-design--setup .setup-launch-station>span,.service-design--setup .setup-launch-map__segment{transform:none!important;transition:none!important}
  .service-design--setup .setup-launch-station>span{transform:translate(-50%,-50%)!important}
}

/* Support scenarios: approved operations console. */
.service-design--support .support-scenarios-section{overflow:hidden;background:var(--service-soft)}
.service-design--support .support-console{position:relative;overflow:hidden;border-radius:16px;background:var(--service-dark);color:#fff;padding:28px}
.service-design--support .support-console__row{position:relative;display:grid;width:100%;min-height:154px;grid-template-columns:58px minmax(280px,1.45fr) minmax(150px,.55fr) 88px;align-items:center;gap:24px;border:0;border-bottom:1px solid #464d46;background:transparent;color:#fff;padding:22px 20px;text-align:left;cursor:pointer;transition:background-color .24s ease,box-shadow .25s ease}
.service-design--support .support-console__row:last-child{border-bottom:0}
.service-design--support .support-console__row.is-active{z-index:2;border-bottom-color:transparent;border-radius:10px;background:#303630;box-shadow:inset 0 1px 0 #555d55,0 16px 34px rgba(0,0,0,.2)}
.service-design--support .support-console__row:has(+ .support-console__row.is-active){border-bottom-color:transparent}
.service-design--support .support-console__row:focus-visible{outline:3px solid #ffb065;outline-offset:-3px}
.service-design--support .support-console__number{align-self:start;padding-top:8px;color:#9fa79f;font-size:13px;font-weight:650;line-height:16px}
.service-design--support .support-console__copy{display:block}
.service-design--support .support-console__copy strong{display:block;font-size:clamp(25px,2.6vw,38px);font-weight:540;line-height:1.08;letter-spacing:-.045em}
.service-design--support .support-console__copy small{display:block;max-width:590px;margin-top:12px;color:#bfc6bf;font-size:15px;line-height:1.5}
.service-design--support .support-console__state{display:grid;grid-template-columns:14px 1fr;gap:2px 10px;color:#c7cdc7}
.service-design--support .support-console__state i{grid-row:1/3;align-self:center;width:9px;height:9px;border-radius:50%;background:#737b73;transition:background-color .2s ease,box-shadow .25s ease}
.service-design--support .support-console__state b{font-size:13px;font-weight:600}.service-design--support .support-console__state em{font-size:12px;font-style:normal;opacity:.62}
.service-design--support .support-console__row.is-active .support-console__state i{background:var(--service-orange);box-shadow:0 0 0 6px rgba(254,89,21,.14)}
.service-design--support .support-console__icon{position:relative;display:block;width:74px;height:58px;color:#aeb5ae}.service-design--support .support-console__icon svg{position:absolute;top:0;left:8px;width:58px;height:58px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.console-version__frame,.console-question__frame,.console-schedule__frame{opacity:.7;transform-box:fill-box;transform-origin:center}.console-version__header,.console-version__tab,.console-schedule__binding,.console-schedule__header{opacity:.5}.console-version__check,.console-question__head,.console-question__body,.console-schedule__clock,.console-schedule__hand{opacity:.46;transition:stroke .2s ease,opacity .2s ease}.support-console__row.is-active .console-version__check,.support-console__row.is-active .console-question__head,.support-console__row.is-active .console-question__body,.support-console__row.is-active .console-schedule__clock,.support-console__row.is-active .console-schedule__hand{stroke:var(--service-orange);opacity:1}.support-console__row.is-replaying .console-version__frame{animation:console-version-frame .36s cubic-bezier(.16,1,.3,1) both}.support-console__row.is-replaying .console-version__header{stroke-dasharray:16;animation:console-version-header .3s ease .1s both}.support-console__row.is-replaying .console-version__tab{stroke-dasharray:4;animation:console-version-tab .22s ease .22s both}.support-console__row.is-replaying .console-version__check{stroke:var(--service-orange);stroke-dasharray:7;animation:console-version-check .38s cubic-bezier(.16,1,.3,1) .4s both}.support-console__row.is-replaying .console-question__frame{animation:console-question-frame .36s cubic-bezier(.16,1,.3,1) both}.support-console__row.is-replaying .console-question__head{stroke:var(--service-orange);stroke-dasharray:13;animation:console-question-head .34s ease .2s both}.support-console__row.is-replaying .console-question__body{stroke:var(--service-orange);stroke-dasharray:9;animation:console-question-body .34s cubic-bezier(.16,1,.3,1) .42s both}.support-console__row.is-replaying .console-schedule__frame{animation:console-schedule-frame .36s cubic-bezier(.16,1,.3,1) both}.support-console__row.is-replaying .console-schedule__binding,.support-console__row.is-replaying .console-schedule__header{animation:console-schedule-grid .3s ease .12s both}.support-console__row.is-replaying .console-schedule__clock{stroke:var(--service-orange);stroke-dasharray:26;animation:console-schedule-clock .44s ease .3s both}.support-console__row.is-replaying .console-schedule__hand{stroke:var(--service-orange);stroke-dasharray:4;animation:console-schedule-hand .32s cubic-bezier(.16,1,.3,1) .62s both}
@keyframes console-version-frame{0%{opacity:.4;transform:scale(.96)}100%{opacity:.78;transform:scale(1)}}@keyframes console-version-header{0%{stroke-dashoffset:16;opacity:.18}100%{stroke-dashoffset:0;opacity:.65}}@keyframes console-version-tab{0%{stroke-dashoffset:4;opacity:.18}100%{stroke-dashoffset:0;opacity:.65}}@keyframes console-version-check{0%{stroke-dashoffset:7;opacity:.18}100%{stroke-dashoffset:0;opacity:1}}@keyframes console-question-frame{0%{opacity:.4;transform:scale(.96)}100%{opacity:.78;transform:scale(1)}}@keyframes console-question-head{0%{stroke-dashoffset:13;opacity:.18}100%{stroke-dashoffset:0;opacity:1}}@keyframes console-question-body{0%{stroke-dashoffset:9;opacity:.18;transform:translateY(2px)}100%{stroke-dashoffset:0;opacity:1;transform:translateY(0)}}@keyframes console-schedule-frame{0%{opacity:.4;transform:scale(.96)}100%{opacity:.78;transform:scale(1)}}@keyframes console-schedule-grid{0%{opacity:.18}100%{opacity:.65}}@keyframes console-schedule-clock{0%{stroke-dashoffset:26;opacity:.18}100%{stroke-dashoffset:0;opacity:.82}}@keyframes console-schedule-hand{0%{stroke-dashoffset:4;opacity:.18}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:900px){.service-design--support .support-console{padding:12px}.service-design--support .support-console__row{min-height:0;grid-template-columns:36px 1fr 64px;gap:14px;padding:24px 14px}.service-design--support .support-console__copy strong{font-size:23px}.service-design--support .support-console__copy small{font-size:14px}.service-design--support .support-console__state{display:none}.service-design--support .support-console__icon{width:64px;transform:scale(.78);transform-origin:center right}}
@media(max-width:430px){.service-design--support .support-console{margin-right:-8px;margin-left:-8px}.service-design--support .support-console__row{grid-template-columns:30px 1fr}.service-design--support .support-console__icon{display:none}.service-design--support .support-console__copy strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.service-design--support .support-console__row,.service-design--support .support-console__row *,.service-design--support .support-console__row::before,.service-design--support .support-console__row::after{animation:none!important;transition:none!important}}


/* Support scope: approved layered composition. */
.support-layers{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#e4e8e2;padding:58px 54px 64px}
.support-layers::before{content:"СОСТАВ";position:absolute;right:30px;bottom:-19px;color:#d7ddd5;font-size:clamp(80px,12vw,170px);font-weight:700;line-height:.75;letter-spacing:-.07em;pointer-events:none}
.support-layer{position:relative;z-index:1;display:grid;width:82%;min-height:168px;grid-template-columns:58px minmax(0,1fr) 90px;align-items:center;gap:24px;border:0;border-radius:12px;padding:30px 34px;text-align:left;cursor:pointer;transition:transform .38s cubic-bezier(.16,1,.3,1),filter .24s ease,box-shadow .28s ease}
.service-design--support .support-scope-section>.container{width:min(calc(100% - 56px),1280px)}
.support-layer+.support-layer{margin-top:-18px}.support-layer--its{margin-left:0;background:#fff;color:var(--service-dark)}.support-layer--updates{z-index:2;margin-left:9%;background:var(--service-amber);color:#171b17}.support-layer--consultations{z-index:3;margin-left:18%;background:var(--service-dark);color:#fff}
.support-layers:has(.support-layer:hover) .support-layer:not(:hover),.support-layers:has(.support-layer:focus-visible) .support-layer:not(:focus-visible){filter:saturate(.72) contrast(.92)}
.support-layer:hover,.support-layer:focus-visible,.support-layer.is-active{z-index:5;transform:translateX(12px);box-shadow:0 22px 44px rgba(29,34,30,.18)}
.support-layer:focus-visible{outline:3px solid var(--service-orange);outline-offset:4px}.support-layer--updates:focus-visible{outline-color:#202420}.support-layer--consultations:focus-visible{outline-color:#ffb065}
.support-layer__number{align-self:start;color:currentColor;font-size:13px;font-weight:650;opacity:.62}.support-layer__copy{display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,1.1fr);align-items:center;gap:24px}.support-layer__copy strong{font-size:clamp(27px,3vw,42px);font-weight:550;line-height:1;letter-spacing:-.05em}.support-layer__copy small{max-width:470px;color:currentColor;font-size:15px;line-height:1.5;opacity:.7}
.support-layer__mark{position:relative;display:block;width:74px;height:58px;justify-self:end;color:currentColor;opacity:.68}.support-layer__mark i{position:absolute;display:block}
.support-layer__mark--its svg{position:absolute;top:0;left:8px;width:58px;height:58px;overflow:visible;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.support-checklist__frame{opacity:.72;transform-box:fill-box;transform-origin:center}.support-checklist__line{opacity:.52}.support-checklist__check{opacity:.42;transition:stroke .2s ease,opacity .2s ease}.support-layer--its.is-active .support-checklist__check{stroke:var(--service-orange);opacity:1}.support-layer.is-replaying .support-checklist__frame{animation:scope-checklist-frame .36s cubic-bezier(.16,1,.3,1) both}.support-layer.is-replaying .support-checklist__line--one{stroke-dasharray:4;animation:scope-checklist-line-one .32s ease .12s both}.support-layer.is-replaying .support-checklist__line--two{stroke-dasharray:2;animation:scope-checklist-line-two .28s ease .28s both}.support-layer.is-replaying .support-checklist__check{stroke:var(--service-orange);stroke-dasharray:8;animation:scope-checklist-check .4s cubic-bezier(.16,1,.3,1) .46s both}
.support-layer__mark--updates svg,.support-layer__mark--consultations svg{position:absolute;top:0;left:8px;width:58px;height:58px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.support-download__frame{opacity:.72;transform-box:fill-box;transform-origin:center}.support-download__fold{opacity:.48}.support-download__stem,.support-download__arrow{opacity:.48;transition:stroke .2s ease,opacity .2s ease}.support-layer--updates.is-active .support-download__stem,.support-layer--updates.is-active .support-download__arrow{stroke:var(--service-dark);opacity:1}.support-layer.is-replaying .support-download__frame{animation:scope-download-frame .38s cubic-bezier(.16,1,.3,1) both}.support-layer.is-replaying .support-download__fold{animation:scope-download-fold .3s ease .1s both}.support-layer.is-replaying .support-download__stem{stroke:var(--service-dark);stroke-dasharray:6;animation:scope-download-stem .38s ease .2s both}.support-layer.is-replaying .support-download__arrow{stroke:var(--service-dark);stroke-dasharray:8;animation:scope-download-arrow .34s cubic-bezier(.16,1,.3,1) .46s both}
.support-message__frame{opacity:.72;transform-box:fill-box;transform-origin:center}.support-message__line{opacity:.5}.support-message__check{opacity:.42;transition:stroke .2s ease,opacity .2s ease}.support-layer--consultations.is-active .support-message__check{stroke:var(--service-orange);opacity:1}.support-layer.is-replaying .support-message__frame{animation:scope-message-frame .36s cubic-bezier(.16,1,.3,1) both}.support-layer.is-replaying .support-message__line--one{stroke-dasharray:8;animation:scope-message-line-one .3s ease .14s both}.support-layer.is-replaying .support-message__line--two{stroke-dasharray:6;animation:scope-message-line-two .3s ease .3s both}.support-layer.is-replaying .support-message__check{stroke:var(--service-orange);stroke-dasharray:8;animation:scope-message-check .38s cubic-bezier(.16,1,.3,1) .5s both}
@keyframes scope-checklist-frame{0%{opacity:.46;transform:scale(.96)}100%{opacity:.78;transform:scale(1)}}@keyframes scope-checklist-line-one{0%{stroke-dashoffset:4;opacity:.2}100%{stroke-dashoffset:0;opacity:.72}}@keyframes scope-checklist-line-two{0%{stroke-dashoffset:2;opacity:.2}100%{stroke-dashoffset:0;opacity:.72}}@keyframes scope-checklist-check{0%{stroke-dashoffset:8;opacity:.2}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes scope-download-frame{0%{opacity:.44;transform:scale(.96)}100%{opacity:.78;transform:scale(1)}}@keyframes scope-download-fold{0%{stroke-dashoffset:8;opacity:.18}100%{stroke-dashoffset:0;opacity:.62}}@keyframes scope-download-stem{0%{stroke-dashoffset:6;opacity:.2;transform:translateY(-2px)}100%{stroke-dashoffset:0;opacity:1;transform:translateY(0)}}@keyframes scope-download-arrow{0%{stroke-dashoffset:8;opacity:.2;transform:translateY(-2px)}100%{stroke-dashoffset:0;opacity:1;transform:translateY(0)}}@keyframes scope-message-frame{0%{opacity:.44;transform:scale(.96)}100%{opacity:.78;transform:scale(1)}}@keyframes scope-message-line-one{0%{stroke-dashoffset:8;opacity:.18}100%{stroke-dashoffset:0;opacity:.7}}@keyframes scope-message-line-two{0%{stroke-dashoffset:6;opacity:.18}100%{stroke-dashoffset:0;opacity:.7}}@keyframes scope-message-check{0%{stroke-dashoffset:8;opacity:.2}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:900px){.review-header{padding:14px 18px;font-size:13px}.review-header p{display:none}.scope-review{padding:64px 20px 82px}.scope-review__heading{display:block;margin-bottom:38px;padding-left:0}.scope-review__heading>span{position:static;display:block;margin-bottom:24px;writing-mode:initial;transform:none}.scope-review__heading h1{font-size:48px}.scope-review__heading>p{margin-top:24px;font-size:15px}.service-design--support .support-scope-section>.container{width:min(calc(100% - 40px),1280px)}.support-layers{padding:30px 24px 36px}.support-layer,.support-layer--updates,.support-layer--consultations{width:100%;min-height:0;margin-left:0;grid-template-columns:42px minmax(0,1fr) 74px;padding:26px 24px}.support-layer+.support-layer{margin-top:-8px}.support-layer__copy{display:block}.support-layer__copy strong{display:block;font-size:28px}.support-layer__copy small{display:block;margin-top:12px;font-size:14px}.support-layer:hover,.support-layer:focus-visible,.support-layer.is-active{transform:translateY(-4px)}}
@media(max-width:520px){.scope-review__heading h1{font-size:40px}.support-layers{margin-right:-8px;margin-left:-8px;padding:18px 12px 24px}.support-layer,.support-layer--updates,.support-layer--consultations{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:24px 18px}.support-layer__mark{display:none}.support-layer__copy strong{font-size:24px}.support-layer__copy small{font-size:14px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.service-design--support .support-layer,.service-design--support .support-layer *{animation:none!important;transition:none!important}.service-design--support .support-layer:hover,.service-design--support .support-layer:focus-visible,.service-design--support .support-layer.is-active{transform:none}}

/* Support format: approved compact index with one shared detail surface. */
.service-design--support .support-format-index{display:grid;min-height:410px;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:12px;padding:18px;border-radius:18px 18px 12px 12px;background:var(--service-dark);color:#fff}
.service-design--support .support-format-index__steps{display:grid;align-content:start;gap:10px;min-width:0}
.service-design--support .support-format-index__step{display:grid;min-width:0;min-height:86px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;border:0;border-radius:10px;padding:16px 18px;background:#303630;color:#fff;text-align:left;cursor:pointer;transition:background-color .22s ease,color .22s ease,transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease}
.service-design--support .support-format-index__step span{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;opacity:.62}
.service-design--support .support-format-index__step strong{font-size:clamp(19px,2vw,27px);font-weight:550;line-height:1.1;letter-spacing:-.035em}
.service-design--support .support-format-index__step.is-active{background:var(--service-amber);color:#171b17;transform:translateX(6px)}
.service-design--support .support-format-index__step:focus-visible{outline:3px solid #ffb065;outline-offset:2px}
.service-design--support .support-format-index__detail{display:flex;min-width:0;flex-direction:column;justify-content:space-between;border-radius:12px;padding:34px;background:#fff;color:var(--service-dark);box-shadow:0 20px 44px rgba(0,0,0,.18)}
.service-design--support .support-format-index__detail>span{color:#a63e08;font-size:12px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.service-design--support .support-format-index__detail h3{max-width:570px;margin:0;font-size:clamp(32px,4.4vw,58px);font-weight:550;line-height:1.02;letter-spacing:-.05em}
.service-design--support .support-format-index__detail p{max-width:610px;margin:18px 0 0;color:#555b55;font-size:17px;line-height:1.55}
.service-design--support .support-format-section .context-cta{margin-top:10px;border:0;border-radius:12px 12px 18px 18px;background:var(--service-dark);color:#fff}
.service-design--support .support-format-section .context-cta p{color:#c7cdc7}
@media(max-width:900px){.service-design--support .support-format-index{min-height:360px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);padding:14px}.service-design--support .support-format-index__step{min-height:74px;padding:13px 15px}.service-design--support .support-format-index__step strong{font-size:20px}.service-design--support .support-format-index__detail{padding:28px}.service-design--support .support-format-index__detail h3{font-size:38px}.service-design--support .support-format-index__detail p{font-size:15px}}
@media(max-width:680px){.service-design--support .support-format-index{display:block;min-height:0;margin-right:-8px;margin-left:-8px;padding:12px;border-radius:16px 16px 10px 10px}.service-design--support .support-format-index__steps{gap:7px}.service-design--support .support-format-index__step{min-height:62px;grid-template-columns:34px minmax(0,1fr);padding:12px 14px}.service-design--support .support-format-index__step strong{font-size:17px}.service-design--support .support-format-index__step.is-active{transform:none}.service-design--support .support-format-index__detail{min-height:190px;margin-top:10px;padding:24px 20px}.service-design--support .support-format-index__detail h3{font-size:29px}.service-design--support .support-format-index__detail p{margin-top:12px;font-size:14px}.service-design--support .support-format-section .context-cta{margin:8px -8px 0;padding:20px;border-radius:10px 10px 16px 16px}}
@media(prefers-reduced-motion:reduce){.service-design--support .support-format-index__step{transition:none}.service-design--support .support-format-index__step.is-active{transform:none}}
@media(prefers-reduced-motion:reduce){.service-design--buy .catalog-filters,.service-design--buy .product,.service-design--buy .product__visual,.service-design--buy .product__visual--passport i,.service-design--buy .product__visual--passport::after{scroll-behavior:auto!important;transition:none!important}.service-design--buy .product:hover,.service-design--buy .product:has(:focus-visible),.service-design--buy .product:hover .product__visual,.service-design--buy .product:has(:focus-visible) .product__visual{transform:none!important}}

/* Buy page: product details use only verified official product artwork. */
.product-detail-modal[hidden]{display:none}
.product-detail-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:24px;background:rgba(19,23,19,.72);overflow:auto}
.product-detail-dialog{position:relative;width:min(1120px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:18px;background:#fff;color:var(--service-dark);box-shadow:0 32px 90px rgba(0,0,0,.34)}
.product-detail-close{position:absolute;z-index:3;top:18px;right:18px;display:grid;width:48px;height:48px;place-items:center;border:1px solid #cfd4cd;border-radius:50%;background:#fff;color:#202420;font:400 30px/1 Onest,sans-serif;cursor:pointer}
.product-detail-close:hover{background:#f1f3ee}.product-detail-close:focus-visible{outline:3px solid #a63e08;outline-offset:3px}
.product-detail-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);min-height:650px}
.product-detail-visual{position:relative;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:72px 48px 48px;background:#efa927;text-align:center}
.product-detail-visual::before{content:"1С";position:absolute;right:-28px;bottom:-42px;color:rgba(32,36,32,.08);font-size:220px;font-weight:750;line-height:1;letter-spacing:-.09em;pointer-events:none}
.product-detail-visual__label{position:absolute;top:30px;left:34px;color:#242824;font-size:11px;font-weight:720;letter-spacing:.16em}
.product-detail-visual img{position:relative;z-index:1;display:block;width:min(280px,75%);height:auto;max-height:300px;object-fit:contain;filter:grayscale(1) contrast(1.18);mix-blend-mode:multiply}
.product-detail-visual img.is-wide{width:100%;max-height:190px;filter:grayscale(1) contrast(1.14);mix-blend-mode:multiply}
.product-detail-content{padding:72px 64px 54px}.product-detail-content .kicker{margin:0 0 12px;color:#a63e08}.product-detail-content h2{max-width:650px;margin:0;font-size:clamp(36px,4vw,54px);font-weight:560;line-height:1;letter-spacing:-.05em}
.product-detail-alias{margin:14px 0 0;padding-left:12px;border-left:3px solid #ffa811;color:#575d57;font-size:14px}.product-detail-description{max-width:660px;margin:22px 0 30px;color:#4f554f;font-size:17px;line-height:1.55}
.product-options{margin:0;padding:0;border:0}.product-options legend{margin-bottom:12px;font-size:15px;font-weight:650}.product-options>div{border-top:1px solid #d8ddd6}.product-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;border-bottom:1px solid #d8ddd6;cursor:pointer}
.product-option input{width:18px;height:18px;margin:0;accent-color:#fe5915}.product-option span{display:flex;min-width:0;flex-direction:column;padding:12px 0}.product-option strong{font-size:15px;font-weight:620;line-height:1.25}.product-option small{margin-top:5px;color:#666c66;font-size:12px;line-height:1.35}.product-option>.product-option__price{padding-left:14px;font-size:16px;font-weight:650;white-space:nowrap}
.product-option:has(input:checked){background:linear-gradient(90deg,rgba(255,168,17,.12),transparent)}.product-option:has(input:focus-visible){outline:3px solid #a63e08;outline-offset:-3px}
.product-workplaces{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:20px;margin-top:24px;font-size:15px;font-weight:620}.product-workplaces input{width:100%;height:48px;border:1px solid #bfc5bd;border-radius:8px;background:#fff;padding:0 12px;font:inherit}.product-workplaces input:focus-visible{outline:3px solid #a63e08;outline-offset:2px}
.product-price-note,.product-source-note{color:#6a706a;font-size:12px;line-height:1.45}.product-price-note{margin:16px 0 22px}.product-detail-lead{width:100%;min-height:52px}.product-source-note{margin:14px 0 0}
@media(max-width:900px){.product-detail-modal{display:block;padding:0;background:#fff}.product-detail-dialog{width:100%;max-height:none;min-height:100%;border-radius:0;box-shadow:none}.product-detail-close{position:fixed;top:14px;right:14px}.product-detail-layout{display:block;min-height:0}.product-detail-visual{min-height:310px;padding:78px 20px 30px}.product-detail-visual::before{right:-18px;bottom:-30px;font-size:150px}.product-detail-visual__label{top:26px;left:20px}.product-detail-visual img{width:min(190px,58%);max-height:190px}.product-detail-visual img.is-wide{width:min(340px,94%)}.product-detail-content{padding:38px 20px 48px}.product-detail-content h2{font-size:36px}.product-detail-description{font-size:16px}.product-option{grid-template-columns:22px minmax(0,1fr)}.product-option>.product-option__price{grid-column:2;padding:0 0 14px;font-size:17px}.product-workplaces{grid-template-columns:1fr 96px}}
@media(prefers-reduced-motion:reduce){.product-detail-modal *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the approved layered cards while giving tablet text its own rows. */
@media (min-width: 901px) and (max-width: 1200px) {
  .support-layer__copy { display: block; }
  .support-layer__copy strong { display: block; }
  .support-layer__copy small { display: block; margin-top: 12px; }
}

/* Approved unified scenario panel. */
.service-design--setup .setup-orbit--linear{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:stretch}
.setup-scenarios__navigation{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:40px 26px;background:#202420}
.setup-scenarios__navigation::before{content:"ВНЕДРЕНИЕ";position:absolute;z-index:-1;left:24px;bottom:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(72px,8vw,105px);font-weight:700;line-height:.85;letter-spacing:-.065em;color:rgb(255 255 255 / 5%);pointer-events:none;user-select:none}
.setup-scenarios__navigation header{max-width:420px;margin:0 auto 18px}
.setup-scenarios__navigation h3{font-size:20px;font-weight:550;letter-spacing:-.02em}
.setup-scenarios__navigation header p{font-size:13px;color:#afb7ad;margin-top:9px;line-height:1.5}
.setup-scenarios__switches{position:relative;display:grid;gap:0;max-width:420px;margin:34px auto 28px}
.setup-scenarios__rail{position:absolute;top:62px;bottom:62px;left:20.5px;display:grid;width:3px;grid-template-rows:repeat(2,1fr);pointer-events:none}
.setup-scenarios__rail i{display:block;width:3px;background:#59615a;opacity:.65;transition:background-color .25s ease,box-shadow .25s ease,opacity .25s ease}
.setup-scenarios__rail i:first-child{background:#fe5915;opacity:1;box-shadow:0 0 12px rgb(254 89 21 / 35%)}
.setup-orbit--linear:is([data-active="2"],[data-active="3"]) .setup-scenarios__rail i:last-child{background:#ffa811;opacity:1;box-shadow:0 0 12px rgb(255 168 17 / 35%)}
.setup-scenarios__switch{--node-color:#fe5915;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:22px;width:100%;min-height:124px;padding:0;border:0;border-radius:0;background:transparent;color:#d9ddd8;text-align:left;cursor:pointer}
.setup-scenarios__switch[data-setup-step="2"]{--node-color:#ffa811}
.setup-scenarios__switch[data-setup-step="3"]{--node-color:#dfe3dd}
.setup-scenarios__switch>span{position:relative;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:1px solid #70776f;border-radius:50%;background:#202420;color:#d9ddd8;font-size:13px;transition:background-color .2s ease,border-color .2s ease,box-shadow .25s ease}
.setup-scenarios__switch strong{font-size:clamp(21px,1.8vw,26px);font-weight:550;line-height:1.18;letter-spacing:-.025em;text-transform:uppercase}
.setup-scenarios__switch.is-active>span{border-color:var(--node-color);background:var(--node-color);color:#171b17;box-shadow:0 10px 26px rgb(0 0 0 / 26%),0 0 0 7px color-mix(in srgb,var(--node-color) 16%,transparent),0 0 18px color-mix(in srgb,var(--node-color) 20%,transparent)}
.setup-scenarios__switch:is(:hover,:focus-visible) strong,.setup-scenarios__switch.is-active strong{color:#fff}
.setup-scenarios__switch:hover>span{border-color:var(--node-color)}
.setup-scenarios__switch:focus-visible{outline:0}
.setup-scenarios__switch:focus-visible>span{outline:3px solid #ffb065;outline-offset:10px}
.setup-scenarios__switch:focus-visible strong{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--node-color)}
.setup-scenarios__signal{position:absolute;z-index:1;left:18px;top:0;width:8px;height:8px;border-radius:50%;background:#fff1d7;box-shadow:0 0 0 3px rgb(254 89 21 / 18%),0 0 14px 4px rgb(254 89 21 / 55%);pointer-events:none}
.setup-scenarios__signal[hidden]{display:none}
.setup-scenarios__hint{display:flex;align-items:center;gap:9px;max-width:420px;margin:0 auto;color:#aeb6ad;font-size:12px;line-height:1.5}
.setup-scenarios__hint i{width:6px;height:6px;border-radius:50%;background:#fe5915;flex-shrink:0}
.service-design--setup .setup-orbit--linear .setup-orbit__detail{display:block;min-height:0;padding:40px;border-left:1px solid #414741;border-top:0;justify-content:start;background:#272c28}
.setup-scenarios__panels{display:grid;grid-template-rows:auto auto auto;row-gap:20px}
.setup-scenarios__panel{grid-column:1;grid-row:1 / 4;display:grid;grid-template-rows:subgrid;align-content:start;min-width:0}
.setup-scenarios__panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.setup-scenarios__number{display:flex;align-items:center;gap:14px;color:var(--active-color);font-size:14px;font-weight:650;line-height:1.5}
.setup-scenarios__category{font-size:11px;letter-spacing:.09em;font-weight:500;text-transform:uppercase;color:#aeb6ad}
.service-design--setup .setup-orbit--linear .setup-scenarios__panel h3{font-size:clamp(28px,2.6vw,36px);line-height:1.15;font-weight:560;letter-spacing:-.035em;max-width:100%;margin:0}
.service-design--setup .setup-orbit--linear .setup-scenarios__copy p{max-width:none;font-size:17px;line-height:1.65;color:#d5dad4;margin:0 0 18px}
.service-design--setup .setup-orbit--linear .setup-scenarios__copy p:last-of-type{margin-bottom:0}
.setup-scenarios__actions{margin-top:22px}
.service-design--setup .setup-orbit--linear .reference-cta{width:100%;justify-content:center;padding:12px 24px;min-height:50px;border:0;background:rgb(254 89 21 / 75%);font-size:17px;text-align:center;transition:background-color .2s ease,transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease}
.service-design--setup .setup-orbit--linear .reference-cta:is(:hover,:focus-visible){background:#fe5915;transform:translateY(-3px);box-shadow:0 10px 24px rgb(32 36 32 / 12%)}
.setup-orbit--linear .reference-cta:focus-visible{outline-color:#ffb065}
@media(max-width:1100px) and (min-width:761px){
 .setup-scenarios__navigation{padding:32px 18px}.setup-scenarios__navigation::before{left:18px}
 .service-design--setup .setup-orbit--linear .setup-orbit__detail{padding:32px 28px}
 .setup-scenarios__switch{gap:18px}.setup-scenarios__switch strong{font-size:20px}
 .setup-scenarios__hint{font-size:11px}
 .service-design--setup .setup-orbit--linear .setup-scenarios__copy p{font-size:16px}
}
@media(max-width:760px){
 .service-design--setup .setup-orbit--linear{grid-template-columns:1fr}
 .setup-scenarios__navigation{padding:26px 18px 24px}.setup-scenarios__navigation::before{font-size:66px;left:18px;bottom:16px}
 .setup-scenarios__navigation header{margin-bottom:6px}.setup-scenarios__navigation h3{font-size:18px}.setup-scenarios__navigation header p{font-size:12px}
 .setup-scenarios__switches{margin-top:24px;margin-bottom:24px}.setup-scenarios__switch{min-height:96px;gap:18px}.setup-scenarios__switch strong{font-size:20px}
 .setup-scenarios__rail{top:48px;bottom:48px}.setup-scenarios__hint{font-size:11px}
 .service-design--setup .setup-orbit--linear .setup-orbit__detail{padding:28px 22px;border-left:0;border-top:1px solid #414741}
 .service-design--setup .setup-orbit--linear .setup-scenarios__panel h3{font-size:28px}
 .service-design--setup .setup-orbit--linear .setup-scenarios__copy p{font-size:15px;line-height:1.65}.setup-scenarios__category{font-size:10px}
}
@media(max-width:350px){.setup-scenarios__navigation{padding-inline:12px}.setup-scenarios__switch{gap:16px}.setup-scenarios__switch strong{font-size:18px}.service-design--setup .setup-orbit--linear .setup-orbit__detail{padding-inline:18px}.setup-scenarios__number{gap:10px}}
@media(prefers-reduced-motion:reduce){.setup-scenarios__rail i,.setup-scenarios__switch>span,.service-design--setup .setup-orbit--linear .reference-cta{transition:none}.service-design--setup .setup-orbit--linear .reference-cta:is(:hover,:focus-visible){transform:none}}