/* ==========================================================================
   Demo shell (outside .profi-page) — only for local preview
   ========================================================================== */
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
}

/* ==========================================================================
   Profi page — all page styles scoped to .profi-page
   ========================================================================== */

.profi-page,
.profi-page *,
.profi-page *::before,
.profi-page *::after {
  box-sizing: border-box;
}

.profi-page {
  --profi-white: #ffffff;
  --profi-dark-1: #2a2a36;
  --profi-dark-2: #343444;
  --profi-dark-4: #3c3c60;
  --profi-orange: #ff874a;
  --profi-light-grey: #f4f5f7;
  --profi-grey-2: #b6b6c2;
  --profi-light-blue: #f2f9fc;
  --profi-hero-bg: #333349;
  --profi-card-title: #333349;
  --profi-border-light: #f4f5f7;
  --profi-border: #e5e5eb;
  --profi-divider-vertical: #e0e0e8;
  --profi-check-bg: rgba(255, 135, 74, 0.1);
  --profi-shadow-card:
    0 0 44px rgba(160, 162, 182, 0.05), 0 0 33px rgba(160, 162, 182, 0.09);
  --profi-shadow-notice:
    0 0 22px rgba(160, 162, 182, 0.05), 0 0 16.5px rgba(160, 162, 182, 0.09);
  --profi-radius-btn: 14px;
  --profi-radius-card: 24px;
  --profi-radius-step: 20px;
  --profi-radius-check: 6px;
  /* Inter-section rhythm (Figma root Auto Layout gap): 82 / 72 / 62 */
  --profi-space-section: 82px;
  --profi-font: 'Mulish', sans-serif;

  display: flex;
  flex-direction: column;
  gap: var(--profi-space-section);
  margin-bottom: 140px;
  font-family: var(--profi-font);
  color: var(--profi-dark-1);
  background: var(--profi-white);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}

.profi-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

.profi-page a {
  text-decoration: none;
  color: inherit;
}

.profi-page ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.profi-page h1,
.profi-page h2,
.profi-page h3,
.profi-page p {
  margin: 0;
}

.profi-page .customContentBlock .content,
.profi-page__container {
  width: 100%;
  max-width: 1328px;
  margin-inline: auto;
  padding-inline: 40px;
  box-sizing: border-box;
}

/* Focus */
.profi-page a:focus-visible,
.profi-page button:focus-visible {
  outline: 3px solid var(--profi-orange);
  outline-offset: 3px;
}

/* Buttons */
.profi-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.profi-page a.profi-btn--primary,
.profi-btn--primary {
  background: var(--profi-orange);
  color: var(--profi-white);
  border-radius: var(--profi-radius-btn);
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding: 18px 24px;
  min-height: 60px;
}

.profi-btn--primary:hover {
  background: #f0783c;
}

/* Link arrow */
.profi-page a.profi-link-arrow,
.profi-link-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  color: var(--profi-orange);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  transition: opacity 0.2s ease;
}

.profi-link-arrow:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.profi-link-arrow__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* Временно скрыто до появления целевых страниц услуг */
.profi-page .profi-link-arrow.is-temporarily-hidden {
  display: none;
}

/* ==========================================================================
   Hero
   ========================================================================== */

.profi-hero {
  position: relative;
  background: var(--profi-hero-bg);
  padding-block: 82px;
  overflow: hidden;
}

.profi-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 42px;
  min-height: 530px;
}

.profi-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 42px;
  width: 100%;
}

.profi-hero__title {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: 84px;
  line-height: 96px;
  color: var(--profi-white);
}

.profi-hero__title-accent {
  color: var(--profi-orange);
}

.profi-hero__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  max-width: 1024px;
}

.profi-hero__text {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--profi-white);
}

/* Full-height right strip (Figma Hero_web image 18772:41567: 505×694, x=1415) */
.profi-hero__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 505px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 1719px) {
  .profi-hero__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(51, 51, 73, 0.6);
    pointer-events: none;
  }
}

/* Beat .profi-page img { max-width:100% }; height:auto keeps 1680×1344 ratio */
.profi-page .profi-hero__image {
  position: absolute;
  top: 0;
  left: -6.46%;
  display: block;
  width: 176.73%;
  height: auto;
  max-width: none;
}

.profi-hero .profi-btn--primary {
  width: 319px;
  padding: 15px 24px;
}

/* ==========================================================================
   Services
   Internal rhythm from Figma (D/T/M):
   h2→groups 42/42/32 · groups 42/32/32 · h3→grid 28/32/24
   cards gap 32 · cards→AI 42 · card pad 40/18/18 · AI pad 40 / 18 / 18
   Heading margins use .profi-page prefix to beat h2/h3 { margin: 0 } reset.
   ========================================================================== */

.profi-services__title {
  font-weight: 700;
  font-size: 68px;
  line-height: 84px;
  color: var(--profi-dark-1);
}

.profi-achievements h2,
.profi-reviews h2,
.profi-cases h2,
.profi-page .profi-services__title {
  margin-bottom: 42px;
}

.profi-services__group + .profi-services__group {
  margin-top: 42px;
}

.profi-services__group-title {
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: var(--profi-dark-1);
}

.profi-page .profi-services__group-title {
  margin-bottom: 28px;
}

.profi-services__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

.profi-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 40px;
  background: var(--profi-white);
  border: 1px solid var(--profi-border-light);
  border-radius: var(--profi-radius-card);
  box-shadow: var(--profi-shadow-card);
  overflow: hidden;
}

.profi-service-card__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profi-service-card__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* Desktop grid: reserve 2 title lines so dividers align across cards */
  min-height: 64px;
  color: var(--profi-card-title);
}

.profi-service-card__title--dark {
  color: var(--profi-dark-1);
}

.profi-service-card__divider {
  display: block;
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: var(--profi-orange);
}

/* Services divider motion: expand once and hold at peak.
   Outer track is full text-column width and clips with overflow + radius.
   ::before is width 100% while animating and scales from (40/parent)
   to 1 so the final state has undistorted border-radius (no pointed ends). */
.profi-services .profi-service-card__divider {
  position: relative;
  width: 100%;
  max-width: 100%;
  background: transparent;
  overflow: hidden;
}

.profi-services .profi-service-card__divider::before {
  content: '';
  display: block;
  width: 40px;
  height: 100%;
  border-radius: 2px;
  background: var(--profi-orange);
  transform-origin: left center;
  transform: scaleX(1);
}

.profi-services .profi-service-card__divider.is-divider-animating::before {
  width: 100%;
  animation: profi-services-divider-pulse 1.8s linear both;
  animation-delay: var(--profi-divider-delay, 0ms);
}

/* Final expanded state without animation (reduced-motion / no-IO fallback). */
.profi-services .profi-service-card__divider.is-divider-expanded::before {
  width: 100%;
  transform: scaleX(1);
}

@keyframes profi-services-divider-pulse {
  0% {
    transform: scaleX(calc(1 / var(--profi-divider-peak, 1)));
  }

  100% {
    transform: scaleX(1);
  }
}

.profi-service-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.profi-service-card__body .profi-link-arrow {
  margin-top: auto;
  align-self: flex-end;
}

.profi-service-card__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: var(--profi-dark-1);
}

/* AI feature cards (services + workflow) */
.profi-feature-dark {
  display: flex;
  align-items: center;
  gap: 42px;
  padding: 40px;
  background: var(--profi-dark-4);
  border-radius: var(--profi-radius-card);
  color: var(--profi-white);
}

/* Services AI card: light theme per current Figma (desktop horizontal) */
.profi-feature-dark--services {
  margin-top: 42px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 40px;
  background: var(--profi-white);
  border: 1px solid var(--profi-border);
  box-shadow: var(--profi-shadow-card);
  color: var(--profi-dark-1);
  overflow: hidden;
}

.profi-feature-dark__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 0;
}

.profi-feature-dark--services .profi-feature-dark__content {
  max-width: 860px;
}

.profi-feature-dark__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profi-feature-dark__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--profi-white);
}

.profi-feature-dark--services .profi-feature-dark__title {
  color: var(--profi-dark-1);
}

.profi-feature-dark__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: var(--profi-white);
}

.profi-feature-dark--services .profi-feature-dark__text {
  color: var(--profi-dark-1);
}

.profi-feature-dark--services .profi-link-arrow {
  align-self: flex-end;
}

.profi-feature-dark__media {
  flex-shrink: 0;
  width: 216px;
}

.profi-feature-dark__image {
  width: 100%;
  height: auto;
  display: block;
}

.profi-feature-dark--workflow {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: center;
  padding: 42px;
  gap: 42px;
  border-radius: var(--profi-radius-step);
}

.profi-feature-dark--workflow .profi-feature-dark__media {
  width: 265px;
}

.profi-feature-dark--workflow .profi-feature-dark__title {
  font-size: 38px;
  line-height: 48px;
}

.profi-feature-dark--workflow .profi-feature-dark__content {
  gap: 0;
  flex: 1;
  min-width: 0;
}

.profi-feature-dark--workflow .profi-feature-dark__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profi-feature-dark--workflow .profi-feature-dark__text {
  margin-top: 0;
}

/* ==========================================================================
   Checklist + CTA
   Figma (D/T/M):
   h2→lead 12 · intro→list 42/42/24 · list→CTA 50/42/24
   items gap 20/20/8 · icon→text 18/18/8 · icon 54/54/42 · item py 12
   CTA pad 48/42/32 · title→btn 24 · btn 565 / 100% · btn pad 18×14
   ========================================================================== */

.profi-checklist__intro {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 42px;
}

.profi-checklist__title {
  font-weight: 700;
  font-size: 68px;
  line-height: 84px;
  color: var(--profi-dark-1);
}

.profi-checklist__lead {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--profi-dark-1);
}

.profi-checklist__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.profi-page .profi-checklist__list {
  margin-bottom: 50px;
}

.profi-checklist__item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-block: 12px;
}

.profi-checklist__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: var(--profi-radius-check);
  background: var(--profi-check-bg);
}

.profi-checklist__check {
  display: block;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.profi-checklist__check-path {
  stroke-dashoffset: 0;
}

/* Hide undrawn checks only when JS successfully armed motion */
.profi-js
  .profi-checklist--motion-ready
  .profi-checklist__item:not(.is-check-drawn)
  .profi-checklist__check-path {
  stroke-dasharray: 0 1;
  visibility: hidden;
}

.profi-js
  .profi-checklist--motion-ready
  .profi-checklist__item.is-check-drawn
  .profi-checklist__check-path {
  visibility: visible;
  animation-name: profi-check-draw;
  animation-duration: 500ms;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--profi-check-delay, 0ms);
  animation-fill-mode: both;
}

@keyframes profi-check-draw {
  from {
    stroke-dasharray: 0 1;
  }

  to {
    stroke-dasharray: 1 1;
  }
}

.profi-checklist__description,
.profi-checklist__text {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--profi-dark-1);
}

.profi-checklist__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 48px;
  border-radius: var(--profi-radius-step);
  background: radial-gradient(120% 140% at 15% -20%, #3e3e62 0%, #2a2a36 100%);
  text-align: center;
}

.profi-checklist__cta.profi-checklist__cta--center p {
  text-align: center;
}

.profi-checklist__cta-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--profi-white);
  max-width: 1152px;
}

.profi-checklist__body {
  display: flex;
  flex-direction: column;
}

.tpl2 .profi-checklist__item {
  align-items: flex-start;
}

.tpl2 .profi-checklist__text {
  font-weight: 700;
}

.tpl2 .profi-checklist__cta {
  flex-direction: row;
  gap: 24px;
  padding: 32px;
}

.tpl2 .profi-checklist__cta-title {
  text-align: left;
  font-size: 20px;
  line-height: 28px;
}

.tpl2 .profi-checklist__cta .profi-btn {
  max-width: 337px;
  margin-top: 0;
}

.profi-page a.profi-btn--consult,
.profi-btn--consult {
  width: 565px;
  max-width: 100%;
  padding: 18px 14px;
  min-height: 0;
}

/* ==========================================================================
   Methodology
   Figma: h2→intro 6 · intro→grid 42/34/32 · grid→notice 52/34/32
   Benefits: 3×2 / 2×3 / 2×3 · pad 28 40 / 20 40 / 16 · icon 64/64/42
   icon→title 8 · title→subtitle 8/8/4 · dividers between cells only
   Notice: pad 32/24/24 · gap 24/18/18 · row/row/column
   ========================================================================== */

.profi-methodology__intro {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 42px;
}

.profi-methodology__title {
  font-weight: 700;
  font-size: 68px;
  line-height: 84px;
  color: var(--profi-dark-1);
}

.profi-methodology__lead {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--profi-dark-1);
}

.profi-methodology__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-bottom: 52px;
}

.profi-benefit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  gap: 16px;
  padding: 24px;
  border: 2px solid var(--profi-light-grey);
  border-radius: var(--profi-radius-step);
  min-width: 0;
}

.profi-benefit__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
}

.profi-benefit__icon img {
  width: 52px;
  height: 52px;
}

.profi-benefit__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.profi-benefit__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: var(--profi-dark-1);
}

.profi-benefit__subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: var(--profi-dark-1);
}

.profi-notice {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin-bottom: 0;
  padding: 32px;
  background: var(--profi-white);
  border: 1px solid var(--profi-border-light);
  border-radius: 14px;
  box-shadow: var(--profi-shadow-notice);
}

.profi-notice__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.profi-notice__icon img {
  width: 46px;
  height: 46px;
}

.profi-notice__text {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--profi-dark-1);
  min-width: 0;
}

/* ==========================================================================
   Why us
   Figma: pad 48 / 48 40 / 48 20 · h2→list 42/42/32 · list gap 32/24/24
   title→body 8/4/4 · radius 20 · h2 #FFF / #F4F5F7 / #F4F5F7
   ========================================================================== */

.profi-why__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 42px;
  padding: 48px;
  border-radius: var(--profi-radius-step);
  /* Figma radial: #3E3E62 → #2A2A36, elliptical glow from top-left */
  background-color: #2a2a36;
  background-image: radial-gradient(
    ellipse 140% 160% at -2% -8%,
    #3e3e62 0%,
    #2a2a36 72%
  );
  overflow: hidden;
  min-height: 0;
}

.profi-why__title {
  font-weight: 700;
  font-size: 68px;
  line-height: 84px;
  color: var(--profi-white);
}

.profi-why__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  min-height: 0;
}

.profi-why-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 0;
}

.profi-why-item__title {
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: var(--profi-white);
}

.profi-why-item__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: var(--profi-white);
}

/* ==========================================================================
   Workflow
   Figma: grid 2×3 / 2×3 / 1×6 · h2→steps 42/42/32 · gap 32/32/24
   card pad 32/32/16 · number→content 18/18/12 · title→desc 8/8/4
   label 20/28 · 20/28 · 18/26 · title 24/32 · 20/28 · 20/30
   desc 24/36 · 20/32 · 16/24
   AI: pad 42/42/18 · gap 42/42/24 · image 265/182/182 · paras 16/16/8
   ========================================================================== */

.profi-page .profi-workflow__title {
  font-weight: 700;
  font-size: 68px;
  line-height: 84px;
  color: var(--profi-dark-1);
  margin-bottom: 42px;
}

.profi-workflow__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

.profi-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 32px;
  border-radius: var(--profi-radius-step);
  min-width: 0;
  min-height: 0;
  height: auto;
}

/* Fallback if nth-child overrides are missing; actual D/T/M colors via nth-child */
.profi-step--grey {
  background: var(--profi-light-grey);
}

.profi-step--blue {
  background: var(--profi-light-blue);
}

/* Desktop/tablet checkerboard: grey|blue / blue|grey / grey|blue */
.profi-workflow__list > .profi-step:nth-child(1),
.profi-workflow__list > .profi-step:nth-child(4),
.profi-workflow__list > .profi-step:nth-child(5) {
  background: var(--profi-light-grey);
}

.profi-workflow__list > .profi-step:nth-child(2),
.profi-workflow__list > .profi-step:nth-child(3),
.profi-workflow__list > .profi-step:nth-child(6) {
  background: var(--profi-light-blue);
}

.profi-step__label {
  flex-shrink: 0;
  width: auto;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: var(--profi-grey-2);
}

.profi-step__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  width: 100%;
}

.profi-step__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--profi-dark-1);
}

.profi-step__desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--profi-dark-1);
}

/* ==========================================================================
   Tablet: 601–1024px
   (use not min-width:1025 so exactly 1024px is tablet; avoids subpixel MQ miss)
   ========================================================================== */

@media not all and (min-width: 1025px) {
  .profi-page {
    --profi-space-section: 72px;
  }

  .profi-hero {
    padding-block: 42px;
  }

  .profi-hero__inner {
    min-height: 0;
    gap: 32px;
  }

  .profi-hero__content {
    gap: 28px;
  }

  .profi-hero__title {
    font-size: 72px;
    line-height: 86px;
  }

  .profi-hero__body {
    max-width: 100%;
    gap: 32px;
  }

  .profi-hero__text {
    font-size: 24px;
    line-height: 36px;
  }

  .profi-hero .profi-btn--primary {
    width: 274px;
    min-height: 48px;
    padding: 12px 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
  }

  /* Figma Hero_tab image 18772:41585: 320×558, x=704 */
  .profi-hero__media {
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
  }

  .profi-page .profi-hero__image {
    top: 0;
    left: -7.94%;
    width: 217.05%;
    height: auto;
  }

  .profi-services__title,
  .profi-checklist__title,
  .profi-methodology__title,
  .profi-workflow__title {
    font-size: 58px;
    line-height: 76px;
  }

  .profi-page .profi-workflow__title {
    font-size: 58px;
    line-height: 76px;
    margin-bottom: 42px;
  }

  .profi-services__group + .profi-services__group {
    margin-top: 32px;
  }

  .profi-services__group-title {
    font-size: 32px;
    line-height: 46px;
  }

  .profi-page .profi-services__group-title {
    margin-bottom: 32px;
  }

  .profi-services__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .profi-service-card {
    height: auto;
    padding: 18px;
    gap: 16px;
  }

  .profi-service-card__title {
    font-size: 20px;
    line-height: 28px;
    min-height: 0;
  }

  .profi-service-card__body {
    flex: 0 0 auto;
    gap: 4px;
  }

  .profi-service-card__body .profi-link-arrow {
    margin-top: 0;
  }

  .profi-link-arrow {
    font-weight: 700;
    font-size: 16px;
  }

  .profi-feature-dark--services {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    gap: 16px;
    margin-top: 42px;
    border-color: var(--profi-border-light);
  }

  .profi-feature-dark--services .profi-feature-dark__content {
    max-width: none;
  }

  .profi-feature-dark--services .profi-feature-dark__media {
    order: -1;
    width: 182px;
  }

  .profi-feature-dark--services .profi-feature-dark__title {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-checklist__cta {
    padding: 42px;
  }

  .profi-checklist__cta-title {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-page .profi-checklist__list {
    margin-bottom: 42px;
  }

  .profi-page a.profi-btn--consult,
  .profi-btn--consult {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
  }

  .profi-methodology__intro {
    margin-bottom: 34px;
  }

  .profi-methodology__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 34px;
  }

  .profi-benefit:nth-child(n + 4) {
    border-top: none;
  }

  .profi-benefit:nth-child(n + 3) {
    border-top: 1px solid var(--profi-light-grey);
  }

  .profi-benefit:not(:nth-child(3n)) {
    border-right: none;
  }

  .profi-benefit:not(:nth-child(2n)) {
    border-right: 2px solid var(--profi-light-grey);
  }

  .profi-notice {
    flex-direction: row;
    gap: 18px;
    padding: 24px;
  }

  .profi-notice__text {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-why .profi-page__container {
    max-width: none;
    padding-inline: 0;
  }

  .profi-why__card {
    padding: 48px 40px;
    gap: 42px;
    border-radius: var(--profi-radius-step);
  }

  .profi-why__title {
    font-size: 58px;
    line-height: 76px;
    color: var(--profi-light-grey);
  }

  .profi-why__list {
    gap: 24px;
  }

  .profi-why-item {
    gap: 4px;
  }

  .profi-why-item__title {
    font-size: 32px;
    line-height: 46px;
  }

  .profi-step__title {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-step__desc {
    font-size: 20px;
    line-height: 32px;
  }

  .profi-feature-dark--workflow {
    flex-direction: column;
    align-items: flex-start;
    padding: 42px;
    gap: 42px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__media {
    width: 182px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__title {
    font-size: 32px;
    line-height: 46px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__body {
    gap: 16px;
  }
}

/* ==========================================================================
   Mobile: ≤600px
   ========================================================================== */

@media (max-width: 600px) {
  .profi-page {
    --profi-space-section: 62px;
  }

  .profi-page .customContentBlock .section-block:first-child {
    margin-left: -20px;
    margin-right: -20px;
  }

  .profi-page .customContentBlock .content,
  .profi-page__container {
    padding-inline: 20px;
  }

  .profi-hero {
    padding-block: 42px;
  }

  .profi-hero__inner {
    gap: 32px;
  }

  .profi-hero__content {
    gap: 28px;
  }

  .profi-hero__title {
    font-size: 34px;
    line-height: 42px;
  }

  .profi-hero__text {
    font-size: 20px;
    line-height: 32px;
  }

  .profi-hero .profi-btn--primary {
    width: 100%;
    min-height: 48px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
  }

  /* Figma Hero_mob image 18772:41605: 185×446, x=415 */
  .profi-hero__media {
    top: 0;
    right: 0;
    bottom: 0;
    width: 185px;
  }

  .profi-page .profi-hero__image {
    top: 0;
    left: -8.05%;
    width: 301.35%;
    height: auto;
  }

  .profi-services__title,
  .profi-checklist__title,
  .profi-methodology__title,
  .profi-workflow__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 32px;
  }

  .profi-page .profi-workflow__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 32px;
  }

  .profi-achievements h2,
  .profi-reviews h2,
  .profi-cases h2,
  .profi-page .profi-services__title {
    margin-bottom: 32px;
  }

  .profi-services__group + .profi-services__group {
    margin-top: 32px;
  }

  .profi-services__group-title {
    font-size: 24px;
    line-height: 34px;
  }

  .profi-page .profi-services__group-title {
    margin-bottom: 24px;
  }

  .profi-service-card {
    padding: 18px;
  }

  .profi-service-card__title {
    font-size: 20px;
    line-height: 30px;
    min-height: 0;
  }

  .profi-service-card__text {
    font-size: 16px;
    line-height: 24px;
  }

  .profi-link-arrow {
    font-weight: 500;
    font-size: 16px;
  }

  .profi-feature-dark--services {
    padding: 18px;
    margin-top: 42px;
  }

  .profi-feature-dark--services .profi-feature-dark__title {
    font-size: 20px;
    line-height: 30px;
  }

  .profi-feature-dark--services .profi-feature-dark__text {
    font-size: 16px;
    line-height: 24px;
  }

  .profi-checklist__intro {
    gap: 12px;
    margin-bottom: 24px;
  }

  .profi-checklist__lead {
    font-size: 20px;
    line-height: 32px;
  }

  .profi-checklist__list {
    gap: 8px;
  }

  .profi-page .profi-checklist__list {
    margin-bottom: 24px;
  }

  .profi-checklist__item {
    gap: 8px;
    align-items: center;
    padding-block: 12px;
  }

  .profi-checklist__icon {
    width: 42px;
    height: 42px;
  }

  .profi-checklist__check {
    width: 30px;
    height: 30px;
  }

  .profi-checklist__cta {
    padding: 32px;
  }

  .profi-methodology__intro {
    margin-bottom: 32px;
  }

  .profi-methodology__lead {
    font-size: 20px;
    line-height: 32px;
  }

  .profi-methodology__grid {
    margin-bottom: 32px;
  }

  .profi-benefit {
    padding: 16px;
    gap: 8px;
  }

  .profi-benefit__icon,
  .profi-benefit__icon img {
    width: 42px;
    height: 42px;
  }

  .profi-benefit__text {
    gap: 4px;
  }

  .profi-benefit__title {
    font-size: 18px;
    line-height: 26px;
  }

  .profi-benefit__subtitle {
    font-size: 18px;
    line-height: 28px;
  }

  .profi-notice__icon,
  .profi-notice__icon img {
    width: 42px;
    height: 42px;
  }

  .profi-notice__text {
    font-size: 18px;
    line-height: 26px;
  }

  .profi-why__card {
    padding: 48px 20px;
    gap: 32px;
    border-radius: var(--profi-radius-step);
  }

  .profi-why__title {
    font-size: 30px;
    line-height: 40px;
    color: var(--profi-light-grey);
  }

  .profi-why-item__title {
    font-size: 24px;
    line-height: 34px;
  }

  .profi-why-item__text {
    font-size: 16px;
    line-height: 24px;
  }

  .profi-workflow__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* Mobile sequential alternating (overrides D/T checkerboard) */
  .profi-workflow__list > .profi-step:nth-child(odd) {
    background: var(--profi-light-grey);
  }

  .profi-workflow__list > .profi-step:nth-child(even) {
    background: var(--profi-light-blue);
  }

  .profi-step {
    gap: 12px;
    padding: 16px;
  }

  .profi-step__label {
    font-size: 18px;
    line-height: 26px;
  }

  .profi-step__text {
    gap: 4px;
  }

  .profi-step__title {
    font-size: 20px;
    line-height: 30px;
  }

  .profi-step__desc {
    font-size: 16px;
    line-height: 24px;
  }

  .profi-feature-dark--workflow {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    gap: 24px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__media {
    width: 182px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__title {
    font-size: 24px;
    line-height: 34px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__body {
    gap: 8px;
  }

  .profi-feature-dark--workflow .profi-feature-dark__text {
    font-size: 16px;
    line-height: 24px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .profi-page .profi-btn,
  .profi-page .profi-link-arrow {
    transition: none;
  }

  .profi-services .profi-service-card__divider.is-divider-animating::before {
    animation: none;
    transform: scaleX(1);
  }

  .profi-js .profi-checklist--motion-ready .profi-checklist__check-path,
  .profi-js
    .profi-checklist--motion-ready
    .profi-checklist__item:not(.is-check-drawn)
    .profi-checklist__check-path,
  .profi-js
    .profi-checklist--motion-ready
    .profi-checklist__item.is-check-drawn
    .profi-checklist__check-path {
    stroke-dasharray: none;
    visibility: visible;
    animation: none;
  }
}

.profi-page .customContentBlock {
  margin-bottom: 0;
}

.profi-page .customContentBlock .max-wrapper {
  padding: 0;
}

.profi-page .customContentBlock .section-block:first-child {
  margin-left: -40px;
  margin-right: -40px;
}

.profi-page .customContentBlock .section-block:first-child .max-wrapper {
  padding-left: var(--max-wrapper-padding-size);
  padding-right: var(--max-wrapper-padding-size);
}

@media (max-width: 600px) {
  .profi-page .customContentBlock .section-block:first-child {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.profi-page .customContentBlock .blockDescription {
  margin-bottom: 32px;
}

.profi-page .customContentBlock .customCasesItem__resultText {
  margin-top: 32px;
}

.profi-page .customContentBlock .blockDescription_second {
  margin-bottom: 24px;
}

.profi-reviews {
  padding-top: 100px;
  padding-bottom: 80px;
  overflow-x: hidden;
}

.profi-hero__subtitle-block {
  display: flex;
  gap: 42px;
}

.internet-shop .profi-hero__body {
  flex: 1;
  width: 50%;
}

.internet-shop .profi-hero__media {
  flex: 1;
  position: relative;
  width: 50%;
  border-radius: 24px;
}

.internet-shop .profi-hero__media::after {
  content: unset;
}

.internet-shop .profi-hero__image {
  position: static;
  display: inline-block;
  width: auto;
  height: 358px;
  opacity: 0.45;
}

.internet-shop a.profi-btn--primary {
  width: 100%;
  min-height: 54px;
  margin-top: auto;
  padding: 15px 16px;
}

.profi-hero__image-chip {
  position: absolute;
  top: 6%;
  left: 6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 160px;
  height: 72px;
  padding: 16px;
  color: #ffffff;
  border-radius: 16px;
  backdrop-filter: blur(16px);
  box-shadow: 0px 8px 20px 0px #00000040;
  background-color: #ffffff66;
}

.profi-hero__chips {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.profi-hero__chips .profi-hero__image-chip:nth-child(2) {
  left: unset;
  right: 6%;
}
.profi-hero__chips .profi-hero__image-chip:nth-child(3) {
  top: unset;
  bottom: 6%;
}
.profi-hero__chips .profi-hero__image-chip:nth-child(4) {
  top: unset;
  left: unset;
  right: 6%;
  bottom: 6%;
}
.profi-hero__chips .profi-hero__image-chip:nth-child(4) {
}

.profi-hero__image-text-line::before {
  content: '';
  display: inline-block;
  min-width: 6px;
  min-height: 6px;
  background: #fff;
  border-radius: 100%;
}

.profi-hero__image-text-line-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.profi-hero__image-text-line {
  display: flex;
  margin: auto;
  width: fit-content;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--profi-orange);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
}

.profi-hero__image-text-dashed {
  position: absolute;
  top: 50%;
  left: 6%;
  width: 88%;
  border-top: 2px dashed var(--profi-orange);
  z-index: -1;
}

.profi-hero__image-chip div {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.profi-hero__image-chip div:first-child {
  font-weight: 700;
}
.internet-shop .profi-benefit__subtitle {
  font-size: 16px;
  line-height: 24px;
}

.internet-shop .profi-benefit__icon,
.internet-shop .profi-benefit__icon img {
  width: 43px;
  height: 43px;
}

.profi-block__items-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}

.profi-card {
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 24px;
  padding: 24px;
  background-color: #fff;
  box-shadow:
    0px 0px 0px 0px #a0a2b61a,
    0px 0px 18px 0px #a0a2b61a,
    0px 0px 33px 0px #a0a2b617,
    0px 0px 44px 0px #a0a2b60d,
    0px 0px 52px 0px #a0a2b603,
    0px 0px 57px 0px #a0a2b600;
}

.profi-card .profi-card__icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
}

.profi-card .profi-card__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 6px;
}

.profi-card .profi-card__text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 42px;
}

.profi-card .profi-card__image {
  position: relative;
}

.profi-card .profi-card__image img {
  width: 100%;
  height: 242px;
  object-fit: cover;
  border-radius: 16px;
}

.profi-card .profi-card__chip-list {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profi-card .profi-card__chip {
  padding: 6px 10px;
  width: fit-content;
}

.profi-card .profi-card__top a {
  display: none;
}

.profi-card .profi-card__link {
  margin-top: 12px;
}

.profi-custom-pallete-list > div:nth-child(3n + 1) {
  background-color: #fff;
}

.profi-custom-pallete-list > div:nth-child(3n + 2) {
  background-color: #f2f9fc;
}

.profi-custom-pallete-list > div:nth-child(3n + 3) {
  background: radial-gradient(
    75.51% 75.51% at 50% -24.55%,
    #3e3e62 0%,
    #2a2a36 100%
  );
  color: #fff;
}

.section-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 42px;
}

.section-head .section-head__title {
  font-size: 68px;
  line-height: 82px;
  font-weight: 700;
}

.section-head .section-head__text {
  font-size: 24px;
  line-height: 36px;
}

.profi-form-button-block {
  display: grid;
  grid-template-columns: 1fr minmax(420px, max-content);
  gap: 24px;
  padding: 32px;
  border: 1px solid #f4f5f7;
  border-radius: 14px;
  box-shadow:
    0px 0px 33px 0px #a0a2b617,
    0px 0px 44px 0px #a0a2b60d;
}

.profi-form-button-block .profi-form-button-block__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.profi-form-button-block .profi-form-button-block__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profi-form-button-block .profi-form-button-block__subtitle {
  font-size: 24px;
  line-height: 36px;
}

.profi-form-button-block .profi-btn {
  margin: auto 0;
}

.profi-page__container .profi-form-button-block {
  margin-top: 42px;
}

.seller-block {
  display: grid;
  grid-template-columns: 1fr 509px;
  gap: 64px;
}

.seller-block .seller-block__content .seller-block__list {
  margin-bottom: 40px;
  gap: 40px;
}

.seller-block .seller-block__content .seller-block__list li {
  padding-block: 0;
}

.seller-block__media {
  position: relative;
  width: 100%;
  max-width: 509px;
  height: 464px;
  border-radius: 24px;
  overflow: hidden;
}

.seller-block__media::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #1a1a2e73;
}

.seller-block__media .seller-block__img {
  background: #1a1a2e73;
  width: inherit;
  height: inherit;
  object-fit: cover;
  object-position: center;
}

.seller-block__media .seller-block__notice {
  position: absolute;
  top: 129px;
  left: 29px;
}

.seller-block__media .seller-block__stats {
  position: absolute;
  right: 18px;
  bottom: 18px;
}

.seller-block__notice {
  width: 100%;
  max-width: 235px;
  padding: 16px;
  border-radius: 16px;
  background: #ffffffa1;
  border: 1px solid #ffffff1a;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.seller-block__notice-icon {
  min-width: 20px;
  min-height: 20px;
}

.seller-block__notice-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.seller-block__notice-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.seller-block__notice-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #45475a;
}

.seller-block__stats {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #ffffff73;
  backdrop-filter: blur(16px);
  box-shadow: 0px 8px 20px 0px #00000040;
  padding: 16px;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
}

.seller-block__stats-head {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #fff;
}

.seller-block__stats-label {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}

.seller-block__stats-value {
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
}

.seller-block__stats-bars {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.seller-block__stats-bars .seller-block__bar {
  flex-grow: 1;
  flex-basis: 0;
}

.seller-block__bar {
  width: 100%;
  height: 20px;
  border-radius: 4px;
  background-color: #fff;
}

.seller-block__stats-bars .seller-block__bar:nth-child(1) {
  height: 20px;
}

.seller-block__stats-bars .seller-block__bar:nth-child(2) {
  height: 35px;
}

.seller-block__stats-bars .seller-block__bar:nth-child(3) {
  height: 42px;
}

.seller-block__stats-bars .seller-block__bar:nth-child(4) {
  height: 50px;
  background-color: #ff874a;
}

.seller-block__stats-bars .seller-block__bar:nth-child(5) {
  height: 60px;
  background-color: #ff874a;
}

.analytics-block {
  display: grid;
  grid-template-columns: 1fr 320px 1fr;
  gap: 24px;
  align-items: center;
}

.analytics-card {
  width: 100%;
  max-width: 440px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #f4f5f7;
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0px 16px 24px 0px #8e8dd01f;
}

.analytics-card.analytics-card--dark {
  background-color: #3c3c60;
  color: #fff;
}

.analytics-card.analytics-card--dark .analytics-card__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #343444;
}

.analytics-card.analytics-card--center .analytics-card__title {
  font-size: 20px;
  line-height: 28px;
}

.analytics-card.analytics-card--center {
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
}

.analytics-card.analytics-card--center .analytic-card__head {
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.analytics-card__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.analytics-card__title {
  font-size: 24px;
  line-height: 32px;
}

.analytics-card .analytics-card__list {
  gap: 12px;
}

.analytics-card .analytics-card__list.point-list li {
  font-size: 20px;
  line-height: 32px;
  padding-left: 18px;
}

.analytics-card ul.point-list.analytics-card__list li::before {
  --size: 6px;
  width: var(--size);
  min-width: var(--size);
  max-width: var(--size);
  height: var(--size);
  min-height: var(--size);
  max-height: var(--size);
  top: 15px;
  left: 0px;
  margin-right: 12px;
}

.analytics-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background-color: #fff4ed;
}

.analytic-card__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

section.profi-analytic {
  background-color: #f2f9fc;
  padding-top: 42px;
  padding-bottom: 42px;
}

.profi-analytic .analytics-block {
  margin-bottom: 42px;
}

.profi-services-2 .profi-service-card__title {
  min-height: unset;
}

.profi-services-2 button {
  width: 100%;
  max-width: 420px;
  margin: 32px auto 0 auto;
  display: flex;
  justify-content: center;
}

.internet-shop {
  margin-bottom: 122px;
}

.seller-block .link-default {
  font-size: 20px;
}

@media (max-width: 1023px) {
  .internet-shop {
    margin-bottom: 112px;
  }

  .section-head {
    margin-bottom: 32px;
  }

  .section-head .section-head__title {
    font-size: 58px;
    line-height: 76px;
  }

  .section-head .section-head__text {
    font-size: 20px;
    line-height: 32px;
  }

  .profi-block__items-row {
    grid-template-columns: 1fr;
  }

  .profi-card {
    max-width: unset;
    flex-direction: row;
    gap: 62px;
  }

  .profi-card > div {
    flex-grow: 1;
    flex-basis: 0;
  }

  .profi-card .profi-card__image img {
    height: 262px;
  }

  .profi-card .profi-card__top {
    display: flex;
    flex-direction: column;
  }

  .profi-card .profi-card__top a {
    display: flex;
    margin-top: auto;
  }

  .profi-card .profi-card__bot a {
    display: none;
  }

  .profi-card .profi-card__title {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-form-button-block {
    grid-template-columns: 1fr;
  }

  .profi-form-button-block .profi-form-button-block__title {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-form-button-block .profi-form-button-block__subtitle {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-page .profi-form-button-block .profi-btn {
    max-width: 420px;
  }

  .seller-block {
    grid-template-columns: 1fr;
  }

  .seller-block__media {
    max-width: unset;
  }

  .profi-checklist__text {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-checklist__description {
    font-size: 16px;
    line-height: 24px;
  }

  .analytics-block {
    grid-template-columns: 1fr;
  }

  .analytics-block .analytics-card {
    max-width: unset;
  }

  .analytics-block .analytics-card.analytics-card--center {
    max-width: 320px;
    margin: 0 auto;
  }

  .analytics-card__title {
    font-size: 20px;
    line-height: 28px;
  }

  .profi-services-2 button {
    max-width: unset;
  }

  .profi-hero .profi-hero__subtitle-block {
    flex-direction: column-reverse;
  }

  .internet-shop .profi-hero__body,
  .internet-shop .profi-hero__media {
    width: 100%;
  }

  .internet-shop .profi-hero__image {
    width: 100%;
    height: 360px;
    object-fit: cover;
  }

  .profi-hero__text {
    font-size: 20px;
    line-height: 32px;
  }

  .profi-hero__body {
    gap: 24px;
  }
}

@media (max-width: 600px) {
  .internet-shop {
    margin-bottom: 62px;
  }
  .section-head .section-head__title {
    font-size: 30px;
    line-height: 40px;
  }

  .profi-card {
    flex-direction: column;
    gap: 24px;
  }

  .profi-card .profi-card__top a {
    display: none;
  }

  .profi-card .profi-card__bot a {
    display: flex;
  }
  .profi-card .profi-card__text {
    margin-bottom: 0;
  }

  .profi-form-button-block .profi-form-button-block__title {
    font-size: 18px;
    line-height: 26px;
  }

  .profi-form-button-block .profi-form-button-block__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .profi-checklist__text {
    font-size: 18px;
    line-height: 26px;
  }

  .analytics-card__title {
    font-size: 18px;
    line-height: 26px;
  }

  .analytics-card .analytics-card__list.point-list li {
    font-size: 16px;
    line-height: 24px;
  }

  .analytics-card ul.point-list.analytics-card__list li::before {
    top: 10px;
  }

  .profi-hero__subtitle-block {
    gap: 32px;
  }

  .profi-hero__text {
    font-size: 16px;
    line-height: 24px;
  }

  .tpl2 .profi-checklist__cta {
    flex-direction: column;
  }

  .profi-methodology__grid {
    grid-template-columns: 1fr;
  }

  .seller-block .link-default {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .profi-hero__image-chip {
    left: -60px;
  }
  .profi-hero__chips .profi-hero__image-chip:nth-child(2),
  .profi-hero__chips .profi-hero__image-chip:nth-child(4) {
    right: -60px;
  }
}