html, body { background: var(--bg); }
.desktop {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
  line-height: normal;
  letter-spacing: normal;
}
.header {
  align-self: stretch;
  background-color: var(--300);
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-24) var(--padding-80);
  gap: var(--gap-16);
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--600);
  font-family: var(--font-manrope);
}
.top-hunter-wrapper {
  cursor: pointer;
  border: 1px solid var(--600);
  padding: var(--padding-8) var(--padding-10);
  background-color: var(--color-ivory);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-hunter {
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-kalnia);
  color: var(--400);
  text-align: left;
  text-shadow: var(--text-shadow-1);
}
.wrapper {
  border-bottom: var(--border-11);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) var(--padding-10) var(--padding-8);
}
.h3 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.button-telegram {
  height: 50px;
  width: 168px;
  border-bottom: var(--border-11);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--padding-0) var(--padding-6) var(--padding-0) var(--padding-10);
  gap: 6px;
}
.h37 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
}
.telegram-wrapper {
  height: var(--height-32);
  width: var(--width-32);
  display: flex;
  align-items: center;
  justify-content: center;
}
.telegram {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.telegram-child {
  position: absolute;
  height: 75%;
  width: 75%;
  top: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.headline {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: var(--padding-48) var(--padding-80) var(--padding-80);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-24);
  max-width: 100%;
  z-index: 1;
  text-align: left;
  font-size: var(--fs-80);
  color: var(--500-);
  font-family: var(--font-lora);
}
.div,
.title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.title {
  height: 626px;
  flex: 1;
  padding: var(--padding-24) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-60);
  min-width: min(549px, 100%);
  z-index: 0;
  flex-shrink: 0;
}
.div {
  align-self: stretch;
  gap: var(--gap-12);
}
.strategic-executive-search,
.t-hunter {
  margin: 0;
  position: relative;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.t-hunter {
  font-size: inherit;
}
.strategic-executive-search {
  font-size: var(--fs-48);
}
.div2 {
  align-self: stretch;
  height: 126px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  font-size: var(--fs-32);
}
.div3,
.h2 {
  position: relative;
  line-height: 150%;
}
.h2 {
  margin: 0;
  max-width: 733px;
  font-size: inherit;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.div3 {
  align-self: stretch;
  font-size: var(--fs-18);
  font-family: var(--font-manrope);
}
.button-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.button {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 3px solid transparent;
  padding: var(--padding-16) var(--padding-24);
  width: 302px;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background-color: #f6fbff;
  background-image:
    linear-gradient(#f6fbff, #f6fbff),
    linear-gradient(0deg,
      rgb(24, 82, 37)  8.17%,
      rgb(47, 157, 73) 41.35%,
      rgb(22, 151, 51) 62.02%,
      rgb(24, 82, 37) 88.46%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.div4,
.section {
  text-align: left;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-manrope);
}
.div4 {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}
.section {
  height: 626px;
  width: var(--width-411);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
}
.div5,
.img-2897-1-icon {
  width: var(--width-411);
  border-radius: var(--br-12);
}
.img-2897-1-icon {
  position: relative;
  box-shadow: var(--shadow-drop-1);
  max-height: 100%;
  object-fit: cover;
}
.div5 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-12) var(--padding-0) var(--padding-12)
    var(--padding-11);
  box-sizing: border-box;
}
.hr-container {
  position: relative;
  line-height: 150%;
}
.span {
  font-weight: 500;
}
.hr-t {
  font-size: var(--fs-18);
}
.span2 {
  font-size: var(--fs-20);
}
.headline-child {
  height: 5px;
  width: 395px;
  position: absolute;
  margin: 0 !important;
  bottom: -2.5px;
  left: calc(50% - 197.5px);
  background: url('./public/line-33.png') center / 100% 100% no-repeat;
  z-index: 2;
  flex-shrink: 0;
}
.parent,
.section2 {
  display: flex;
  flex-direction: column;
}
.section2 {
  width: 100%;
  max-width: 1440px;
  overflow: hidden;
  align-items: flex-start;
  padding: var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-48);
  z-index: 2;
  text-align: center;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.parent {
  align-self: stretch;
  align-items: center;
  gap: var(--gap-24);
}
.h22,
.h38 {
  margin: 0;
  position: relative;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.h22 {
  align-self: stretch;
  height: 77px;
  font-size: inherit;
  display: inline-block;
}
.h38 {
  font-size: var(--fs-24);
}
.management-titles-parent,
.section3 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.section3 {
  align-self: stretch;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--500-);
  font-family: var(--font-manrope);
}
.management-titles-parent {
  gap: var(--gap-24);
}
.div6,
.management-titles {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.management-titles {
  max-width: 100%;
}
.div6 {
  width: var(--width-410);
  padding: var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-12);
}
.title-parent,
.title2 {
  display: flex;
  justify-content: center;
}
.title-parent {
  align-items: flex-start;
  gap: var(--gap-8);
  flex-shrink: 0;
}
.title2 {
  align-items: center;
}
.h39 {
  margin: 0;
  width: var(--width-288);
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.mdi-lightchevron-down-icon {
  width: var(--width-24);
  position: relative;
  max-height: 100%;
}
.ceo-container,
.child {
  position: relative;
  flex-shrink: 0;
}
.child {
  align-self: stretch;
  height: var(--height-1);
  border-top: var(--border-1);
  box-sizing: border-box;
}
.ceo-container {
  width: var(--width-380);
  font-size: var(--fs-16);
  line-height: 150%;
  text-align: left;
  display: none;
}
.ceo-coo {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-21);
}
.management-titles2 {
  width: var(--width-410);
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
.h311 {
  width: var(--width-288);
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
  display: inline-block;
  flex-shrink: 0;
}
.blank-line,
.h311 {
  margin: 0;
}
.title6 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h313 {
  white-space: pre-wrap;
}
.h313,
.h314 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.frame-parent,
.main {
  align-self: stretch;
  overflow: hidden;
  display: flex;
}
.main {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-48);
  max-width: 100%;
  z-index: 3;
}
.frame-parent {
  height: 802px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-12);
  background-color: var(--400);
  flex-shrink: 0;
  align-items: flex-end;
}
.mask-group-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) 1px;
}
.mask-group-icon {
  width: 919px;
  max-width: 100%;
  height: 801px;
  position: relative;
  object-fit: cover;
  flex-shrink: 0;
}
.approach-content,
.wrapper4 {
  display: flex;
  align-items: flex-start;
}
.approach-content {
  padding: var(--padding-0) var(--padding-0) var(--padding-80);
  gap: var(--gap-8);
  flex-shrink: 0;
  z-index: 2;
  margin-left: -229px;
  position: relative;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--White);
  font-family: var(--font-lora);
}
.wrapper4 {
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0);
}
.icon {
  height: 318px;        /* preserves Frame 8.png natural 48:636 aspect at width 24 */
  width: var(--width-24);
  position: relative;
}
.group {
  max-width: 558px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-48);
}
.h315,
.h316 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.h316 {
  font-size: var(--fs-36);
  letter-spacing: -0.02em;
}
.candidate-analysis-parent {
  width: 100%;
  max-width: 1349px;
  height: 880.3px;
  padding: var(--padding-0) 121px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  flex-shrink: 0;
}
.candidate-analysis,
.candidate-analysis-parent,
.role-architecture {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.candidate-analysis {
  padding: 201px 116px 3px 106px;
  box-sizing: border-box;
  gap: 3px;
  max-width: 100%;
  flex-shrink: 0;
}
.role-architecture {
  justify-content: center;
  padding: var(--padding-24) var(--padding-0);
  position: relative;
  isolation: isolate;
  gap: var(--gap-12);
  z-index: 3;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.architecture-empty-parent {
  display: flex;
  align-items: center;
  gap: var(--gap-10);
  z-index: 0;
  flex-shrink: 0;
}
.architecture-empty {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.architecture-empty,
.div12,
.h24 {
  position: relative;
  line-height: 150%;
}
.h24 {
  margin: 0;
  font-size: var(--fs-36);
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
}
.div12 {
  max-width: 627px;
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
  display: inline-block;
  z-index: 1;
  flex-shrink: 0;
}
.div13 {
  width: 304px;
  margin: 0 !important;
  position: absolute;
  top: -201px;
  left: -106px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-24) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-12);
  z-index: 2;
  flex-shrink: 0;
}
.business-audit {
  display: flex;
  align-items: center;
  gap: var(--gap-10);
}
.div14,
.h25 {
  position: relative;
  line-height: 150%;
}
.h25 {
  margin: 0;
  width: 275px;
  font-size: var(--fs-36);
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.div14 {
  align-self: stretch;
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.analysis-pairs,
.empty-separator {
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
}
.analysis-pairs {
  max-width: 750px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.empty-separator {
  width: 522px;
  flex-direction: column;
  padding: var(--padding-24) var(--padding-0);
  gap: var(--gap-12);
}
.analysis-pairs2,
.div16,
.empty-separator {
  display: flex;
  align-items: flex-start;
}
.analysis-pairs2 {
  max-width: 885px;
  width: 100%;
  justify-content: flex-end;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.div16 {
  flex-direction: column;
  justify-content: center;
  padding: var(--padding-24) var(--padding-0);
  gap: var(--gap-12);
}
.div17 {
  max-width: 670px;
  position: relative;
  font-size: var(--fs-20);
  line-height: 150%;
  font-family: var(--font-manrope);
  display: inline-block;
}
.image-pazle-icon,
.line-icon,
.portret-icon {
  position: absolute;
  margin: 0 !important;
  z-index: 2;
  flex-shrink: 0;
}
.image-pazle-icon {
  width: 190px;
  height: 209.3px;
  top: 671px;
  left: 1095px;
  object-fit: contain;
}
.line-icon,
.portret-icon {
  max-height: 100%;
  object-fit: cover;
}
.line-icon {
  width: 589.3px;
  top: 0;
  right: 0;
}
.portret-icon {
  width: 296px;
  top: 505px;
  left: 0;
}
.section4 {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-80);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-48);
  max-width: 100%;
  z-index: 4;
  text-align: center;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.bg,
.div18 {
  position: absolute;
}
.bg {
  width: 1426px;
  height: 622.4px;
  margin: 0 !important;
  top: 165px;
  left: -30.8px;
  opacity: 0.5;
  z-index: 0;
  flex-shrink: 0;
}
.div18 {
  top: 0;
  left: 0;
  filter: blur(15px);
  width: 100%;
  height: 100%;
}
.rectangle-div {
  position: absolute;
  top: 615.2px;
  left: 704px;
  border-radius: var(--br-12);
  background: var(--gradient-3);
  width: var(--width-236_2);
  height: var(--height-236_2);
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.child4 {
  position: absolute;
  top: 457.2px;
  left: 1088px;
}
.child4,
.child5,
.child6 {
  border-radius: var(--br-12);
  background: var(--gradient-3);
  width: var(--width-236_2);
  height: var(--height-236_2);
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.child5 {
  position: absolute;
  top: 607.4px;
  left: 236.2px;
}
.child6 {
  top: 236.2px;
  left: 1426px;
}
.child6,
.child7,
.div19 {
  position: absolute;
}
.child7 {
  top: 307.2px;
  left: 516px;
  border-radius: var(--br-12);
  background: var(--gradient-3);
  width: var(--width-236_2);
  height: var(--height-236_2);
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.div19 {
  top: 49px;
  left: 210.8px;
  filter: blur(4px);
  width: 1018px;
  height: 573.4px;
}
.child10,
.child11,
.child12,
.child8,
.child9 {
  position: absolute;
  top: 505px;
  left: 0;
  border-radius: var(--br-4);
  background: var(--Strok-gray);
  width: 68.4px;
  height: 68.4px;
}
.child10,
.child11,
.child12,
.child9 {
  top: 0;
  left: 14px;
}
.child10,
.child11,
.child12 {
  top: 505px;
  left: 843px;
}
.child11,
.child12 {
  top: 181.4px;
  left: 640.8px;
}
.child12 {
  top: 0;
  left: 941px;
  width: 77px;
  height: 77px;
}
.parent3 {
  flex-direction: column;
  gap: var(--gap-48);
  z-index: 1;
  flex-shrink: 0;
}
.div20,
.div21,
.parent3,
.section5 {
  display: flex;
  align-items: center;
}
.section5 {
  align-self: stretch;
  overflow: hidden;
  justify-content: space-between;
  gap: 0;
  row-gap: var(--gap-20);
  max-width: 100%;
  z-index: 2;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-manrope);
}
.div20,
.div21 {
  flex-direction: column;
}
.div20 {
  height: 357px;
  box-shadow: var(--inner-sh-beige);
  border-radius: var(--br-12);
  background-color: var(--blue);
  border: 1px solid var(--color-darkgray);
  box-sizing: border-box;
  padding: 50px var(--padding-0);
  max-width: 100%;
}
.div21 {
  padding: var(--padding-0) var(--padding-12);
  gap: var(--gap-12);
}
.h318 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 500;
  font-family: inherit;
}
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  text-align: left;
  font-size: var(--fs-16);
}
.siclose-line-group,
.siclose-line-parent {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-4);
}
.siclose-line-group {
  align-items: center;
}
.div23,
.div24 {
  width: 285px;
  position: relative;
  line-height: 150%;
  display: inline-block;
  flex-shrink: 0;
}
.div24 {
  width: 135px;
}
.arrow-icon {
  height: 28.9px;
  width: 105px;
  position: relative;
}
.div25,
.parent4 {
  display: flex;
  flex-direction: column;
}
.div25 {
  height: 357px;
  width: 357px;
  box-shadow: var(--inner-sh-beige);
  border-radius: var(--br-12);
  background-color: var(--blue);
  border: 1px solid var(--color-darkgray);
  box-sizing: border-box;
  align-items: center;
  padding: 50px var(--padding-0);
  max-width: 100%;
}
.parent4 {
  align-items: flex-start;
  font-size: var(--fs-16);
}
.child13 {
  height: 28.9px;
  width: 105px;
  position: relative;
  max-height: 100%;
}
.div30,
.div31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.div30 {
  height: 357px;
  width: 357px;
  box-shadow: var(--inner-sh-beige);
  border-radius: var(--br-12);
  background-color: var(--blue);
  border: 1px solid var(--color-darkgray);
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-16);
}
.div31 {
  padding: var(--padding-0) var(--padding-12);
  gap: var(--gap-8);
}
.div32 {
  width: 298px;
  position: relative;
  line-height: 150%;
  color: var(--600);
  text-align: center;
  display: inline-block;
  font-size: var(--fs-24);
}
.span4 {
  font-size: var(--fs-32);
  font-weight: 600;
}
.span5 {
  font-size: var(--fs-16);
}
.harvard-business-review-container {
  width: 308px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.harvard-business-review {
  font-weight: 600;
}
.h320 {
  margin: 0;
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
  z-index: 3;
  flex-shrink: 0;
}
.parent5,
.section6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section6 {
  overflow: hidden;
  padding: var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-48);
  max-width: 100%;
  z-index: 5;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.parent5 {
  gap: var(--gap-24);
}
.h321 {
  margin: 0;
  max-width: 1053px;
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  text-align: center;
  display: inline-block;
}
.div34,
.frame-container {
  display: flex;
  gap: var(--gap-24);
}
.div34 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.frame-container {
  width: 100%;
  max-width: 1281px;
  align-items: center;
  text-align: left;
  font-size: var(--fs-40);
  color: var(--600);
  font-family: var(--font-manrope);
}
.frame-wrapper,
.subtract-parent {
  height: var(--height-334);
  width: var(--width-411);
}
.frame-wrapper {
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: flex-start;
}
.subtract-parent {
  position: relative;
}
.separator,
.subtract-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.separator {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-45) var(--padding-48) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-12);
}
.separator2 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: var(--font-lora);
}
.div35,
.h322,
.separator2 {
  position: relative;
  line-height: 150%;
}
.h322 {
  margin: 0;
  font-size: var(--fs-24);
  font-weight: 500;
  font-family: inherit;
}
.div35 {
  align-self: stretch;
  height: 81px;
  font-size: var(--fs-18);
  text-align: center;
  display: inline-block;
}
.frame-wrapper2 {
  height: var(--height-334);
  width: var(--width-411);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: flex-start;
  text-align: center;
}
.separator3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-45) var(--padding-24) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-12);
}
.separator4 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: var(--font-lora);
  text-align: left;
}
.h323,
.hard-soft,
.separator4 {
  position: relative;
  line-height: 150%;
}
.h323 {
  margin: 0;
  width: 243px;
  font-size: var(--fs-24);
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.hard-soft {
  align-self: stretch;
  font-size: var(--fs-18);
}
.separator5,
.subtract-icon3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subtract-icon3 {
  object-fit: contain;
}
.separator5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-24) var(--padding-48);
  box-sizing: border-box;
  gap: var(--gap-12);
}
.div36,
.h324 {
  position: relative;
  line-height: 150%;
}
.h324 {
  margin: 0;
  width: 294px;
  font-size: var(--fs-24);
  font-weight: 500;
  font-family: inherit;
  text-align: center;
  display: inline-block;
}
.div36 {
  font-size: var(--fs-18);
}
.span6 {
  white-space: pre-wrap;
}
.span7 {
  font-size: var(--fs-12);
}
.frame-section {
  display: flex;
  align-items: center;
  position: relative;
  isolation: isolate;
  gap: var(--gap-24);
  width: 100%;
  max-width: 1281px;
  text-align: center;
  font-size: var(--fs-40);
  color: var(--color-white);
  font-family: var(--font-manrope);
}
.frame-section > .frame-wrapper4 { width: 411px; flex-shrink: 0; }
.frame-wrapper4 {
  height: var(--height-334);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  flex-shrink: 0;
}
.div40,
.h211,
.h325,
.h326 {
  position: relative;
  line-height: 150%;
}
.h325 {
  margin: 0;
  width: 295px;
  font-size: var(--fs-24);
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.div40,
.h211,
.h326 {
  flex-shrink: 0;
}
.h211 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: var(--font-lora);
  text-align: left;
}
.div40,
.h326 {
  display: inline-block;
}
.h326 {
  margin: 0;
  width: 344px;
  font-size: var(--fs-24);
  font-weight: 500;
  font-family: inherit;
}
.div40 {
  width: var(--width-288);
  font-size: var(--fs-18);
}
.frame-wrapper6 {
  height: var(--height-334);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  flex-shrink: 0;
  font-size: var(--fs-36);
}
.div41 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-45) 43px var(--padding-0) var(--padding-48);
  box-sizing: border-box;
  gap: var(--gap-12);
  width: 100%;
}
.h212 {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: var(--font-lora);
  text-align: left;
}
.div42,
.h212,
.h327 {
  position: relative;
  line-height: 150%;
  flex-shrink: 0;
}
.h327 {
  margin: 0;
  font-size: var(--fs-24);
  font-weight: 500;
  font-family: inherit;
}
.div42 {
  width: 320px;
  font-size: var(--fs-18);
  display: inline-block;
}
.ellipse-icon {
  height: 429px;
  width: 508px;
  position: absolute;
  margin: 0 !important;
  top: -228px;
  left: 387px;
  z-index: 3;
  flex-shrink: 0;
}
.wrapper5 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-48) var(--padding-0);
  text-align: center;
  font-size: var(--fs-36);
}
.h213 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit;
}
.choose-header,
.section7 {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.section7 {
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-64);
  max-width: 100%;
  z-index: 6;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.choose-header {
  justify-content: center;
}
.feature-column-parent {
  height: 1250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-64);
  max-width: 100%;
}
.expert-features,
.feature-column {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
}
.feature-column {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  padding: var(--padding-24);
  gap: var(--gap-48);
  flex-shrink: 0;
  text-align: right;
  font-size: var(--fs-24);
  color: var(--600);
  font-family: var(--font-lora);
}
.expert-features {
  padding: var(--padding-8) var(--padding-0);
}
.div43,
.h328 {
  width: var(--width-410);
  position: relative;
  line-height: 150%;
  display: inline-block;
  flex-shrink: 0;
}
.h328 {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
}
.div43 {
  text-align: left;
  max-width: 100%;
  font-size: var(--fs-36);
}
.span8 {
  letter-spacing: -0.02em;
}
.span9 {
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.div44,
.feature-column2 {
  flex-shrink: 0;
  max-width: 100%;
}
.feature-column2 {
  height: var(--height-156);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-48);
  text-align: right;
  font-size: var(--fs-24);
  color: var(--600);
  font-family: var(--font-lora);
}
.div44 {
  width: var(--width-410);
  position: relative;
  line-height: 150%;
  text-align: left;
  display: inline-block;
  font-size: var(--fs-32);
}
.span11 {
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
  white-space: pre-wrap;
}
.wrapper7 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
}
.div45 {
  width: var(--width-410);
  position: relative;
  line-height: 150%;
  text-align: left;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.span12 {
  letter-spacing: -0.02em;
  font-family: var(--font-lora);
  font-size: var(--fs-32);
}
.span13 {
  font-size: var(--fs-36);
}
.section8,
.wrapper10 {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.wrapper10 {
  align-items: center;
  justify-content: center;
  padding: var(--padding-20) var(--padding-0);
}
.section8 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-80);
  position: relative;
  isolation: isolate;
  gap: var(--gap-48);
  z-index: 7;
  text-align: left;
  font-size: var(--fs-36);
  color: var(--500-);
  font-family: var(--font-lora);
}
.bg-icon {
  width: 1360px;
  height: 1032px;
  position: absolute;
  margin: 0 !important;
  top: 272.7px;
  left: 0;
  z-index: 0;
  flex-shrink: 0;
}
.h214,
.parent6 {
  align-self: stretch;
}
.parent6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-24);
  z-index: 1;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-52);
  color: var(--500-);
  font-family: var(--font-lora);
}
.h214 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.div49 {
  max-width: 954px;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-12);
  text-align: left;
  font-size: var(--fs-24);
}
.div49,
.effective-system {
  display: flex;
  align-items: flex-start;
}
.h334,
.ul {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
}
.h334 {
  width: 597px;
  position: relative;
  line-height: 150%;
  font-weight: 400;
  display: inline-block;
  flex-shrink: 0;
}
.ul {
  padding-left: var(--padding-32);
}
.div50 {
  width: 939px;
  position: relative;
  line-height: 150%;
  display: inline-block;
  flex-shrink: 0;
}
.finance-system-parent {
  align-self: stretch;
  height: 801px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 44px var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-24);
  max-width: 100%;
  z-index: 2;
  flex-shrink: 0;
}
.finance-system,
.financial-mapping {
  display: flex;
  align-items: center;
  gap: var(--gap-24);
  max-width: 100%;
}
.finance-system {
  text-align: left;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.financial-mapping {
  height: 270px;
  width: 628px;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background: var(--gradient-4);
  flex-direction: column;
  padding: var(--padding-24) var(--padding-12);
  box-sizing: border-box;
}
.h335 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.reward-performance {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.h336,
.kpi-container {
  position: relative;
  line-height: 150%;
}
.h336 {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.kpi-container {
  font-size: var(--fs-16);
}
.financial-mapping2 {
  height: 270px;
  width: 628px;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background: var(--gradient-4);
  flex-direction: column;
  padding: var(--padding-22) var(--padding-12);
  box-sizing: border-box;
}
.financial-mapping2,
.image-row-parent,
.image-stack {
  display: flex;
  align-items: center;
  gap: var(--gap-24);
  max-width: 100%;
}
.image-row-parent {
  height: 360px;
  width: 628px;
  flex-direction: column;
  gap: var(--gap-12);
}
.image-row {
  align-self: stretch;
  height: 145px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-20);
  max-width: 100%;
}
.image-101-icon,
.image-98-icon {
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.image-98-icon {
  width: 394px;
  max-width: 100%;
}
.image-101-icon {
  width: 197px;
}
.image-icon {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-12);
  max-width: 100%;
}
.image-100-icon,
.image-99-icon {
  width: 253px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.image-99-icon {
  width: 360px;
  max-width: 100%;
}
.div52,
.image-95-parent {
  display: flex;
  align-items: flex-start;
}
.div52 {
  height: 360px;
  width: 628px;
  justify-content: space-between;
  gap: 4.5px;
  max-width: 100%;
}
.image-95-parent {
  height: 325px;
  width: 263px;
  flex-direction: column;
  gap: var(--gap-12);
}
.image-95-icon,
.image-96-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.image-95-icon {
  max-height: 100%;
}
.image-96-icon {
  height: 198px;
}
.image-92-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--gap-12);
}
.image-92-icon,
.image-93-icon {
  width: 179px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.image-93-icon {
  width: 180px;
}
.image-icon-two-parent {
  height: 359px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-12);
}
.image-icon-two {
  height: 207px;
  background-color: var(--color-white);
  border: 1px dashed var(--500-);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) 9px;
}
.image-94-icon,
.image-97-icon {
  position: relative;
  object-fit: cover;
}
.image-97-icon {
  width: 156px;
  max-height: 100%;
}
.image-94-icon {
  width: 176px;
  height: 129px;
}
.business-outcome {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  z-index: 3;
  flex-shrink: 0;
}
.div53,
.h215 {
  position: relative;
  line-height: 150%;
}
.h215 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: inherit;
}
.div53 {
  font-size: var(--fs-24);
}
.child14,
.section9 {
  box-sizing: border-box;
}
.child14 {
  width: 524px;
  height: var(--height-5);
  position: absolute;
  margin: 0 !important;
  top: -2.8px;
  left: calc(50% - 262.5px);
  border-top: 5px solid var(--500-);
  z-index: 4;
  flex-shrink: 0;
}
.section9 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-80) 79px var(--padding-80) var(--padding-80);
  position: relative;
  isolation: isolate;
  gap: var(--gap-48);
  max-width: 100%;
  z-index: 8;
  text-align: center;
  font-size: var(--fs-36);
  color: var(--600);
  font-family: var(--font-lora);
}
.h216,
.section9,
.title8 {
  align-self: stretch;
}
.title8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-24);
  z-index: 0;
}
.h216 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.form-container {
  display: flex;
  align-items: center;
  gap: var(--gap-24);
  max-width: 100%;
  z-index: 1;
}
.form-no-activedesk,
.image-107-icon {
  border-radius: var(--br-12);
  max-width: 100%;
}
.image-107-icon {
  width: 737px;
  max-width: 100%;
  height: 715px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.form-no-activedesk {
  height: 715px;
  width: 520px;
  max-width: 100%;
  background:
    #ccc9c8 padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-24) 23px;
  box-sizing: border-box;
  gap: var(--gap-24);
  text-align: left;
  font-size: var(--fs-12);
  color: var(--color-gray-100);
  font-family: var(--font-inter);
}
.h340 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 400;
  font-family: var(--font-lora);
  color: var(--500-);
  text-align: center;
  flex-shrink: 0;
}
.fields {
  width: var(--width-410);
  height: var(--height-56);
  border-radius: var(--br-4);
  background: var(--gradient-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8) var(--padding-20);
  box-sizing: border-box;
  flex-shrink: 0;
}
.atom,
.text {
  align-self: stretch;
}
.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.atom {
  height: var(--height-16);
  position: relative;
}
.atomtext-2 {
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--lh-16);
}
.atom2 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  align-self: stretch;
  height: var(--height-24);
  position: relative;
  font-family: var(--font-inter);
  font-size: var(--fs-16);
  color: var(--color-lightslategray);
}
.fields2 {
  width: var(--width-410);
  height: var(--height-56);
  box-shadow: var(--button);
  border-radius: var(--br-4);
  background: var(--gradient-4);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8) var(--padding-20);
  box-sizing: border-box;
}
.fields2,
.fields5,
.fields6 {
  display: flex;
  flex-shrink: 0;
}
.fields5 {
  width: var(--width-410);
  height: var(--height-56);
  box-shadow: var(--button);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background-color: var(--White);
  flex-direction: column;
  align-items: flex-start;
}
.fields6 {
  align-self: stretch;
  align-items: center;
  padding: var(--padding-8) var(--padding-20);
}
.text5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.atom10 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  align-self: stretch;
  height: var(--height-24);
  position: relative;
  font-family: var(--font-inter);
  font-size: var(--fs-16);
  color: var(--500-);
}
.atom11 {
  width: 300px;
  display: none;
  align-items: center;
  flex-shrink: 0;
  color: var(--Success-M-Green);
}
.atomdescription-icon {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}
.user-interfacecheck-icon {
  height: var(--height-16);
  width: 16px;
  position: relative;
}
.atomdescription,
.description {
  position: relative;
  line-height: var(--lh-16);
}
.atomdescription {
  width: 111px;
  color: var(--Primary-M-Blue);
  text-align: right;
  display: none;
}
.button2 {
  cursor: pointer;
  border: 0;
  padding: 9px var(--padding-16);
  background-color: transparent;
  width: var(--width-410);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background:
    #545855 padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
}
.button2:hover,
.button3:hover {
  background-color: var(--color-gray-300);
  border: 2px solid var(--color-gainsboro-100);
  box-sizing: border-box;
}
.alternator,
.div54 {
  font-family: var(--font-manrope);
}
.div54 {
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 500;
  color: var(--100);
  text-align: left;
}
.alternator {
  width: 462px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-16);
  color: var(--500-);
}
.div55 {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.03em;
  line-height: 150%;
  font-weight: 500;
}
.button-telegram2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10) var(--padding-16);
  background-color: transparent;
  width: var(--width-410);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background:
    #f6fbff padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-8);
  flex-shrink: 0;
}
.telegram2 {
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-manrope);
  color: var(--500-);
  text-align: left;
}
.loading,
.telegram-link {
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.telegram-link {
  display: flex;
  padding: 4px;
}
.loading {
  width: 386px;
  display: none;
  padding: var(--padding-0) var(--padding-10);
  box-sizing: border-box;
  flex-shrink: 0;
}
.frame-child,
.frame-item {
  position: relative;
  border-radius: 50%;
}
.frame-child {
  height: 10px;
  width: 10px;
  background-color: var(--color-darkseagreen);
}
.frame-item {
  height: var(--height-5);
  width: var(--width-5);
  background-color: var(--color);
  opacity: 0.7;
}
.top-hunter3 {
  margin: 0 !important;
  width: 41px;
  height: 648px;
  position: absolute;
  top: 263.7px;
  left: 126px;
  font-size: var(--fs-48);
  letter-spacing: -0.04em;
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-kalnia);
  color: var(--White);
  display: inline-block;
  text-shadow: var(--text-shadow-1);
  z-index: 2;
}
.footer {
  align-self: stretch;
  background-color: var(--300);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-48) var(--padding-80);
  gap: var(--gap-48);
  z-index: 9;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--600);
  font-family: var(--font-manrope);
}
.cta,
.footer,
.navigation-items {
  display: flex;
  align-items: center;
}
.navigation-items {
  align-self: stretch;
  justify-content: space-between;
  gap: var(--gap-20);
}
.cta {
  gap: 35px;
}
.telegram4,
.telegram5 {
  overflow: hidden;
  flex-shrink: 0;
}
.telegram4 {
  height: 54px;
  width: 54px;
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background:
    var(--color-linen) padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6) 2px;
  box-sizing: border-box;
}
.telegram5 {
  height: 48px;
  width: 48px;
  position: relative;
}
.button3 {
  cursor: pointer;
  border: 1.5px solid var(--500-);
  padding: var(--padding-8) var(--padding-16);
  background-color: var(--color-linen);
  height: 54px;
  width: 193px;
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button3:hover {
  background-color: var(--color-gainsboro-200);
  border: 1.5px solid var(--color-gray-200);
}
.div56 {
  position: relative;
  font-size: var(--fs-18);
  line-height: 150%;
  font-family: var(--font-manrope);
  color: var(--500-);
  text-align: left;
}
.footer-navigation,
.industries {
  border-bottom: var(--border-11);
  display: flex;
  align-items: center;
  justify-content: center;
}
.industries {
  padding: var(--padding-12) var(--padding-12) var(--padding-10);
}
.footer-navigation {
  padding: var(--padding-12) var(--padding-12) var(--padding-10);
}
.icon2 {
  width: 17px;
  height: 1120px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% + 824.85px);
  left: calc(50% - 9px);
  z-index: 10;
}
@media screen and (max-width: 1410px) {
  .header {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
  .management-titles-parent {
    flex-wrap: wrap;
  }
  .main {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .candidate-analysis-parent {
    padding-left: var(--padding-60);
    padding-right: var(--padding-60);
    box-sizing: border-box;
  }
  .section5 {
    flex-wrap: wrap;
    gap: 0;
  }
  .section6,
  .section7,
  .section8 {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .finance-system-parent {
    height: auto;
  }
  .finance-system,
  .form-container,
  .image-stack {
    flex-wrap: wrap;
  }
  .form-no-activedesk,
  .image-107-icon {
    flex: 1;
  }
  .navigation-items {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1200px) {
  .header {
    display: none;
  }
  .headline {
    flex-wrap: wrap;
  }
  .title {
    gap: var(--gap-30);
  }
  .section {
    flex: 1;
  }
  .main {
    padding-top: var(--padding-34);
    padding-bottom: var(--padding-34);
    box-sizing: border-box;
  }
  .candidate-analysis {
    padding-left: 53px;
    padding-right: 58px;
    box-sizing: border-box;
  }
  .section4 {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .frame-section {
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(308px, 534px));
  }
  .feature-column-parent {
    height: auto;
    gap: var(--gap-32);
  }
  .feature-column {
    flex-wrap: wrap;
  }
  .feature-column2 {
    height: auto;
    flex-wrap: wrap;
  }
  .section9 {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 825px) {
  .headline,
  .title {
    box-sizing: border-box;
  }
  .headline {
    padding: 31px var(--padding-40) var(--padding-52);
  }
  .title {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    min-width: 100%;
  }
  .t-hunter {
    font-size: var(--fs-40);
    line-height: var(--lh-72);
  }
  .strategic-executive-search {
    font-size: 38px;
    line-height: 58px;
  }
  .h2 {
    font-size: var(--fs-26);
    line-height: var(--lh-38);
  }
  .section {
    min-width: 100%;
  }
  .section2 {
    gap: var(--gap-24);
    padding: var(--padding-52) var(--padding-40);
    box-sizing: border-box;
  }
  .h22 {
    font-size: var(--fs-42);
    line-height: var(--lh-62);
  }
  .section3 {
    gap: 33px;
  }
  .main {
    padding: var(--padding-22) var(--padding-40);
    box-sizing: border-box;
  }
  .group,
  .main {
    gap: var(--gap-24);
  }
  .h316 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .candidate-analysis-parent {
    padding-left: var(--padding-30);
    padding-right: var(--padding-30);
    box-sizing: border-box;
  }
  .candidate-analysis {
    padding: 131px 29px var(--padding-20) 26px;
    box-sizing: border-box;
  }
  .architecture-empty {
    font-size: var(--fs-42);
    line-height: var(--lh-62);
  }
  .h24,
  .h25 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .section4 {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
  .parent3,
  .section4,
  .section6 {
    gap: var(--gap-24);
  }
  .section6 {
    padding: var(--padding-34) var(--padding-40);
    box-sizing: border-box;
  }
  .separator2,
  .separator4 {
    font-size: var(--fs-32);
    line-height: var(--lh-48);
  }
  .frame-section {
    grid-template-columns: minmax(308px, 1fr);
  }
  .h211 {
    font-size: var(--fs-32);
    line-height: var(--lh-48);
  }
  .h212,
  .h213 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .section7,
  .section8 {
    gap: var(--gap-32);
    padding: var(--padding-34) var(--padding-40);
    box-sizing: border-box;
  }
  .section8 {
    gap: var(--gap-24);
  }
  .h214 {
    font-size: var(--fs-42);
    line-height: var(--lh-62);
  }
  .finance-system-parent {
    padding-top: 29px;
    padding-bottom: 29px;
    box-sizing: border-box;
  }
  .image-row,
  .image-row-parent {
    height: auto;
  }
  .image-row {
    flex-wrap: wrap;
  }
  .image-101-icon,
  .image-98-icon {
    flex: 1;
  }
  .image-icon {
    flex-wrap: wrap;
  }
  .image-100-icon,
  .image-99-icon {
    flex: 1;
  }
  .h215 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .section9 {
    gap: var(--gap-24);
    padding: var(--padding-34) 39px var(--padding-34) var(--padding-40);
    box-sizing: border-box;
  }
  .h216 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .form-no-activedesk {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
    min-width: 100%;
  }
  .top-hunter3 {
    font-size: 38px;
    line-height: 58px;
  }
  .footer {
    gap: var(--gap-24);
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 725px) {
  .headline,
  .title {
    box-sizing: border-box;
  }
  .headline {
    padding: 31px var(--padding-40) var(--padding-52);
  }
  .title {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    min-width: 100%;
  }
  .t-hunter {
    font-size: var(--fs-40);
    line-height: var(--lh-72);
  }
  .strategic-executive-search {
    font-size: 38px;
    line-height: 58px;
  }
  .h2 {
    font-size: var(--fs-26);
    line-height: var(--lh-38);
  }
  .section {
    min-width: 100%;
  }
  .section2 {
    gap: var(--gap-24);
    padding: var(--padding-52) var(--padding-40);
    box-sizing: border-box;
  }
  .h22 {
    font-size: var(--fs-42);
    line-height: var(--lh-62);
  }
  .section3 {
    gap: 33px;
  }
  .main {
    padding: var(--padding-22) var(--padding-40);
    box-sizing: border-box;
  }
  .group,
  .main {
    gap: var(--gap-24);
  }
  .h316 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .candidate-analysis-parent {
    padding-left: var(--padding-30);
    padding-right: var(--padding-30);
    box-sizing: border-box;
  }
  .candidate-analysis {
    padding: 131px 29px var(--padding-20) 26px;
    box-sizing: border-box;
  }
  .architecture-empty {
    font-size: var(--fs-42);
    line-height: var(--lh-62);
  }
  .h24,
  .h25 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .section4 {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
  .parent3,
  .section4,
  .section6 {
    gap: var(--gap-24);
  }
  .section6 {
    padding: var(--padding-34) var(--padding-40);
    box-sizing: border-box;
  }
  .separator2,
  .separator4 {
    font-size: var(--fs-32);
    line-height: var(--lh-48);
  }
  .frame-section {
    grid-template-columns: minmax(308px, 1fr);
  }
  .h211 {
    font-size: var(--fs-32);
    line-height: var(--lh-48);
  }
  .h212,
  .h213 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .section7,
  .section8 {
    gap: var(--gap-32);
    padding: var(--padding-34) var(--padding-40);
    box-sizing: border-box;
  }
  .section8 {
    gap: var(--gap-24);
  }
  .h214 {
    font-size: var(--fs-42);
    line-height: var(--lh-62);
  }
  .finance-system-parent {
    padding-top: 29px;
    padding-bottom: 29px;
    box-sizing: border-box;
  }
  .image-row,
  .image-row-parent {
    height: auto;
  }
  .image-row {
    flex-wrap: wrap;
  }
  .image-101-icon,
  .image-98-icon {
    flex: 1;
  }
  .image-icon {
    flex-wrap: wrap;
  }
  .image-100-icon,
  .image-99-icon {
    flex: 1;
  }
  .h215 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .section9 {
    gap: var(--gap-24);
    padding: var(--padding-34) 39px var(--padding-34) var(--padding-40);
    box-sizing: border-box;
  }
  .h216 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .form-no-activedesk {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
    min-width: 100%;
  }
  .top-hunter3 {
    font-size: 38px;
    line-height: 58px;
  }
  .footer {
    gap: var(--gap-24);
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .t-hunter {
    font-size: var(--fs-24);
    line-height: var(--lh-48);
  }
  .strategic-executive-search {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .h2 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .button-frame {
    gap: var(--gap-30);
  }
  .h22 {
    font-size: var(--fs-31);
    line-height: var(--lh-47);
  }
  .h38 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .section3 {
    gap: var(--gap-16);
  }
  .h315 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .h316 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .candidate-analysis {
    padding-top: 85px;
    box-sizing: border-box;
  }
  .architecture-empty {
    font-size: var(--fs-31);
    line-height: var(--lh-47);
  }
  .h24 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .div12 {
    font-size: var(--fs-16);
    line-height: var(--lh-24);
  }
  .h25 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .div14,
  .div17 {
    font-size: var(--fs-16);
    line-height: var(--lh-24);
  }
  .section4 {
    padding-top: var(--padding-34);
    padding-bottom: var(--padding-34);
    box-sizing: border-box;
  }
  .h318,
  .h320,
  .h321 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .separator {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .separator2 {
    font-size: var(--fs-24);
    line-height: var(--lh-36);
  }
  .h322 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .separator4 {
    font-size: var(--fs-24);
    line-height: var(--lh-36);
  }
  .h323 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .separator5 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .h324,
  .h325 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .h211 {
    font-size: var(--fs-24);
    line-height: var(--lh-36);
  }
  .h326 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .div41 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .h212 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .h327 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .h213 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .feature-column-parent,
  .section7 {
    gap: var(--gap-16);
  }
  .feature-column {
    gap: var(--gap-24);
  }
  .h328 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .div43 {
    font-size: var(--fs-16);
    line-height: var(--lh-43);
  }
  .feature-column2 {
    gap: var(--gap-24);
  }
  .div44,
  .div45 {
    font-size: var(--fs-16);
    line-height: var(--lh-38);
  }
  .div45 {
    line-height: var(--lh-43);
  }
  .h214 {
    font-size: var(--fs-31);
    line-height: var(--lh-47);
  }
  .div50,
  .h334,
  .h335 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .h336 {
    font-size: var(--fs-16);
    line-height: var(--lh-24);
  }
  .h215 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .div53 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .h216 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
  }
  .div54,
  .h340,
  .telegram2 {
    font-size: var(--fs-19);
    line-height: var(--lh-29);
  }
  .top-hunter3 {
    font-size: var(--fs-29);
    line-height: var(--lh-43);
  }
  .cta {
    gap: 17px;
  }
  .header {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
  .management-titles-parent {
    flex-wrap: wrap;
  }
  .main {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .candidate-analysis-parent {
    padding-left: var(--padding-60);
    padding-right: var(--padding-60);
    box-sizing: border-box;
  }
  .section5 {
    flex-wrap: wrap;
    gap: 0;
  }
  .section6,
  .section7,
  .section8 {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .finance-system-parent {
    height: auto;
  }
  .finance-system,
  .form-container,
  .image-stack {
    flex-wrap: wrap;
  }
  .form-no-activedesk,
  .image-107-icon {
    flex: 1;
  }
  .navigation-items {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Make .wrapper anchor links look identical to the original divs */
a.wrapper { text-decoration: none; color: inherit; cursor: pointer; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }

/* Logo link styling — keep identical look to original button */
a.top-hunter-wrapper { text-decoration: none; cursor: pointer; }

/* Telegram header button — keep visual identical */
a.button-telegram { text-decoration: none; color: inherit; cursor: pointer; }

/* Make .button anchor look identical (no underline, no default link color) */
a.button { text-decoration: none; color: inherit; }




/* Hide specialist lists under position categories — user prefers only titles visible */
.section2 .ceo-container { display: none; }

/* Accordion: show ceo-container when parent .div6 has .open class */
.section2 .div6.open .ceo-container { display: block; }
.section2 .div6 .title-parent { cursor: pointer; user-select: none; }
.section2 .div6 .mdi-lightchevron-down-icon { transition: transform 0.2s ease; }
.section2 .div6.open .mdi-lightchevron-down-icon { transform: rotate(180deg); }

/* Problem section text — match Figma exact sizes and white color */
.section5,
.section5 * { color: var(--color-white); }
.section5 .h318 { font-size: 24px; font-weight: 500; }
.section5 .frame-group,
.section5 .parent4 { font-size: 16px; }
.section5 .frame-group .hr-container,
.section5 .frame-group .div23,
.section5 .frame-group .div24,
.section5 .parent4 .hr-container { font-size: 16px; line-height: 150%; font-weight: 400; }

/* Extras section cards — fix gradient border (same pattern as .button) */
.financial-mapping,
.financial-mapping2 {
  border: 3px solid transparent;
  background-color: var(--White);
  background-image:
    linear-gradient(var(--White), var(--White)),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Fix form container — show gray background + gradient outline */
.form-no-activedesk {
  border: 2px solid transparent;
  background-color: #ccc9c8;
  background-image:
    linear-gradient(#ccc9c8, #ccc9c8),
    linear-gradient(90deg, rgba(251,255,252,0.5) 9.62%, #d4ded6 34.13%, #adbdb0 62.02%, #6d7c70 93.75%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Fix "Відправити" button — make dark with white text */
.button2 {
  border: 0;
  background: #545855;
  background-color: #545855;
  background-image: none;
  color: #fffffa;
}
.button2 .div54 { color: #fffffa; }

/* "Написати в Telegram" button — keep white */
.button-telegram2 {
  border: 0;
  background: #fffffa;
  background-color: #fffffa;
  background-image: none;
}

/* === Form fields + buttons — explicit gradient borders === */
/* Input fields with white bg + thin olive gradient border */
.fields, .fields2, .fields5 {
  border: 2px solid transparent;
  background-color: #fffffa;
  background-image:
    linear-gradient(#fffffa, #fffffa),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
/* "Відправити" button — dark with subtle gradient outline */
.button2 {
  border: 2px solid transparent;
  background-color: #545855;
  background-image:
    linear-gradient(#545855, #545855),
    linear-gradient(90deg, rgba(251,255,252,0.5) 9%, #d4ded6 34%, #adbdb0 62%, #6d7c70 94%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color: #fffffa;
}
.button2 .div54 { color: #fffffa; }
/* "Написати в Telegram" button — white with gradient outline */
.button-telegram2 {
  border: 2px solid transparent;
  background-color: #f6fbff;
  background-image:
    linear-gradient(#f6fbff, #f6fbff),
    linear-gradient(90deg, rgba(251,255,252,0.5) 9%, #d4ded6 34%, #adbdb0 62%, #6d7c70 94%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* All form fields use same tag-shape style as "Назва компанії" */
.fields, .fields2 {
  border: 0;
  background-color: #fffffa;
  background-image: none;
  box-shadow: var(--button);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
}

/* Re-add gradient border to ALL 5 fields */
.fields, .fields2, .fields5 {
  border: 2px solid transparent;
  background-color: #fffffa;
  background-image:
    linear-gradient(#fffffa, #fffffa),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: var(--button);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
}

/* Vertical "TOP Hunter" text overlay on form section photo */
.form-container { position: relative; }
.photo-vert-text {
  position: absolute;
  top: 30px;
  left: 30px;
  font-family: var(--font-lora);
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  color: #fffffa;
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
  z-index: 2;
  pointer-events: none;
  letter-spacing: 0;
}

/* Force .top-hunter3 to display each character on its own line */
.top-hunter3 {
  word-break: break-all;
  white-space: normal;
}

/* Stronger: width 1ch forces single character per line */
.top-hunter3 { width: 1ch !important; }

/* Form: status message and telegram link tweaks */
a.button-telegram2 { text-decoration: none; color: inherit; }
.form-status {
  margin: 0;
  min-height: 0;
  font-size: 14px;
  text-align: center;
}
.form-status:empty { display: none; }
.form-status[data-kind="error"]   { color: #c25252; }
.form-status[data-kind="success"] { color: #4a7a4a; }

/* Footer: anchor links look identical to original divs/buttons */
.footer a.industries,
.footer a.footer-navigation,
.footer a.top-hunter-wrapper,
.footer a.button3,
.footer a.telegram4 {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Footer links — force no underline / no blue on inner h3, more specific */
.footer a, .footer a h3 {
  text-decoration: none !important;
  color: inherit !important;
}

/* Invalid form field highlight — red gradient border */
.fields.field-invalid,
.fields2.field-invalid,
.fields5.field-invalid {
  background-image:
    linear-gradient(#fffffa, #fffffa),
    linear-gradient(90deg, #c25252, #c25252) !important;
  border-color: #c25252 !important;
}
.fields.field-invalid input,
.fields2.field-invalid input,
.fields5.field-invalid input { color: #c25252; }

/* === MOBILE styles (from Locofy i-phone17-1) === */
/* Switch to the mobile layout below 1200px — at that width the desktop's
   own media query already hides the header (it was Locofy's intent that
   the desktop layout no longer works under 1200) */
@media (max-width: 1199.98px) {
  .desktop { display: none !important; }
}
@media (min-width: 1200px) {
  .iphone-17-1 { display: none !important; }
}

/* Desktop layout was designed at 1440px. Between 1200 and 1410 we shrink
   the whole page proportionally with CSS zoom so every block stays
   pixel-perfect. The catch: media queries still fire on the REAL viewport
   width (zoom doesn't fool them), so Locofy's @1410 wrap rules still trigger
   and break the layout. We cancel those wrap/hide rules within this range
   so the zoomed-down layout matches the 1440 design exactly. */
@media screen and (min-width: 1380px) and (max-width: 1410px) { .desktop { zoom: 0.97; } }
@media screen and (min-width: 1340px) and (max-width: 1379.98px) { .desktop { zoom: 0.94; } }
@media screen and (min-width: 1300px) and (max-width: 1339.98px) { .desktop { zoom: 0.92; } }
@media screen and (min-width: 1260px) and (max-width: 1299.98px) { .desktop { zoom: 0.89; } }
@media screen and (min-width: 1220px) and (max-width: 1259.98px) { .desktop { zoom: 0.86; } }
@media screen and (min-width: 1200px) and (max-width: 1219.98px) { .desktop { zoom: 0.84; } }

@media screen and (min-width: 1200px) and (max-width: 1410px) {
  /* Cancel Locofy's @1410 wrap/auto rules — the desktop is already
     scaled visually by zoom, so we want the same flex layout as at 1440. */
  .management-titles-parent { flex-wrap: nowrap !important; }
  .section5 { flex-wrap: nowrap !important; }
  .navigation-items { flex-wrap: nowrap !important; }
  .finance-system,
  .image-stack,
  .form-container { flex-wrap: nowrap !important; }
  .finance-system-parent { height: 801px !important; }

  /* Cancel @1200 hide/wrap rules too */
  .header { display: flex !important; }
  .headline { flex-wrap: nowrap !important; }
  .feature-column,
  .feature-column2 { flex-wrap: nowrap !important; }
  .frame-section { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* Also restore the header at <1410, since Locofy was hiding it. We now
   keep the desktop visible but proportionally smaller. */
@media screen and (max-width: 1410px) {
  .header { display: flex !important; }
}

.iphone-17-1 {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
  background: var(--bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
  letter-spacing: normal;
}
.burger,
.header2 {
  display: flex;
}
.header2 {
  align-self: stretch;
  background-color: var(--300);
  overflow: hidden;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-12) var(--padding-16);
  gap: -263px;
  top: 0;
  z-index: 99;
  position: sticky;
}
.burger {
  height: 44px;
  width: 44px;
  box-shadow: var(--Button);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background: var(--gradient-7);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.qlementine-iconsmenu-burger-1 {
  width: var(--width-24);
  position: relative;
  max-height: 100%;
  transform: rotate(-180deg);
}
.top-hunter-frame {
  cursor: pointer;
  border: var(--border-1);
  padding: var(--padding-6) var(--padding-15);
  background-color: var(--White);
  height: 44px;
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
.top-hunter-frame:hover {
  background-color: var(--color-gainsboro-100);
  border: 1px solid var(--color-cadetblue);
  box-sizing: border-box;
}
.top-hunter5 {
  position: relative;
  font-size: var(--fs-20);
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-kalnia);
  color: var(--400);
  text-align: left;
  text-shadow: var(--text-shadow-1);
}
.telegram6 {
  height: 44px;
  width: 44px;
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background: var(--gradient-7);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6) 7px;
  box-sizing: border-box;
  transform: rotate(180deg);
}
.telegram7 {
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.group-icon {
  position: absolute;
  height: 75%;
  width: 75%;
  top: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  transform: rotate(-180deg);
}
.headline3,
.t-hunter-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.headline3 {
  align-items: center;
  padding: var(--padding-48) var(--padding-16);
  gap: var(--gap-48);
  text-align: left;
  font-size: var(--fs-16);
  color: var(--500-);
  font-family: var(--font-lora);
}
.t-hunter-parent {
  align-items: flex-start;
  font-size: var(--fs-52);
}
.strategic-executive-search3,
.t-hunter3 {
  margin: 0;
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.t-hunter3 {
  font-size: inherit;
  letter-spacing: -0.03em;
}
.strategic-executive-search3 {
  font-size: var(--fs-24);
}
.div62,
.div63 {
  align-self: stretch;
}
.div62 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-24);
}
.div63 {
  position: relative;
  line-height: 150%;
}
.ul5 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-21);
}
.button5 {
  cursor: pointer;
  border: 2.5px solid transparent;
  padding: var(--padding-16) var(--padding-24);
  background-color: transparent;
  width: 307px;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background:
    #f6fbff padding-box,
    linear-gradient(
        0deg,
        #185225,
        #4ec569 30.78%,
        var(--color) 61.56%,
        #4ec569 80.78%,
        #185225
      )
      border-box;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div65 {
  position: relative;
  font-size: var(--fs-24);
  line-height: 150%;
  font-weight: 300;
  font-family: var(--font-manrope);
  color: var(--color-black);
  text-align: left;
}
.img-2897-1-parent {
  width: 360px;
  height: 539px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--600);
}
.img-2897-1-icon3 {
  width: 360px;
  position: relative;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
}
.expert-info-parent {
  width: 310px;
  height: 186px;
  position: relative;
  flex-shrink: 0;
  z-index: 1;
  margin-top: -53px;
}
.expert-info {
  position: absolute;
  top: 26px;
  left: 0;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--color-mintcream);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px var(--padding-12) var(--padding-12);
  flex-shrink: 0;
}
.top-hunter-hrba {
  position: relative;
  line-height: 150%;
}
.frame-button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10) var(--padding-24);
  background-color: var(--400);
  position: absolute;
  top: 0;
  left: 12px;
  border-radius: var(--br-12);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex-shrink: 0;
}
.frame-button:hover {
  background-color: var(--color-darkseagreen-100);
}
.div66 {
  position: relative;
  font-size: var(--fs-20);
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-manrope);
  color: var(--100);
  text-align: right;
}
.section11,
.title10 {
  width: var(--width-402);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.section11 {
  overflow: hidden;
  padding: var(--padding-48) var(--padding-0);
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.title10 {
  height: 179px;
  padding: var(--padding-0) var(--padding-16);
  gap: var(--gap-16);
}
.h347 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.title-child {
  width: var(--width-161);
  height: var(--height-1);
  position: relative;
  border-top: var(--border-1);
  box-sizing: border-box;
}
.div67 {
  align-self: stretch;
  height: var(--height-54);
  position: relative;
  font-size: var(--fs-16);
  line-height: 150%;
  display: inline-block;
}
.div68,
.div69 {
  display: flex;
  flex-direction: column;
}
.div68 {
  align-items: flex-start;
  gap: var(--gap-24);
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.div69 {
  width: var(--width-402);
  align-items: center;
  padding: var(--padding-16);
  box-sizing: border-box;
  gap: var(--gap-4);
}
.title-parent5,
.title11 {
  display: flex;
  justify-content: center;
}
.title-parent5 {
  align-items: flex-start;
  gap: var(--gap-8);
  flex-shrink: 0;
}
.title11 {
  align-items: center;
}
.h348 {
  margin: 0;
  width: var(--width-288);
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.mdi-lightchevron-down-icon7 {
  width: var(--width-24);
  position: relative;
  max-height: 100%;
}
.child15 {
  align-self: stretch;
  height: var(--height-1);
  position: relative;
  border-top: var(--border-11);
  box-sizing: border-box;
  flex-shrink: 0;
}
.ceo-container7,
.h350 {
  position: relative;
  line-height: 150%;
  flex-shrink: 0;
}
.ceo-container7 {
  width: var(--width-380);
  font-size: var(--fs-16);
  text-align: left;
  display: none;
}
.h350 {
  width: var(--width-288);
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
  display: inline-block;
}
.blank-line2,
.h350 {
  margin: 0;
}
.title15 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h352 {
  margin: 0;
  flex: 1;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
}
.h352,
.h353,
.problem {
  position: relative;
}
.h353 {
  margin: 0;
  flex: 1;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
}
.problem {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-48) var(--padding-16);
  isolation: isolate;
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.bg-1-icon {
  width: var(--width-370);
  height: 798px;
  position: absolute;
  margin: 0 !important;
  top: 261px;
  left: 0;
  object-fit: contain;
  z-index: 0;
  flex-shrink: 0;
}
.problem-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-8);
  z-index: 1;
  flex-shrink: 0;
}
.div75,
.div76 {
  width: 365px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.div76 {
  width: 366px;
  font-size: var(--fs-16);
}
.div77 {
  overflow: hidden;
  align-items: center;
  gap: var(--gap-16);
  z-index: 2;
  flex-shrink: 0;
  font-size: var(--fs-20);
  color: var(--color-white);
  font-family: var(--font-manrope);
}
.div77,
.div78,
.div79,
.frame-parent2 {
  display: flex;
  flex-direction: column;
}
.div78 {
  width: 320px;
  height: 150px;
  box-shadow: var(--inner-sh-beige);
  border-radius: var(--br-12);
  background-color: var(--blue);
  border: var(--border-1);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-14) var(--padding-15);
}
.div79,
.frame-parent2 {
  gap: var(--gap-8);
}
.div79 {
  width: 100%;
  align-items: center;
  max-width: 100%;
}
.frame-parent2 {
  width: 286px;
  align-items: flex-start;
  text-align: left;
  font-size: var(--fs-14);
}
.siclose-line-parent2 {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
}
.siclose-line-icon4 {
  width: var(--width-18);
  position: relative;
  max-height: 100%;
}
.div80 {
  position: relative;
  line-height: 150%;
  font-weight: 300;
}
.siclose-line-parent3 {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-4);
}
.div81,
.siclose-line-icon5 {
  position: relative;
  flex-shrink: 0;
}
.siclose-line-icon5 {
  height: var(--height-18);
  width: var(--width-18);
}
.div81 {
  width: 285px;
  line-height: 150%;
  font-weight: 300;
  display: inline-block;
}
.siclose-line-icon6 {
  height: var(--height-18);
  width: var(--width-18);
  position: relative;
}
.child21,
.div82 {
  position: relative;
  flex-shrink: 0;
}
.div82 {
  width: 135px;
  line-height: 150%;
  font-weight: 300;
  display: inline-block;
}
.child21 {
  width: 11.5px;
  height: var(--height-24);
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
}
.div83,
.div84,
.frame-parent3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.div83 {
  width: 320px;
  height: 150px;
  box-shadow: var(--inner-sh-beige);
  border-radius: var(--br-12);
  background-color: var(--blue);
  border: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-14) var(--padding-16);
  color: var(--White);
}
.div84,
.frame-parent3 {
  gap: var(--gap-8);
}
.frame-parent3 {
  align-items: flex-start;
  font-size: var(--fs-14);
  color: var(--color-white);
}
.div85,
.div86 {
  line-height: 150%;
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
}
.div85 {
  width: 217px;
  position: relative;
}
.div86 {
  width: 175px;
}
.child22,
.div86,
.div87 {
  position: relative;
}
.div87 {
  width: 155px;
  line-height: 150%;
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
}
.child22 {
  width: 11.5px;
  height: var(--height-24);
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
}
.div88,
.div89 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.div88 {
  width: 320px;
  height: 320px;
  box-shadow: var(--inner-sh-beige);
  border-radius: var(--br-12);
  background-color: var(--blue);
  border: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-16) var(--padding-15);
  text-align: left;
  font-size: var(--fs-14);
}
.div89 {
  width: 100%;
  gap: var(--gap-8);
  max-width: 100%;
}
.div90 {
  width: 298px;
  position: relative;
  line-height: 150%;
  color: var(--White);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
  font-size: var(--fs-20);
}
.span22 {
  font-size: var(--fs-32);
  font-weight: 500;
}
.harvard-business-review-container2 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  flex-shrink: 0;
}
.ul7 {
  margin: 0;
  font-size: inherit;
  padding-left: var(--padding-19);
}
.p3,
.span23 {
  font-weight: 300;
}
.p3 {
  margin: 0;
}
.harvard-business-review2 {
  margin: 0;
  font-weight: 500;
}
.div91 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-weight: 300;
  flex-shrink: 0;
}
.ul8 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-19);
}
.div92 {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-16);
  line-height: 150%;
  white-space: pre-wrap;
  z-index: 3;
  flex-shrink: 0;
}
.section12 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-48) var(--padding-16);
  gap: var(--gap-24);
}
.vector-parent {
  width: var(--width-370);
  height: 444px;
  display: flex;
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-15) var(--padding-6);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.polygon-icon {
  height: 186px;
  width: 220px;
  position: absolute;
  margin: 0 !important;
  top: -30px;
  left: 56px;
  filter: blur(8px);
  border-radius: var(--br-4);
  object-fit: contain;
  flex-shrink: 0;
}
.div93 {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  align-items: center;
  padding: var(--padding-12);
  gap: var(--gap-8);
  flex-shrink: 0;
  z-index: 3;
}
.div94 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-12) var(--padding-0) var(--padding-0);
}
.icon3 {
  height: 171px;
  width: 11px;
  position: relative;
}
.parent8 {
  width: 277px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
}
.div95,
.div96 {
  position: relative;
  line-height: 150%;
}
.div95 {
  font-size: var(--fs-16);
  font-weight: 300;
  font-family: var(--font-manrope);
}
.div96 {
  font-size: var(--fs-20);
}
.image-90-icon,
.image-90-wrapper {
  width: 177px;
  position: relative;
  flex-shrink: 0;
}
.image-90-wrapper {
  height: 245px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.image-90-icon {
  box-shadow: var(--photo-2);
  border-radius: var(--br-12);
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.section13,
.stage-items {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section13 {
  overflow: hidden;
  padding: var(--padding-0) var(--padding-12);
  position: relative;
  isolation: isolate;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--500-);
  font-family: var(--font-lora);
}
.stage-items {
  justify-content: center;
  padding: var(--padding-12) var(--padding-0);
  z-index: 0;
  flex-shrink: 0;
}
.stage-markers-parent {
  width: 189px;
  display: flex;
  align-items: center;
  gap: var(--gap-10);
}
.div97,
.h357,
.stage-markers {
  position: relative;
  line-height: 150%;
}
.stage-markers {
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  flex-shrink: 0;
}
.div97,
.h357 {
  display: inline-block;
}
.h357 {
  margin: 0;
  width: 275px;
  font-size: var(--fs-24);
  font-weight: 400;
  font-family: inherit;
  flex-shrink: 0;
}
.div97 {
  width: 270px;
  font-size: var(--fs-16);
  font-weight: 300;
  font-family: var(--font-manrope);
}
.stage-items2 {
  width: 346px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-12) var(--padding-0);
  box-sizing: border-box;
  z-index: 1;
  flex-shrink: 0;
}
.h218 {
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
}
.div98,
.h218,
.h358 {
  position: relative;
  line-height: 150%;
}
.h358 {
  margin: 0;
  font-size: var(--fs-24);
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
}
.div98 {
  width: 270px;
  font-size: var(--fs-16);
  font-weight: 300;
  font-family: var(--font-manrope);
  text-align: right;
  display: inline-block;
}
.stage-items3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-12) var(--padding-0);
  z-index: 2;
  flex-shrink: 0;
}
.parent10 {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}
.lines-icon,
.portret-icon2 {
  position: absolute;
  margin: 0 !important;
  max-height: 100%;
  flex-shrink: 0;
}
.portret-icon2 {
  width: var(--width-100);
  top: 348px;
  left: 270px;
  object-fit: cover;
  z-index: 3;
}
.lines-icon {
  width: 348.7px;
  top: 54px;
  left: -1px;
  object-fit: contain;
  z-index: 4;
}
.stage-items4 {
  width: 346px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-12) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-12);
  z-index: 5;
  flex-shrink: 0;
}
.div100,
.h220 {
  position: relative;
  line-height: 150%;
}
.h220 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-family: inherit;
}
.div100 {
  width: 337px;
  font-size: var(--fs-16);
  font-weight: 300;
  font-family: var(--font-manrope);
  text-align: right;
  display: inline-block;
}
.image-pazle-1 {
  width: var(--width-100);
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.main2,
.result-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main2 {
  align-self: stretch;
  overflow: hidden;
  padding: var(--padding-48) var(--padding-16);
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.result-header {
  gap: var(--gap-16);
}
.div101,
.div102 {
  width: 361px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.div102 {
  width: 328px;
  font-size: var(--fs-16);
}
.section14,
.subtract-markers-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section14 {
  width: var(--width-370);
  position: relative;
  isolation: isolate;
  gap: var(--gap-12);
  text-align: left;
  font-size: var(--fs-24);
  color: var(--600);
  font-family: var(--font-lora);
}
.subtract-markers-parent {
  align-self: stretch;
  height: var(--height-182);
  box-shadow: var(--shadow-drop);
}
.subtract-icons-parent,
.subtract-markers {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}
.subtract-markers {
  width: var(--width-370);
  height: var(--height-182);
  flex-direction: column;
  padding: var(--padding-24) var(--padding-24) 64px;
  box-sizing: border-box;
  flex-shrink: 0;
  z-index: 2;
}
.subtract-icons-parent {
  justify-content: center;
}
.div103,
.h361,
.subtract-icons {
  position: relative;
  line-height: 150%;
}
.subtract-icons {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.div103,
.h361 {
  font-family: var(--font-manrope);
}
.h361 {
  margin: 0;
  font-size: var(--fs-20);
  font-weight: 400;
}
.div103 {
  align-self: stretch;
  font-size: var(--fs-14);
  font-weight: 300;
  text-align: center;
}
.div104,
.subtract-icon7 {
  width: var(--width-370);
  flex-shrink: 0;
}
.subtract-icon7 {
  height: var(--height-182);
  position: relative;
  margin-top: -182px;
}
.div104 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-48) var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-8);
  z-index: 2;
}
.div105,
.hard-soft2 {
  position: relative;
  font-family: var(--font-manrope);
  text-align: center;
}
.div105 {
  width: 174px;
  font-size: var(--fs-18);
  line-height: 100%;
  display: inline-block;
  flex-shrink: 0;
}
.hard-soft2 {
  align-self: stretch;
  font-size: var(--fs-14);
  line-height: 150%;
  font-weight: 300;
  white-space: pre-wrap;
}
.div106,
.parent14 {
  display: flex;
  flex-direction: column;
}
.parent14 {
  align-self: stretch;
  height: 224px;
  box-shadow: var(--shadow-drop);
  align-items: flex-start;
}
.div106 {
  width: var(--width-370);
  align-items: center;
  justify-content: center;
  padding: var(--padding-48) var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-8);
  flex-shrink: 0;
  z-index: 2;
}
.h364,
.subtract-icon9 {
  position: relative;
  flex-shrink: 0;
}
.h364 {
  margin: 0;
  width: 242px;
  font-size: var(--fs-20);
  line-height: 150%;
  font-weight: 400;
  font-family: var(--font-manrope);
  text-align: center;
  display: inline-block;
}
.subtract-icon9 {
  width: var(--width-370);
  height: 224px;
  margin-top: -224px;
}
.parent16 {
  width: var(--width-370);
  height: var(--height-182);
  box-shadow: var(--shadow-drop);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--White);
}
.div108,
.parent17 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.div108 {
  height: var(--height-182);
  flex-direction: column;
  justify-content: center;
  padding: var(--padding-48) var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-12);
  z-index: 2;
}
.parent17 {
  gap: var(--gap-8);
}
.div109 {
  width: 315px;
  position: relative;
  font-size: var(--fs-16);
  line-height: 150%;
  font-weight: 300;
  font-family: var(--font-manrope);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}
.parent18 {
  align-self: stretch;
  height: var(--height-182);
  box-shadow: var(--shadow-drop);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--White);
}
.parent19 {
  display: flex;
  align-items: center;
  padding: var(--padding-0) var(--padding-20);
  gap: var(--gap-8);
}
.h368 {
  margin: 0;
  width: 245px;
  position: relative;
  font-size: var(--fs-20);
  line-height: 150%;
  font-weight: 400;
  font-family: var(--font-manrope);
  display: inline-block;
  flex-shrink: 0;
}
.div112 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-48) 9px;
  gap: var(--gap-8);
  flex-shrink: 0;
  z-index: 2;
}
.div113 {
  width: 352px;
  position: relative;
  font-size: var(--fs-14);
  line-height: 150%;
  font-weight: 300;
  font-family: var(--font-manrope);
  text-align: center;
  display: inline-block;
}
.child23 {
  width: 40px;
  height: 861px;
  position: absolute;
  margin: 0 !important;
  top: 162px;
  left: 165px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 6;
}
.div114 {
  width: var(--width-370);
  position: relative;
  line-height: 150%;
  color: var(--600);
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--fs-16);
}
.span24 {
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.top-hunter6 {
  width: 309px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.business-expertise,
.parent22 {
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
}
.business-expertise {
  align-items: flex-start;
  gap: var(--gap-20);
  text-align: right;
  font-size: var(--fs-20);
}
.parent22 {
  width: var(--width-370);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-8);
  z-index: 0;
  text-align: center;
}
.div115,
.h371 {
  position: relative;
  line-height: 150%;
  flex-shrink: 0;
}
.h371 {
  margin: 0;
  width: 262px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
  display: inline-block;
  z-index: 0;
}
.div115 {
  align-self: stretch;
  z-index: 1;
}
.span25 {
  font-size: var(--fs-16);
  font-weight: 300;
  font-family: var(--font-manrope);
}
.ellipse-wrapper {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: var(--padding-8);
  z-index: 2;
  flex-shrink: 0;
}
.ellipse-div,
.parent23 {
  height: var(--height-17);
  width: var(--width-17);
  position: relative;
  border-radius: var(--br-50);
  background-color: var(--400);
}
.parent23 {
  width: var(--width-370);
  height: var(--height-156);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-24) 5.5px;
  box-sizing: border-box;
  isolation: isolate;
  gap: var(--gap-8);
  z-index: 1;
  text-align: center;
}
.h372,
.span26 {
  white-space: pre-wrap;
}
.h372 {
  margin: 0;
  width: 361px;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  z-index: 0;
  flex-shrink: 0;
}
.span26 {
  font-size: var(--fs-16);
  font-weight: 300;
  font-family: var(--font-manrope);
}
.parent24 {
  width: var(--width-370);
  height: var(--height-156);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-24);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-8);
  z-index: 2;
}
.div117,
.h373 {
  position: relative;
  line-height: 150%;
  flex-shrink: 0;
}
.h373 {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  white-space: pre-wrap;
  z-index: 0;
}
.div117 {
  align-self: stretch;
  text-align: center;
  z-index: 1;
  font-size: var(--fs-16);
  font-family: var(--font-manrope);
}
.span28 {
  font-size: var(--fs-20);
  font-family: var(--font-lora);
}
.parent25 {
  width: var(--width-370);
  height: var(--height-156);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-24) var(--padding-24) 5.5px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-8);
  z-index: 3;
}
.div118 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  text-align: center;
  z-index: 1;
  flex-shrink: 0;
}
.parent26 {
  width: var(--width-370);
  height: var(--height-156);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-24);
  position: relative;
  isolation: isolate;
  gap: var(--gap-8);
  z-index: 4;
}
.dividers,
.parent26,
.parent27 {
  box-sizing: border-box;
}
.parent27 {
  width: var(--width-370);
  height: var(--height-156);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background-color: var(--100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-24) 4.5px;
  position: relative;
  isolation: isolate;
  gap: var(--gap-8);
  z-index: 5;
}
.dividers {
  width: 1px;
  height: 859px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 490px);
  left: calc(50% - 168.5px);
  background-color: var(--400);
  border-right: 1px dashed var(--400);
  z-index: 6;
}
.section16 {
  width: var(--width-402);
  border-radius: var(--br-12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-48) var(--padding-14) var(--padding-48)
    var(--padding-16);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.bg-1-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: 0;
  z-index: 0;
  flex-shrink: 0;
}
.div122,
.parent28 {
  flex-direction: column;
}
.parent28 {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-16);
  z-index: 1;
  flex-shrink: 0;
}
.div122 {
  padding: var(--padding-12) var(--padding-0);
  gap: var(--gap-12);
  text-align: left;
  font-size: var(--fs-16);
}
.div122,
.wrapper14 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.div123 {
  flex: 1;
  position: relative;
  line-height: 150%;
}
.cards {
  align-items: flex-start;
  gap: var(--gap-20);
  z-index: 2;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--500-);
  font-family: var(--font-manrope);
}
.card,
.cards,
.div125,
.parent29 {
  display: flex;
  flex-direction: column;
}
.div125 {
  align-items: flex-start;
  gap: var(--gap-24);
}
.card,
.parent29 {
  gap: var(--gap-12);
}
.card {
  width: var(--width-370);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-12);
  background: var(--gradient-8);
  align-items: center;
  padding: var(--padding-10) 7px;
  box-sizing: border-box;
}
.parent29 {
  align-self: stretch;
  align-items: flex-start;
  font-size: var(--fs-18);
}
.kpi-container2 {
  position: relative;
  font-size: var(--fs-14);
  line-height: 150%;
  font-weight: 300;
}
.image-95-group,
.screens {
  display: flex;
  align-items: flex-start;
}
.image-95-group {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-4);
}
.image-92-icon2,
.image-95-icon2 {
  width: 142px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.image-92-icon2 {
  width: 97px;
}
.frame-parent4 {
  align-self: stretch;
  width: 111px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-4);
}
.frame-icon,
.image-94-icon2 {
  width: 111px;
  max-height: 100%;
  object-fit: cover;
}
.image-94-icon2 {
  width: 110.8px;
  flex: 1;
  position: relative;
}
.div130 {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-14);
  line-height: 150%;
  font-weight: 300;
}
.image-98-parent,
.screens2 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-4);
}
.screens2 {
  flex-direction: column;
}
.image-98-parent {
  width: var(--width-370);
}
.image-100-icon2,
.image-101-icon2,
.image-98-icon2,
.image-99-icon2 {
  width: 246px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.image-100-icon2,
.image-101-icon2,
.image-99-icon2 {
  width: 121px;
}
.image-100-icon2,
.image-99-icon2 {
  width: 152px;
  flex-shrink: 0;
}
.image-99-icon2 {
  width: 216px;
}
.parent31 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  z-index: 3;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-20);
  font-family: var(--font-manrope);
}
.div131 {
  width: 372px;
  position: relative;
  font-size: var(--fs-16);
  line-height: 150%;
  font-weight: 300;
  display: inline-block;
}
.form,
.image-108-icon {
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
.form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-48) var(--padding-16);
  isolation: isolate;
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-24);
  color: var(--500-);
  font-family: var(--font-lora);
}
.image-108-icon {
  width: 370px;
  height: 266px;
  border-radius: var(--br-12);
  max-width: 100%;
  object-fit: cover;
  z-index: 0;
  align-self: center;
}
.title17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-8);
  z-index: 1;
}
.div132,
.div133 {
  width: 364px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.div133 {
  font-size: var(--fs-16);
}
.form-no-activedesk2 {
  margin: 0;
  width: 369px;
  height: 571px;
  border-radius: var(--br-12);
  background: var(--Bg-form);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-16) 7px;
  box-sizing: border-box;
  gap: var(--gap-12);
  z-index: 2;
}
.div134 {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-18);
  line-height: 150%;
  font-family: var(--font-manrope);
  color: var(--500-);
  text-align: center;
  flex-shrink: 0;
}
.fields7 {
  width: var(--width-350);
  height: var(--height-56);
  border-radius: var(--br-4);
  background: var(--gradient-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8) var(--padding-20);
  box-sizing: border-box;
  flex-shrink: 0;
}
.atom12,
.text6 {
  align-self: stretch;
}
.text6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.atom12 {
  height: var(--height-16);
  position: relative;
}
.atom13,
.atomic-inputs {
  font-family: var(--font-inter);
}
.atomic-inputs {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--fs-12);
  line-height: var(--lh-16);
  color: var(--color-gray-200);
  text-align: left;
}
.atom13 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  align-self: stretch;
  height: var(--height-24);
  position: relative;
  font-size: var(--fs-16);
  color: var(--color-lightslategray);
}
.fields8 {
  width: var(--width-350);
  height: var(--height-56);
  box-shadow: var(--button);
  border-radius: var(--br-4);
  background: var(--gradient-4);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8) var(--padding-20);
  box-sizing: border-box;
}
.fields11,
.fields12,
.fields8 {
  display: flex;
  flex-shrink: 0;
}
.fields11 {
  width: var(--width-350);
  height: var(--height-56);
  box-shadow: var(--button);
  background: var(--gradient-4);
  flex-direction: column;
  align-items: flex-start;
}
.fields12 {
  align-self: stretch;
  align-items: center;
  padding: var(--padding-8) var(--padding-20);
}
.text10 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.atom21 {
  align-self: stretch;
  height: var(--height-24);
  position: relative;
}
.data-fill {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--fs-16);
  line-height: var(--lh-24);
  font-family: var(--font-inter);
  color: var(--500-);
  text-align: left;
}
.atom22 {
  width: 300px;
  display: none;
  align-items: center;
  flex-shrink: 0;
}
.user-interfacecheck-icon2 {
  height: var(--height-16);
  width: var(--width-16);
  position: relative;
}
.atomdescription2,
.description2 {
  position: relative;
  font-size: var(--fs-12);
  line-height: var(--lh-16);
  font-family: var(--font-inter);
  color: var(--Success-M-Green);
  text-align: left;
}
.atomdescription2 {
  width: 111px;
  color: var(--Primary-M-Blue);
  text-align: right;
  display: none;
}
.button6 {
  cursor: pointer;
  border: 0;
  padding: 9px var(--padding-16);
  background-color: transparent;
  width: var(--width-350);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background: var(--gradient-5);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
}
.button6:hover,
.button7:hover {
  background-color: var(--color-gray-400);
  border: 2px solid var(--color-gainsboro-200);
  box-sizing: border-box;
}
.div135 {
  position: relative;
  font-size: var(--fs-18);
  line-height: 150%;
  font-family: var(--font-manrope);
  color: var(--100);
  text-align: left;
}
.fields-items {
  width: var(--width-350);
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.div136 {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-16);
  letter-spacing: -0.03em;
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-manrope);
  color: var(--500-);
  text-align: center;
}
.button-telegram3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10) var(--padding-16);
  background-color: transparent;
  width: var(--width-350);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background: var(--gradient-6);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-8);
  flex-shrink: 0;
}
.telegram8 {
  position: relative;
  font-size: var(--fs-18);
  line-height: 150%;
  font-family: var(--font-manrope);
  color: var(--500-);
  text-align: left;
}
.telegram-border,
.telegram-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.telegram-container {
  height: var(--height-32);
  width: var(--width-32);
}
.telegram-border {
  overflow: hidden;
  padding: var(--padding-4);
}
.telegram9 {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.telegram-child2 {
  position: absolute;
  height: 75%;
  width: 75%;
  top: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.loading2 {
  width: 386px;
  overflow: hidden;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-10);
  box-sizing: border-box;
  flex-shrink: 0;
}
.ellipse-group {
  display: flex;
  align-items: center;
  gap: var(--gap-10);
}
.frame-child7,
.frame-child8 {
  height: var(--height-10);
  width: var(--width-10);
  position: relative;
  border-radius: var(--br-50);
  background-color: var(--color-darkseagreen-200);
}
.frame-child8 {
  height: var(--height-5);
  width: var(--width-5);
  background-color: var(--color);
  opacity: 0.7;
}
.top-hunter7 {
  width: 14px;
  height: 216px;
  position: absolute;
  margin: 0 !important;
  top: 67px;
  left: 338px;
  font-size: var(--fs-16);
  letter-spacing: -0.04em;
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-kalnia);
  color: var(--White);
  display: inline-block;
  text-shadow: var(--text-shadow-1);
  z-index: 3;
}
.footer2,
.top-hunter-wrapper2 {
  display: flex;
  align-items: center;
}
.footer2 {
  align-self: stretch;
  border-radius: var(--br-12) var(--br-12) var(--br-0) var(--br-0);
  background-color: var(--300);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-48) var(--padding-80);
  gap: var(--gap-48);
  text-align: left;
  font-size: var(--fs-20);
  color: var(--400);
  font-family: var(--font-kalnia);
}
.top-hunter-wrapper2 {
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background-color: var(--White);
  border: var(--border-1);
  justify-content: center;
  padding: var(--padding-6) var(--padding-15);
  flex-shrink: 0;
}
.top-hunter8 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 500;
  font-family: inherit;
  text-shadow: var(--text-shadow-1);
}
.quick-links-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-8);
  flex-shrink: 0;
  color: var(--600);
  font-family: var(--font-manrope);
}
.quick-links {
  border-bottom: var(--border-12);
  justify-content: center;
  padding: var(--padding-12) var(--padding-12) var(--padding-10);
}
.cta2,
.quick-links,
.quick-links5 {
  display: flex;
  align-items: center;
}
.quick-links5 {
  align-self: stretch;
  border-bottom: var(--border-12);
  justify-content: center;
  padding: var(--padding-12) var(--padding-12) var(--padding-10);
}
.cta2 {
  gap: 35px;
  flex-shrink: 0;
}
.telegram10,
.telegram11 {
  overflow: hidden;
  flex-shrink: 0;
}
.telegram10 {
  height: var(--height-54);
  width: 54px;
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background: var(--gradient-9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6) var(--padding-2);
  box-sizing: border-box;
}
.telegram11 {
  height: var(--height-48);
  width: var(--width-48);
  position: relative;
}
.button7 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-8) var(--padding-16);
  background-color: transparent;
  height: var(--height-54);
  width: 193px;
  border-radius: var(--br-0) var(--br-12) var(--br-0) var(--br-12);
  background: var(--gradient-9);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.button7:hover {
  background-color: var(--color-gainsboro-300);
  border: 1.5px solid var(--color-gray-100);
}
@media screen and (max-width: 1410px) {
  .cta2 {
    gap: 17px;
  }
}
@media screen and (max-width: 1050px) {
  .parent8 {
    gap: 18px;
  }
}
@media screen and (max-width: 825px) {
  .cta2 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 725px) {
  .cta2 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .cta2 {
    gap: 17px;
  }
}
@media screen and (max-width: 282px) {
  .cta2 {
    gap: 17px;
  }
}
@media screen and (max-width: 277px) {
  .parent8 {
    gap: 18px;
  }
}
@media screen and (max-width: 268px) {
  .cta2 {
    flex-wrap: wrap;
  }
}

/* Mobile "Залишити заявку" button — fix gradient border rendering */
.button5 {
  border: 3px solid transparent;
  background-color: #f6fbff;
  background-image:
    linear-gradient(#f6fbff, #f6fbff),
    linear-gradient(0deg, #185225, #4ec569 30.78%, #b7d1bd 61.56%, #4ec569 80.78%, #185225);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Mobile positions accordion */
.iphone-17-1 .div69 .ceo-container7 { display: none; }
.iphone-17-1 .div69.open .ceo-container7 { display: block; }
.iphone-17-1 .div69 .title-parent5 { cursor: pointer; user-select: none; }
.iphone-17-1 .div69 .mdi-lightchevron-down-icon7 { transition: transform 0.2s ease; }
.iphone-17-1 .div69.open .mdi-lightchevron-down-icon7 { transform: rotate(180deg); }

/* Mobile problem cards — ensure consistent widths and text wrap */
.iphone-17-1 .div78,
.iphone-17-1 .div83,
.iphone-17-1 .div88 {
  width: min(320px, 90vw);
  max-width: 100%;
  height: auto;
  min-height: 150px;
  padding: 16px;
}
.iphone-17-1 .div78 *,
.iphone-17-1 .div83 *,
.iphone-17-1 .div88 * {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* Mobile problem cards — remove fixed item widths from Locofy, let text fill */
.iphone-17-1 .div80,
.iphone-17-1 .div81,
.iphone-17-1 .div82,
.iphone-17-1 .div85,
.iphone-17-1 .div86,
.iphone-17-1 .div87 {
  width: auto !important;
  flex: 1;
  word-break: normal;
  overflow-wrap: normal;
}
.iphone-17-1 .frame-parent2,
.iphone-17-1 .frame-parent3 {
  width: 100% !important;
  align-items: stretch;
}

/* Mobile "У підсумку" card — left-align items consistently */
.iphone-17-1 .div83,
.iphone-17-1 .frame-parent3,
.iphone-17-1 .frame-parent3 .title11 {
  align-items: flex-start !important;
}
.iphone-17-1 .div85,
.iphone-17-1 .div86,
.iphone-17-1 .div87 {
  text-align: left !important;
}

/* Mobile "У підсумку" card — left-align with indent (not flush left) */
.iphone-17-1 .div83 .frame-parent3 {
  padding-left: 16px;
}

/* "У підсумку" card itself — left padding 40 */
.iphone-17-1 .div83 { padding-left: 40px !important; }

/* === Mobile "найм" (process) section — baked image === */
.iphone-17-1 .section14 {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iphone-17-1 .section14 .etapi-img {
  display: block;
  width: min(370px, 92vw);
  max-width: 100%;
  height: auto;
}

/* Closing quote — show full text (Locofy clamped it to 2 lines) */
.iphone-17-1 .div114 {
  width: min(370px, 100%);
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: center;
  margin: 0 auto;
}

/* Mobile form section — vertical "TOP Hunter" text along right edge of photo */
.iphone-17-1 .top-hunter7 {
  width: 1ch !important;
  height: auto !important;
  top: 57px !important;
  bottom: auto !important;
  right: 51px;
  left: auto !important;
  font-size: 23px !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

/* Mobile "Чому компанії…" — thinner dash pattern with bigger gaps */
.iphone-17-1 .dividers {
  width: 1px !important;
  background-color: transparent !important;
  border: none !important;
  background-image: linear-gradient(to bottom, var(--400) 50%, transparent 50%);
  background-size: 1px 14px;
  background-repeat: repeat-y;
}

/* Mobile "Extras" cards — white interior + gradient border, like desktop
   .financial-mapping / .financial-mapping2 */
.iphone-17-1 .cards .card {
  border: 1.5px solid transparent !important;
  background-color: #ffffff !important;
  background-image:
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  color: #1d2620;
}

/* Hide the blinking text cursor inside application form inputs */
.form-no-activedesk input,
.form-no-activedesk2 input {
  caret-color: transparent;
}

/* Button hover/active feedback — slightly darker on hover, more on click */
.button,
.button2,
.button3,
.button5,
.button6,
.button-telegram,
.button-telegram2,
.button-telegram3,
.iphone-17-1 .button7,
.iphone-17-1 .telegram10 {
  cursor: pointer;
  transition: filter 0.12s ease, transform 0.06s ease, box-shadow 0.12s ease;
}
.button:hover,
.button2:hover,
.button3:hover,
.button5:hover,
.button6:hover,
.button-telegram:hover,
.button-telegram2:hover,
.button-telegram3:hover,
.iphone-17-1 .button7:hover,
.iphone-17-1 .telegram10:hover {
  filter: brightness(0.92);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.button:active,
.button2:active,
.button3:active,
.button5:active,
.button6:active,
.button-telegram:active,
.button-telegram2:active,
.button-telegram3:active,
.iphone-17-1 .button7:active,
.iphone-17-1 .telegram10:active {
  filter: brightness(0.82);
  transform: translateY(1px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(103, 123, 108, 0.4);
}

/* Focus highlight on form field wrappers (both desktop + mobile) */
.fields:focus-within,
.fields2:focus-within,
.fields5:focus-within,
.iphone-17-1 .fields7:focus-within,
.iphone-17-1 .fields8:focus-within,
.iphone-17-1 .fields11:focus-within {
  box-shadow: 0 0 0 2px #677b6c, 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.15s ease;
}

/* Invalid state — red ring */
.fields.field-invalid,
.fields2.field-invalid,
.fields5.field-invalid,
.iphone-17-1 .fields7.field-invalid,
.iphone-17-1 .fields8.field-invalid,
.iphone-17-1 .fields11.field-invalid {
  box-shadow: 0 0 0 2px #c25252;
}
.fields.field-invalid input,
.fields2.field-invalid input,
.fields5.field-invalid input,
.iphone-17-1 .fields7.field-invalid input,
.iphone-17-1 .fields8.field-invalid input,
.iphone-17-1 .fields11.field-invalid input {
  color: #c25252;
}

/* Mobile form: the company input we added inside .atom21 — fill the slot */
.iphone-17-1 .atom13-company {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--fs-16);
  color: var(--500-);
  padding: 0;
}

/* Mobile form status message */
.iphone-17-1 .form-status-mobile {
  margin: 0;
  min-height: 0;
  font-size: 14px;
  text-align: center;
  width: 100%;
}
.iphone-17-1 .form-status-mobile:empty { display: none; }
.iphone-17-1 .form-status-mobile[data-kind="error"]   { color: #c25252; }
.iphone-17-1 .form-status-mobile[data-kind="success"] { color: #4a7a4a; }

/* === Mobile form — match desktop styling ===
   Same gradient frame around the form, same gradient-bordered tag-shape
   inputs, same dark "Відправити" button and white "Telegram" button. */

/* Outer form container — gray background + gradient border */
.iphone-17-1 .form-no-activedesk2 {
  border: 1.3px solid transparent !important;
  background-color: #ccc9c8 !important;
  background-image:
    linear-gradient(#ccc9c8, #ccc9c8),
    linear-gradient(90deg, rgba(251,255,252,0.5) 9.62%, #d4ded6 34.13%, #adbdb0 62.02%, #6d7c70 93.75%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  height: auto !important;
}

/* All 5 input fields — white interior + olive gradient border + tag corners */
.iphone-17-1 .fields7,
.iphone-17-1 .fields8,
.iphone-17-1 .fields11 {
  border: 1.3px solid transparent !important;
  background-color: #fffffa !important;
  background-image:
    linear-gradient(#fffffa, #fffffa),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-radius: 0 12px 0 12px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* "Відправити" button — dark with subtle gradient outline + tag corners */
.iphone-17-1 .button6 {
  border: 1.3px solid transparent !important;
  background-color: #545855 !important;
  background-image:
    linear-gradient(#545855, #545855),
    linear-gradient(90deg, rgba(251,255,252,0.5) 9%, #d4ded6 34%, #adbdb0 62%, #6d7c70 94%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-radius: 0 12px 0 12px !important;
  color: #fffffa !important;
}
.iphone-17-1 .button6 .div135 {
  color: #fffffa !important;
}

/* "Написати в Telegram" button — white with gradient outline + tag corners */
.iphone-17-1 .button-telegram3 {
  border: 1.3px solid transparent !important;
  background-color: #f6fbff !important;
  background-image:
    linear-gradient(#f6fbff, #f6fbff),
    linear-gradient(90deg, rgba(251,255,252,0.5) 9%, #d4ded6 34%, #adbdb0 62%, #6d7c70 94%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-radius: 0 12px 0 12px !important;
}

/* === Mobile footer — Telegram icon + Заявка button side-by-side framed === */
.iphone-17-1 .footer2 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.iphone-17-1 .cta2 {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  justify-content: center;
  align-items: center;
}

/* Telegram icon square with gradient border + tag corners */
.iphone-17-1 .telegram10 {
  border: 1.3px solid transparent !important;
  background-color: #c1d4c1 !important;
  background-image:
    linear-gradient(#c1d4c1, #c1d4c1),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-radius: 0 12px 0 12px !important;
  width: 54px !important;
  height: 54px !important;
  flex-shrink: 0;
}

/* === Mobile burger menu === */
.iphone-17-1 .burger {
  cursor: pointer;
  user-select: none;
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iphone-17-1 .burger .icon-close {
  display: none;
  color: #1d2620;
}
.iphone-17-1.menu-open .burger .icon-burger {
  display: none;
}
.iphone-17-1.menu-open .burger .icon-close {
  display: block;
}
.iphone-17-1.menu-open .telegram6,
.iphone-17-1.menu-open .top-hunter-frame {
  visibility: hidden;
}

/* Reverse flex order so visual layout is Telegram | logo | burger
   (matches Locofy intent, which they hacked via transform:rotate(180deg)
   on the header — but that rotation broke position:sticky and color overrides) */
.iphone-17-1 .header2 {
  flex-direction: row-reverse !important;
}

/* Now that the header itself isn't rotated 180°, the per-child counter-rotations
   that Locofy added to "un-flip" content are flipping things upside-down.
   Cancel them all. */
.iphone-17-1 .qlementine-iconsmenu-burger-1,
.iphone-17-1 .top-hunter-frame,
.iphone-17-1 .telegram6,
.iphone-17-1 .group-icon {
  transform: none !important;
}

/* When menu is open, the top header bar matches the panel colour so they
   read as one continuous surface */
.iphone-17-1.menu-open .header2 {
  background: #dce9dc !important;
  background-color: #dce9dc !important;
}

/* Panel pinned to the viewport, flush against the bottom of the sticky
   header (which is position:sticky top:0, ~68px tall) */
.iphone-17-1 .mobile-menu {
  position: fixed;
  top: 68px;
  right: 0;
  width: 262px;
  height: 570px;
  background: #dce9dc;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 24px 24px 28px;
  z-index: 1000;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  font-family: var(--font-manrope, "Manrope", sans-serif);
}
.iphone-17-1.menu-open .mobile-menu {
  display: flex;
}
.iphone-17-1 .mobile-menu-link {
  display: block;
  color: #1d2620;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.3;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(29, 38, 32, 0.45);
  text-align: center;
  min-width: 70%;
}
.iphone-17-1 .mobile-menu-link:hover {
  opacity: 0.7;
}
/* "Заповнити заявку" — same gradient border as the rest of the site,
   interior matches the panel colour (so it blends into the panel) */
.iphone-17-1 .mobile-menu-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1d2620;
  text-decoration: none;
  font-size: 17px;
  width: 194px;
  height: 54px;
  padding: 0;
  box-sizing: border-box;
  border: 1.3px solid transparent;
  background-color: #dce9dc;
  background-image:
    linear-gradient(#dce9dc, #dce9dc),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 12px 0 12px 0;
  box-shadow: none;
  line-height: 1.2;
  white-space: nowrap;
}

/* Header + footer "TOP Hunter" badges — no border outline */
.iphone-17-1 .top-hunter-frame,
.iphone-17-1 .top-hunter-frame:hover,
.iphone-17-1 .top-hunter-wrapper2 {
  border: 0 !important;
}

/* Mobile footer nav links — same style as the dropdown-menu links
   (Manrope 18px, thin underline) — but the "Заявка" CTA keeps its own style */
.iphone-17-1 .footer2 .quick-links,
.iphone-17-1 .footer2 .quick-links5 {
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(29, 38, 32, 0.45) !important;
  font-family: var(--font-manrope, "Manrope", sans-serif) !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: #1d2620 !important;
  text-align: center;
}
.iphone-17-1 .footer2 .quick-links .subtract-icons,
.iphone-17-1 .footer2 .quick-links5 .subtract-icons {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  color: inherit !important;
}

/* Mobile anchors used as nav: zero default link styling, identical look */
.iphone-17-1 a.top-hunter-frame,
.iphone-17-1 a.top-hunter-wrapper2,
.iphone-17-1 a.quick-links,
.iphone-17-1 a.quick-links5,
.iphone-17-1 a.telegram6,
.iphone-17-1 a.telegram10,
.iphone-17-1 a.button7 {
  text-decoration: none !important;
  color: inherit !important;
}
.iphone-17-1 a.top-hunter-frame:visited,
.iphone-17-1 a.top-hunter-wrapper2:visited,
.iphone-17-1 a.quick-links:visited,
.iphone-17-1 a.quick-links5:visited,
.iphone-17-1 a.telegram6:visited,
.iphone-17-1 a.telegram10:visited,
.iphone-17-1 a.button7:visited {
  color: inherit !important;
}

/* "Залишити заявку" button — same off-white with gradient border + tag corners */
.iphone-17-1 .button7 {
  border: 1.3px solid transparent !important;
  background-color: #c1d4c1 !important;
  background-image:
    linear-gradient(#c1d4c1, #c1d4c1),
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-radius: 0 12px 0 12px !important;
  width: auto !important;
  min-width: 0 !important;
  flex: 1 1 auto;
  max-width: 240px;
  height: 54px !important;
  color: #1d2620 !important;
}

/* Footer contacts (desktop) — two columns with labels */
.footer-contacts {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 32px;
  color: var(--600, #1d2620);
}
.footer-contact-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer-contact-label {
  font-size: var(--fs-14, 14px);
  font-weight: 400;
  opacity: 0.7;
}
.footer-contact {
  font-size: var(--fs-16, 16px);
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.footer-contact:hover { text-decoration: underline; }
.footer-contact:visited { color: inherit; }

/* Footer contacts (mobile) — two columns with labels */
.iphone-17-1 .footer-contacts-m {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  color: var(--600, #1d2620);
  padding: 8px 0;
}
.iphone-17-1 .footer-contact-col-m {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}
.iphone-17-1 .footer-contact-label-m {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.7;
}
.iphone-17-1 .footer-contact-m {
  font-size: 14px;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.iphone-17-1 .footer-contact-m:hover { text-decoration: underline; }
.iphone-17-1 .footer-contact-m:visited { color: inherit; }

/* LinkedIn icon — match Telegram icon color */
.linkedin-icon img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(10%) saturate(1200%) hue-rotate(100deg) brightness(95%);
}

/* Desktop footer — three-column: logo | contacts | actions */
.footer-redesign {
  flex-direction: column !important;
  gap: 24px !important;
  padding: 32px 80px !important;
}
.footer-main-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
}
.footer-row-contacts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  color: var(--600);
}
.footer-row-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer-bottom-line {
  width: 100%;
  text-align: center;
  padding-top: 16px;
  border-top: 1px solid rgba(93, 126, 100, 0.35);
}
.footer-privacy-link {
  font-size: 13px;
  font-family: var(--font-manrope);
  color: var(--400);
  text-decoration: none;
  opacity: 0.65;
}
.footer-privacy-link:hover { opacity: 1; text-decoration: underline; }

/* Mobile footer — vertical centered layout */
.footer2-redesign {
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 40px 24px 28px !important;
}
.iphone-17-1 .form + .footer2-redesign {
  margin-top: -1px;
}
.footer2-contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.footer2-contacts .footer-contact-m {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-manrope) !important;
  color: #222723 !important;
}
.footer2-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.footer2-privacy {
  width: 100%;
  text-align: center;
  padding-top: 12px;
  border-top: 1px solid rgba(93, 126, 100, 0.35);
}
.footer-privacy-link-m {
  font-size: 13px;
  font-family: var(--font-manrope);
  color: var(--400);
  text-decoration: none;
  opacity: 0.65;
}
.footer-privacy-link-m:hover { opacity: 1; text-decoration: underline; }


/* Process section — single baked image */
.section13-img {
  padding: 0 !important;
  overflow: visible !important;
}
.etapy-single-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Extras section — single consolidated screenshot per card */
.extras-single-screen {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--br-12);
  box-shadow: var(--shadow-drop);
  object-fit: contain;
}

/* === Narrow Android fix (Galaxy Z Fold 5 folded = 344px etc.) === */
@media screen and (max-width: 374px) {
  /* Main containers — clamp to viewport */
  .iphone-17-1 .section11,
  .iphone-17-1 .title10,
  .iphone-17-1 .div69,
  .iphone-17-1 .section16 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Form container */
  .iphone-17-1 .form-no-activedesk2 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* Form fields + buttons — fit viewport */
  .iphone-17-1 .fields7,
  .iphone-17-1 .fields8,
  .iphone-17-1 .fields11,
  .iphone-17-1 .button6,
  .iphone-17-1 .button-telegram3,
  .iphone-17-1 .fields-items {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Cards and blocks with fixed 370px width */
  .iphone-17-1 .parent22,
  .iphone-17-1 .parent23,
  .iphone-17-1 .parent24,
  .iphone-17-1 .parent25,
  .iphone-17-1 .parent26,
  .iphone-17-1 .parent27,
  .iphone-17-1 .parent16,
  .iphone-17-1 .parent18,
  .iphone-17-1 .card,
  .iphone-17-1 .section14,
  .iphone-17-1 .image-98-parent {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Subtract shapes */
  .iphone-17-1 .subtract-markers-parent,
  .iphone-17-1 .subtract-markers,
  .iphone-17-1 .subtract-icon7,
  .iphone-17-1 .subtract-icon9,
  .iphone-17-1 .div104,
  .iphone-17-1 .div106,
  .iphone-17-1 .div108 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Photo in headline */
  .iphone-17-1 .img-2897-1-parent,
  .iphone-17-1 .img-2897-1-icon3 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Problem cards */
  .iphone-17-1 .div78,
  .iphone-17-1 .div83,
  .iphone-17-1 .div88 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Stage items */
  .iphone-17-1 .stage-items2,
  .iphone-17-1 .stage-items4 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Text blocks with fixed widths */
  .iphone-17-1 .div75,
  .iphone-17-1 .div76,
  .iphone-17-1 .div101,
  .iphone-17-1 .div114,
  .iphone-17-1 .div131,
  .iphone-17-1 .div132,
  .iphone-17-1 .div133,
  .iphone-17-1 .h372 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Footer — reduce padding */
  .iphone-17-1 .footer2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Form photo */
  .iphone-17-1 .image-108-icon {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Background images */
  .iphone-17-1 .bg-1-icon,
  .iphone-17-1 .bg-1-frame {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Approach section image */
  .iphone-17-1 .vector-parent {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Expert info box */
  .iphone-17-1 .expert-info-parent {
    width: 100% !important;
    max-width: calc(100% - 16px) !important;
  }

  /* Headline section hero button */
  .iphone-17-1 .button5 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Headline padding tighter */
  .iphone-17-1 .headline3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Form section padding */
  .iphone-17-1 .form {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Problem section padding */
  .iphone-17-1 .problem {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Process/approach section padding */
  .iphone-17-1 .section12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Result section */
  .iphone-17-1 .main2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* "TOP Hunter" vertical text on form photo — shift left */
  .iphone-17-1 .top-hunter7 {
    right: 30px !important;
  }

  /* Extras section — cards, screens, images fit viewport */
  .iphone-17-1 .cards,
  .iphone-17-1 .div125,
  .iphone-17-1 .screens,
  .iphone-17-1 .screens2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .iphone-17-1 .image-95-group,
  .iphone-17-1 .frame-parent4 {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .iphone-17-1 .image-95-icon2,
  .iphone-17-1 .image-92-icon2,
  .iphone-17-1 .image-98-icon2,
  .iphone-17-1 .image-101-icon2,
  .iphone-17-1 .image-100-icon2,
  .iphone-17-1 .image-99-icon2,
  .iphone-17-1 .frame-icon,
  .iphone-17-1 .image-94-icon2 {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
  }

  /* Section16 — tighter side padding */
  .iphone-17-1 .section16 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: hidden !important;
  }

  /* Section16 inner text blocks */
  .iphone-17-1 .section16 .div122,
  .iphone-17-1 .section16 .wrapper14,
  .iphone-17-1 .section16 .parent28 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Process section (stages 1-4) — fit narrow screens */
  .iphone-17-1 .section13 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  .iphone-17-1 .stage-items,
  .iphone-17-1 .stage-items2,
  .iphone-17-1 .stage-items3,
  .iphone-17-1 .stage-items4 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .iphone-17-1 .div97,
  .iphone-17-1 .div98,
  .iphone-17-1 .div100,
  .iphone-17-1 .h357,
  .iphone-17-1 .h358 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Portret image — don't overflow */
  .iphone-17-1 .portret-icon2 {
    left: auto !important;
    right: 0 !important;
  }

  /* Accordion dropdown list — fit narrow screens */
  .iphone-17-1 .ceo-container7 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
  }

  /* Accordion titles */
  .iphone-17-1 .h348,
  .iphone-17-1 .h350,
  .iphone-17-1 .h352,
  .iphone-17-1 .h353 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 17px !important;
  }

  /* Section positions container */
  .iphone-17-1 .section11 .title10 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}