.gostryy-what-did {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  overflow: hidden;
  background: #eeeffa;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
}

.gostryy-what-did *,
.gostryy-what-did *::before,
.gostryy-what-did *::after {
  box-sizing: border-box;
}

.gostryy-what-did__canvas {
  position: relative;
  width: min(100%, 1366px);
  aspect-ratio: 1366 / 768;
  margin-inline: auto;
  container-type: inline-size;
}

.gostryy-what-did__heading {
  position: absolute;
  top: 8.984%;
  left: 11.2%;
  margin: 0;
  font-size: 4.685cqw;
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.234cqw;
}

.gostryy-what-did__tree {
  position: absolute;
  top: 25.911%;
  width: 33.4%;
  font-size: 1.464cqw;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.0732cqw;
}

.gostryy-what-did__tree--site { left: 11.2%; }
.gostryy-what-did__tree--brand { left: 55.56%; }

.gostryy-what-did__tree-title {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 2.928cqw;
  display: flex;
  width: 29.795cqw;
  height: 4.685cqw;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 1.098cqw;
  background: #282faa;
  color: #fff;
  font-size: 1.903cqw;
  font-weight: 400;
  letter-spacing: -0.095cqw;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.gostryy-what-did__bracket {
  position: absolute;
  z-index: 0;
  top: 2.416cqw;
  left: 0;
  width: 7.247cqw;
  border: 1px solid #3868ea;
  border-right: 0;
  border-radius: 1.1cqw 0 0 1.1cqw;
}

.gostryy-what-did__tree--site .gostryy-what-did__bracket { height: 28.331cqw; }
.gostryy-what-did__tree--brand .gostryy-what-did__bracket { height: 33.968cqw; }

.gostryy-what-did__items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38.6cqw;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gostryy-what-did__item {
  position: absolute;
  z-index: 1;
  left: 7.247cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.098cqw;
  background: #fff;
  font-size: 1.464cqw;
  line-height: 1.05;
  text-align: center;
}

.gostryy-what-did__item::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 100%;
  width: 7.247cqw;
  border-top: 1px solid #3868ea;
  content: "";
}

.gostryy-what-did__tree--site .gostryy-what-did__item:nth-child(1) { top: 7.76cqw; width: 18.594cqw; height: 3.733cqw; }
.gostryy-what-did__tree--site .gostryy-what-did__item:nth-child(2) { top: 12.811cqw; width: 20.351cqw; height: 4.685cqw; }
.gostryy-what-did__tree--site .gostryy-what-did__item:nth-child(3) { top: 18.741cqw; width: 14.275cqw; height: 3.88cqw; }
.gostryy-what-did__tree--site .gostryy-what-did__item:nth-child(4) { top: 23.719cqw; width: 24.963cqw; height: 3.587cqw; }
.gostryy-what-did__tree--site .gostryy-what-did__item:nth-child(5) { top: 28.844cqw; width: 23.06cqw; height: 3.587cqw; }

.gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(1) { top: 7.76cqw; width: 14.275cqw; height: 3.733cqw; }
.gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(2) { top: 12.811cqw; width: 8.419cqw; height: 3.66cqw; }
.gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(3) { top: 17.789cqw; width: 17.204cqw; height: 3.88cqw; }
.gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(4) { top: 22.987cqw; width: 17.35cqw; height: 3.587cqw; }
.gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(5) { top: 27.892cqw; width: 21.596cqw; height: 4.758cqw; }
.gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(6) { top: 33.968cqw; width: 21.523cqw; height: 4.539cqw; }

.gostryy-what-did__info-button {
  position: absolute;
  z-index: 5;
  top: 0.439cqw;
  right: 0.512cqw;
  display: grid;
  width: 3.148cqw;
  height: 1.684cqw;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0.769cqw;
  background: #fff;
  color: #3868ea;
  cursor: pointer;
}

.gostryy-what-did__info-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.gostryy-what-did__plus { position: relative; width: 0.732cqw; height: 0.732cqw; }
.gostryy-what-did__plus::before,
.gostryy-what-did__plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: currentColor;
  content: "";
  transform: translate(-50%, -50%);
}
.gostryy-what-did__plus::before { width: 100%; height: 1px; }
.gostryy-what-did__plus::after { width: 1px; height: 100%; }

.gostryy-what-did__popup {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 28.477cqw;
  display: block;
  width: 12.592cqw;
  height: 7.906cqw;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.3cqw);
  transition: opacity 180ms ease, transform 180ms ease;
}

.gostryy-what-did__popup img { display: block; width: 100%; height: 100%; }
.gostryy-what-did__tree:has(.gostryy-what-did__info-button:hover) .gostryy-what-did__popup,
.gostryy-what-did__tree:has(.gostryy-what-did__info-button:focus-visible) .gostryy-what-did__popup,
.gostryy-what-did__tree.is-info-open .gostryy-what-did__popup {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 900px) {
  .gostryy-what-did { overflow: visible; }
  .gostryy-what-did__canvas {
    display: flex;
    width: min(100%, 620px);
    min-height: 0;
    flex-direction: column;
    gap: 48px;
    padding: 48px 20px 68px;
    aspect-ratio: auto;
  }
  .gostryy-what-did__heading {
    position: static;
    font-size: clamp(38px, 10vw, 56px);
    line-height: 0.95;
    letter-spacing: -0.05em;
  }
  .gostryy-what-did__tree,
  .gostryy-what-did__tree--site,
  .gostryy-what-did__tree--brand {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    font-size: 18px;
    letter-spacing: -0.045em;
  }
  .gostryy-what-did__tree-title {
    position: relative;
    top: auto;
    left: 16px;
    width: calc(100% - 16px);
    min-height: 56px;
    height: auto;
    justify-content: flex-start;
    padding: 14px 42px 14px 20px;
    border-radius: 14px;
    font-size: clamp(19px, 5vw, 24px);
    letter-spacing: -0.05em;
    line-height: 1.1;
    text-align: left;
    white-space: normal;
  }
  .gostryy-what-did__tree--brand .gostryy-what-did__tree-title { padding-right: 16px; }
  .gostryy-what-did__items {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-top: 20px;
  }
  .gostryy-what-did__item,
  .gostryy-what-did__tree--site .gostryy-what-did__item:nth-child(n),
  .gostryy-what-did__tree--brand .gostryy-what-did__item:nth-child(n) {
    position: relative;
    top: auto;
    left: 48px;
    width: max-content;
    max-width: calc(100% - 48px);
    min-height: 48px;
    height: auto;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: clamp(16px, 4.2vw, 19px);
    letter-spacing: -0.045em;
    line-height: 1.05;
  }
  .gostryy-what-did__bracket,
  .gostryy-what-did__tree--site .gostryy-what-did__bracket,
  .gostryy-what-did__tree--brand .gostryy-what-did__bracket {
    position: absolute;
    top: 28px;
    left: 16px;
    width: 32px;
    height: calc(100% - 52px);
    border-radius: 14px 0 0 14px;
  }
  .gostryy-what-did__item::before { width: 32px; }
  /* The rounded bracket itself connects to the final card. A second
     horizontal rule there cuts through its corner on narrow screens. */
  .gostryy-what-did__item:last-child::before { display: none; }
  .gostryy-what-did__info-button {
    top: 13px;
    right: 10px;
    width: 32px;
    height: 24px;
    border-radius: 8px;
  }
  .gostryy-what-did__plus { width: 12px; height: 12px; }
  .gostryy-what-did__popup {
    top: 34px;
    right: 4px;
    left: auto;
    width: 172px;
    height: 108px;
    transform: translateY(4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gostryy-what-did__popup { transition: none; }
}

/* New block between the existing fourth and fifth Gostryy blocks. */
.gostryy-growth {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  background: #eeeffa;
  color: #000;
  overflow: hidden;
}

.gostryy-growth-inner {
  position: relative;
  width: min(100%, 1366px);
  height: 768px;
  margin-inline: auto;
}

.gostryy-growth h2 {
  position: absolute;
  top: 69px;
  left: 153px;
  width: 530px;
  margin: 0;
  font: 400 64px/.9 "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -3.2px;
}

.gostryy-growth-timeline {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gostryy-growth-timeline::before {
  content: "";
  position: absolute;
  top: 268px;
  left: 211px;
  width: 923px;
  height: 2px;
  background: #282faa;
}

.gostryy-growth-stage {
  position: absolute;
  top: 220px;
  width: 366px;
  font-family: Geologica, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -1px;
  text-align: center;
}

.gostryy-growth-stage--start { left: 143px; --growth-dot-x: 68px; }
.gostryy-growth-stage--middle { left: 534px; --growth-dot-x: 140px; }
.gostryy-growth-stage--now { left: 934px; --growth-dot-x: 200px; }

.gostryy-growth-stage time {
  position: absolute;
  top: 0;
  left: var(--growth-dot-x);
  width: max-content;
  transform: translateX(-50%);
  font-weight: 400;
  white-space: nowrap;
}

.gostryy-growth-stage--start time { top: 4px; }

.gostryy-growth-dot {
  position: absolute;
  z-index: 1;
  top: 39px;
  left: calc(var(--growth-dot-x) - 9px);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #282faa;
}

.gostryy-growth-copy {
  position: absolute;
  top: 77px;
  margin: 0;
  font-weight: 300;
}

.gostryy-growth-copy strong {
  font-weight: 600;
}

.gostryy-growth-stage--start .gostryy-growth-copy {
  left: -30px;
  width: 225px;
}

.gostryy-growth-stage--middle .gostryy-growth-copy {
  left: 27px;
  width: 244px;
}

.gostryy-growth-stage--now .gostryy-growth-copy {
  top: 80px;
  left: 33px;
  width: 290px;
}

.gostryy-growth-stage--now .gostryy-growth-copy p { margin: 0; }
.gostryy-growth-stage--now .gostryy-growth-copy p + p { margin-top: 22px; }

.gostryy-growth-figure {
  position: absolute;
  top: 271px;
  left: 0;
  width: 366px;
  margin: 0;
  text-align: left;
}

.gostryy-growth-channel {
  display: block;
  width: 366px;
  height: 179px;
  border-radius: 15px;
}

.gostryy-growth-stage--middle .gostryy-growth-channel { border-radius: 17px; }

.gostryy-growth-red-mark {
  position: absolute;
  top: -4px;
  left: 38px;
  width: 97px;
  height: 36px;
  pointer-events: none;
}

.gostryy-growth-stage--middle .gostryy-growth-red-mark { left: 34px; }

.gostryy-growth-figure figcaption {
  margin-top: 6px;
  color: #3a64ce;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: -.8px;
  white-space: nowrap;
}

.gostryy-growth-mobile-gallery { display: none; }

@media (min-width: 1150px) and (max-width: 1365px) {
  .gostryy-growth-inner {
    width: 1366px;
    left: 50%;
    margin-left: -683px;
  }
}

@media (max-width: 1149px) {
  .gostryy-growth { margin-left: calc((100% - 100vw) / 2); }
  .gostryy-growth-inner {
    width: min(100%, 720px);
    height: auto;
    padding: 64px 20px 72px;
  }

  .gostryy-growth h2 {
    position: static;
    width: auto;
    margin: 0 0 44px;
    font-size: clamp(39px, 10vw, 52px);
    line-height: .96;
    letter-spacing: -.05em;
  }

  .gostryy-growth-timeline {
    position: relative;
    inset: auto;
    display: grid;
    gap: 54px;
    margin-left: 9px;
    border-left: 2px solid #282faa;
  }

  .gostryy-growth-timeline::before { display: none; }

  .gostryy-growth-stage {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding-left: 29px;
    font-size: 17px;
    line-height: 1.22;
    letter-spacing: -.04em;
    text-align: left;
  }

  .gostryy-growth-stage time,
  .gostryy-growth-stage--start time {
    position: static;
    display: block;
    width: auto;
    transform: none;
    font-size: 18px;
    font-weight: 500;
  }

  .gostryy-growth-dot {
    top: 2px;
    left: -10px;
    width: 18px;
    height: 18px;
  }

  .gostryy-growth-copy,
  .gostryy-growth-stage--start .gostryy-growth-copy,
  .gostryy-growth-stage--middle .gostryy-growth-copy,
  .gostryy-growth-stage--now .gostryy-growth-copy {
    position: static;
    width: min(100%, 430px);
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.25;
    text-align: left;
  }

  .gostryy-growth-desktop-break { display: none; }
  .gostryy-growth-stage--now .gostryy-growth-copy p + p { margin-top: 18px; }
  .gostryy-growth-stage > .gostryy-growth-figure { display: none; }

  .gostryy-growth-mobile-gallery {
    display: grid;
    gap: 32px;
    width: min(calc(100% - 40px), 366px);
    margin: 30px 0 0 40px;
  }

  .gostryy-growth-figure {
    position: relative;
    top: auto;
    width: min(100%, 366px);
    margin-top: 26px;
  }

  .gostryy-growth-mobile-gallery .gostryy-growth-figure { margin-top: 0; }

  .gostryy-growth-channel {
    width: 100%;
    height: auto;
    aspect-ratio: 366 / 179;
  }

  .gostryy-growth-red-mark {
    width: 26.5%;
    height: auto;
    left: 10.4%;
    top: -4px;
  }

  .gostryy-growth-stage--middle .gostryy-growth-red-mark { left: 9.3%; }

  .gostryy-growth-figure figcaption {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -.02em;
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .gostryy-growth-inner { width: 100%; }
}

/* Block 2713:349 — insert after the original fifth Gostryy block. */
.gostryy-workflow {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  overflow: hidden;
  background: #eeeffa;
  color: #000;
}

.gostryy-workflow__inner {
  position: relative;
  width: min(100%, 1366px);
  height: 768px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gostryy-workflow h2 {
  position: absolute;
  left: 10.91%;
  top: 69px;
  width: 556px;
  margin: 0;
  font-size: 64px;
  font-weight: 400;
  line-height: .9;
  letter-spacing: -3.2px;
}

.gostryy-workflow__diagram {
  position: absolute;
  inset: 0;
}

.gostryy-workflow__stage {
  position: absolute;
  top: 302px;
  z-index: 2;
}

.gostryy-workflow__stage--task { left: 12.59%; width: 232px; }
.gostryy-workflow__stage--team { left: 31.92%; width: 583px; }
.gostryy-workflow__stage--result { left: 77.23%; width: 138px; }

.gostryy-workflow__label {
  height: 27px;
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -.8px;
  text-align: center;
  white-space: nowrap;
}

.gostryy-workflow__stage--team .gostryy-workflow__label { transform: translateX(21px); }

.gostryy-workflow__endpoint {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 94px;
  border: 1px solid #282faa;
  border-radius: 15px;
  color: #282faa;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -1px;
  text-align: center;
}

.gostryy-workflow__team-card {
  position: relative;
  height: 171px;
  border: 1px solid #282faa;
  border-radius: 15px;
  background: #282faa;
  color: #fff;
}

.gostryy-workflow__action {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 3px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -1px;
  text-align: center;
}

.gostryy-workflow__action--structure { left: 15px; top: 15px; width: 193px; }
.gostryy-workflow__action--design { left: 223px; top: 15px; width: 202px; }
.gostryy-workflow__action--pages { left: 440px; top: 15px; width: 125px; }
.gostryy-workflow__action--payments { left: 17px; top: 94px; width: 242px; }
.gostryy-workflow__action--support { left: 274px; top: 94px; width: 291px; }

.gostryy-workflow__curve {
  position: absolute;
  top: 423px;
  z-index: 1;
  width: 152px;
  height: 44px;
  border: 1px solid #282faa;
  border-top: 0;
  border-radius: 0 0 50% 50%;
}

.gostryy-workflow__curve--left { left: 26.35%; }
.gostryy-workflow__curve--right { left: 69.25%; }

.gostryy-workflow__notes {
  position: absolute;
  top: 569px;
  left: 11.27%;
  right: 7.83%;
  display: grid;
  grid-template-columns: 483px 513px;
  justify-content: space-between;
  gap: 30px;
}

.gostryy-workflow__notes p {
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -1px;
}

.gostryy-workflow__notes strong { font-weight: 600; }

@media (max-width: 1300px) {
  .gostryy-workflow__inner {
    width: min(100%, 680px);
    height: auto;
    padding: 64px 24px 72px;
  }

  .gostryy-workflow h2,
  .gostryy-workflow__diagram,
  .gostryy-workflow__stage,
  .gostryy-workflow__notes {
    position: static;
    width: auto;
  }

  .gostryy-workflow h2 {
    margin-bottom: 56px;
    font-size: clamp(42px, 7vw, 64px);
    letter-spacing: -.05em;
  }

  .gostryy-workflow__diagram {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
  }

  .gostryy-workflow__stage { flex: none; }
  .gostryy-workflow__label { margin-bottom: 8px; height: auto; text-align: left; }
  .gostryy-workflow__stage--team .gostryy-workflow__label { transform: none; }
  .gostryy-workflow__endpoint { min-height: 94px; }

  .gostryy-workflow__team-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    height: auto;
    padding: 14px;
  }

  .gostryy-workflow__action {
    position: static;
    width: auto;
    min-height: 70px;
    height: auto;
    padding: 12px 6px;
  }

  .gostryy-workflow__action--support { grid-column: 1 / -1; }
  .gostryy-workflow__curve { display: none; }
  .gostryy-workflow__notes { display: grid; grid-template-columns: 1fr; gap: 26px; margin-top: 58px; }
  .gostryy-workflow__notes p { font-size: 20px; line-height: 1.08; }
}

@media (max-width: 560px) {
  .gostryy-workflow__inner { padding: 56px 20px 64px; }
  .gostryy-workflow h2 { margin-bottom: 48px; font-size: 46px; }
  .gostryy-workflow__diagram { gap: 24px; }
  .gostryy-workflow__team-card { grid-template-columns: 1fr; }
  .gostryy-workflow__action--support { grid-column: auto; }
  .gostryy-workflow__notes { margin-top: 46px; }
  .gostryy-workflow__notes p { font-size: 18px; line-height: 1.12; letter-spacing: -.5px; }
}