.clients-results-wrapper,
.show-section-wrapper,
.trust-section-wrapper,
.video-promo-wrapper,
.tools-wrapper,
.hero-audit-wrapper {
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}

.clients-results-wrapper,
.show-section-wrapper,
.trust-section-wrapper,
.video-promo-wrapper {
  padding-top: 100px;
  padding-bottom: 120px;
}

.video-promo-iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: none;
  display: block;
}

.tools-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-audit-wrapper {
  padding-top: 40px;
  padding-bottom: 100px;
  background: #ffffff;
}

.clients-results-wrapper,
.show-section-wrapper,
.tools-wrapper {
  background: #e5e5e5;
}

.show-section-wrapper {
  padding-bottom: 260px;
}

.show-section-wrapper--white {
  background: #F7F7F7;
}

.trust-section-wrapper,
.video-promo-wrapper {
  background: #000000;
}

.clients-results-inner,
.hero-audit-inner,
.show-section-inner,
.trust-section-inner,
.video-promo-inner,
.tools-inner {
  max-width: 1130px;
  width: 100%;
}

.clients-results-inner,
.show-section-inner,
.tools-inner {
  display: flex;
  flex-direction: column;
}

.clients-results-inner,
.show-section-inner {
  gap: 100px;
}

.tools-inner {
  gap: 80px;
}

.hero-audit-inner {
  margin: 0 auto;
  position: relative;
}

.trust-section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.video-promo-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 80px;
}

.show-section-wrapper,
.video-promo-wrapper {
  position: relative;
}

.show-section-inner {
  position: relative;
  z-index: 3;
}

.results-main-title,
.video-promo-title,
.show-main-title,
.trust-main-title,
.hero-main-title {
  font-family: "Planc-Bold", sans-serif;
  font-size: 56px;
  line-height: 115%;
  text-transform: uppercase;
  margin: 0;
}

.results-main-title,
.show-main-title,
.hero-main-title {
  color: #000000;
}

.video-promo-title,
.trust-main-title {
  color: #ffffff;
}

.hero-main-title {
  margin: 0 0 24px 0;
}

.hero-main-title i,
.hero-main-title span {
  color: #ff5c36;
}

.trust-main-title {
  line-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.trust-main-title i {
  position: relative;
  top: -4px;
}

.show-main-title {
  max-width: 690px;
}

.video-promo-title {
  line-height: 110%;
  text-align: left;
}

.results-subtitle,
.show-subtitle {
  font-family: "Planc-Regular", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: baseline;
}

.results-subtitle {
  color: #4182ff;
}

.show-subtitle {
  color: #ff5c36;
}

.results-top-section {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.results-top-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.results-top-content {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: stretch;
}

.results-top-left {
  flex: 0 0 327px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.results-client-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.results-client-name,
.results-person-name {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 5px;
  width: 327px;
  height: 36px;
  font-family: "Planc-Bold", sans-serif;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
}

.title-icon-box {
  width: 40px;
  height: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  align-self: flex-start;
}

.title-icon-box i {
  font-size: 32px;
  line-height: 1;
}

.results-client-stats,
.results-person-role,
.show-item-desc {
  font-family: "Planc-Regular", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  color: #000000;
  margin: 0;
}

.results-testimonial-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.results-quote-text {
  font-family: "Planc-Regular", sans-serif;
  font-weight: 450;
  font-size: 16px;
  line-height: 145%;
  color: #000000;
  margin: 0;
}

.results-top-right {
  flex: 1;
  display: flex;
}

.results-graph-placeholder {
  width: 100%;
  max-width: 743px;
  aspect-ratio: 743 / 432;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 2px 6px rgba(254, 127, 46, 0.1);
  overflow: hidden;
}

.results-bottom-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.results-bottom-header {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.results-ai-title {
  font-family: "Planc-Bold", sans-serif;
  font-size: 32px;
  line-height: 110%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
}

.results-bottom-content {
  display: flex;
  flex-direction: row;
  gap: 60px;
  justify-content: space-between;
}

.results-ai-col {
  width: calc(50% - 30px);
  max-width: 535.25px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.results-ai-col-title {
  font-family: "Planc-Bold", sans-serif;
  font-size: 20px;
  line-height: 125%;
  color: #4182ff;
  margin: 0;
}

.results-ai-placeholder {
  width: 100%;
  aspect-ratio: 535.25 / 427;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}

.results-graph-placeholder img,
.results-ai-placeholder img,
.show-image-box img,
.show-yt-card-simple img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-audit-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding-top: 60px;
}

.hero-audit-left {
  width: 50%;
}

.hero-audit-right {
  width: 555px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

.hero-audit-form-box {
  border-radius: 16px;
  padding: 38px 40px 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 555px;
  box-sizing: border-box;
  background: #000000;
}

.hero-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hero-benefits-list li {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
}

.hero-benefits-list span,
.hero-benefits-list p {
  font-family: "Planc-Regular", sans-serif;
  font-size: 20px;
  line-height: 115%;
  color: #ff5c36;
  margin: 0;
}

.hero-benefits-list span {
  flex-shrink: 0;
}

.hero-audit-form-box .uni-form-check-text {
  color: #ffffff;
}

.show-header-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.show-content-rows {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.show-row,
.tools-row {
  display: flex;
  flex-direction: row;
  gap: 60px;
  width: 100%;
}

.tools-row {
  align-items: flex-start;
}

.show-col {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.show-col-50 {
  flex: 1;
  width: calc(50% - 30px);
}

.show-col-440 {
  width: 440px;
  flex-shrink: 0;
}

.show-col-630 {
  width: 630px;
  flex: 1;
}

.show-col-670 {
  width: 670px;
  flex: 1;
}

.show-col-400 {
  width: 400px;
  flex-shrink: 0;
}

.show-image-box {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.h-535 {
  height: 535px;
}

.h-440 {
  height: 440px;
}

.h-658 {
  height: 658px;
}

.image-overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(289.65deg,
      rgba(65, 127, 252, 0.05) -48.04%,
      rgba(255, 92, 54, 0.05) 102.38%);
  mix-blend-mode: multiply;
}

.image-overlay-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
}

.show-text-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.show-item-title {
  font-family: "Planc-Bold", sans-serif;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
}

.show-yt-card-simple {
  width: 100%;
  border-radius: 27px;
  overflow: hidden;
  background: #ffffff;
  box-sizing: border-box;
}

.trust-rows-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  width: 100%;
}

.trust-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.trust-row img {
  object-fit: contain;
  display: block;
  max-width: 100%;
}

.logo-imker {
  width: 142.37px;
  height: 50.66px;
}

.logo-eduweb {
  width: 228.41px;
  height: 46.58px;
}

.logo-urban {
  width: 107.1px;
  height: 92.35px;
}

.logo-blikle {
  width: 171.87px;
  height: 89.78px;
}

.logo-monumo {
  width: 181.48px;
  height: 38.48px;
}

.logo-nakrywamy {
  width: 295.03px;
  height: 54.94px;
}

.logo-merc {
  width: 210.51px;
  height: 62.8px;
}

.logo-fotoforma {
  width: 227.72px;
  height: 46.52px;
}

.logo-rolmarket {
  width: 183.14px;
  height: 50.25px;
}

.logo-wozi {
  width: 128.9px;
  height: 71.18px;
}

.logo-lebrand {
  width: 113.25px;
  height: 47.25px;
}

.video-promo-title-box {
  width: 100%;
  max-width: 785px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}

.video-promo-placeholder {
  width: 100%;
  aspect-ratio: 1130 / 617;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 4;
}

.tools-content {
  display: flex;
  flex-direction: column;
  gap: 100px;
  width: 100%;
}

.tools-col-left {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
}

.tools-col-right {
  width: 45%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.tools-header-box {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  width: 100%;
}

.tools-logo-box {
  width: 108px;
  height: 108px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0px 2px 6px rgba(254, 127, 46, 0.1);
}

.tools-logo-yosa {
  background: #9c28ff;
}

.tools-logo-agent {
  background: #7fe635;
  border-radius: 16px;
}

.tools-header-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.tools-screenshot {
  width: 100%;
  aspect-ratio: 600 / 420;
  background: #1a1a1a;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tools-feature {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.tools-feature-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  flex: 1;
}

.tools-feature i {
  color: #4182ff;
  font-size: 24px;
  line-height: 135%;
  width: 18px;
  flex-shrink: 0;
  margin-top: -2px;
}

.tools-divider {
  margin-left: 34px;
  border-top: 1px solid #cbcbcb;
}

.uni-contact {
  --bg-wrapper: #e5e5e5;
  --bg-form: #000000;
  --color-title: #000000;
  --color-text-dark: #000000;
  --color-accent: #ff5c36;
  --form-title-icon: #ff5c36;
  --form-btn-bg: #ff5c36;

  background: var(--bg-wrapper);
  padding: 100px 20px 120px 20px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.uni-contact--orange {
  --bg-wrapper: #000000;
  --bg-form: #ff5c36;
  --color-title: #ffffff;
  --color-text-dark: #ffffff;
  --color-accent: #ff5c36;
  --form-title-icon: #000000;
  --form-btn-bg: #000000;
}

.uni-contact--blue {
  --bg-wrapper: #ffffff;
  --bg-form: #4182ff;
  --color-title: #000000;
  --color-text-dark: #000000;
  --color-accent: #4182ff;
  --form-title-icon: #000000;
  --form-btn-bg: #000000;
}

.uni-contact--audit {
  --bg-wrapper: #e5e5e5;
  --bg-form: #000000;
  --color-title: #000000;
  --color-text-dark: #000000;
  --color-accent: #ff5c36;
  --form-title-icon: #ff5c36;
  --form-btn-bg: #ff5c36;
}

.uni-contact-inner {
  max-width: 1130px;
  width: 100%;
  display: flex;
  gap: 80px;
  align-items: flex-start;
  justify-content: space-between;
}

.uni-form-col {
  width: 555px;
  max-width: 100%;
  flex-shrink: 0;
}

.uni-text-col {
  flex: 1;
  max-width: 495px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
}

.uni-form-box {
  background: var(--bg-form);
  border-radius: 16px;
  padding: 38px 40px 40px 40px;
  gap: 24px;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 555px;
  box-sizing: border-box;
}

.uni-form-title {
  font-family: "Planc-Bold";
  font-size: 32px;
  line-height: 115%;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}

.uni-form-title i {
  color: var(--form-title-icon);
}

.uni-form-submit-row {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.uni-form-label {
  font-family: "Planc-Regular";
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 4px;
  display: block;
}

.uni-form-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}

.uni-form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.subtitle-flex {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}

.uni-form-input {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  padding: 12px 10px 10px 14px;
  background: #ffffff;
  border: none;
  font-family: "Planc-Regular";
  font-size: 14px;
}

.uni-form-check-text {
  font-family: "Planc-Regular";
  font-size: 8px;
  color: #fff;
  margin: 0;
  max-width: 453px;
}

.uni-form-desc {
  font-family: "Planc-Regular";
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}

.uni-form-btn {
  background: var(--form-btn-bg);
  border: none;
  border-radius: 4px;
  padding: 14px 80px;
  font-family: "Planc-Bold";
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  max-width: 227.5px;
  height: 48px;

}

.uni-text-title {
  font-family: "Planc-Bold";
  font-size: 56px;
  line-height: 115%;
  text-transform: uppercase;
  color: var(--color-title);
  margin: 0;
}

.uni-text-title i,
.uni-text-title span {
  color: var(--color-accent);
}

.uni-text-accent {
  font-family: "Planc-Regular";
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  color: var(--color-accent);
  margin: 0;
}

.uni-text-dark {
  font-family: "Planc-Regular";
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  color: var(--color-text-dark);
  margin: 0;
}

.uni-smile-img {
  width: 155px;
  height: 140px;
  object-fit: contain;
  align-self: flex-end;
  pointer-events: none;
}

@media (max-width: 1024px) {

  .clients-results-wrapper,
  .show-section-wrapper,
  .trust-section-wrapper,
  .video-promo-wrapper,
  .tools-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .results-top-content,
  .results-bottom-content,
  .hero-audit-row,
  .show-row,
  .tools-row {
    flex-direction: column;
  }

  .results-top-left,
  .results-ai-col,
  .hero-audit-left,
  .hero-audit-right,
  .show-col,
  .tools-col-left,
  .tools-col-right {
    width: 100%;
    max-width: 100%;
  }

  .results-top-left {
    flex: auto;
    gap: 40px;
  }

  .results-bottom-content {
    gap: 40px;
  }

  .results-main-title,
  .hero-audit-left h1,
  .show-main-title,
  .trust-main-title,
  .video-promo-title {
    font-size: 44px;
  }

  .hero-audit-row {
    align-items: flex-start;
  }

  .hero-audit-left {
    text-align: left;
    padding-top: 0;
  }

  .hero-audit-left>div {
    align-items: flex-start;
  }

  .hero-audit-right {
    padding-top: 20px;
  }

  .show-col-440,
  .show-col-630,
  .show-col-670,
  .show-col-400 {
    width: 100%;
  }

  .h-658,
  .h-440,
  .h-535,
  .show-yt-card-simple {
    height: auto !important;
    aspect-ratio: auto !important;
  }

  .show-image-box img,
  .show-yt-card-simple img {
    height: auto !important;
    max-height: 500px;
    object-fit: contain;
  }

  .video-promo-inner {
    gap: 60px;
    align-items: flex-end;
  }

  .tools-row {
    gap: 48px;
  }

  .show-decor {
    display: none !important;
  }

  .uni-contact-inner {
    flex-direction: column;
    align-items: center;
  }

  .uni-form-col,
  .uni-text-col {
    width: 100%;
    max-width: 100%;
  }

  .uni-text-col {
    order: -1;
    gap: 32px;
  }

  .uni-smile-img {
    align-self: flex-start;
    height: 80px;
    width: auto;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {

  .clients-results-wrapper,
  .show-section-wrapper,
  .trust-section-wrapper,
  .video-promo-wrapper,
  .tools-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-audit-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .clients-results-inner,
  .show-section-inner,
  .trust-section-inner {
    gap: 60px;
  }

  .results-main-title,
  .trust-main-title,
  .show-main-title,
  .video-promo-title {
    font-size: 32px !important;
  }

  .hero-audit-left h1 {
    font-size: 36px !important;
  }

  .results-ai-title,
  .hero-audit-form-box h2,
  .show-item-title {
    font-size: 24px !important;
  }

  .results-client-name,
  .results-person-name {
    width: 100%;
    height: auto;
    font-size: 28px;
    align-items: flex-start;
  }

  .results-client-name span,
  .results-person-name span {
    width: auto !important;
  }

  .hero-audit-form-box {
    padding: 30px 20px;
  }

  .hero-audit-form-box .row>div {
    width: 100% !important;
    margin-bottom: 12px;
  }

  .show-item-desc {
    font-size: 16px;
  }

  .trust-row {
    gap: 24px;
  }

  .trust-row img {
    height: auto;
    max-height: 50px;
  }

  .logo-urban,
  .logo-blikle {
    max-height: 70px;
  }

  .video-promo-inner {
    gap: 40px;
    align-items: flex-start;
  }

  .video-promo-title-box {
    align-items: flex-start;
  }


  .tools-header-box {
    flex-direction: column;
    text-align: center;
  }

  .tools-feature {
    flex-direction: column;
    gap: 12px;
  }

  .tools-divider {
    margin-left: 0;
  }

  .tools-content {
    gap: 60px;
  }

  .tools-inner h2,
  .tools-header-text h3 {
    font-size: 32px !important;
  }

  .uni-contact {
    padding: 60px 20px;
  }

  .uni-form-box {
    padding: 30px 20px;
  }

  .uni-text-title {
    font-size: 36px !important;
  }

  .uni-form-title {
    font-size: 24px !important;
  }

  .uni-form-box .row>div {
    width: 100% !important;
    margin-bottom: 12px;
  }
}