.desktop-how {
  position: relative;
  width: 1920px;
  height: 1121px;
  flex-shrink: 0;
}

.desktop-how > * {
  position: absolute;
  box-sizing: border-box;
}

/* 1 — иконка (отступы от секции: 102 / 120 / 1768 / 961) */
.desktop-how__icon {
  position: absolute;
  top: 102px;
  left: 120px;
  width: 32px;
  height: 58px;
}

.desktop-how__icon img {
  display: block;
  width: 100%;
  height: 100%;
}

/* 2 — заголовок (отступы от секции: 100 / 192 / 487 / 959) */
.desktop-how__title {
  position: absolute;
  top: 100px;
  left: 192px;
  width: 1241px;
  height: 62px;
  margin: 0;
  padding: 0;
  color: #333333;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 88px;
  font-weight: 500;
  -webkit-text-stroke: 0.4px #333333;
  font-style: normal;
  line-height: 62px;
  letter-spacing: -0.02em;
  text-align: left;
  white-space: nowrap;
  overflow: visible;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

/* фон карточек: 405×768, gap 20, radius 40 (только --1/2/3/4, не __card-visual) */
.desktop-how__card.desktop-how__card--1,
.desktop-how__card.desktop-how__card--2,
.desktop-how__card.desktop-how__card--3,
.desktop-how__card.desktop-how__card--4 {
  top: 242px;
  width: 405px;
  height: 768px;
  border-radius: 40px;
  background: #e5f3fd;
  overflow: hidden;
}

/* обёртки карточек = система координат секции */
.desktop-how__card-set--1,
.desktop-how__card-set--2,
.desktop-how__card-set--3,
.desktop-how__card-set--4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1121px;
  pointer-events: none;
}

.desktop-how__card-set--1 > *,
.desktop-how__card-set--2 > *,
.desktop-how__card-set--3 > *,
.desktop-how__card-set--4 > * {
  position: absolute;
  box-sizing: border-box;
  pointer-events: auto;
}

.desktop-how__card-set--1 .desktop-how__card--1 {
  top: 242px;
  left: 120px;
  pointer-events: none;
}

.desktop-how__card-set--2 .desktop-how__card--2 {
  top: 242px;
  left: 545px;
  pointer-events: none;
}

.desktop-how__card-set--3 .desktop-how__card--3 {
  top: 242px;
  left: 970px;
  pointer-events: none;
}

.desktop-how__card-set--4 .desktop-how__card--4 {
  top: 242px;
  left: 1395px;
  pointer-events: none;
}

/* карточка 1 — отступы от секции */
.desktop-how__card-set--1 .desktop-how__card-step {
  top: 274px;
  left: 152px;
  width: 162.04px;
  height: 94.53px;
}

.desktop-how__card-set--1 .desktop-how__card-step img {
  display: block;
  width: 162.04px;
  height: 94.53px;
}

.desktop-how__card-set--1 .desktop-how__card-visual {
  top: 365.47px;
  left: 88.05px;
  line-height: 0;
}

.desktop-how__card-set--1 .desktop-how__card-visual img {
  display: block;
}

.desktop-how__card-set--1 .desktop-how__card-extra {
  top: 661px;
  left: 152px;
  width: 341px;
  height: 193px;
  position: relative;
  gap: 16px;
  opacity: 1;
  transform: rotate(0deg);
}

.desktop-how__card-set--1 .desktop-how__card-extra-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 341px;
  height: 105px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--1 .desktop-how__card-extra-title span {
  display: block;
}

.desktop-how__card-set--1 .desktop-how__card-extra-desc {
  position: absolute;
  top: 121px;
  left: 0;
  width: 341px;
  height: 72px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Roman", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--1 .desktop-how__card-extra-desc span {
  display: block;
}

.desktop-how__card-set--1 .desktop-how__card-extra-btn {
  position: absolute;
  top: 902px;
  left: 152px;
  width: 341px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 20px 40px;
  border-radius: 100px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background: #2fb000;
  opacity: 1;
  transform: rotate(0deg);
  cursor: pointer;
}

.desktop-how__card-set--2 .desktop-how__card-extra-btn {
  position: absolute;
  top: 902px;
  left: 577px;
  width: 341px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 20px 40px;
  border-radius: 100px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background: #2fb000;
  opacity: 1;
  transform: rotate(0deg);
  cursor: pointer;
}

.desktop-how__card-set--1 .desktop-how__card-extra-btn-text {
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  color: #ffffff;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
}

.desktop-how__card-set--2 .desktop-how__card-extra-btn-text {
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  color: #ffffff;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
}

.desktop-how__card-set--1 .desktop-how__card-body {
  top: 671px;
  left: 180px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 285px;
  height: 311px;
}

/* карточка 2 — отступы от секции */
.desktop-how__card-set--2 .desktop-how__card-step {
  top: 274px;
  left: 577px;
  line-height: 0;
}

.desktop-how__card-set--2 .desktop-how__card-step img {
  display: block;
}

.desktop-how__card-set--2 .desktop-how__card-visual {
  top: 376px;
  left: 545px;
  line-height: 0;
}

.desktop-how__card-set--2 .desktop-how__card-visual img {
  display: block;
}

.desktop-how__card-set--2 .desktop-how__card-extra-2 {
  position: absolute;
  top: 661px;
  left: 577px;
  width: 341px;
  height: 193px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  opacity: 1;
  transform: rotate(0deg);
}

.desktop-how__card-set--2 .desktop-how__card-extra-2-title {
  width: 341px;
  height: 105px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--2 .desktop-how__card-extra-2-title span {
  display: block;
}

.desktop-how__card-set--2 .desktop-how__card-extra-2-desc {
  width: 341px;
  height: 72px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Roman", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--2 .desktop-how__card-extra-2-desc span {
  display: block;
}

.desktop-how__card-set--2 .desktop-how__card-body {
  top: 671px;
  left: 605px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 285px;
  height: 311px;
}

/* карточка 3 — отступы от секции */
.desktop-how__card-set--3 .desktop-how__card-step {
  top: 274px;
  left: 1002px;
  width: 162px;
  height: 94px;
  line-height: 0;
}

.desktop-how__card-set--3 .desktop-how__card-step img {
  display: block;
  width: 162px;
  height: 94px;
}

.desktop-how__card-set--3 .desktop-how__card-visual {
  top: 390px;
  left: 1000px;
  width: 344.65px;
  height: 228px;
  opacity: 1;
  transform: rotate(0deg);
  line-height: 0;
}

.desktop-how__card-set--3 .desktop-how__card-visual img {
  display: block;
  width: 344.65px;
  height: 228px;
}

.desktop-how__card-set--3 .desktop-how__card-extra-3 {
  position: absolute;
  top: 661px;
  left: 1002px;
  width: 341px;
  height: 193px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  opacity: 1;
  transform: rotate(0deg);
}

.desktop-how__card-set--3 .desktop-how__card-extra-3-title {
  width: 341px;
  height: 105px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--3 .desktop-how__card-extra-3-title span {
  display: block;
}

.desktop-how__card-set--3 .desktop-how__card-extra-3-desc {
  width: 341px;
  height: 72px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Roman", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--3 .desktop-how__card-extra-3-desc span {
  display: block;
}

.desktop-how__card-set--3 .desktop-how__card-extra-btn {
  position: absolute;
  top: 902px;
  left: 1002px;
  width: 341px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 20px 40px;
  border-radius: 100px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background: #2fb000;
  opacity: 1;
  transform: rotate(0deg);
  cursor: pointer;
}

.desktop-how__card-set--3 .desktop-how__card-extra-btn-text {
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  color: #ffffff;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
}

.desktop-how__card-set--3 .desktop-how__card-body {
  top: 671px;
  left: 1030px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 285px;
  height: 311px;
}

/* карточка 4 — отступы от секции */
.desktop-how__card-set--4 .desktop-how__card-step {
  top: 274px;
  left: 1427px;
  width: 162px;
  height: 94px;
  line-height: 0;
}

.desktop-how__card-set--4 .desktop-how__card-step img {
  display: block;
  width: 162px;
  height: 94px;
}

.desktop-how__card-set--4 .desktop-how__card-visual {
  top: 386px;
  left: 1427px;
  width: 341px;
  height: 238px;
  opacity: 1;
  transform: rotate(0deg);
  line-height: 0;
}

.desktop-how__card-set--4 .desktop-how__card-visual img {
  display: block;
  width: 341px;
  height: 238px;
}

.desktop-how__card-set--4 .desktop-how__card-extra-4 {
  position: absolute;
  top: 661px;
  left: 1427px;
  width: 341px;
  height: 193px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  opacity: 1;
  transform: rotate(0deg);
}

.desktop-how__card-set--4 .desktop-how__card-extra-4-title {
  width: 341px;
  height: 105px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--4 .desktop-how__card-extra-4-title span {
  display: block;
}

.desktop-how__card-set--4 .desktop-how__card-extra-4-desc {
  width: 341px;
  height: 72px;
  opacity: 1;
  transform: rotate(0deg);
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Roman", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.desktop-how__card-set--4 .desktop-how__card-extra-4-desc span {
  display: block;
}

.desktop-how__card-set--4 .desktop-how__card-extra-btn {
  position: absolute;
  top: 902px;
  left: 1427px;
  width: 341px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 20px 40px;
  border-radius: 100px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background: #2fb000;
  opacity: 1;
  transform: rotate(0deg);
  cursor: pointer;
}

.desktop-how__card-set--4 .desktop-how__card-extra-btn-text {
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  color: #ffffff;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
}

.desktop-how__card-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 285px;
  height: 195px;
  flex-shrink: 0;
}

.desktop-how__card-heading {
  margin: 0;
  padding: 0;
  width: 285px;
  height: 88px;
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  -webkit-text-stroke: 0.5px #0086f0;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: left;
}

.desktop-how__card-heading-line {
  display: block;
}

.desktop-how__card-desc {
  margin: 0;
  padding: 0;
  width: 285px;
  height: 87px;
  color: #0086f0;
  font-family: "Helvetica Neue", "HelveticaNeue-Roman", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: left;
}

.desktop-how__card-desc-line {
  display: block;
}

.desktop-how__card-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 285px;
  height: 76px;
  padding: 20px 40px;
  border: 2px solid transparent;
  border-radius: 100px;
  background:
    linear-gradient(#2fb000, #2fb000) padding-box,
    linear-gradient(90.83deg, #3dd804 4.82%, #2fb000 105.74%) border-box;
  flex-shrink: 0;
  color: #ffffff;
  font-family: "Helvetica Neue", "HelveticaNeue-Medium", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}