/* Let tablet columns shrink
   below the source image's fixed 600px width instead of squeezing the title. */
@media (min-width: 768px) and (max-width: 1199px) {
  .preview-container .c-row > .inner > .c-column {
    min-width: 0 !important;
  }

  .preview-container .c-image,
  .preview-container .c-image .image-container,
  .preview-container .c-image .image-container > div {
    max-width: 100% !important;
  }

  #row-aK9rJOJW8d > .inner > .c-column {
    flex: 1 1 50% !important;
    width: 50% !important;
  }

  #heading-C1fAw1_CS5 :is(h1, h2) {
    font-size: clamp(40px, 5vw, 60px) !important;
    line-height: 1.3 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

.mobile-hero-portrait {
  display: none;
}

.preview-container #transform-section .transform-grid {
  padding-block: 28px;
}

.preview-container .journey-section .glow-dot {
  display: none;
}

.preview-container #section-A_FoEBGmHc #col-sb7IlYK0Ut {
  display: none !important;
}

.preview-container #section-A_FoEBGmHc #row-PAxTc193EJ {
  margin-top: 24px;
  padding-block: 0;
}

.preview-container #section-A_FoEBGmHc #col-YSz6qSXcqA {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 850px;
  margin-inline: auto;
  padding-block: 0;
}

/* The five method features share compact, RTL-aligned rows. */
.preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) {
  width: min(100%, 720px) !important;
  margin: 10px auto !important;
}

.preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) .text-output {
  padding: 0 !important;
}

.preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) .text-output > div {
  display: flex;
  align-items: center;
  gap: 14px;
  direction: rtl;
  padding: 14px 18px;
  border: 1px solid #ffffff80;
  border-radius: 14px;
  background: #ffffff45;
  box-shadow: 0 4px 16px #23332908;
}

.preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) .text-output > div::before {
  content: '';
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2f5a41 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}

.preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) p:empty {
  display: none;
}

.preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) :is(p, span, strong) {
  margin: 0;
  text-align: right !important;
  font-family: Assistant, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) .text-output > div {
    gap: 12px;
    padding: 12px 14px;
  }

  .preview-container :is(#paragraph-sk1qU6Nyj-, #paragraph-TQ0QetEXdC, #paragraph-YOgRrPpqIw, #paragraph-cCjcw3npKh, #paragraph-hKzbtPUPoJ) :is(p, span, strong) {
    font-size: 18px !important;
  }
}

.preview-container .site-privacy-consent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  direction: rtl;
  font-size: 18px !important;
  line-height: 1.6;
  cursor: pointer;
}

.preview-container .site-privacy-consent > span {
  white-space: normal;
}

.preview-container .site-privacy-consent span,
.preview-container .site-privacy-consent a {
  font-size: 18px !important;
}

.preview-container .site-privacy-consent input[type="checkbox"] {
  appearance: auto;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  accent-color: #2f5a41;
  cursor: pointer;
}

.preview-container #form-0hBDv7ST_n input.form-control {
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #233b2a !important;
  text-align: right !important;
  line-height: 1.5 !important;
}

.preview-container #form-0hBDv7ST_n input.form-control::placeholder {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  color: #465348 !important;
  direction: rtl;
  opacity: 1;
}

.preview-container #form-0hBDv7ST_n .email-input .input-icon {
  display: none !important;
}

@media (max-width: 360px) {
  .preview-container #form-0hBDv7ST_n input.form-control {
    font-size: 18px !important;
  }
}

@media (min-width: 768px) {
  .preview-container #image-OeyZFDvBQY {
    width: min(100%, 480px);
    margin-inline: auto;
  }

  .preview-container #image-OeyZFDvBQY img {
    height: auto;
    object-fit: contain;
  }
}

/* A centered, evenly spaced process section at every screen size. */
.preview-container .journey-section {
  padding: 40px 24px;
  border-radius: 24px;
}

.preview-container .journey-title {
  margin: 0 0 32px;
  color: #2f5a41;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.preview-container .journey-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.preview-container .journey-card {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 210px;
  margin: 0;
  padding: 28px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #c4d1c5;
  background: #fbfdf8;
  box-shadow: 0 8px 24px #2333290a;
  text-align: center;
  opacity: 1;
  transform: none;
  animation: none;
}

.preview-container .journey-card .step-circle {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  background: #2f5a41;
  border-color: #2f5a41;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.preview-container .journey-card h3 {
  margin: 0;
  color: #34483a;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.preview-container .journey-svg {
  display: none;
}

@media (max-width: 1024px) {
  .preview-container .journey-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .preview-container .journey-section {
    padding: 28px 14px;
    border-radius: 18px;
  }

  .preview-container .journey-cards {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .preview-container .journey-card {
    min-height: 180px;
    padding: 24px 20px;
  }
}

/* Stronger brand colors throughout the feature cards. */
.preview-container #transform-section {
  --green: #2f5a41;
  color: #2f5a41;
}

.preview-container #transform-section .transform-title {
  color: #2f5a41;
  font-weight: 700;
}

.preview-container #transform-section .transform-desc {
  color: #34483a;
  opacity: 1;
}

.preview-container #transform-section .transform-card {
  border-color: #a8b9aa;
}

.preview-container #transform-section .icon-depth circle {
  opacity: 1;
}

/* Give the closing message strong contrast against its sage background. */
.preview-container #heading-P7qs1FNbbc :is(h2, span) {
  color: #233b2a !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  line-height: 1.4;
  text-align: center;
}

.preview-container #paragraph-Eo-KsF_jHB :is(p, span) {
  color: #2f4a35 !important;
  font-weight: 600 !important;
  font-size: clamp(20px, 2.2vw, 26px) !important;
  line-height: 1.6;
  text-align: center;
}

/* Keep the biography heading and highlighted credentials readable. */
.preview-container #heading-Q9oFI5e-1p :is(h3, span),
.preview-container #paragraph-ymnjOzvrIo span[style*="--color-sfheeduf"] {
  color: #2f5a41 !important;
}

/* Give the feature-section headings a readable brand-green contrast. */
.preview-container :is(#paragraph-zVOhUnLorU, #paragraph-Dt4YyPsdE8) :is(p, strong, span) {
  color: #2f5a41 !important;
}

/* Center the landing page on phones, including the custom process cards.
   Keep the source desktop/tablet layout and RTL reading direction intact. */
@media (max-width: 767px) {
  .preview-container .mobile-hero-portrait {
    display: block;
    width: min(100%, 360px);
    margin: 24px auto 0;
  }

  .preview-container .mobile-hero-portrait img {
    display: block;
    width: 100%;
    height: auto;
  }

  .preview-container .text-output,
  .preview-container .hebrew,
  .preview-container :is(h1, h2, h3, h4, h5, h6, p),
  .preview-container .c-button,
  .preview-container .transform-card,
  .preview-container .journey-card,
  .preview-container .hl-faq-child-head,
  .preview-container .hl-faq-child-panel,
  .preview-container .site-privacy-notice {
    text-align: center !important;
  }

  .preview-container .journey-card .step-circle {
    margin-inline: auto;
  }

  .preview-container #transform-section .transform-grid {
    padding-inline: 14px;
    gap: 24px;
    align-items: stretch;
  }

  .preview-container #transform-section .transform-card {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
  }

  .preview-container .c-bullet-list .text-output ul {
    padding-inline: 1.5em !important;
  }

  .preview-container .c-bullet-list .text-output ul li {
    padding-inline: 0 !important;
    text-align: center !important;
  }

  .preview-container .hl-faq-child-head {
    flex: 1;
    justify-content: center;
  }
}