/*
 * DeeLumo overrides on top of the cloned hea stylesheet.
 * Loaded last, after the Webflow shared stylesheet, so it wins on
 * equal specificity. Keep rules small and scoped.
 */

/* hea's fact-4 / fact-6 heading carries both the dark-container
 * background (image is light-on-dark) and a "black" text class. Our
 * DeeLumo swap removed the light underlying image, so the now
 * near-black heading sits on a near-black card and disappears.
 * Force the foreground of that specific heading to our warm off-white.
 */
.fact-4,
.fact-6 {
  color: #1A1410 !important;
}
.fact-4 h3, .fact-6 h3,
.fact-4 .fact-info-heading h3,
.fact-6 .fact-info-heading h3,
.fact-info-heading h3.black {
  color: #1A1410 !important;
}
.fact-4 .text-18-regular,
.fact-6 .text-18-regular,
.fact-4 .text-azeret-22-medium,
.fact-6 .text-azeret-22-medium,
.fact-4 div,
.fact-6 div {
  color: #3D342C !important;
}

/*
 * Hea's fact-2 card and cta-info block used hea-branded phone
 * screenshots as background-image. They read as "WhatsApp + Hea UI"
 * and clash with our site palette. Swap the decorative backgrounds
 * for flat gradients using the DeeLumo cool-blue family so the cards
 * keep their visual weight without the third-party UI imagery.
 */
.fact-2 {
  background-image: url('trust-founder.jpg') !important;
  background-position: center !important;
  background-size: cover !important;
  color: #F4F8FF;
  position: relative;
  overflow: hidden;
  min-height: 22em !important;
}
.fact-2-chat {
  position: absolute;
  right: 6%;
  bottom: 38%;
  max-width: 62%;
  z-index: 2;
  pointer-events: none;
}
.fact-2-chat-bubble {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #11151d;
  border-radius: 1.1em 1.1em 0.25em 1.1em;
  padding: 0.65em 0.85em 0.55em;
  box-shadow: 0 8px 28px rgba(17, 21, 29, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.3;
}
.fact-2-chat-name {
  color: #2563eb;
  font-weight: 600;
  font-size: 0.72em;
  margin-bottom: 0.1em;
}
.fact-2-chat-text {
  color: #11151d;
  font-size: 0.85em;
}

.cta-info {
  background-image: linear-gradient(180deg, #e2efff 0%, #c7daf1 100%) !important;
}

/*
 * Founders-pair photo in the value-cards section (replaces hea's
 * happy-senior-couple). Blend into the page background so the
 * rectangular photo edge doesn't clash with the section's pale bg.
 */
.main-responsibility-img {
  border-radius: 1.5em;
  object-fit: contain;
  max-width: 55% !important;
  max-height: 480px !important;
  display: block !important;
  margin: 0 auto !important;
}



/* Hide tryhea bubble SVG */
.h1-tag {
  display: none !important;
}

/* Hero founder image — transparent PNG on gradient */
.main-img-1 {
  background: linear-gradient(135deg, #e8eefa 0%, #dce7ff 40%, #f6e7e0 100%) !important;
  border-radius: 2em;
}
.hero-main-img {
  object-fit: contain !important;
  object-position: bottom center !important;
  opacity: 0.55 !important;
}

/* fact-4: "Need a specialist" — dark photo bg, need light text */
.fact-4 {
  position: relative !important;
}
.fact-4::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  border-radius: inherit;
  z-index: 1;
}
.fact-4 .fact-info {
  position: relative;
  z-index: 2;
}
.fact-4 h3, .fact-4 .text-azeret-22-medium,
.fact-4 .text-18-regular, .fact-4 div {
  color: #FAFAF8 !important;
}

/* Hide phone field in CTA form, show only name */
.iti--allow-dropdown {
  display: none !important;
}

/* Reduce empty space in How it works carousel area */
.steps-wrap {
  min-height: auto !important;
}