.elementor-13225 .elementor-element.elementor-element-1646a8a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4754acc *//* ===== 01-foundation.css ===== */
/* ============================================================
   ЕКОСИСТЕМА психолога · 9-місячна програма Наталії Обушної
   Джерело стилів. Складається build.js у dist/.

   Архітектура:
     • база = ПК-композиція;
     • один рубіж @media (max-width: 720px) = самостійна мобільна;
     • кожен селектор існує максимум у двох місцях файлу.
   ============================================================ */

/* ---------- 1. Шрифти ---------- */

@font-face { font-family: "Bona Nova"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/BonaNova-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Bona Nova"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/BonaNova-Italic.ttf") format("truetype"); font-style: italic; font-weight: 400; font-display: swap; }
@font-face { font-family: "Geologica Auto"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/Geologica_Auto-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Geologica Auto"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/Geologica_Auto-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Geologica Auto"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/Geologica_Auto-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Geologica Auto"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/Geologica_Auto-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/Montserrat-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("https://academy.obushna.pro/wp-content/uploads/2026/07/fonts/Montserrat-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }

/* ---------- 2. Токени ---------- */

#obushna-ecosystem-landing {
  /* Висота шапки сайту; вимірює script.js, потрібна для sticky-навігації. */
  --lp-host-header-height: 0px !important;

  /* Чорнило й нейтралі */
  --ink: #241a17 !important;
  --ink-2: #3a2b25 !important;
  --ink-soft: rgba(36, 26, 23, .72) !important;
  --ink-mute: rgba(36, 26, 23, .58) !important;

  /* Світлі поверхні */
  --porcelain: #fbf6ec !important;
  --linen: #f6efe0 !important;
  --champagne: #f1e6cd !important;
  --sand: #e9dcc0 !important;
  --cream-card: #fffdf8 !important;
  --diagram-cream: #fffaf0 !important;

  /* Бордо */
  --bordo: #7b2636 !important;
  --bordo-2: #681c2a !important;
  --bordo-deep: #4a111c !important;
  --bordo-bright: #a84856 !important;
  --bordo-surface: #701f2d !important;
  --bordo-ink: #24090e !important;
  --rose: #873141 !important;
  --rose-deep: #5e1b28 !important;

  /* Золото й бронза */
  --gold: #c39a4e !important;
  --gold-soft: #d9b877 !important;
  --gold-light: #ecd6a6 !important;
  --gold-deep: #9c7a3f !important;
  /* Для дрібних написів на світлому тлі: #9c7a3f не проходить поріг WCAG
     на жодному з фонів лендінгу (2,81–3,70:1). Цей відтінок дає
     6,98 на фарфорі, 6,57 на льоні, 6,07 на шампані та 5,30 на бежі. */
  --gold-text: #6d4f22 !important;
  --bronze: #9a702c !important;
  --copper: #9a7338 !important;
  --copper-deep: #704d22 !important;
  --gold-rim: linear-gradient(135deg, #8b6428 0%, #f2dca4 25%, #b98b3c 50%, #f5e5b8 76%, #8f692c 100%) !important;

  /* Палітра «Темні коштовні»: послідовність етапів від бордо до бірюзи.
     Порядок обов'язковий — чергування бордо й бірюзи заборонене. */
  --jewel-1: #5a1723 !important;
  --jewel-2: #621b32 !important;
  --jewel-3: #67213e !important;
  --jewel-4: #63304d !important;
  --jewel-5: #593454 !important;
  --jewel-6: #4b3b5d !important;
  --jewel-7: #3a4961 !important;
  --jewel-8: #1f505d !important;
  --jewel-9: #00656d !important;
  --deep-teal: #00656d !important;
  --deep-teal-2: #174f5c !important;

  /* Лінії та тіні */
  --line: rgba(36, 26, 23, .14) !important;
  --line-soft: rgba(36, 26, 23, .09) !important;
  --gold-line: rgba(156, 122, 63, .38) !important;
  --line-on-dark: rgba(236, 214, 166, .20) !important;
  --diagram-line: rgba(122, 46, 56, .16) !important;
  --shadow-soft: 0 24px 60px rgba(74, 40, 30, .10) !important;
  --shadow-card: 0 18px 44px rgba(74, 40, 30, .08) !important;
  --shadow-frame: 0 40px 90px rgba(44, 13, 19, .22) !important;

  /* Типографіка */
  --serif: "Bona Nova", "Georgia", serif !important;
  --sans: "Geologica Auto", "Segoe UI", Arial, sans-serif !important;
  --label: "Montserrat", "Arial", sans-serif !important;
  --t-display: clamp(52.8px, 5vw, 80px) !important;
  --t-section: clamp(37.6px, 3vw, 48px) !important;
  --t-feature: clamp(28px, 2.4vw, 37.6px) !important;
  --t-card: clamp(20.8px, 1.55vw, 24.8px) !important;
  --t-body-lg: 18px !important;
  --t-body: 17px !important;
  --t-body-sm: 15px !important;
  --t-label: 12px !important;

  /* Сітка */
  --shell: min(1230px, calc(100% - 68px)) !important;
  --section-space: clamp(92px, 6.5vw, 112px) !important;
}

/* ---------- 3. База ---------- */

#obushna-ecosystem-landing {
  margin: 0 !important;
  background: var(--porcelain) !important;
  color: var(--ink) !important;
  font-family: var(--sans) !important;
  font-size: var(--t-body) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  overflow-x: clip !important;
}

#obushna-ecosystem-landing *,
#obushna-ecosystem-landing *::before,
#obushna-ecosystem-landing *::after { box-sizing: border-box !important; }

#obushna-ecosystem-landing img { display: block !important; max-width: 100% !important; }
#obushna-ecosystem-landing a { color: inherit !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; }
#obushna-ecosystem-landing p { margin: 0 !important; }
#obushna-ecosystem-landing figure { margin: 0 !important; }
#obushna-ecosystem-landing blockquote { margin: 0 !important; }

#obushna-ecosystem-landing h1,
#obushna-ecosystem-landing h2,
#obushna-ecosystem-landing h3 {
  margin: 0 !important;
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  letter-spacing: -.005em !important;
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1 !important;
}
#obushna-ecosystem-landing h4 { margin: 0 !important; }

#obushna-ecosystem-landing h1 em,
#obushna-ecosystem-landing h2 em { font-style: italic !important; color: var(--bordo) !important; }

/* Темні секції: спільна основа кольору й фону. */
#obushna-ecosystem-landing .lp-dark {
  position: relative !important;
  color: var(--porcelain) !important;
  background:
    radial-gradient(78% 70% at 88% 7%, rgba(168, 72, 86, .22), transparent 62%),
    linear-gradient(115deg, var(--bordo-deep) 0%, var(--bordo-2) 48%, var(--bordo-surface) 100%) !important;
}
#obushna-ecosystem-landing .lp-dark h1,
#obushna-ecosystem-landing .lp-dark h2,
#obushna-ecosystem-landing .lp-dark h3 { color: var(--porcelain) !important; }
#obushna-ecosystem-landing .lp-dark h1 em,
#obushna-ecosystem-landing .lp-dark h2 em { color: var(--gold-light) !important; }

/* Рівні цифри: гротеск із вирівняними за висотою та шириною знаками. */
#obushna-ecosystem-landing .lp-num {
  font-family: var(--sans) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  font-feature-settings: "lnum" 1, "tnum" 1 !important;
  letter-spacing: 0 !important;
}

#obushna-ecosystem-landing .lp-skip {
  position: fixed !important;
  left: 16px !important;
  top: -120px !important;
  z-index: 999 !important;
  padding: 12px 18px !important;
  background: var(--bordo) !important;
  color: #fff !important;
  border-radius: 2px !important;
}
#obushna-ecosystem-landing .lp-skip:focus { top: 16px !important; }

/* ---------- 4. Спільні елементи ---------- */

#obushna-ecosystem-landing .lp-shell {
  width: var(--shell) !important;
  margin-inline: auto !important;
}

#obushna-ecosystem-landing .lp-section { padding: var(--section-space) 0 !important; }

/* Якір не має ховатися під шапкою сайту та навігацією лендінгу. */
#obushna-ecosystem-landing .lp-section[id] { scroll-margin-top: calc(var(--lp-host-header-height, 0px) + 76px) !important; }

/* Золотий штрих-фон у нижній частині світлих секцій. */
#obushna-ecosystem-landing .lp-stripes { position: relative !important; }
#obushna-ecosystem-landing .lp-stripes > .lp-shell { position: relative !important; z-index: 1 !important; }
#obushna-ecosystem-landing .lp-stripes::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 0 !important;
  height: 56% !important;
  pointer-events: none !important;
  opacity: .13 !important;
  background: linear-gradient(90deg, #c39a4e, #9c7a3f, #d9b877, #c39a4e, #9c7a3f, #d9b877, #c39a4e) !important;
  -webkit-mask-image:
    repeating-linear-gradient(90deg, #000 0 1.5px, transparent 1.5px 9px),
    linear-gradient(0deg, #000 0%, #000 5%, transparent 56%) !important;
  -webkit-mask-composite: source-in !important;
  mask-image:
    repeating-linear-gradient(90deg, #000 0 1.5px, transparent 1.5px 9px),
    linear-gradient(0deg, #000 0%, #000 5%, transparent 56%) !important;
  mask-composite: intersect !important;
}

#obushna-ecosystem-landing .lp-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 22px !important;
  color: var(--gold-text) !important;
  font-family: var(--label) !important;
  font-size: var(--t-label) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-eyebrow::before { content: "" !important; width: 34px !important; height: 1px !important; background: var(--gold) !important; }
#obushna-ecosystem-landing .lp-eyebrow.lp-on-dark { color: var(--gold-light) !important; }
#obushna-ecosystem-landing .lp-eyebrow.lp-on-dark::before { background: var(--gold-soft) !important; }
#obushna-ecosystem-landing .lp-eyebrow.lp-eyebrow-center { justify-content: center !important; }

#obushna-ecosystem-landing .lp-head h2 {
  font-size: var(--t-section) !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
}

#obushna-ecosystem-landing .lp-head > p {
  max-width: 66ch !important;
  color: var(--ink-soft) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

#obushna-ecosystem-landing .lp-head-center {
  max-width: 900px !important;
  margin-inline: auto !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-head-center .lp-eyebrow { justify-content: center !important; }
#obushna-ecosystem-landing .lp-head-center > p { margin: 24px auto 0 !important; }

#obushna-ecosystem-landing .lp-head-dark > p { color: rgba(246, 239, 224, .78) !important; }

/* ---------- 5. Кнопки ---------- */

#obushna-ecosystem-landing .lp-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  min-height: 56px !important;
  padding: 15px 28px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-family: var(--label) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

#obushna-ecosystem-landing .lp-btn-gold {
  color: var(--bordo-ink) !important;
  background: linear-gradient(135deg, var(--gold-light), var(--gold-soft)) !important;
  box-shadow: 0 18px 40px rgba(195, 154, 78, .28) !important;
}
#obushna-ecosystem-landing .lp-btn-gold:hover,
#obushna-ecosystem-landing .lp-btn-gold:focus-visible {
  background: linear-gradient(135deg, #f2e2ba, var(--gold)) !important;
  box-shadow: 0 24px 50px rgba(195, 154, 78, .36) !important;
}

#obushna-ecosystem-landing .lp-btn-bordo {
  color: #fff8e9 !important;
  background: linear-gradient(135deg, var(--bordo-bright) 0%, var(--bordo) 48%, var(--bordo-deep) 100%) !important;
  border-color: rgba(236, 214, 166, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    inset 0 0 0 1px rgba(236, 214, 166, .15),
    0 20px 44px rgba(49, 12, 18, .32) !important;
}
#obushna-ecosystem-landing .lp-btn-bordo:hover,
#obushna-ecosystem-landing .lp-btn-bordo:focus-visible {
  background: linear-gradient(135deg, #b45361 0%, var(--bordo) 46%, #280b10 100%) !important;
  border-color: rgba(236, 214, 166, .7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    0 25px 52px rgba(49, 12, 18, .42) !important;
}

/* ---------- 6. Навігація лендінгу ---------- */

#obushna-ecosystem-landing .lp-nav {
  position: sticky !important;
  top: var(--lp-host-header-height, 0px) !important;
  z-index: 90 !important;
  width: 100% !important;
  background: rgba(251, 246, 236, .94) !important;
  border-bottom: 1px solid var(--gold-line) !important;
  box-shadow: 0 8px 24px rgba(71, 29, 33, .06) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  transition: top .18s ease, background .24s ease, box-shadow .24s ease !important;
}
#obushna-ecosystem-landing .lp-nav.lp-scrolled {
  background: rgba(251, 246, 236, .98) !important;
  box-shadow: 0 12px 30px rgba(71, 29, 33, .1) !important;
}

#obushna-ecosystem-landing .lp-nav-bar {
  display: flex !important;
  align-items: center !important;
  gap: clamp(24px, 3.5vw, 54px) !important;
  min-height: 58px !important;
}

#obushna-ecosystem-landing .lp-nav-links {
  display: flex !important;
  flex: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(26px, 4.2vw, 64px) !important;
}
#obushna-ecosystem-landing .lp-nav-links a {
  color: var(--ink-soft) !important;
  font-family: var(--label) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  transition: color .2s ease !important;
}
#obushna-ecosystem-landing .lp-nav-links a:hover,
#obushna-ecosystem-landing .lp-nav-links a:focus-visible { color: var(--bordo) !important; }

#obushna-ecosystem-landing .lp-nav-cta {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  border: 1px solid var(--gold-line) !important;
  border-radius: 2px !important;
  color: var(--bordo) !important;
  font-family: var(--label) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease !important;
}
#obushna-ecosystem-landing .lp-nav-cta:hover,
#obushna-ecosystem-landing .lp-nav-cta:focus-visible {
  background: var(--bordo) !important;
  border-color: var(--bordo) !important;
  color: var(--porcelain) !important;
}

/* ===== 02-hero.css ===== */
/* ============================================================
   БЛОК 1 · Перший екран
   ============================================================ */

#obushna-ecosystem-landing .lp-hero {
  position: relative !important;
  overflow: hidden !important;
  padding-bottom: 120px !important;
  color: var(--porcelain) !important;
  background:
    linear-gradient(rgba(236, 214, 166, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 214, 166, .045) 1px, transparent 1px),
    radial-gradient(80% 90% at 92% 8%, rgba(168, 72, 86, .22), transparent 58%),
    linear-gradient(125deg, #3f0d16, var(--bordo-2) 58%, #7e293a) !important;
  background-size: 40px 40px, 40px 40px, auto, auto !important;
}

/* Велика декоративна дев'ятка. */
#obushna-ecosystem-landing .lp-hero-watermark {
  position: absolute !important;
  right: -2vw !important;
  bottom: -9vw !important;
  z-index: 1 !important;
  color: rgba(236, 214, 166, .045) !important;
  font-family: var(--sans) !important;
  font-size: min(48vw, 720px) !important;
  font-weight: 500 !important;
  line-height: .8 !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  font-feature-settings: "lnum" 1, "tnum" 1 !important;
  pointer-events: none !important;
  user-select: none !important;
}

/* Сітка першого екрана: ліва колонка — текст і маршрут, права — фото.
   Обгортки lp-hero-copy / lp-hero-after на мобільному стають display: contents,
   тому порядок елементів там перебудовується без дублювання розмітки. */
#obushna-ecosystem-landing .lp-hero-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: clamp(42px, 5vw, 80px) !important;
  row-gap: 30px !important;
  align-items: center !important;
  min-height: 900px !important;
  padding-top: clamp(72px, 6vw, 96px) !important;
  padding-bottom: 96px !important;
}

#obushna-ecosystem-landing .lp-hero-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  max-width: 700px !important;
}
#obushna-ecosystem-landing .lp-hero-after {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  margin-top: 8px !important;
}
#obushna-ecosystem-landing .lp-hero-figure {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
}

#obushna-ecosystem-landing .lp-hero-eyebrow { margin-bottom: 20px !important; }

#obushna-ecosystem-landing .lp-hero-pill {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  padding: 11px 18px !important;
  color: var(--bordo-deep) !important;
  background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
  border-radius: 999px !important;
  font-family: var(--label) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

#obushna-ecosystem-landing .lp-hero-title {
  max-width: 680px !important;
  color: var(--porcelain) !important;
  font-size: clamp(65.6px, 5.4vw, 78.4px) !important;
  line-height: .96 !important;
}
#obushna-ecosystem-landing .lp-hero-title em {
  display: block !important;
  color: var(--gold-light) !important;
  font-size: .86em !important;
  letter-spacing: .015em !important;
}

#obushna-ecosystem-landing .lp-hero-lead {
  max-width: 62ch !important;
  margin-top: 22px !important;
  color: rgba(246, 239, 224, .78) !important;
  font-size: 17.6px !important;
  line-height: 1.62 !important;
}

/* Три картки орієнтації: починаємо з / вибудовуємо / результат. */
#obushna-ecosystem-landing .lp-hero-orientation {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}
#obushna-ecosystem-landing .lp-hero-orientation article {
  position: relative !important;
  overflow: hidden !important;
  min-height: 132px !important;
  padding: 22px 20px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035)) !important;
  border-top: 2px solid var(--gold) !important;
  box-shadow: inset 0 0 0 1px rgba(236, 214, 166, .08) !important;
}
#obushna-ecosystem-landing .lp-hero-orientation article::after {
  content: "" !important;
  position: absolute !important;
  right: -28px !important;
  bottom: -42px !important;
  width: 105px !important;
  height: 105px !important;
  border: 18px solid rgba(236, 214, 166, .055) !important;
  border-radius: 50% !important;
}
#obushna-ecosystem-landing .lp-hero-orientation small {
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-hero-orientation p {
  margin-top: 10px !important;
  color: rgba(251, 246, 236, .76) !important;
  font-size: 14.4px !important;
  line-height: 1.55 !important;
}

/* Три ключові цифри: 9 місяців / 3 250 / 25 500. */
#obushna-ecosystem-landing .lp-hero-facts {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: rgba(236, 214, 166, .18) !important;
  border: 1px solid rgba(236, 214, 166, .18) !important;
}
#obushna-ecosystem-landing .lp-hero-facts li {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 16px 10px !important;
  background: rgba(255, 255, 255, .05) !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-hero-facts strong {
  color: #f3e3bc !important;
  font-size: clamp(24.8px, 2.2vw, 32px) !important;
  line-height: 1.05 !important;
}
#obushna-ecosystem-landing .lp-hero-facts span {
  margin-top: 6px !important;
  color: rgba(251, 246, 236, .86) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

/* Маршрут із дев'яти кроків: два ряди 5 + 4, другий зі зсувом. */
#obushna-ecosystem-landing .lp-hero-route {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  justify-content: center !important;
  gap: 20px 0 !important;
  width: min(100%, 860px) !important;
  margin: 30px auto 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#obushna-ecosystem-landing .lp-hero-route li {
  position: relative !important;
  z-index: 1 !important;
  grid-column: span 2 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-hero-route li:nth-child(6) { grid-column: 2 / span 2 !important; }
#obushna-ecosystem-landing .lp-hero-route li:nth-child(7) { grid-column: 4 / span 2 !important; }
#obushna-ecosystem-landing .lp-hero-route li:nth-child(8) { grid-column: 6 / span 2 !important; }
#obushna-ecosystem-landing .lp-hero-route li:nth-child(9) { grid-column: 8 / span 2 !important; }
#obushna-ecosystem-landing .lp-hero-route li::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 17px !important;
  left: 50% !important;
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--gold), rgba(236, 214, 166, .22)) !important;
}
#obushna-ecosystem-landing .lp-hero-route li:nth-child(5)::after,
#obushna-ecosystem-landing .lp-hero-route li:nth-child(9)::after { display: none !important; }
#obushna-ecosystem-landing .lp-hero-route span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  color: var(--bordo-deep) !important;
  background: linear-gradient(145deg, var(--gold-light), var(--gold)) !important;
  border: 3px solid rgba(79, 23, 32, .82) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px rgba(24, 4, 9, .2) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
#obushna-ecosystem-landing .lp-hero-route strong {
  color: rgba(251, 246, 236, .7) !important;
  font-family: var(--label) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-hero-route li:last-child strong { color: var(--gold-light) !important; }

#obushna-ecosystem-landing .lp-hero-actions {
  display: flex !important;
  width: min(100%, 860px) !important;
  margin: 34px auto 0 !important;
}
#obushna-ecosystem-landing .lp-hero-actions .lp-btn {
  width: 100% !important;
  min-height: 68px !important;
  padding: 18px 32px !important;
  color: var(--bordo-deep) !important;
  background: linear-gradient(112deg, #9c7a3f 0%, #d2ad62 36%, #f0dcaa 68%, #b88b36 100%) !important;
  border: 1px solid rgba(255, 245, 216, .82) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 42px rgba(20, 3, 8, .32), inset 0 1px 0 rgba(255, 255, 255, .58) !important;
  font-size: 16px !important;
  letter-spacing: .11em !important;
}
#obushna-ecosystem-landing .lp-hero-actions .lp-btn:hover,
#obushna-ecosystem-landing .lp-hero-actions .lp-btn:focus-visible {
  background: linear-gradient(112deg, #ad8744 0%, #e1bf75 38%, #f6e8c3 68%, #c69a43 100%) !important;
}

/* Фото Наталії зі зміщеною декоративною рамкою. */
#obushna-ecosystem-landing .lp-hero-figure {
  position: relative !important;
  z-index: 2 !important;
  justify-self: end !important;
  width: min(100%, 455px) !important;
}
#obushna-ecosystem-landing .lp-hero-figure::before {
  content: "" !important;
  position: absolute !important;
  inset: 20px -18px -18px 18px !important;
  z-index: 0 !important;
  border: 3px solid #d9b66e !important;
  box-shadow: 0 0 24px rgba(217, 182, 110, .12) !important;
}
#obushna-ecosystem-landing .lp-hero-portrait {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  aspect-ratio: 4 / 5.55 !important;
  border: 3px solid transparent !important;
  background: var(--gold-rim) border-box !important;
  box-shadow:
    0 0 0 1px rgba(255, 249, 228, .7) inset,
    var(--shadow-frame) !important;
}
#obushna-ecosystem-landing .lp-hero-portrait img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 38% !important;
}
#obushna-ecosystem-landing .lp-hero-portrait::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 55%, rgba(30, 12, 14, .35)) !important;
}
#obushna-ecosystem-landing .lp-hero-creator {
  position: absolute !important;
  right: -18px !important;
  bottom: -54px !important;
  left: 18px !important;
  z-index: 3 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  color: var(--bordo-deep) !important;
  background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
  font-family: var(--label) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .05em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* Хвиля на переході до наступної секції. */
#obushna-ecosystem-landing .lp-hero-curve {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  z-index: 4 !important;
  line-height: 0 !important;
  pointer-events: none !important;
}
#obushna-ecosystem-landing .lp-hero-curve svg {
  display: block !important;
  width: 100% !important;
  height: clamp(58px, 7vw, 104px) !important;
}
#obushna-ecosystem-landing .lp-curve-fill { fill: var(--porcelain) !important; }
#obushna-ecosystem-landing .lp-curve-line {
  fill: none !important;
  stroke: url(#lpCurveGrad) !important;
  stroke-width: 2.5 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 5px rgba(122, 46, 56, .45)) !important;
}

/* ===== 03-why.css ===== */
/* ============================================================
   БЛОК 2 · Чому ця програма потрібна — шість питань ідентичності
   ============================================================ */

#obushna-ecosystem-landing .lp-why {
  overflow: hidden !important;
  background-color: var(--porcelain) !important;
}

#obushna-ecosystem-landing .lp-head-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .7fr) !important;
  gap: clamp(42px, 6vw, 92px) !important;
  align-items: end !important;
}
#obushna-ecosystem-landing .lp-head-split > p { margin-bottom: 5px !important; }

/* Шість кіл у два ряди зі зсувом; заповнення росте рівними частками 1/6…6/6,
   а колір іде строго за палітрою від бордо до бірюзи. */
#obushna-ecosystem-landing .lp-why-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 242px) !important;
  place-items: center !important;
  gap: 0 !important;
  width: min(100%, 1220px) !important;
  margin: 66px auto 0 !important;
}

#obushna-ecosystem-landing .lp-why-item {
  --lp-tone: var(--jewel-1) !important;
  --lp-fill: 16.666% !important;
  position: relative !important;
  display: grid !important;
  place-content: center !important;
  justify-items: center !important;
  gap: 10px !important;
  width: 222px !important;
  height: 222px !important;
  padding: 0 30px !important;
  overflow: visible !important;
  text-align: center !important;
  border: 3px solid transparent !important;
  border-radius: 50% !important;
  background:
    conic-gradient(var(--lp-tone) 0 var(--lp-fill), var(--lp-tone) var(--lp-fill) 100%) padding-box,
    var(--gold-rim) border-box !important;
  background:
    conic-gradient(var(--lp-tone) 0 var(--lp-fill), color-mix(in srgb, var(--lp-tone) 17%, #f6efe0) var(--lp-fill) 100%) padding-box,
    var(--gold-rim) border-box !important;
  box-shadow:
    0 0 0 1px rgba(255, 249, 228, .72) inset,
    13px 14px 0 rgba(74, 40, 30, .075),
    0 18px 34px rgba(74, 17, 28, .17) !important;
}

#obushna-ecosystem-landing .lp-why-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  background: linear-gradient(145deg, #fffefa 8%, #f2e6cc) !important;
  border: 1px solid rgba(156, 122, 63, .28) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 5px 14px rgba(255, 255, 255, .9) !important;
}
#obushna-ecosystem-landing .lp-why-item::after {
  content: "" !important;
  position: absolute !important;
  inset: 20px !important;
  border: 1px solid var(--lp-tone) !important;
  border: 1px solid color-mix(in srgb, var(--lp-tone) 32%, transparent) !important;
  border-radius: 50% !important;
}

/* Номер і текст — одна група, вирівняна по центру висоти кола.
   Ширина тексту обмежена так, щоб рядки не перетинали внутрішню рамку. */
#obushna-ecosystem-landing .lp-why-item > span {
  position: relative !important;
  z-index: 2 !important;
  color: var(--lp-tone) !important;
  font-family: var(--sans) !important;
  font-size: 30.4px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-why-item p {
  position: relative !important;
  z-index: 2 !important;
  max-width: 150px !important;
  margin: 0 !important;
  color: var(--ink-2) !important;
  font-family: var(--sans) !important;
  font-size: 15.04px !important;
  line-height: 1.34 !important;
  text-wrap: balance !important;
}
#obushna-ecosystem-landing .lp-why-item p strong {
  color: var(--lp-tone) !important;
  font-weight: 400 !important;
}

#obushna-ecosystem-landing .lp-why-item:nth-child(1) { grid-area: 1 / 1 / 2 / 3 !important; --lp-tone: var(--jewel-1) !important; --lp-fill: 16.666% !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(2) { grid-area: 2 / 2 / 3 / 4 !important; --lp-tone: var(--jewel-3) !important; --lp-fill: 33.333% !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(3) { grid-area: 1 / 3 / 2 / 5 !important; --lp-tone: var(--jewel-5) !important; --lp-fill: 50% !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(4) { grid-area: 2 / 4 / 3 / 6 !important; --lp-tone: var(--jewel-6) !important; --lp-fill: 66.667% !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(5) { grid-area: 1 / 5 / 2 / 7 !important; --lp-tone: var(--jewel-8) !important; --lp-fill: 83.333% !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(6) { grid-area: 2 / 6 / 3 / 8 !important; --lp-tone: var(--jewel-9) !important; --lp-fill: 100% !important; }

/* Підсумкова цитата блоку. */
#obushna-ecosystem-landing .lp-principle {
  position: relative !important;
  width: min(100%, 1040px) !important;
  margin: 40px auto 0 !important;
  padding: 38px clamp(34px, 6vw, 80px) !important;
  overflow: hidden !important;
  color: var(--porcelain) !important;
  background: linear-gradient(125deg, var(--bordo-deep), var(--bordo)) !important;
  border-left: 4px solid var(--gold) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow-card) !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-principle p {
  position: relative !important;
  z-index: 1 !important;
  max-width: 40ch !important;
  margin-inline: auto !important;
  font-family: var(--serif) !important;
  font-size: clamp(22.4px, 2vw, 29.6px) !important;
  line-height: 1.42 !important;
}
#obushna-ecosystem-landing .lp-principle strong {
  color: var(--gold-light) !important;
  font-weight: 400 !important;
}
#obushna-ecosystem-landing .lp-principle-mark {
  position: absolute !important;
  right: 25px !important;
  top: -24px !important;
  color: rgba(236, 214, 166, .12) !important;
  font-family: var(--serif) !important;
  font-size: 160px !important;
  line-height: 1 !important;
}

/* ===== 04-eco.css ===== */
/* ============================================================
   БЛОК 3 · Що таке ЕКОСИСТЕМА психолога
   Ядро «Я» — чотири контури — маршрут із дев'яти прапорців.
   ============================================================ */

#obushna-ecosystem-landing .lp-eco {
  overflow: hidden !important;
  background:
    linear-gradient(rgba(236, 214, 166, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 214, 166, .055) 1px, transparent 1px),
    radial-gradient(70% 80% at 100% 10%, rgba(168, 72, 86, .25), transparent 68%),
    linear-gradient(125deg, var(--bordo-deep), var(--bordo-2)) !important;
  background-size: 42px 42px, 42px 42px, auto, auto !important;
}

#obushna-ecosystem-landing .lp-eco-grid {
  display: grid !important;
  grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr) !important;
  gap: 56px 72px !important;
  align-items: center !important;
  margin-top: 56px !important;
}

/* Ядро системи. */
#obushna-ecosystem-landing .lp-eco-wheel {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: min(100%, 420px) !important;
  aspect-ratio: 1 !important;
  margin-inline: auto !important;
  border: 13px solid rgba(255, 250, 240, .95) !important;
  border-radius: 50% !important;
  background: conic-gradient(
    var(--jewel-1) 0 25%,
    var(--jewel-3) 25% 50%,
    var(--jewel-6) 50% 75%,
    var(--jewel-9) 75% 100%
  ) !important;
  box-shadow: 0 28px 70px rgba(24, 4, 9, .34) !important;
}
#obushna-ecosystem-landing .lp-eco-wheel::before,
#obushna-ecosystem-landing .lp-eco-wheel::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
#obushna-ecosystem-landing .lp-eco-wheel::before {
  inset: 17% !important;
  background: var(--bordo-deep) !important;
  border: 2px solid var(--gold-light) !important;
  box-shadow: 0 0 0 18px rgba(255, 250, 240, .72), 0 0 0 20px rgba(195, 154, 78, .38) !important;
}
#obushna-ecosystem-landing .lp-eco-wheel::after {
  inset: -34px !important;
  border: 1px dashed rgba(236, 214, 166, .28) !important;
}
#obushna-ecosystem-landing .lp-eco-core {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 9px !important;
  color: var(--porcelain) !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-eco-core span {
  color: var(--gold-light) !important;
  font-family: var(--serif) !important;
  font-size: clamp(72px, 8vw, 112px) !important;
  line-height: .8 !important;
}
#obushna-ecosystem-landing .lp-eco-core small {
  font-family: var(--label) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* Чотири контури: індекс чергується зліва та справа. */
#obushna-ecosystem-landing .lp-eco-contours {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#obushna-ecosystem-landing .lp-eco-contours::before,
#obushna-ecosystem-landing .lp-eco-contours::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
}
#obushna-ecosystem-landing .lp-eco-contours::before {
  width: 72% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(236, 214, 166, .28), transparent) !important;
}
#obushna-ecosystem-landing .lp-eco-contours::after {
  width: 1px !important;
  height: 72% !important;
  background: linear-gradient(transparent, rgba(236, 214, 166, .28), transparent) !important;
}

#obushna-ecosystem-landing .lp-eco-contours li {
  --lp-tone: var(--jewel-1) !important;
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 164px !important;
  padding: 22px 20px !important;
  background: rgba(28, 9, 16, .2) !important;
  border: 1px solid var(--lp-tone) !important;
  border: 1px solid color-mix(in srgb, var(--lp-tone) 52%, var(--gold-light)) !important;
  border-radius: 20px !important;
  box-shadow: 9px 10px 0 rgba(9, 2, 7, .12), 0 18px 38px rgba(9, 2, 7, .16) !important;
}
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(2) { --lp-tone: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(3) { --lp-tone: var(--jewel-7) !important; }
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(4) { --lp-tone: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-eco-contours li:nth-child(even) {
  grid-template-columns: minmax(0, 1fr) 72px !important;
  text-align: right !important;
}
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(even) .lp-eco-index { grid-column: 2 !important; grid-row: 1 !important; }
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(even) > div { grid-column: 1 !important; grid-row: 1 !important; }

#obushna-ecosystem-landing .lp-eco-contours li > div { min-width: 0 !important; }

#obushna-ecosystem-landing .lp-eco-index {
  display: grid !important;
  place-items: center !important;
  width: 68px !important;
  height: 68px !important;
  color: var(--porcelain) !important;
  background: linear-gradient(145deg, var(--lp-tone), var(--lp-tone)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--lp-tone) 72%, var(--gold)), var(--lp-tone)) !important;
  border: 7px solid rgba(236, 214, 166, .15) !important;
  border-radius: 50% !important;
  box-shadow: 7px 8px 0 rgba(9, 2, 7, .12), 0 10px 22px rgba(9, 2, 7, .2) !important;
  font-size: 16px !important;
}

#obushna-ecosystem-landing .lp-eco-contours small {
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-eco-contours strong {
  display: block !important;
  margin-top: 7px !important;
  color: var(--porcelain) !important;
  font-family: var(--serif) !important;
  font-size: clamp(20.8px, 1.55vw, 24.8px) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
#obushna-ecosystem-landing .lp-eco-contours p {
  margin-top: 12px !important;
  color: rgba(251, 246, 236, .88) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Маршрут: дев'ять прапорців зі зростаючим зсувом, колір іде за палітрою. */
#obushna-ecosystem-landing .lp-eco-route {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 9px !important;
  width: min(100%, 980px) !important;
  margin: 4px auto 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#obushna-ecosystem-landing .lp-eco-route li {
  --lp-route-tone: var(--jewel-1) !important;
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  align-items: center !important;
  width: calc(100% - 96px) !important;
  min-height: 54px !important;
  padding: 0 50px 0 42px !important;
  color: var(--porcelain) !important;
  background: linear-gradient(100deg, var(--lp-route-tone), var(--lp-route-tone)) !important;
  background: linear-gradient(100deg, var(--lp-route-tone), color-mix(in srgb, var(--lp-route-tone) 70%, var(--gold))) !important;
  clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%, 3% 50%) !important;
  filter: drop-shadow(7px 7px 0 rgba(15, 4, 9, .12)) !important;
}
#obushna-ecosystem-landing .lp-eco-route li:nth-child(2) { --lp-route-tone: var(--jewel-2) !important; margin-left: 12px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(3) { --lp-route-tone: var(--jewel-3) !important; margin-left: 24px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(4) { --lp-route-tone: var(--jewel-4) !important; margin-left: 36px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(5) { --lp-route-tone: var(--jewel-5) !important; margin-left: 48px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(6) { --lp-route-tone: var(--jewel-6) !important; margin-left: 60px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(7) { --lp-route-tone: var(--jewel-7) !important; margin-left: 72px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(8) { --lp-route-tone: var(--jewel-8) !important; margin-left: 84px !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(9) { --lp-route-tone: var(--jewel-9) !important; margin-left: 96px !important; }

#obushna-ecosystem-landing .lp-eco-route b {
  font-family: var(--sans) !important;
  font-size: 15.2px !important;
  font-weight: 600 !important;
}
#obushna-ecosystem-landing .lp-eco-route span {
  color: var(--porcelain) !important;
  font-family: var(--label) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
/* Фінальний крок — акцент розміром і золотом. */
#obushna-ecosystem-landing .lp-eco-route .lp-eco-route-last {
  color: var(--gold-light) !important;
  font-size: 19.2px !important;
  letter-spacing: .05em !important;
}

/* ===== 05-audience.css ===== */
/* ============================================================
   БЛОК 4 · Для кого програма
   Чотири картки з реальними фото та бордовим затемненням знизу.
   ============================================================ */

#obushna-ecosystem-landing .lp-audience {
  background:
    repeating-linear-gradient(90deg, rgba(90, 23, 35, .055) 0 1px, transparent 1px 24px),
    linear-gradient(180deg, #e4d7c1 0%, #efe4d2 54%, #e8dbc6 100%) !important;
}

#obushna-ecosystem-landing .lp-audience-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin-top: 52px !important;
}

#obushna-ecosystem-landing .lp-audience-card {
  position: relative !important;
  min-height: 390px !important;
  overflow: hidden !important;
  background: var(--cream-card) !important;
  border: 1px solid var(--gold-line) !important;
  border-radius: 24px 24px 8px 8px !important;
  box-shadow: var(--shadow-card) !important;
}
#obushna-ecosystem-landing .lp-audience-card > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 390px !important;
  object-fit: cover !important;
}
/* Затемнення знизу — умова читабельності тексту поверх фото. */
#obushna-ecosystem-landing .lp-audience-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg,
    transparent 8%,
    rgba(24, 12, 9, .36) 22%,
    rgba(40, 15, 18, .92) 42%,
    rgba(40, 15, 18, .96) 100%) !important;
}
/* Золотий куточок. */
#obushna-ecosystem-landing .lp-audience-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 18px !important;
  right: 18px !important;
  width: 42px !important;
  height: 42px !important;
  border-top: 1px solid var(--gold-light) !important;
  border-right: 1px solid var(--gold-light) !important;
}

#obushna-ecosystem-landing .lp-audience-copy {
  position: absolute !important;
  z-index: 1 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  padding: 34px 36px !important;
  color: var(--porcelain) !important;
}
#obushna-ecosystem-landing .lp-audience-copy > span {
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-audience-copy h3 {
  margin-top: 8px !important;
  color: var(--porcelain) !important;
  font-size: clamp(26.4px, 2.1vw, 32px) !important;
  line-height: 1.18 !important;
}
#obushna-ecosystem-landing .lp-audience-copy p {
  max-width: 52ch !important;
  margin-top: 12px !important;
  color: rgba(251, 246, 236, .78) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#obushna-ecosystem-landing .lp-audience-key {
  width: min(100%, 960px) !important;
  margin: 36px auto 0 !important;
  padding: 24px 32px !important;
  color: var(--ink-soft) !important;
  background: rgba(255, 253, 248, .78) !important;
  border: 1px solid var(--gold-line) !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-audience-key strong { color: var(--bordo) !important; }

/* ===== 06-results.css ===== */
/* ============================================================
   БЛОК 5 · Що ви отримаєте за 9 місяців
   Дев'ять карток: кольорова верхня смуга + круг номера.
   ============================================================ */

#obushna-ecosystem-landing .lp-results {
  overflow: hidden !important;
  background:
    radial-gradient(70% 60% at 100% 0%, rgba(0, 101, 109, .055), transparent 72%),
    linear-gradient(180deg, #fffdf8 0%, #f4ead8 100%) !important;
}

#obushna-ecosystem-landing .lp-results-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 44px 22px !important;
  margin-top: 52px !important;
  padding-top: 26px !important;
}

#obushna-ecosystem-landing .lp-result {
  --lp-tone: var(--jewel-1) !important;
  position: relative !important;
  min-height: 210px !important;
  padding: 112px 25px 24px !important;
  overflow: visible !important;
  color: var(--ink) !important;
  /* Помітна золота кромка 3 px із м'яким бліком. */
  background:
    linear-gradient(155deg, #fffefa 0%, #eee1ca 100%) padding-box,
    linear-gradient(135deg, #8f692c 0%, #f2dca4 28%, #b98b3c 53%, #f3dfa9 77%, #8b6428 100%) border-box !important;
  border: 3px solid transparent !important;
  border-radius: 22px !important;
  box-shadow:
    0 0 0 1px rgba(255, 248, 224, .72) inset,
    12px 13px 0 rgba(74, 40, 30, .075),
    0 22px 44px rgba(74, 40, 30, .11) !important;
}

/* Кольорова смуга етапу вгорі картки. */
#obushna-ecosystem-landing .lp-result::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  width: auto !important;
  height: 64px !important;
  background: linear-gradient(
    105deg,
    var(--lp-tone) 0%,
    var(--lp-tone) 56%,
    var(--lp-tone) 100%
  ) !important;
  background: linear-gradient(
    105deg,
    color-mix(in srgb, var(--lp-tone) 82%, #16090d) 0%,
    var(--lp-tone) 56%,
    color-mix(in srgb, var(--lp-tone) 88%, #ffffff) 100%
  ) !important;
  border: 0 !important;
  border-radius: 20px 20px 0 0 !important;
}

/* Круг номера не перетинається з текстом: під нього віддано верхній padding. */
#obushna-ecosystem-landing .lp-result > span {
  position: absolute !important;
  top: 19px !important;
  left: 24px !important;
  display: grid !important;
  place-items: center !important;
  width: 76px !important;
  height: 76px !important;
  color: var(--lp-tone) !important;
  background: linear-gradient(145deg, #fffefa, var(--gold-light)) !important;
  border: 7px solid var(--porcelain) !important;
  border-radius: 50% !important;
  box-shadow: 0 13px 28px rgba(28, 7, 15, .22) !important;
  font-family: var(--sans) !important;
  font-size: 20.8px !important;
  font-weight: 600 !important;
}

#obushna-ecosystem-landing .lp-result p {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: var(--ink-soft) !important;
  font-size: 15.68px !important;
  line-height: 1.5 !important;
}
#obushna-ecosystem-landing .lp-result strong {
  color: var(--lp-tone) !important;
  font-weight: 700 !important;
}

#obushna-ecosystem-landing .lp-result:nth-child(1) { --lp-tone: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(2) { --lp-tone: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(3) { --lp-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(4) { --lp-tone: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(5) { --lp-tone: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(6) { --lp-tone: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(7) { --lp-tone: var(--jewel-7) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(8) { --lp-tone: var(--jewel-8) !important; }
#obushna-ecosystem-landing .lp-result:nth-child(9) { --lp-tone: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-results-statement {
  width: min(100%, 920px) !important;
  margin: 40px auto 0 !important;
  padding: 26px 34px !important;
  color: var(--porcelain) !important;
  background: linear-gradient(120deg, var(--bordo-deep), var(--bordo)) !important;
  border: 1px solid rgba(195, 154, 78, .58) !important;
  border-radius: 14px !important;
  font-family: var(--serif) !important;
  font-size: clamp(21.6px, 1.8vw, 27.2px) !important;
  line-height: 1.35 !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-results-statement strong {
  color: var(--gold-light) !important;
  font-weight: 400 !important;
}

/* ===== 07-diff.css ===== */
/* ============================================================
   БЛОК 6 · Не ще один курс із просування
   Теза й пояснення — окремі елементи, тому злипнутися не можуть.
   ============================================================ */

#obushna-ecosystem-landing .lp-diff { background: linear-gradient(180deg, #fffdf8, #f7f0e3) !important; }

#obushna-ecosystem-landing .lp-diff-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 52px !important;
  border: 0 !important;
}

#obushna-ecosystem-landing .lp-diff-row {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
  min-height: 124px !important;
  margin: 0 !important;
  padding: 22px 26px !important;
  color: var(--ink) !important;
  background: rgba(255, 253, 248, .84) !important;
  border: 1px solid rgba(156, 122, 63, .2) !important;
  border-left: 3px solid var(--gold) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 38px rgba(74, 40, 30, .065) !important;
}
#obushna-ecosystem-landing .lp-diff-row:last-child { grid-column: 1 / -1 !important; }

#obushna-ecosystem-landing .lp-diff-row > span {
  display: grid !important;
  place-items: center !important;
  color: var(--gold-text) !important;
  font-family: var(--serif) !important;
  font-size: 19.2px !important;
  text-align: center !important;
}

#obushna-ecosystem-landing .lp-diff-copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}
/* Теза відокремлена від пояснення золотою лінією. */
#obushna-ecosystem-landing .lp-diff-copy h3 {
  padding-bottom: 9px !important;
  color: var(--bordo-deep) !important;
  font-family: var(--serif) !important;
  font-size: 20.48px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  font-variant-numeric: normal !important;
  font-feature-settings: normal !important;
  border-bottom: 3px solid var(--gold) !important;
}
#obushna-ecosystem-landing .lp-diff-copy p {
  color: var(--ink-soft) !important;
  font-size: 15.04px !important;
  line-height: 1.45 !important;
}
#obushna-ecosystem-landing .lp-diff-copy b {
  color: var(--deep-teal) !important;
  font-weight: 700 !important;
}

#obushna-ecosystem-landing .lp-diff-quote {
  position: relative !important;
  width: min(100%, 1030px) !important;
  margin: 42px auto 0 !important;
  padding: 36px clamp(32px, 6vw, 78px) !important;
  color: var(--ink) !important;
  background: linear-gradient(135deg, rgba(236, 214, 166, .42), rgba(255, 253, 248, .96)) !important;
  border: 1px solid var(--gold-line) !important;
  border-left: 4px solid var(--bordo) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(74, 40, 30, .08) !important;
  font-family: var(--serif) !important;
  font-size: clamp(23.2px, 2vw, 29.6px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  text-align: center !important;
}

/* ===== 08-duration.css ===== */
/* ============================================================
   БЛОК 7 · Чому саме 9 місяців
   Композиція фази: кругова діаграма — з'єднувач — світла картка.
   Вертикальна лінія крізь діаграми не використовується.
   ============================================================ */

#obushna-ecosystem-landing .lp-duration {
  background:
    linear-gradient(rgba(236, 214, 166, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 214, 166, .05) 1px, transparent 1px),
    radial-gradient(70% 100% at 100% 0, rgba(168, 72, 86, .25), transparent 62%),
    linear-gradient(125deg, var(--bordo-deep), var(--bordo-2)) !important;
  background-size: 38px 38px, 38px 38px, auto, auto !important;
}

#obushna-ecosystem-landing .lp-phases {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
  margin: 56px 0 0 !important;
  padding: 0 0 38px !important;
  list-style: none !important;
}

#obushna-ecosystem-landing .lp-phases li {
  --lp-tone: var(--jewel-1) !important;
  position: relative !important;
  display: grid !important;
  grid-template-rows: 124px 34px minmax(190px, 1fr) !important;
  justify-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-phases li:nth-child(1) { --lp-tone: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-phases li:nth-child(2) { --lp-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-phases li:nth-child(3) { --lp-tone: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-phases li:nth-child(4) { --lp-tone: var(--jewel-9) !important; }

/* Пунктирний з'єднувач між діаграмою та карткою. */
#obushna-ecosystem-landing .lp-phases li::before {
  content: "" !important;
  grid-row: 2 !important;
  width: 1px !important;
  height: 34px !important;
  border-left: 2px dashed rgba(236, 214, 166, .55) !important;
}
/* Лінія фази під карткою — не перетинає діаграми. */
#obushna-ecosystem-landing .lp-phases li::after {
  content: "" !important;
  position: absolute !important;
  top: auto !important;
  right: 15% !important;
  bottom: -30px !important;
  left: 15% !important;
  display: block !important;
  width: auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--lp-tone), var(--gold), transparent) !important;
}
#obushna-ecosystem-landing .lp-phases li:last-child::after { display: none !important; }

#obushna-ecosystem-landing .lp-phase-ring {
  position: relative !important;
  grid-row: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 116px !important;
  height: 116px !important;
  border: 5px solid transparent !important;
  border-radius: 50% !important;
  background:
    conic-gradient(var(--lp-tone) 0 var(--lp-phase), var(--lp-tone) var(--lp-phase) 100%) padding-box,
    var(--gold-rim) border-box !important;
  background:
    conic-gradient(var(--lp-tone) 0 var(--lp-phase), color-mix(in srgb, var(--lp-tone) 25%, #f7f0e3) var(--lp-phase) 100%) padding-box,
    var(--gold-rim) border-box !important;
  box-shadow:
    0 0 0 7px var(--porcelain) inset,
    0 0 0 1px rgba(255, 248, 224, .72),
    9px 10px 0 rgba(10, 3, 8, .12),
    0 16px 30px rgba(10, 3, 8, .2) !important;
}
#obushna-ecosystem-landing .lp-phase-ring::before {
  content: "" !important;
  position: absolute !important;
  inset: 19px !important;
  background: linear-gradient(145deg, #fffefa, #f1e5cc) !important;
  border: 1px solid rgba(156, 122, 63, .24) !important;
  border-radius: 50% !important;
}
#obushna-ecosystem-landing .lp-phase-ring span {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  color: var(--lp-tone) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16.8px !important;
  font-weight: 600 !important;
}

#obushna-ecosystem-landing .lp-phase-copy {
  grid-row: 3 !important;
  align-self: stretch !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 28px 20px 20px !important;
  background: rgba(255, 253, 248, .96) !important;
  border: 3px solid var(--lp-tone) !important;
  border-radius: 20px !important;
  box-shadow: 9px 10px 0 rgba(10, 3, 8, .12), 0 16px 32px rgba(10, 3, 8, .14) !important;
}
#obushna-ecosystem-landing .lp-phase-copy small {
  order: 3 !important;
  align-self: end !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding-top: 13px !important;
  color: var(--lp-tone) !important;
  border-top: 1px solid var(--lp-tone) !important;
  border-top: 1px solid color-mix(in srgb, var(--lp-tone) 45%, transparent) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-phase-copy strong {
  max-width: 220px !important;
  color: var(--ink) !important;
  font-family: var(--serif) !important;
  font-size: 23.2px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
#obushna-ecosystem-landing .lp-phase-copy p {
  color: var(--ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* ===== 09-program.css ===== */
/* ============================================================
   БЛОК 8 · Програма на 9 місяців
   Коротка карта + дев'ять місяців, що розкриваються.
   Композиція зустрічі: кругова діаграма — золотий маркер — стрічка змісту.
   ============================================================ */

#obushna-ecosystem-landing .lp-program { background: linear-gradient(180deg, var(--porcelain), var(--linen)) !important; }

/* Плашка «36 тематичних зустрічей». */
#obushna-ecosystem-landing .lp-program-guide {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  width: min(100%, 1050px) !important;
  margin: 52px auto 0 !important;
  padding: 24px 30px !important;
  color: var(--porcelain) !important;
  background: linear-gradient(120deg, var(--bordo-deep), var(--bordo)) !important;
  border: 1px solid rgba(195, 154, 78, .55) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow-card) !important;
}
#obushna-ecosystem-landing .lp-program-guide strong {
  flex: 0 0 auto !important;
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-program-guide strong .lp-num {
  margin-right: 7px !important;
  font-size: 36.8px !important;
  font-weight: 400 !important;
  vertical-align: -.12em !important;
}
#obushna-ecosystem-landing .lp-program-guide p {
  max-width: 610px !important;
  color: rgba(251, 246, 236, .76) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#obushna-ecosystem-landing .lp-program-subtitle {
  width: min(100%, 1120px) !important;
  margin: 54px auto 0 !important;
  color: var(--bordo-deep) !important;
  font-family: var(--serif) !important;
  font-size: clamp(28.8px, 2.5vw, 40.8px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-program-subtitle::after {
  content: "" !important;
  display: block !important;
  width: 72px !important;
  height: 2px !important;
  margin: 16px auto 0 !important;
  background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
}
#obushna-ecosystem-landing .lp-program-subtitle-details { margin-top: 78px !important; }

/* ---------- Коротка карта ---------- */

#obushna-ecosystem-landing .lp-map {
  position: relative !important;
  display: grid !important;
  gap: 14px !important;
  width: min(100%, 1120px) !important;
  margin: 28px auto 42px !important;
  padding: 25px 0 0 !important;
  list-style: none !important;
}
#obushna-ecosystem-landing .lp-map::before {
  content: "" !important;
  position: absolute !important;
  top: 36px !important;
  bottom: 35px !important;
  left: 31px !important;
  width: 2px !important;
  background: linear-gradient(var(--jewel-1), var(--jewel-3), var(--jewel-5), var(--jewel-7), var(--jewel-9)) !important;
}
#obushna-ecosystem-landing .lp-map li {
  --lp-tone: var(--jewel-1) !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}
#obushna-ecosystem-landing .lp-map li:nth-child(1) { --lp-tone: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(2) { --lp-tone: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(3) { --lp-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(4) { --lp-tone: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(5) { --lp-tone: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(6) { --lp-tone: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(7) { --lp-tone: var(--jewel-7) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(8) { --lp-tone: var(--jewel-8) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(9) { --lp-tone: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-map-dot {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  color: var(--porcelain) !important;
  background: var(--lp-tone) !important;
  border: 6px solid var(--porcelain) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1px var(--gold), 0 10px 24px rgba(79, 23, 32, .16) !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

#obushna-ecosystem-landing .lp-map li > div {
  display: grid !important;
  grid-template-columns: 90px minmax(220px, .7fr) minmax(0, 1.3fr) !important;
  align-items: center !important;
  min-height: 78px !important;
  overflow: hidden !important;
  background: rgba(255, 253, 248, .94) !important;
  border: 1px solid var(--gold-line) !important;
  border-radius: 999px !important;
  box-shadow: 0 15px 34px rgba(74, 40, 30, .08) !important;
}
#obushna-ecosystem-landing .lp-map small {
  padding: 10px 16px !important;
  color: var(--gold-text) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-map strong {
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  padding: 13px 22px !important;
  color: var(--porcelain) !important;
  background: linear-gradient(
    100deg,
    var(--lp-tone),
    var(--lp-tone),
    var(--lp-tone)
  ) !important;
  background: linear-gradient(
    100deg,
    color-mix(in srgb, var(--lp-tone) 78%, #16090d),
    var(--lp-tone),
    color-mix(in srgb, var(--lp-tone) 86%, #ffffff)
  ) !important;
  font-family: var(--label) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-map p {
  padding: 12px 22px !important;
  color: var(--ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* ---------- Детальна програма ---------- */

#obushna-ecosystem-landing .lp-months {
  display: grid !important;
  gap: 18px !important;
  width: min(100%, 1120px) !important;
  margin: 0 auto !important;
}

#obushna-ecosystem-landing .lp-month {
  --lp-month-tone: var(--jewel-1) !important;
  overflow: hidden !important;
  border: 3px solid transparent !important;
  border-radius: 17px !important;
  background: var(--gold-rim) border-box !important;
  box-shadow:
    0 0 0 1px rgba(255, 249, 228, .72) inset,
    0 16px 34px rgba(55, 22, 30, .105) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(1) { --lp-month-tone: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(2) { --lp-month-tone: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(3) { --lp-month-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(4) { --lp-month-tone: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(5) { --lp-month-tone: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(6) { --lp-month-tone: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(7) { --lp-month-tone: var(--jewel-7) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(8) { --lp-month-tone: var(--jewel-8) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(9) { --lp-month-tone: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-month > summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) 164px !important;
  gap: 22px !important;
  align-items: center !important;
  min-height: 148px !important;
  padding: 26px 28px !important;
  cursor: pointer !important;
  list-style: none !important;
  background: linear-gradient(
    110deg,
    var(--lp-month-tone),
    var(--lp-month-tone),
    var(--lp-month-tone)
  ) !important;
  background: linear-gradient(
    110deg,
    color-mix(in srgb, var(--lp-month-tone) 78%, #16090d),
    var(--lp-month-tone),
    color-mix(in srgb, var(--lp-month-tone) 84%, #ffffff)
  ) !important;
}
#obushna-ecosystem-landing .lp-month > summary::-webkit-details-marker { display: none !important; }
#obushna-ecosystem-landing .lp-month > summary::marker { content: "" !important; }
#obushna-ecosystem-landing .lp-month > summary::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 120px !important;
  height: 120px !important;
  background: repeating-linear-gradient(135deg, transparent 0 9px, rgba(122, 46, 56, .09) 9px 11px) !important;
  clip-path: polygon(100% 0, 100% 100%, 0 0) !important;
  pointer-events: none !important;
}

#obushna-ecosystem-landing .lp-month-num {
  color: #f4dfa8 !important;
  font-size: 70.4px !important;
  line-height: 1 !important;
  text-align: center !important;
}

#obushna-ecosystem-landing .lp-month-title {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 5px !important;
}
#obushna-ecosystem-landing .lp-month-title small {
  color: #eeddb2 !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-month-title strong {
  color: #f7e8c4 !important;
  font-family: var(--serif) !important;
  font-size: clamp(24.8px, 2.1vw, 32.8px) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
}
#obushna-ecosystem-landing .lp-month-title em {
  max-width: 70ch !important;
  color: rgba(255, 253, 248, .93) !important;
  font-size: 15px !important;
  font-style: normal !important;
  line-height: 1.55 !important;
}

/* Перемикач: витягнута кругла плашка, знак завжди в рівному колі 1:1. */
#obushna-ecosystem-landing .lp-month-toggle {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  width: 154px !important;
  height: 56px !important;
  padding: 6px 12px 6px 8px !important;
  color: var(--gold-light) !important;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(242, 221, 166, .7) !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
#obushna-ecosystem-landing .lp-month-toggle::before {
  content: "+" !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 0 2px !important;
  color: var(--lp-month-tone) !important;
  background: var(--gold-light) !important;
  border-radius: 50% !important;
  font-family: var(--sans) !important;
  font-size: 19.2px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-month-toggle::after {
  content: "Переглянути\A деталі" !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  white-space: pre-line !important;
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .06em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-month[open] .lp-month-toggle {
  color: var(--bordo-deep) !important;
  background: var(--gold-light) !important;
  border-color: var(--gold-light) !important;
}
#obushna-ecosystem-landing .lp-month[open] .lp-month-toggle::before {
  content: "−" !important;
  color: var(--gold-light) !important;
  background: var(--lp-month-tone) !important;
}
#obushna-ecosystem-landing .lp-month[open] .lp-month-toggle::after {
  content: "Сховати\A деталі" !important;
  color: var(--bordo-deep) !important;
}

#obushna-ecosystem-landing .lp-month-body {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 22px !important;
  padding: 30px 32px 34px !important;
  background: linear-gradient(180deg, #fffaf0, #f2e7d2) !important;
  border-top: 1px solid var(--gold-line) !important;
}

/* Зустріч: круг заходить під золотий маркер, маркер — під кольорову стрічку. */
#obushna-ecosystem-landing .lp-meeting {
  --lp-meeting-fill: 25% !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 110px 170px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  align-items: stretch !important;
  min-height: 154px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#obushna-ecosystem-landing .lp-meeting:nth-child(2) { --lp-meeting-fill: 50% !important; }
#obushna-ecosystem-landing .lp-meeting:nth-child(3) { --lp-meeting-fill: 75% !important; }
#obushna-ecosystem-landing .lp-meeting:nth-child(4) { --lp-meeting-fill: 100% !important; }

/* Кольорова стрічка змісту. */
#obushna-ecosystem-landing .lp-meeting::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 8px !important;
  right: 0 !important;
  bottom: 8px !important;
  left: 252px !important;
  display: block !important;
  background: linear-gradient(
    102deg,
    var(--lp-month-tone),
    var(--lp-month-tone),
    var(--lp-month-tone)
  ) !important;
  background: linear-gradient(
    102deg,
    color-mix(in srgb, var(--lp-month-tone) 82%, #16090d),
    var(--lp-month-tone),
    color-mix(in srgb, var(--lp-month-tone) 88%, #ffffff)
  ) !important;
  border: 1px solid var(--lp-month-tone) !important;
  border: 1px solid color-mix(in srgb, var(--lp-month-tone) 68%, #f0dca8) !important;
  border-radius: 0 18px 18px 0 !important;
  box-shadow: 9px 10px 0 rgba(74, 40, 30, .075), 0 16px 30px rgba(28, 7, 15, .11) !important;
}

/* Кругова діаграма прогресу місяця. */
#obushna-ecosystem-landing .lp-meeting::before {
  content: "" !important;
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  align-self: center !important;
  justify-self: center !important;
  display: block !important;
  width: 96px !important;
  height: 96px !important;
  background: conic-gradient(
    var(--lp-month-tone) 0 var(--lp-meeting-fill),
    var(--lp-month-tone) var(--lp-meeting-fill) 100%
  ) !important;
  background: conic-gradient(
    var(--lp-month-tone) 0 var(--lp-meeting-fill),
    color-mix(in srgb, var(--lp-month-tone) 18%, #e7d7c6) var(--lp-meeting-fill) 100%
  ) !important;
  border: 7px solid var(--porcelain) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px var(--lp-month-tone), 8px 9px 0 rgba(74, 40, 30, .08), 0 12px 24px rgba(74, 40, 30, .13) !important;
}

/* Золотий маркер зустрічі. */
#obushna-ecosystem-landing .lp-meeting > small {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  align-self: stretch !important;
  display: grid !important;
  place-items: center !important;
  width: auto !important;
  min-height: 138px !important;
  margin: 8px -32px 8px -38px !important;
  padding: 18px 34px 18px 40px !important;
  color: var(--bordo-deep) !important;
  background: linear-gradient(145deg, #efdba5, #cda75c) !important;
  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%) !important;
  filter: drop-shadow(7px 8px 0 rgba(74, 40, 30, .07)) !important;
  font-family: var(--label) !important;
  font-size: 11.52px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .12em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#obushna-ecosystem-landing .lp-meeting h4,
#obushna-ecosystem-landing .lp-meeting > p {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 3 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#obushna-ecosystem-landing .lp-meeting h4 {
  grid-row: 1 !important;
  min-height: 0 !important;
  padding: 26px 32px 8px !important;
  color: #f2dda6 !important;
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  font-size: 23.68px !important;
  line-height: 1.18 !important;
}
#obushna-ecosystem-landing .lp-meeting > p {
  grid-row: 2 !important;
  padding: 5px 32px 24px !important;
  color: rgba(255, 253, 248, .94) !important;
  font-size: 15.36px !important;
  line-height: 1.58 !important;
}
#obushna-ecosystem-landing .lp-meeting > p strong { color: #f2dda6 !important; }

#obushna-ecosystem-landing .lp-meeting .lp-meeting-note {
  grid-row: 3 !important;
  margin: 14px 32px 20px !important;
  padding: 12px 15px !important;
  color: rgba(255, 253, 248, .97) !important;
  background: rgba(255, 255, 255, .075) !important;
  border-top: 1px solid rgba(242, 221, 166, .3) !important;
  border-left: 0 !important;
  border-radius: 8px !important;
  font-family: var(--serif) !important;
}

/* Кнопка-дублер у кінці розкритого місяця: закриває блок
   і повертає до його заголовка. Стоїть на світлій підкладці,
   тому набрана темним по світлому. */
#obushna-ecosystem-landing .lp-month-close {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 48px !important;
  margin: 6px 0 0 !important;
  padding: 6px 24px 6px 8px !important;
  color: var(--bordo-deep) !important;
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid var(--lp-month-tone) !important;
  border: 1px solid color-mix(in srgb, var(--lp-month-tone) 45%, var(--gold)) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(74, 40, 30, .07) !important;
  cursor: pointer !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease !important;
}
#obushna-ecosystem-landing .lp-month-close::before {
  content: "−" !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 0 2px !important;
  color: var(--porcelain) !important;
  background: var(--lp-month-tone) !important;
  border-radius: 50% !important;
  font-family: var(--sans) !important;
  font-size: 17.6px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
#obushna-ecosystem-landing .lp-month-close:hover,
#obushna-ecosystem-landing .lp-month-close:focus-visible {
  color: var(--porcelain) !important;
  background: var(--lp-month-tone) !important;
  border-color: var(--lp-month-tone) !important;
}
#obushna-ecosystem-landing .lp-month-close:hover::before,
#obushna-ecosystem-landing .lp-month-close:focus-visible::before {
  color: var(--lp-month-tone) !important;
  background: var(--gold-light) !important;
}

/* ===== 10-games.css ===== */
/* ============================================================
   БЛОК 9 · Дві дослідницькі гри
   ============================================================ */

#obushna-ecosystem-landing .lp-games {
  background:
    radial-gradient(70% 80% at 0 100%, rgba(195, 154, 78, .16), transparent 60%),
    linear-gradient(125deg, var(--bordo-deep), var(--bordo-2)) !important;
}

#obushna-ecosystem-landing .lp-games-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin-top: 52px !important;
}

#obushna-ecosystem-landing .lp-game {
  position: relative !important;
  min-height: 340px !important;
  padding: 40px clamp(32px, 4vw, 50px) !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035)) !important;
  border: 1px solid rgba(236, 214, 166, .38) !important;
  border-radius: 20px !important;
}
#obushna-ecosystem-landing .lp-game::after {
  content: "" !important;
  position: absolute !important;
  right: -70px !important;
  bottom: -70px !important;
  width: 210px !important;
  height: 210px !important;
  border: 1px solid rgba(236, 214, 166, .16) !important;
  border-radius: 50% !important;
}

#obushna-ecosystem-landing .lp-game-symbol {
  display: grid !important;
  place-items: center !important;
  width: 78px !important;
  height: 78px !important;
  margin-bottom: 34px !important;
  color: var(--bordo-deep) !important;
  background: linear-gradient(145deg, var(--gold-light), var(--gold)) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 9px rgba(255, 250, 240, .06), 0 18px 34px rgba(24, 4, 9, .2) !important;
  font-family: var(--serif) !important;
  font-size: 41.6px !important;
  line-height: 1 !important;
}
#obushna-ecosystem-landing .lp-game-symbol-levels {
  font-size: 18.4px !important;
  letter-spacing: .05em !important;
}

#obushna-ecosystem-landing .lp-game small {
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-game h3 {
  margin-top: 8px !important;
  color: var(--porcelain) !important;
  font-size: clamp(28px, 2.4vw, 37.6px) !important;
  line-height: 1.18 !important;
}
#obushna-ecosystem-landing .lp-game p {
  max-width: 58ch !important;
  margin-top: 19px !important;
  color: rgba(251, 246, 236, .78) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* ===== 11-format.css ===== */
/* ============================================================
   БЛОК 10 · Формат навчання — три рівні
   ============================================================ */

#obushna-ecosystem-landing .lp-format {
  overflow: hidden !important;
  background: var(--porcelain) !important;
}

#obushna-ecosystem-landing .lp-levels {
  position: relative !important;
  display: grid !important;
  gap: 18px !important;
  width: min(100%, 1080px) !important;
  margin: 56px auto 0 !important;
}
#obushna-ecosystem-landing .lp-levels::before {
  content: "" !important;
  position: absolute !important;
  top: 58px !important;
  bottom: 58px !important;
  left: 31px !important;
  width: 2px !important;
  background: var(--gold) !important;
}

#obushna-ecosystem-landing .lp-level {
  --lp-tone: var(--jewel-1) !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 64px 230px minmax(0, 1fr) 62px !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 142px !important;
}
#obushna-ecosystem-landing .lp-level:nth-child(2) { --lp-tone: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3) { --lp-tone: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-level::after {
  content: "01" !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  align-self: center !important;
  color: var(--gold-text) !important;
  font-family: var(--sans) !important;
  font-size: 24.8px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-level:nth-child(2)::after { content: "02" !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3)::after { content: "03" !important; }

#obushna-ecosystem-landing .lp-level-ring {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  width: 58px !important;
  height: 58px !important;
  background:
    linear-gradient(145deg, var(--lp-tone), var(--lp-tone)) padding-box,
    var(--gold-rim) border-box !important;
  background:
    linear-gradient(145deg, var(--lp-tone), color-mix(in srgb, var(--lp-tone) 70%, var(--gold))) padding-box,
    var(--gold-rim) border-box !important;
  border: 5px solid transparent !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 1px rgba(255, 249, 228, .7) inset,
    0 9px 20px rgba(74, 17, 28, .2) !important;
}
#obushna-ecosystem-landing .lp-level-ring span {
  position: relative !important;
  z-index: 1 !important;
  color: var(--porcelain) !important;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

#obushna-ecosystem-landing .lp-level-index {
  grid-column: 2 !important;
  align-self: stretch !important;
  display: grid !important;
  place-content: center !important;
  min-height: 74px !important;
  padding: 17px 24px !important;
  color: var(--porcelain) !important;
  background: linear-gradient(115deg, var(--lp-tone), var(--lp-tone)) !important;
  background: linear-gradient(115deg, var(--lp-tone), color-mix(in srgb, var(--lp-tone) 72%, var(--gold))) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 11px 22px rgba(74, 17, 28, .16) !important;
  text-align: center !important;
}
#obushna-ecosystem-landing .lp-level-index small {
  color: var(--porcelain) !important;
  font-family: var(--label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-level-index strong {
  color: var(--porcelain) !important;
  font-family: var(--sans) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

#obushna-ecosystem-landing .lp-level-copy {
  grid-column: 3 !important;
  align-self: stretch !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: center !important;
  gap: 8px 24px !important;
  min-height: 110px !important;
  padding: 23px 30px !important;
  color: var(--ink) !important;
  background: rgba(255, 253, 248, .96) !important;
  border: 1px solid var(--lp-tone) !important;
  border: 1px solid color-mix(in srgb, var(--lp-tone) 42%, transparent) !important;
  border-radius: 22px !important;
  box-shadow: 9px 10px 0 rgba(74, 40, 30, .075), 0 15px 32px rgba(74, 40, 30, .08) !important;
}
#obushna-ecosystem-landing .lp-level-copy h3 {
  grid-column: 1 / -1 !important;
  color: var(--lp-tone) !important;
  font-size: 24.8px !important;
  line-height: 1.2 !important;
}
#obushna-ecosystem-landing .lp-level-copy p {
  color: var(--ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
#obushna-ecosystem-landing .lp-level-copy p strong { color: var(--lp-tone) !important; }

/* ===== 12-pricing.css ===== */
/* ============================================================
   БЛОК 11 · Вартість участі
   Щомісячна оплата — золота кнопка з бордовим текстом,
   уся програма — бордова кнопка зі світлим текстом.
   ============================================================ */

#obushna-ecosystem-landing .lp-pricing {
  position: relative !important;
  overflow: hidden !important;
  color: var(--porcelain) !important;
  background:
    radial-gradient(70% 80% at 90% 0, rgba(168, 72, 86, .28), transparent 65%),
    linear-gradient(120deg, var(--bordo-deep), var(--bordo)) !important;
}
#obushna-ecosystem-landing .lp-pricing > .lp-shell {
  position: relative !important;
  z-index: 1 !important;
}

#obushna-ecosystem-landing .lp-pricing-watermark {
  position: absolute !important;
  top: -9vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: rgba(236, 214, 166, .045) !important;
  font-family: var(--serif) !important;
  font-size: min(48vw, 680px) !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

#obushna-ecosystem-landing .lp-pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: min(100%, 1040px) !important;
  margin: 52px auto 0 !important;
}

#obushna-ecosystem-landing .lp-price {
  display: flex !important;
  flex-direction: column !important;
  min-height: 456px !important;
  padding: 42px clamp(30px, 4vw, 48px) !important;
  border: 3px solid transparent !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 1px rgba(255, 249, 228, .7) inset,
    0 24px 48px rgba(20, 3, 8, .22) !important;
}
#obushna-ecosystem-landing .lp-price-monthly {
  color: var(--porcelain) !important;
  background:
    linear-gradient(145deg, #8b3042, var(--bordo-deep)) padding-box,
    var(--gold-rim) border-box !important;
}
#obushna-ecosystem-landing .lp-price-full {
  color: var(--ink) !important;
  background:
    linear-gradient(145deg, #fffdf8, #ead7af) padding-box,
    var(--gold-rim) border-box !important;
}

#obushna-ecosystem-landing .lp-price-kicker {
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-price-full .lp-price-kicker { color: var(--bordo) !important; }

#obushna-ecosystem-landing .lp-price-line {
  display: grid !important;
  gap: 8px !important;
  margin: 30px 0 22px !important;
}
#obushna-ecosystem-landing .lp-price-line strong {
  color: var(--gold-light) !important;
  font-size: clamp(48px, 4.4vw, 68px) !important;
  font-weight: 600 !important;
  line-height: .95 !important;
}
#obushna-ecosystem-landing .lp-price-full .lp-price-line strong { color: var(--bordo) !important; }
#obushna-ecosystem-landing .lp-price-line span {
  color: rgba(251, 246, 236, .78) !important;
  font-family: var(--label) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-price-full .lp-price-line span { color: var(--ink-soft) !important; }

#obushna-ecosystem-landing .lp-price > p {
  color: rgba(251, 246, 236, .78) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
#obushna-ecosystem-landing .lp-price-full > p { color: var(--ink-soft) !important; }

#obushna-ecosystem-landing .lp-price .lp-price-note {
  margin: 14px 0 28px !important;
  padding-top: 15px !important;
  border-top: 1px solid rgba(236, 214, 166, .26) !important;
}
#obushna-ecosystem-landing .lp-price-full .lp-price-note { border-color: var(--gold-line) !important; }
#obushna-ecosystem-landing .lp-price .lp-price-note strong { color: var(--gold-light) !important; }
#obushna-ecosystem-landing .lp-price-full .lp-price-note strong { color: var(--bordo) !important; }

#obushna-ecosystem-landing .lp-price .lp-btn {
  width: 100% !important;
  margin-top: auto !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}
#obushna-ecosystem-landing .lp-price-monthly .lp-btn-gold {
  color: var(--bordo-deep) !important;
  background: linear-gradient(110deg, #ad7c28 0%, #f0d28d 38%, #d3a84f 68%, #f2daa0 100%) !important;
  border: 2px solid #f5e3b5 !important;
  box-shadow: 0 12px 28px rgba(20, 3, 8, .24), inset 0 1px 0 rgba(255, 255, 255, .56) !important;
}
#obushna-ecosystem-landing .lp-price-full .lp-btn-bordo {
  color: var(--porcelain) !important;
  background: linear-gradient(110deg, #8b3042 0%, #5a1723 56%, #7c2637 100%) !important;
  border: 2px solid var(--gold) !important;
  box-shadow: 0 12px 28px rgba(74, 17, 28, .22) !important;
}

/* ===== 13-author.css ===== */
/* ============================================================
   БЛОК 12 · Авторка програми
   ============================================================ */

#obushna-ecosystem-landing .lp-author {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(125deg, var(--bordo-deep), var(--bordo-2)) !important;
}
#obushna-ecosystem-landing .lp-author > .lp-shell {
  position: relative !important;
  z-index: 1 !important;
}

#obushna-ecosystem-landing .lp-author-grid {
  display: grid !important;
  grid-template-columns: .82fr 1.18fr !important;
  gap: clamp(36px, 4.5vw, 68px) !important;
  align-items: center !important;
}

#obushna-ecosystem-landing .lp-author-figure {
  position: relative !important;
  width: min(100%, 400px) !important;
}
#obushna-ecosystem-landing .lp-author-figure::before {
  content: "" !important;
  position: absolute !important;
  inset: -18px 18px 18px -18px !important;
  z-index: 0 !important;
  border: 3px solid #d9b66e !important;
  box-shadow: 0 0 24px rgba(217, 182, 110, .12) !important;
}
#obushna-ecosystem-landing .lp-author-photo {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  aspect-ratio: 4 / 5 !important;
  border: 3px solid transparent !important;
  background: var(--gold-rim) border-box !important;
  box-shadow:
    0 0 0 1px rgba(255, 249, 228, .7) inset,
    var(--shadow-frame) !important;
}
#obushna-ecosystem-landing .lp-author-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 30% !important;
}

#obushna-ecosystem-landing .lp-author-copy { max-width: 680px !important; }
#obushna-ecosystem-landing .lp-author-copy h2 {
  font-size: clamp(41.6px, 4vw, 64px) !important;
  line-height: 1.03 !important;
}
#obushna-ecosystem-landing .lp-author-copy > p {
  font-size: 17px !important;
  line-height: 1.65 !important;
}
#obushna-ecosystem-landing .lp-author-role {
  margin: 20px 0 16px !important;
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-author-copy > p:not(.lp-author-role) {
  max-width: 540px !important;
  color: rgba(246, 239, 224, .82) !important;
}
#obushna-ecosystem-landing .lp-author-copy > p:not(.lp-author-role) + p { margin-top: 15px !important; }

#obushna-ecosystem-landing .lp-author-signature {
  display: block !important;
  width: min(330px, 80%) !important;
  height: auto !important;
  margin-top: 30px !important;
  opacity: .88 !important;
}

/* ===== 14-faq.css ===== */
/* ============================================================
   БЛОК 13 · Часті запитання
   Усі знаки питання — на одній вертикалі й з однаковим відступом
   від верхньої межі картки, незалежно від довжини запитання.
   Відповідь має власну світлу підкладку.
   ============================================================ */

#obushna-ecosystem-landing .lp-faq { background: var(--linen) !important; }

#obushna-ecosystem-landing .lp-faq-list {
  display: grid !important;
  gap: 24px !important;
  width: min(100%, 1040px) !important;
  max-width: 980px !important;
  margin: 52px auto 0 !important;
}

#obushna-ecosystem-landing .lp-faq-item {
  --lp-faq-tone: var(--jewel-1) !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 6px 20px !important;
  min-height: 172px !important;
  margin: 0 !important;
  padding: 26px 30px 28px 20px !important;
  overflow: visible !important;
  background: rgba(255, 253, 248, .97) !important;
  border: 2px solid var(--lp-faq-tone) !important;
  border-radius: 0 22px 22px 22px !important;
  box-shadow: 12px 13px 0 rgba(74, 40, 30, .09), 0 18px 38px rgba(74, 40, 30, .09) !important;
}
#obushna-ecosystem-landing .lp-faq-item:nth-child(1) { --lp-faq-tone: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(2) { --lp-faq-tone: var(--deep-teal) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(3) { --lp-faq-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(4) { --lp-faq-tone: var(--deep-teal-2) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(5) { --lp-faq-tone: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(6) { --lp-faq-tone: var(--deep-teal) !important; }

/* Обгортка розчиняється, щоб знак, запитання й відповідь стали
   прямими елементами сітки картки. */
#obushna-ecosystem-landing .lp-faq-q { display: contents !important; }

#obushna-ecosystem-landing .lp-faq-mark {
  position: relative !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: start !important;
  justify-self: center !important;
  display: grid !important;
  place-items: center !important;
  width: 96px !important;
  height: 96px !important;
  margin-top: 10px !important;
  color: var(--porcelain) !important;
  background: conic-gradient(
    from 210deg,
    var(--lp-faq-tone),
    var(--lp-faq-tone),
    var(--lp-faq-tone),
    var(--lp-faq-tone)
  ) !important;
  background: conic-gradient(
    from 210deg,
    color-mix(in srgb, var(--lp-faq-tone) 76%, #16090d),
    var(--lp-faq-tone),
    color-mix(in srgb, var(--lp-faq-tone) 84%, #ffffff),
    var(--lp-faq-tone)
  ) !important;
  border: 8px solid var(--porcelain) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px var(--gold), 9px 10px 0 rgba(74, 40, 30, .08), 0 14px 28px rgba(74, 40, 30, .14) !important;
  font-family: var(--serif) !important;
  font-size: 48px !important;
  line-height: 1 !important;
}

#obushna-ecosystem-landing .lp-faq-q h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--lp-faq-tone) !important;
  font-size: clamp(22.4px, 1.8vw, 27.52px) !important;
  line-height: 1.28 !important;
  text-align: left !important;
}

#obushna-ecosystem-landing .lp-faq-a {
  grid-column: 2 !important;
  grid-row: 2 !important;
  max-width: none !important;
  margin: 7px 0 0 !important;
  padding: 14px 18px 16px !important;
  color: var(--ink-soft) !important;
  background: rgba(255, 253, 248, .78) !important;
  border: 1px solid rgba(156, 122, 63, .12) !important;
  border-radius: 11px !important;
}
#obushna-ecosystem-landing .lp-faq-a p {
  max-width: 72ch !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--ink-soft) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}

/* ===== 15-final.css ===== */
/* ============================================================
   БЛОК 14 · Фінальний CTA
   Фонове слово ЕКОСИСТЕМА центрується по всій ширині секції;
   допускається лише контрольоване підрізання знизу.
   ============================================================ */

#obushna-ecosystem-landing .lp-final {
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  background:
    radial-gradient(60% 90% at 50% 100%, rgba(195, 154, 78, .19), transparent 65%),
    linear-gradient(125deg, var(--bordo-deep), var(--bordo)) !important;
}

#obushna-ecosystem-landing .lp-final-mark {
  position: absolute !important;
  right: auto !important;
  bottom: -.2em !important;
  left: 50% !important;
  width: max-content !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  color: rgba(236, 214, 166, .045) !important;
  font-family: var(--serif) !important;
  font-size: clamp(51.2px, 13vw, 192px) !important;
  line-height: .78 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  text-align: center !important;
  pointer-events: none !important;
}

#obushna-ecosystem-landing .lp-final-inner {
  position: relative !important;
  z-index: 1 !important;
}
#obushna-ecosystem-landing .lp-final-inner h2 {
  max-width: 920px !important;
  margin: 0 auto !important;
  color: var(--porcelain) !important;
  font-size: var(--t-section) !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
}
#obushna-ecosystem-landing .lp-final-inner > p {
  max-width: 760px !important;
  margin: 25px auto 0 !important;
  color: rgba(251, 246, 236, .78) !important;
  font-size: 16.8px !important;
  line-height: 1.65 !important;
}

#obushna-ecosystem-landing .lp-final-price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
  margin: 34px auto 30px !important;
  color: var(--gold-light) !important;
  font-family: var(--label) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
#obushna-ecosystem-landing .lp-final-price span { color: rgba(251, 246, 236, .68) !important; }

#obushna-ecosystem-landing .lp-final .lp-btn {
  min-width: min(100%, 420px) !important;
  border-radius: 999px !important;
}

/* ===== 20-mobile.css ===== */
/* ============================================================
   МОБІЛЬНА ВЕРСІЯ · один рубіж 720 px
   Самостійна композиція: складна геометрія ПК не переноситься.
   Форма, колір, смислова ієрархія та декоративна логіка ПК
   зберігаються — змінюються колонки, ширина, відступи й розташування.
   ============================================================ */

@media (max-width: 720px) {

  /* ---------- Основа ---------- */

  #obushna-ecosystem-landing {
    --shell: calc(100% - 32px) !important;
    --section-space: clamp(64px, 13vw, 88px) !important;
  }

  #obushna-ecosystem-landing .lp-section { padding: var(--section-space) 0 !important; }

  #obushna-ecosystem-landing .lp-head h2 { font-size: clamp(29.6px, 7vw, 36.8px) !important; }
  #obushna-ecosystem-landing .lp-head > p { font-size: 16px !important; }

  #obushna-ecosystem-landing .lp-head-split {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  #obushna-ecosystem-landing .lp-head-split > p { margin-bottom: 0 !important; }

  #obushna-ecosystem-landing .lp-eyebrow {
    margin-bottom: 18px !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
  }
  #obushna-ecosystem-landing .lp-eyebrow::before { width: 24px !important; }

  #obushna-ecosystem-landing .lp-btn {
    min-height: 54px !important;
    padding: 14px 22px !important;
    font-size: 12px !important;
    letter-spacing: .09em !important;
    text-align: center !important;
  }

  /* ---------- Навігація: горизонтальна прокрутка замість обрізання ---------- */

  #obushna-ecosystem-landing .lp-nav-bar {
    gap: 12px !important;
    min-height: 52px !important;
  }
  #obushna-ecosystem-landing .lp-nav-links {
    justify-content: flex-start !important;
    gap: 20px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    /* м'яке згасання праворуч підказує, що список прокручується */
    mask-image: linear-gradient(90deg, #000 0 88%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0 88%, transparent 100%) !important;
  }
  #obushna-ecosystem-landing .lp-nav-links::-webkit-scrollbar { display: none !important; }
  #obushna-ecosystem-landing .lp-nav-links a {
    flex: 0 0 auto !important;
    padding: 6px 0 !important;
    font-size: 10px !important;
    letter-spacing: .06em !important;
  }
  #obushna-ecosystem-landing .lp-nav-cta {
    min-height: 34px !important;
    padding: 0 13px !important;
    font-size: 9px !important;
    letter-spacing: .07em !important;
  }

  /* ---------- 1. Перший екран ----------
     Порядок: орієнтація → маршрут → факти → абзац → CTA → фото. */

  #obushna-ecosystem-landing .lp-hero { padding-bottom: 74px !important; }
  #obushna-ecosystem-landing .lp-hero-watermark {
    right: -8vw !important;
    bottom: auto !important;
    top: 34vw !important;
    font-size: 74vw !important;
  }

  /* Обгортки розчиняються — усі елементи стають прямими дітьми сітки. */
  #obushna-ecosystem-landing .lp-hero-copy,
#obushna-ecosystem-landing .lp-hero-after { display: contents !important; }

  #obushna-ecosystem-landing .lp-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    row-gap: 0 !important;
    min-height: 0 !important;
    padding-top: 34px !important;
    padding-bottom: 40px !important;
  }

  /* Скидаємо жорсткі координати ПК-сітки, щоб працював order. */
  #obushna-ecosystem-landing .lp-hero-eyebrow,
#obushna-ecosystem-landing .lp-hero-pill,
#obushna-ecosystem-landing .lp-hero-title,
#obushna-ecosystem-landing .lp-hero-lead,
#obushna-ecosystem-landing .lp-hero-orientation,
#obushna-ecosystem-landing .lp-hero-facts,
#obushna-ecosystem-landing .lp-hero-route,
#obushna-ecosystem-landing .lp-hero-actions,
#obushna-ecosystem-landing .lp-hero-figure {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: auto !important;
    max-width: none !important;
  }

  #obushna-ecosystem-landing .lp-hero-eyebrow    { order: 1 !important; margin-bottom: 14px !important; }
  #obushna-ecosystem-landing .lp-hero-pill       { order: 2 !important; }
  #obushna-ecosystem-landing .lp-hero-title      { order: 3 !important; }
  #obushna-ecosystem-landing .lp-hero-orientation{ order: 4 !important; }
  #obushna-ecosystem-landing .lp-hero-route      { order: 5 !important; }
  #obushna-ecosystem-landing .lp-hero-facts      { order: 6 !important; }
  #obushna-ecosystem-landing .lp-hero-lead       { order: 7 !important; }
  #obushna-ecosystem-landing .lp-hero-actions    { order: 8 !important; }
  #obushna-ecosystem-landing .lp-hero-figure     { order: 9 !important; }

  #obushna-ecosystem-landing .lp-hero-pill {
    margin-bottom: 18px !important;
    padding: 9px 15px !important;
    font-size: 10px !important;
    letter-spacing: .06em !important;
  }

  #obushna-ecosystem-landing .lp-hero-title {
    max-width: none !important;
    font-size: clamp(40px, 12vw, 54.4px) !important;
    line-height: .98 !important;
  }

  #obushna-ecosystem-landing .lp-hero-orientation {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }
  #obushna-ecosystem-landing .lp-hero-orientation article {
    min-height: 0 !important;
    padding: 16px 18px !important;
  }
  #obushna-ecosystem-landing .lp-hero-orientation article::after { display: none !important; }
  #obushna-ecosystem-landing .lp-hero-orientation small { font-size: 10px !important; }
  #obushna-ecosystem-landing .lp-hero-orientation p {
    margin-top: 6px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Маршрут: сітка 3 × 3, зв'язки не малюємо — вони не читаються на вузькому екрані. */
  #obushna-ecosystem-landing .lp-hero-route {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px 8px !important;
    width: 100% !important;
    margin-top: 22px !important;
  }
  #obushna-ecosystem-landing .lp-hero-route li,
#obushna-ecosystem-landing .lp-hero-route li:nth-child(6),
#obushna-ecosystem-landing .lp-hero-route li:nth-child(7),
#obushna-ecosystem-landing .lp-hero-route li:nth-child(8),
#obushna-ecosystem-landing .lp-hero-route li:nth-child(9) {
    grid-column: auto !important;
    gap: 6px !important;
  }
  #obushna-ecosystem-landing .lp-hero-route li::after { display: none !important; }
  #obushna-ecosystem-landing .lp-hero-route span {
    width: 30px !important;
    height: 30px !important;
    border-width: 2px !important;
    font-size: 9px !important;
  }
  #obushna-ecosystem-landing .lp-hero-route strong {
    font-size: 9px !important;
    letter-spacing: .02em !important;
  }

  #obushna-ecosystem-landing .lp-hero-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 22px !important;
  }
  #obushna-ecosystem-landing .lp-hero-facts li {
    min-height: 74px !important;
    padding: 12px 6px !important;
  }
  #obushna-ecosystem-landing .lp-hero-facts strong { font-size: 19.2px !important; }
  #obushna-ecosystem-landing .lp-hero-facts span {
    margin-top: 4px !important;
    font-size: 8px !important;
    letter-spacing: .04em !important;
  }

  #obushna-ecosystem-landing .lp-hero-lead {
    max-width: none !important;
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #obushna-ecosystem-landing .lp-hero-actions {
    width: 100% !important;
    margin: 24px 0 0 !important;
  }
  #obushna-ecosystem-landing .lp-hero-actions .lp-btn {
    min-height: 56px !important;
    padding: 15px 20px !important;
    font-size: 13px !important;
    letter-spacing: .07em !important;
  }

  #obushna-ecosystem-landing .lp-hero-figure {
    justify-self: stretch !important;
    width: 100% !important;
    margin-top: 30px !important;
  }
  #obushna-ecosystem-landing .lp-hero-figure::before { display: none !important; }
  #obushna-ecosystem-landing .lp-hero-portrait { aspect-ratio: 4 / 4.7 !important; }
  #obushna-ecosystem-landing .lp-hero-portrait img { object-position: 50% 30% !important; }

  /* Золота плашка про авторку — одразу під фото, як на ПК. */
  #obushna-ecosystem-landing .lp-hero-creator {
    position: static !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 12px 14px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  #obushna-ecosystem-landing .lp-hero-curve svg { height: 44px !important; }

  /* ---------- 2. Шість питань: сітка 2 × 3 ---------- */

  #obushna-ecosystem-landing .lp-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 34px !important;
  }
  #obushna-ecosystem-landing .lp-why-item,
#obushna-ecosystem-landing .lp-why-item:nth-child(1),
#obushna-ecosystem-landing .lp-why-item:nth-child(2),
#obushna-ecosystem-landing .lp-why-item:nth-child(3),
#obushna-ecosystem-landing .lp-why-item:nth-child(4),
#obushna-ecosystem-landing .lp-why-item:nth-child(5),
#obushna-ecosystem-landing .lp-why-item:nth-child(6) {
    grid-area: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    gap: 6px !important;
    padding: 0 12px !important;
    border-width: 2px !important;
    box-shadow:
      0 0 0 1px rgba(255, 249, 228, .72) inset,
      6px 7px 0 rgba(74, 40, 30, .07),
      0 12px 24px rgba(74, 17, 28, .14) !important;
  }
  #obushna-ecosystem-landing .lp-why-item::before { inset: 7px !important; }
  #obushna-ecosystem-landing .lp-why-item::after { inset: 14px !important; }
  #obushna-ecosystem-landing .lp-why-item > span {
    font-size: 20px !important;
    letter-spacing: .1em !important;
  }
  #obushna-ecosystem-landing .lp-why-item p {
    max-width: 72% !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  #obushna-ecosystem-landing .lp-principle {
    margin-top: 26px !important;
    padding: 24px 22px !important;
  }
  #obushna-ecosystem-landing .lp-principle p { font-size: 17.6px !important; }
  #obushna-ecosystem-landing .lp-principle-mark {
    right: 14px !important;
    top: -14px !important;
    font-size: 88px !important;
  }

  /* ---------- 3. ЕКОСИСТЕМА: ядро, контури, маршрут ---------- */

  #obushna-ecosystem-landing .lp-eco-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    margin-top: 34px !important;
  }

  /* Ядро повторює ПК-схему: текст усередині круглого ядра. */
  #obushna-ecosystem-landing .lp-eco-wheel {
    width: min(100%, 260px) !important;
    border-width: 9px !important;
  }
  #obushna-ecosystem-landing .lp-eco-wheel::before { box-shadow: 0 0 0 11px rgba(255, 250, 240, .72), 0 0 0 13px rgba(195, 154, 78, .38) !important; }
  #obushna-ecosystem-landing .lp-eco-wheel::after { inset: -18px !important; }
  #obushna-ecosystem-landing .lp-eco-core span { font-size: 57.6px !important; }
  #obushna-ecosystem-landing .lp-eco-core small { font-size: 8px !important; }

  /* Контури: одна колонка, індекс чергується зліва та справа. */
  #obushna-ecosystem-landing .lp-eco-contours {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  #obushna-ecosystem-landing .lp-eco-contours::before,
#obushna-ecosystem-landing .lp-eco-contours::after { display: none !important; }
  #obushna-ecosystem-landing .lp-eco-contours li {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    box-shadow: 5px 6px 0 rgba(9, 2, 7, .12), 0 12px 24px rgba(9, 2, 7, .16) !important;
  }
  #obushna-ecosystem-landing .lp-eco-contours li:nth-child(even) { grid-template-columns: minmax(0, 1fr) 58px !important; }
  #obushna-ecosystem-landing .lp-eco-index {
    width: 54px !important;
    height: 54px !important;
    border-width: 5px !important;
    box-shadow: 4px 5px 0 rgba(9, 2, 7, .12), 0 8px 16px rgba(9, 2, 7, .2) !important;
    font-size: 14px !important;
  }
  #obushna-ecosystem-landing .lp-eco-contours small { font-size: 9px !important; }
  #obushna-ecosystem-landing .lp-eco-contours strong { font-size: 18.4px !important; }
  #obushna-ecosystem-landing .lp-eco-contours p {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Дев'ять прапорців: однаковий лівий хвіст і праве вістря у всіх. */
  #obushna-ecosystem-landing .lp-eco-route {
    gap: 7px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
  /* Невеликий діагональний зсув: кожен наступний прапорець
     коротший і зміщений праворуч — рух видно й на вузькому екрані. */
  #obushna-ecosystem-landing .lp-eco-route li {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    width: calc(100% - 32px) !important;
    min-height: 46px !important;
    margin-left: 0 !important;
    padding: 0 22px 0 18px !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%) !important;
    filter: drop-shadow(4px 4px 0 rgba(15, 4, 9, .12)) !important;
  }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(2) { margin-left: 4px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(3) { margin-left: 8px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(4) { margin-left: 12px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(5) { margin-left: 16px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(6) { margin-left: 20px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(7) { margin-left: 24px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(8) { margin-left: 28px !important; }
  #obushna-ecosystem-landing .lp-eco-route li:nth-child(9) { margin-left: 32px !important; }
  #obushna-ecosystem-landing .lp-eco-route b { font-size: 12px !important; }
  #obushna-ecosystem-landing .lp-eco-route span {
    font-size: 9px !important;
    letter-spacing: .04em !important;
  }
  #obushna-ecosystem-landing .lp-eco-route .lp-eco-route-last {
    font-size: 19.2px !important;
    letter-spacing: .03em !important;
  }

  /* ---------- 4. Для кого: фото з бордовим затемненням ---------- */

  #obushna-ecosystem-landing .lp-audience-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-top: 32px !important;
  }
  #obushna-ecosystem-landing .lp-audience-card,
#obushna-ecosystem-landing .lp-audience-card > img { min-height: 300px !important; }
  #obushna-ecosystem-landing .lp-audience-card::after {
    background: linear-gradient(180deg,
      transparent 4%,
      rgba(24, 12, 9, .42) 22%,
      rgba(40, 15, 18, .93) 42%,
      rgba(40, 15, 18, .97) 100%) !important;
  }
  #obushna-ecosystem-landing .lp-audience-card::before {
    top: 14px !important;
    right: 14px !important;
    width: 30px !important;
    height: 30px !important;
  }
  #obushna-ecosystem-landing .lp-audience-copy { padding: 22px 20px !important; }
  #obushna-ecosystem-landing .lp-audience-copy > span { font-size: 9px !important; }
  #obushna-ecosystem-landing .lp-audience-copy h3 { font-size: 21.6px !important; }
  #obushna-ecosystem-landing .lp-audience-copy p {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  #obushna-ecosystem-landing .lp-audience-key {
    margin-top: 22px !important;
    padding: 18px 20px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* ---------- 5. Що ви отримаєте ---------- */

  #obushna-ecosystem-landing .lp-results-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
    margin-top: 32px !important;
    padding-top: 22px !important;
  }
  #obushna-ecosystem-landing .lp-result {
    min-height: 0 !important;
    padding: 78px 20px 20px !important;
    border-width: 2px !important;
    box-shadow:
      0 0 0 1px rgba(255, 248, 224, .72) inset,
      7px 8px 0 rgba(74, 40, 30, .07),
      0 14px 28px rgba(74, 40, 30, .1) !important;
  }
  #obushna-ecosystem-landing .lp-result::before {
    height: 48px !important;
    border-radius: 18px 18px 0 0 !important;
  }
  #obushna-ecosystem-landing .lp-result > span {
    top: 13px !important;
    left: 18px !important;
    width: 60px !important;
    height: 60px !important;
    border-width: 5px !important;
    font-size: 16.8px !important;
  }
  #obushna-ecosystem-landing .lp-result p { font-size: 15px !important; }

  #obushna-ecosystem-landing .lp-results-statement {
    margin-top: 28px !important;
    padding: 20px 20px !important;
    font-size: 18.4px !important;
  }

  /* ---------- 6. Не ще один курс ----------
     Теза й пояснення завжди різними рядками. */

  #obushna-ecosystem-landing .lp-diff-list {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-top: 32px !important;
  }
  #obushna-ecosystem-landing .lp-diff-row,
#obushna-ecosystem-landing .lp-diff-row:last-child {
    grid-column: auto !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 18px 18px !important;
  }
  #obushna-ecosystem-landing .lp-diff-row > span { font-size: 16px !important; }
  #obushna-ecosystem-landing .lp-diff-copy { gap: 6px !important; }
  #obushna-ecosystem-landing .lp-diff-copy h3 { font-size: 17.6px !important; }
  #obushna-ecosystem-landing .lp-diff-copy p { font-size: 14px !important; }

  #obushna-ecosystem-landing .lp-diff-quote {
    margin-top: 26px !important;
    padding: 24px 20px !important;
    font-size: 17.6px !important;
    line-height: 1.45 !important;
  }

  /* ---------- 7. Чому 9 місяців ----------
     Вертикальна композиція: круг — з'єднувач — світла картка. */

  #obushna-ecosystem-landing .lp-phases {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
    margin-top: 34px !important;
    padding-bottom: 0 !important;
  }
  #obushna-ecosystem-landing .lp-phases li {
    grid-template-rows: 96px 26px auto !important;
    min-width: 0 !important;
  }
  #obushna-ecosystem-landing .lp-phases li::before { height: 26px !important; }
  #obushna-ecosystem-landing .lp-phases li::after { display: none !important; }

  #obushna-ecosystem-landing .lp-phase-ring {
    width: 92px !important;
    height: 92px !important;
    border-width: 2px !important;
    box-shadow:
      0 0 0 6px var(--porcelain) inset,
      0 0 0 1px rgba(255, 248, 224, .72),
      5px 6px 0 rgba(10, 3, 8, .12),
      0 10px 20px rgba(10, 3, 8, .2) !important;
  }
  #obushna-ecosystem-landing .lp-phase-ring::before { inset: 15px !important; }
  #obushna-ecosystem-landing .lp-phase-ring span { font-size: 15px !important; }

  #obushna-ecosystem-landing .lp-phase-copy {
    padding: 20px 18px 16px !important;
    border-radius: 18px !important;
    box-shadow: 5px 6px 0 rgba(10, 3, 8, .12), 0 12px 24px rgba(10, 3, 8, .14) !important;
  }
  #obushna-ecosystem-landing .lp-phase-copy small {
    margin-top: 14px !important;
    padding-top: 10px !important;
    font-size: 9px !important;
  }
  #obushna-ecosystem-landing .lp-phase-copy strong { font-size: 19.2px !important; }
  #obushna-ecosystem-landing .lp-phase-copy p { font-size: 14px !important; }

  /* ---------- 8. Програма ---------- */

  #obushna-ecosystem-landing .lp-program-guide {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 32px !important;
    padding: 20px 18px !important;
  }
  #obushna-ecosystem-landing .lp-program-guide strong { font-size: 10px !important; }
  #obushna-ecosystem-landing .lp-program-guide strong .lp-num { font-size: 28.8px !important; }
  #obushna-ecosystem-landing .lp-program-guide p { font-size: 14px !important; }

  #obushna-ecosystem-landing .lp-program-subtitle {
    margin-top: 40px !important;
    font-size: 24.8px !important;
  }
  #obushna-ecosystem-landing .lp-program-subtitle-details { margin-top: 46px !important; }
  #obushna-ecosystem-landing .lp-program-subtitle::after { margin-top: 12px !important; }

  /* Коротка карта: світла картка — номер і місяць, кольорова смуга назви, текст. */
  #obushna-ecosystem-landing .lp-map {
    gap: 12px !important;
    margin: 22px auto 30px !important;
    padding: 0 !important;
  }
  #obushna-ecosystem-landing .lp-map::before { display: none !important; }
  #obushna-ecosystem-landing .lp-map li {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  /* Круг номера живе у верхній зоні картки й не заходить
     на кольорову смугу назви. */
  #obushna-ecosystem-landing .lp-map-dot {
    position: absolute !important;
    top: 12px !important;
    left: 14px !important;
    z-index: 3 !important;
    width: 38px !important;
    height: 38px !important;
    border-width: 4px !important;
    font-size: 12px !important;
  }
  #obushna-ecosystem-landing .lp-map li > div {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding-top: 12px !important;
    border-radius: 16px !important;
  }
  #obushna-ecosystem-landing .lp-map small {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 2px 20px 8px 62px !important;
    font-size: 9px !important;
    text-align: left !important;
  }
  #obushna-ecosystem-landing .lp-map strong {
    padding: 10px 20px !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
  }
  #obushna-ecosystem-landing .lp-map p {
    padding: 12px 20px 16px !important;
    font-size: 14px !important;
  }

  /* Детальна програма: самостійні картки без настільних накладань. */
  #obushna-ecosystem-landing .lp-months { gap: 12px !important; }
  #obushna-ecosystem-landing .lp-month {
    border-width: 2px !important;
    border-radius: 15px !important;
  }
  #obushna-ecosystem-landing .lp-month > summary {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 6px 14px !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
  }
  #obushna-ecosystem-landing .lp-month > summary::after { display: none !important; }
  #obushna-ecosystem-landing .lp-month-num {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    font-size: 35.2px !important;
  }
  #obushna-ecosystem-landing .lp-month-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  #obushna-ecosystem-landing .lp-month-title small { font-size: 9px !important; }
  #obushna-ecosystem-landing .lp-month-title strong { font-size: 18.4px !important; }
  #obushna-ecosystem-landing .lp-month-title em {
    max-width: none !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  /* Плашка відкриття: висота не менша за 46 px, знак строго круглий. */
  #obushna-ecosystem-landing .lp-month-toggle {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    width: auto !important;
    min-width: 150px !important;
    height: 46px !important;
    margin-top: 8px !important;
    padding: 5px 16px 5px 6px !important;
  }
  #obushna-ecosystem-landing .lp-month-toggle::before {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    font-size: 16px !important;
  }
  #obushna-ecosystem-landing .lp-month-toggle::after {
    font-size: 9px !important;
    letter-spacing: .04em !important;
  }

  #obushna-ecosystem-landing .lp-month-body {
    gap: 14px !important;
    padding: 16px 14px 20px !important;
  }

  #obushna-ecosystem-landing .lp-meeting {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: linear-gradient(
      150deg,
      var(--lp-month-tone),
      var(--lp-month-tone),
      var(--lp-month-tone)
    ) !important;
    background: linear-gradient(
      150deg,
      color-mix(in srgb, var(--lp-month-tone) 82%, #16090d),
      var(--lp-month-tone),
      color-mix(in srgb, var(--lp-month-tone) 88%, #ffffff)
    ) !important;
    border: 1px solid var(--lp-month-tone) !important;
    border: 1px solid color-mix(in srgb, var(--lp-month-tone) 68%, #f0dca8) !important;
    border-radius: 16px !important;
    box-shadow: 5px 6px 0 rgba(74, 40, 30, .075), 0 12px 24px rgba(28, 7, 15, .11) !important;
  }
  #obushna-ecosystem-landing .lp-meeting::after { display: none !important; }
  /* Круг прогресу — у потоці, із заметним зазором до золотої плашки. */
  #obushna-ecosystem-landing .lp-meeting::before {
    position: static !important;
    align-self: flex-start !important;
    display: block !important;
    width: 62px !important;
    height: 62px !important;
    margin: 16px 0 0 16px !important;
    border-width: 5px !important;
    box-shadow: 0 0 0 2px var(--lp-month-tone), 4px 5px 0 rgba(74, 40, 30, .08), 0 8px 16px rgba(74, 40, 30, .13) !important;
    transform: none !important;
  }
  #obushna-ecosystem-landing .lp-meeting > small {
    position: static !important;
    align-self: flex-start !important;
    display: inline-grid !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 14px 16px 0 !important;
    padding: 8px 18px !important;
    clip-path: none !important;
    border-radius: 999px !important;
    filter: none !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }
  #obushna-ecosystem-landing .lp-meeting h4 {
    align-self: stretch !important;
    padding: 12px 16px 0 !important;
    font-size: 17.6px !important;
    line-height: 1.22 !important;
  }
  #obushna-ecosystem-landing .lp-meeting > p {
    align-self: stretch !important;
    padding: 8px 16px 16px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  #obushna-ecosystem-landing .lp-month-close {
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    gap: 10px !important;
    padding: 5px 18px 5px 6px !important;
    font-size: 10px !important;
  }
  #obushna-ecosystem-landing .lp-month-close::before {
    width: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
  }

  #obushna-ecosystem-landing .lp-meeting .lp-meeting-note {
    align-self: stretch !important;
    margin: 0 16px 16px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  /* ---------- 9. Ігри ---------- */

  #obushna-ecosystem-landing .lp-games-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-top: 32px !important;
  }
  #obushna-ecosystem-landing .lp-game {
    min-height: 0 !important;
    padding: 26px 20px !important;
  }
  #obushna-ecosystem-landing .lp-game::after { display: none !important; }
  #obushna-ecosystem-landing .lp-game-symbol {
    width: 62px !important;
    height: 62px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 0 0 6px rgba(255, 250, 240, .06), 0 12px 22px rgba(24, 4, 9, .2) !important;
    font-size: 32px !important;
  }
  #obushna-ecosystem-landing .lp-game-symbol-levels { font-size: 15px !important; }
  #obushna-ecosystem-landing .lp-game small { font-size: 9px !important; }
  #obushna-ecosystem-landing .lp-game h3 { font-size: 22.4px !important; }
  #obushna-ecosystem-landing .lp-game p {
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* ---------- 10. Формат: фон секції темніший за світлі картки ---------- */

  #obushna-ecosystem-landing .lp-format { background: linear-gradient(180deg, #efe4d2, #e6d9c3) !important; }

  #obushna-ecosystem-landing .lp-levels {
    gap: 26px !important;
    width: 100% !important;
    margin-top: 32px !important;
  }
  #obushna-ecosystem-landing .lp-levels::before { display: none !important; }

  #obushna-ecosystem-landing .lp-level,
#obushna-ecosystem-landing .lp-level:nth-child(2),
#obushna-ecosystem-landing .lp-level:nth-child(3) {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
    min-height: 0 !important;
  }
  #obushna-ecosystem-landing .lp-level::after { display: none !important; }
  #obushna-ecosystem-landing .lp-level-ring {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 54px !important;
    height: 54px !important;
    border-width: 4px !important;
  }
  #obushna-ecosystem-landing .lp-level-index {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
  }
  #obushna-ecosystem-landing .lp-level-index small { font-size: 9px !important; }
  #obushna-ecosystem-landing .lp-level-index strong { font-size: 18.4px !important; }
  #obushna-ecosystem-landing .lp-level-copy {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 20px 18px !important;
    border-radius: 18px !important;
    box-shadow: 5px 6px 0 rgba(74, 40, 30, .07), 0 12px 24px rgba(74, 40, 30, .08) !important;
  }
  #obushna-ecosystem-landing .lp-level-copy h3 { font-size: 20px !important; }
  #obushna-ecosystem-landing .lp-level-copy p { font-size: 14px !important; }

  /* ---------- 11. Вартість ---------- */

  #obushna-ecosystem-landing .lp-pricing-watermark {
    top: -18vw !important;
    font-size: 88vw !important;
  }
  #obushna-ecosystem-landing .lp-pricing-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 32px !important;
  }
  #obushna-ecosystem-landing .lp-price {
    align-items: center !important;
    min-height: 0 !important;
    padding: 26px 20px !important;
    border-width: 2px !important;
    text-align: center !important;
  }
  #obushna-ecosystem-landing .lp-price > p,
#obushna-ecosystem-landing .lp-price .lp-price-note { width: 100% !important; }
  #obushna-ecosystem-landing .lp-price-kicker { font-size: 10px !important; }
  #obushna-ecosystem-landing .lp-price-line {
    margin: 18px 0 14px !important;
    gap: 4px !important;
  }
  #obushna-ecosystem-landing .lp-price-line strong { font-size: 46.4px !important; }
  #obushna-ecosystem-landing .lp-price-line span { font-size: 10px !important; }
  #obushna-ecosystem-landing .lp-price > p { font-size: 15px !important; }
  #obushna-ecosystem-landing .lp-price .lp-price-note {
    margin: 12px 0 20px !important;
    padding-top: 12px !important;
    font-size: 15px !important;
  }

  /* ---------- 12. Авторка ---------- */

  #obushna-ecosystem-landing .lp-author-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px !important;
  }
  #obushna-ecosystem-landing .lp-author-figure {
    width: min(100%, 300px) !important;
    margin-inline: auto !important;
  }
  #obushna-ecosystem-landing .lp-author-figure::before { display: none !important; }
  #obushna-ecosystem-landing .lp-author-copy h2 { font-size: 35.2px !important; }
  #obushna-ecosystem-landing .lp-author-role {
    margin: 14px 0 12px !important;
    font-size: 15px !important;
    letter-spacing: .1em !important;
  }
  #obushna-ecosystem-landing .lp-author-copy > p { font-size: 15px !important; }
  #obushna-ecosystem-landing .lp-author-signature {
    width: min(240px, 70%) !important;
    margin-top: 20px !important;
  }

  /* ---------- 13. FAQ ----------
     Знаки питання — на одній вертикалі, відповідь у світлій картці. */

  #obushna-ecosystem-landing .lp-faq-list {
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 32px !important;
  }
  #obushna-ecosystem-landing .lp-faq-item {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 4px 12px !important;
    min-height: 0 !important;
    padding: 16px 16px 18px 12px !important;
    border-radius: 0 16px 16px 16px !important;
    box-shadow: 6px 7px 0 rgba(74, 40, 30, .08), 0 12px 24px rgba(74, 40, 30, .08) !important;
  }
  #obushna-ecosystem-landing .lp-faq-mark {
    grid-row: 1 !important;
    align-self: start !important;
    width: 52px !important;
    height: 52px !important;
    margin-top: 0 !important;
    border-width: 5px !important;
    box-shadow: 0 0 0 2px var(--gold), 5px 6px 0 rgba(74, 40, 30, .08), 0 8px 16px rgba(74, 40, 30, .14) !important;
    font-size: 25.6px !important;
  }
  #obushna-ecosystem-landing .lp-faq-q h3 {
    max-width: none !important;
    align-self: center !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 17px !important;
    line-height: 1.32 !important;
  }
  #obushna-ecosystem-landing .lp-faq-a {
    grid-column: 1 / -1 !important;
    margin-top: 10px !important;
    padding: 14px 16px !important;
  }
  #obushna-ecosystem-landing .lp-faq-a p { font-size: 15px !important; }

  /* ---------- 14. Фінальний CTA ----------
     Фонове слово зменшується та центрується: перша й остання літери
     мають лишатися видимими. */

  #obushna-ecosystem-landing .lp-final-mark {
    bottom: -.12em !important;
    font-size: 13.5vw !important;
    letter-spacing: -.03em !important;
  }
  #obushna-ecosystem-landing .lp-final-inner h2 { font-size: clamp(28.8px, 7vw, 35.2px) !important; }
  #obushna-ecosystem-landing .lp-final-inner > p {
    margin-top: 18px !important;
    font-size: 15px !important;
  }
  #obushna-ecosystem-landing .lp-final-price {
    gap: 8px 12px !important;
    margin: 24px auto 22px !important;
    font-size: 10px !important;
    letter-spacing: .05em !important;
  }
  #obushna-ecosystem-landing .lp-final .lp-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ---------- Дуже вузькі екрани ---------- */

@media (max-width: 360px) {
  #obushna-ecosystem-landing .lp-hero-facts strong { font-size: 16.8px !important; }
  #obushna-ecosystem-landing .lp-hero-facts span { color: rgba(251, 246, 236, .9) !important; font-size: 7px !important; }
  #obushna-ecosystem-landing .lp-hero-route span { width: 26px !important; height: 26px !important; }
  #obushna-ecosystem-landing .lp-why-item > span { font-size: 17.6px !important; }
  #obushna-ecosystem-landing .lp-why-item p { font-size: 11px !important; }
  #obushna-ecosystem-landing .lp-price-line strong { font-size: 40px !important; }
}

/* ---------- Політика руху ---------- */

@media (prefers-reduced-motion: reduce) {
  #obushna-ecosystem-landing *,
#obushna-ecosystem-landing *::before,
#obushna-ecosystem-landing *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* ===== 21-tablet.css ===== */
/* ============================================================
   ПЛАНШЕТ · 721–1024 px

   ПК-база тримається на clamp() і гнучких сітках, але у двох блоках
   ширини фізично не вистачає: колонка стискається до ~80 px і текст
   починає рватися по складах. Тут лише схлопування колонок —
   жодних кольорів, розмірів чи повторення ПК-правил.
   ============================================================ */

@media (min-width: 721px) and (max-width: 1024px) {

  /* Ядро та контури в один стовпчик: контури отримують усю ширину
     смуги, і в кожній картці лишається достатньо місця для тексту. */
  #obushna-ecosystem-landing .lp-eco-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }
  #obushna-ecosystem-landing .lp-eco-wheel { width: min(100%, 320px) !important; }

  /* Текст рівня формату — в один стовпчик замість двох. */
  #obushna-ecosystem-landing .lp-level-copy { grid-template-columns: minmax(0, 1fr) !important; }

  /* Дев'ять карток результату — по дві в ряд. */
  #obushna-ecosystem-landing .lp-results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ===== 99-elementor.css ===== */
/* ============================================================
   Обв'язка для WordPress / Elementor
   Не впливає на локальний перегляд: усі селектори прив'язані
   до класів Elementor або до кореневого контейнера лендінгу.
   ============================================================ */

/* Тема часто нав'язує власні списки, цитати та кнопки — знімаємо. */
#obushna-ecosystem-landing ul,
#obushna-ecosystem-landing ol {
  list-style: none !important;
}
#obushna-ecosystem-landing blockquote::before,
#obushna-ecosystem-landing blockquote::after {
  content: none !important;
}
#obushna-ecosystem-landing summary::-webkit-details-marker { display: none !important; }
#obushna-ecosystem-landing summary { list-style: none !important; }

/* Лендінг виходить із обмеженого контейнера теми на всю ширину вікна.
   Клас obushna-landing-host проставляє script.js усім предкам лендінгу.

   Клас і :has() рознесені у два окремі правила навмисно. Якщо браузер
   не знає :has() (Safari до 15.4 — це частина айфонів), він відкидає
   ВЕСЬ список селекторів разом із комами, і правило з класом теж не
   спрацювало б. Лендінг лишався б у вузькому контейнері теми —
   саме так виглядає «розвалена» сторінка на телефоні. */
.obushna-landing-host {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
  contain: none !important;
}

/* Те саме без участі JS — там, де :has() підтримується. */
.elementor-widget-html:has(#obushna-ecosystem-landing),
.elementor-widget-html:has(#obushna-ecosystem-landing) > .elementor-widget-container,
.elementor .e-con:has(#obushna-ecosystem-landing),
.elementor .elementor-section:has(#obushna-ecosystem-landing),
.elementor .elementor-container:has(#obushna-ecosystem-landing),
.elementor .elementor-column:has(#obushna-ecosystem-landing),
.elementor .elementor-widget-wrap:has(#obushna-ecosystem-landing) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
  contain: none !important;
}

/* Липка навігація лендінгу має триматися прокрутки сторінки,
   а не обрізаного контейнера теми. */
html body #obushna-ecosystem-landing .lp-nav {
  position: sticky !important;
  top: var(--lp-host-header-height, 0px) !important;
  z-index: 2147480000 !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
  transform: none !important;
}

/* Ряд із однією кнопкою після блоку — CTA, доданий на прохання Наталії. */
#obushna-ecosystem-landing .lp-cta-row {
  display: flex !important;
  justify-content: center !important;
  margin: 38px 0 0 !important;
}

/* ===== v2-bordo-bezh.css ===== */
/* ============================================================
   Друга версія: вино → беж.

   Палітру задала замовниця — дев'ять кроків від #26020b до #ffba7a.
   Файл перевизначає лише кольори: композиція, розміри та відступи
   лишаються тими самими, що у версії 1.

   Три речі, які тут вирішуються:
   1) самі відтінки етапів;
   2) колір тексту на світлих кроках (з шостого — темний);
   3) другий колір градієнта всередині плашок: замість золота —
      колір наступного кроку. Суміш темного вина із золотом давала
      оливково-бурий, і на перших трьох кроках це було видно.
   ============================================================ */

#obushna-ecosystem-landing {
  --jewel-1: #26020b !important;
  --jewel-2: #490515 !important;
  --jewel-3: #681321 !important;
  --jewel-4: #823231 !important;
  --jewel-5: #9d5142 !important;
  --jewel-6: #b77052 !important;
  --jewel-7: #cf8a60 !important;
  --jewel-8: #e7a26d !important;
  --jewel-9: #ffba7a !important;

  /* Бірюзи у другій версії немає: токени лишаються заради блоків,
     які на них посилаються, але вказують на бордо. */
  --deep-teal: #7b2636 !important;
  --deep-teal-2: #5e1b28 !important;

  --ink-on-light: #1e070b !important;
}

/* ------------------------------------------------------------
   1. Маршрут: кожен прапорець переходить у наступний крок.
   Дев'ятому переходити нема куди — він рівний, і це фінальна крапка.
   ------------------------------------------------------------ */

#obushna-ecosystem-landing .lp-eco-route li:nth-child(1) { background: linear-gradient(100deg, var(--jewel-1), var(--jewel-2)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(2) { background: linear-gradient(100deg, var(--jewel-2), var(--jewel-3)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(3) { background: linear-gradient(100deg, var(--jewel-3), var(--jewel-4)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(4) { background: linear-gradient(100deg, var(--jewel-4), var(--jewel-5)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(5) { background: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(6) { background: linear-gradient(100deg, var(--jewel-6), var(--jewel-7)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(7) { background: linear-gradient(100deg, var(--jewel-7), var(--jewel-8)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(8) { background: linear-gradient(100deg, var(--jewel-8), var(--jewel-9)) !important; }
#obushna-ecosystem-landing .lp-eco-route li:nth-child(9) { background: var(--jewel-9) !important; }

/* 2. Чотири контури беруть кроки 1, 4, 7 і 9 — переходять у свій наступний. */
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(1) .lp-eco-index { background: linear-gradient(145deg, var(--jewel-1), var(--jewel-2)) !important; }
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(2) .lp-eco-index { background: linear-gradient(145deg, var(--jewel-4), var(--jewel-5)) !important; }
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(3) .lp-eco-index { background: linear-gradient(145deg, var(--jewel-7), var(--jewel-8)) !important; }
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(4) .lp-eco-index { background: var(--jewel-9) !important; }

/* 3. Три рівні формату беруть кроки 1, 5 і 9. */
/* Три рівні беруть кроки 1, 5 і 9. Це не дрібна послідовність, а три
   великі щаблі, тому кожен лишається рівним своїм кольором: градієнт
   між далекими кроками надто широкий і вивалює текст із контрасту. */
#obushna-ecosystem-landing .lp-level:nth-child(1) .lp-level-ring { background: linear-gradient(var(--jewel-1), var(--jewel-1)) padding-box, var(--gold-rim) border-box !important; }
#obushna-ecosystem-landing .lp-level:nth-child(2) .lp-level-ring { background: linear-gradient(var(--jewel-5), var(--jewel-5)) padding-box, var(--gold-rim) border-box !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-ring { background: linear-gradient(var(--jewel-9), var(--jewel-9)) padding-box, var(--gold-rim) border-box !important; }
#obushna-ecosystem-landing .lp-level:nth-child(1) .lp-level-index { background: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-level:nth-child(2) .lp-level-index { background: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-index { background: var(--jewel-9) !important; }

/* ------------------------------------------------------------
   4. Колір тексту. Кроки 1–5 темні — на них лишається порцеляновий
   текст. Кроки 6–9 світлі — там текст темний.
   ------------------------------------------------------------ */

#obushna-ecosystem-landing .lp-why-item:nth-child(4) span,
#obushna-ecosystem-landing .lp-why-item:nth-child(4) p,
#obushna-ecosystem-landing .lp-why-item:nth-child(4) p strong,
#obushna-ecosystem-landing .lp-why-item:nth-child(5) span,
#obushna-ecosystem-landing .lp-why-item:nth-child(5) p,
#obushna-ecosystem-landing .lp-why-item:nth-child(5) p strong,
#obushna-ecosystem-landing .lp-why-item:nth-child(6) span,
#obushna-ecosystem-landing .lp-why-item:nth-child(6) p,
#obushna-ecosystem-landing .lp-why-item:nth-child(6) p strong,
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(3) .lp-eco-index,
#obushna-ecosystem-landing .lp-eco-contours li:nth-child(4) .lp-eco-index,
#obushna-ecosystem-landing .lp-eco-route li:nth-child(6),
#obushna-ecosystem-landing .lp-eco-route li:nth-child(6) *,
#obushna-ecosystem-landing .lp-eco-route li:nth-child(7),
#obushna-ecosystem-landing .lp-eco-route li:nth-child(7) *,
#obushna-ecosystem-landing .lp-eco-route li:nth-child(8),
#obushna-ecosystem-landing .lp-eco-route li:nth-child(8) *,
#obushna-ecosystem-landing .lp-eco-route li:nth-child(9),
#obushna-ecosystem-landing .lp-eco-route li:nth-child(9) *,
#obushna-ecosystem-landing .lp-result:nth-child(6),
#obushna-ecosystem-landing .lp-result:nth-child(6) *,
#obushna-ecosystem-landing .lp-result:nth-child(7),
#obushna-ecosystem-landing .lp-result:nth-child(7) *,
#obushna-ecosystem-landing .lp-result:nth-child(8),
#obushna-ecosystem-landing .lp-result:nth-child(8) *,
#obushna-ecosystem-landing .lp-result:nth-child(9),
#obushna-ecosystem-landing .lp-result:nth-child(9) *,
#obushna-ecosystem-landing .lp-phases li:nth-child(3) .lp-phase-ring *,
#obushna-ecosystem-landing .lp-phases li:nth-child(3) .lp-phase-copy *,
#obushna-ecosystem-landing .lp-phases li:nth-child(4) .lp-phase-ring *,
#obushna-ecosystem-landing .lp-phases li:nth-child(4) .lp-phase-copy *,
#obushna-ecosystem-landing .lp-map li:nth-child(7) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(7) div strong,
#obushna-ecosystem-landing .lp-map li:nth-child(8) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(8) div strong,
#obushna-ecosystem-landing .lp-map li:nth-child(9) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(9) div strong,
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary,
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary *,
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary,
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary *,
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary,
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary *,
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary,
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary *,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-ring *,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-index *,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy *,
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-faq-item:nth-child(5) .lp-faq-mark,
#obushna-ecosystem-landing .lp-faq-item:nth-child(5) .lp-faq-q,
#obushna-ecosystem-landing .lp-faq-item:nth-child(5) .lp-faq-q * {
  color: var(--ink-on-light) !important;
}

/* Кнопка «Переглянути деталі» на світлих місяцях: світле золото
   на бежі не читається. Плашка темна, знак і текст світлі. */
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-toggle,
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary .lp-month-toggle,
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary .lp-month-toggle,
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary .lp-month-toggle {
  background: rgba(30, 7, 11, .82) !important;
  border-color: rgba(30, 7, 11, .82) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary .lp-month-toggle::after,
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary .lp-month-toggle::after {
  color: var(--gold-light) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-toggle::before,
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary .lp-month-toggle::before,
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary .lp-month-toggle::before,
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary .lp-month-toggle::before {
  color: var(--ink-on-light) !important;
  background: var(--gold-light) !important;
}

#obushna-ecosystem-landing .lp-map li:nth-child(6) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(6) div strong,
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary,
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary * {
  color: var(--ink-on-light) !important;
}

/* ------------------------------------------------------------
   Та сама логіка у місяцях: заголовок іде від попереднього кроку до свого —
   тому найсвітліша її точка це власний колір етапу, для якого
   контраст уже перевірений. Домішування білого й чорного, яке було
   у першій версії, прибрано: воно виносило крайні кроки за поріг.
   Картки результатів і плашки карти не чіпаємо — там світлий корпус
   із кольоровою смугою, суцільна заливка його знищує.
   ------------------------------------------------------------ */

#obushna-ecosystem-landing .lp-month:nth-child(1) > summary { background: linear-gradient(110deg, var(--jewel-1), var(--jewel-2)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(2) > summary { background: linear-gradient(110deg, var(--jewel-2), var(--jewel-3)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(3) > summary { background: linear-gradient(110deg, var(--jewel-3), var(--jewel-4)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(4) > summary { background: linear-gradient(110deg, var(--jewel-4), var(--jewel-5)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary { background: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary { background: linear-gradient(110deg, var(--jewel-6), var(--jewel-7)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary { background: linear-gradient(110deg, var(--jewel-7), var(--jewel-8)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary { background: linear-gradient(110deg, var(--jewel-8), var(--jewel-9)) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary { background: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-map li:nth-child(6) div strong { background: linear-gradient(100deg, var(--jewel-5), var(--jewel-6)) !important; }

#obushna-ecosystem-landing .lp-map li:nth-child(6) div strong {
  background: linear-gradient(100deg, var(--jewel-6), var(--jewel-7)) !important;
}

/* П'ятий крок — останній темний, і на ньому світлий текст лишає надто
   малий запас. Дрібні написи на ньому робимо чисто білими: це додає
   близько половини одиниці контрасту й не змінює вигляду. */
#obushna-ecosystem-landing .lp-eco-route li:nth-child(5) span,
#obushna-ecosystem-landing .lp-map li:nth-child(5) div strong {
  color: #ffffff !important;
}

/* У картках результатів кольором тону набране виділене слово — тон стоїть
   як текст на світлому корпусі. П'ятий крок на світлому дає 4,47 замість
   4,5, тому там береться сусідній темніший крок: різниця непомітна оком,
   а поріг проходить. */
#obushna-ecosystem-landing .lp-result:nth-child(5) strong { color: var(--jewel-4) !important; }

/* Кнопка «Переглянути деталі» на п'ятому місяці: світле золото на його
   тлі дає 3,99 — під порогом. Вимірювач цього не ловить (у кнопки
   aria-hidden), знайдено оком на скріншоті. Плашка стає темною. */
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary .lp-month-toggle {
  background: rgba(30, 7, 11, .78) !important;
  border-color: rgba(30, 7, 11, .78) !important;
}

/* П'ятий місяць — найсвітліший із темної половини. Дрібний золотий
   надзаголовок на ньому дає 4,23 замість 4,5, тому там він білий. */
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary .lp-month-title small { color: #ffffff !important; }

/* ===== v2-program.css ===== */
/* Точкові правки блоку «Детальна програма» — друга версія.
   Підключається після v2-bordo-bezh.css і перевизначає його частину. */

/* ------------------------------------------------------------
   1. Золотий маркер зустрічі.
   Ряд кольорів дала замовниця, тут він освітлений і з відблиском
   усередині: не проста лінійка з одного тону в інший, а світло,
   що йде через плашку. Темний край прибрано зовсім.
   ------------------------------------------------------------ */
#obushna-ecosystem-landing .lp-meeting > small {
  background: linear-gradient(
    100deg,
    #fdf1cc 0%,
    #f7e0a4 16%,
    #eecb7c 34%,
    #f6dfa2 52%,
    #e3bd6c 74%,
    #cfa04d 100%
  ) !important;
  color: #2b1206 !important;
}

/* ------------------------------------------------------------
   2. Заголовки місяців — рівно погоджена палітра, без притемнень.

   Що з цього випливає для набору. Золото тримається лише поки фон
   темний, тому:
     місяці 1–4  — увесь набір золотий, як задумано;
     місяць 5    — цифра й заголовок золоті (великий кегль, поріг 3,0),
                   а дрібний тег і пояснення білі: золото на ньому дає
                   4,23 при порозі 4,5;
     місяці 6–9  — набір темний: там і золото, і білий не читаються
                   (білий 3,85 · 2,82 · 2,15 · 1,67).
   ------------------------------------------------------------ */
#obushna-ecosystem-landing .lp-month:nth-child(1) > summary { background: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(2) > summary { background: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(3) > summary { background: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(4) > summary { background: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary { background: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary { background: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(7) > summary { background: var(--jewel-7) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(8) > summary { background: var(--jewel-8) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(9) > summary { background: var(--jewel-9) !important; }

/* Місяці 1–6: золотий набір. Кольори фону — рівно палітра, тому на
   п'ятому й шостому взяті світліші відтінки золота: чим світліше золото,
   тим більший запас на теплому тлі.
     місяць 5: тег 5,05 замість 4,23 — проходить;
     місяць 6: цифра й заголовок 3,42 (великий кегль, поріг 3,0 — проходять),
               дрібний тег і пояснення 3,63 і 3,85 при порозі 4,5 — це
               свідоме рішення на користь однакового вигляду. */
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-num { color: #f4dfa8 !important; }
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-title small { color: #eeddb2 !important; }
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-title strong { color: #f7e8c4 !important; }
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-title em { color: rgba(255, 253, 248, .93) !important; }

#obushna-ecosystem-landing .lp-month:nth-child(5) > summary .lp-month-num,
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary .lp-month-title strong { color: #fdf1cc !important; }
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary .lp-month-title small { color: #fdf1cc !important; }
#obushna-ecosystem-landing .lp-month:nth-child(5) > summary .lp-month-title em { color: #ffffff !important; }

#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-num,
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-title strong { color: #fdf1cc !important; }
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-title small { color: #fff8e2 !important; }
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-title em { color: #ffffff !important; }

/* Кнопка «Переглянути деталі» світла в місяцях 1–6. */
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-toggle {
  background: transparent !important;
  border-color: rgba(236, 214, 166, .55) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-toggle::after { color: var(--gold-light) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(-n+6) > summary .lp-month-toggle::before {
  color: var(--bordo-deep) !important;
  background: var(--gold-light) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-toggle {
  border-color: rgba(255, 248, 226, .8) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(6) > summary .lp-month-toggle::after { color: #fff8e2 !important; }

/* Місяці 7–9: темний набір і темна плашка кнопки. */
#obushna-ecosystem-landing .lp-month:nth-child(n+7) > summary,
#obushna-ecosystem-landing .lp-month:nth-child(n+7) > summary * { color: var(--ink-on-light) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(n+7) > summary .lp-month-toggle {
  background: rgba(30, 7, 11, .86) !important;
  border-color: rgba(30, 7, 11, .86) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(n+7) > summary .lp-month-toggle::after { color: var(--gold-light) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(n+7) > summary .lp-month-toggle::before {
  color: var(--ink-on-light) !important;
  background: var(--gold-light) !important;
}

/* ------------------------------------------------------------
   3. Вміст розкритих світлих місяців (6–9).
   Стрічка зустрічі будується з кольору місяця, а він тут уже світлий —
   тому набір усередині теж темний, інакше нечитаемо.
   ------------------------------------------------------------ */
#obushna-ecosystem-landing .lp-month:nth-child(7) .lp-meeting h4,
#obushna-ecosystem-landing .lp-month:nth-child(7) .lp-meeting > p,
#obushna-ecosystem-landing .lp-month:nth-child(7) .lp-meeting > p strong,
#obushna-ecosystem-landing .lp-month:nth-child(7) .lp-meeting .lp-meeting-note { color: var(--ink-on-light) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(8) .lp-meeting h4,
#obushna-ecosystem-landing .lp-month:nth-child(8) .lp-meeting > p,
#obushna-ecosystem-landing .lp-month:nth-child(8) .lp-meeting > p strong,
#obushna-ecosystem-landing .lp-month:nth-child(8) .lp-meeting .lp-meeting-note { color: var(--ink-on-light) !important; }
#obushna-ecosystem-landing .lp-month:nth-child(9) .lp-meeting h4,
#obushna-ecosystem-landing .lp-month:nth-child(9) .lp-meeting > p,
#obushna-ecosystem-landing .lp-month:nth-child(9) .lp-meeting > p strong,
#obushna-ecosystem-landing .lp-month:nth-child(9) .lp-meeting .lp-meeting-note { color: var(--ink-on-light) !important; }

#obushna-ecosystem-landing .lp-month:nth-child(7) .lp-meeting .lp-meeting-note {
  background: rgba(30, 7, 11, .07) !important;
  border-top-color: rgba(30, 7, 11, .22) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(8) .lp-meeting .lp-meeting-note {
  background: rgba(30, 7, 11, .07) !important;
  border-top-color: rgba(30, 7, 11, .22) !important;
}
#obushna-ecosystem-landing .lp-month:nth-child(9) .lp-meeting .lp-meeting-note {
  background: rgba(30, 7, 11, .07) !important;
  border-top-color: rgba(30, 7, 11, .22) !important;
}

/* Кнопка «Сховати деталі» всередині світлих місяців. */
#obushna-ecosystem-landing .lp-month:nth-child(n+7) .lp-month-close {
  color: var(--gold-light) !important;
  background: rgba(30, 7, 11, .86) !important;
  border-color: rgba(30, 7, 11, .86) !important;
}

/* ------------------------------------------------------------
   4. Коротка карта: погоджена палітра, увесь текст білий —
   і цифри в кружках, і назви на кольорових плашках.

   Межа за рішенням замовниці — після шостого кроку.
   Контраст білого: 19,2 · 16,0 · 12,3 · 8,6 · 5,7 · 3,85 — шостий
   трохи не дотягує до порога 4,5, це свідомий вибір на користь вигляду.
   Далі білий неможливий: 2,82 · 2,15 · 1,67, тому з сьомого текст темний.
   ------------------------------------------------------------ */
#obushna-ecosystem-landing .lp-map li:nth-child(1) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(1) div strong { background: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(2) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(2) div strong { background: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(3) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(3) div strong { background: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(4) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(4) div strong { background: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(5) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(5) div strong { background: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(6) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(6) div strong { background: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(7) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(7) div strong { background: var(--jewel-7) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(8) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(8) div strong { background: var(--jewel-8) !important; }
#obushna-ecosystem-landing .lp-map li:nth-child(9) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(9) div strong { background: var(--jewel-9) !important; }

#obushna-ecosystem-landing .lp-map li:nth-child(-n+6) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(-n+6) div strong { color: #ffffff !important; }

#obushna-ecosystem-landing .lp-map li:nth-child(n+7) .lp-map-dot,
#obushna-ecosystem-landing .lp-map li:nth-child(n+7) div strong { color: var(--ink-on-light) !important; }

/* 5. Вертикальна лінія карти йшла на 5 px правіше за центр кружків:
   кружок 54 px починається від краю, його центр — 27 px, а лінія
   стояла на 31 px при товщині 2 px. */
#obushna-ecosystem-landing .lp-map::before { left: 26px !important; }

/* ============================================================
   Точкові правки решти блоків — друга версія.
   ============================================================ */

/* --- Блок «Чому саме 9 місяців»: у фази 100% зникала лінія під написом.
   Вона малюється кольором етапу, а дев'ятий крок надто світлий для
   кремового тла. Двом світлим фазам даємо темнішого родича. --- */
#obushna-ecosystem-landing .lp-phases li:nth-child(3) .lp-phase-copy small {
  color: var(--jewel-5) !important;
  border-top-color: rgba(157, 81, 66, .55) !important;
}
#obushna-ecosystem-landing .lp-phases li:nth-child(4) .lp-phase-copy small {
  color: var(--jewel-4) !important;
  border-top-color: rgba(130, 50, 49, .55) !important;
}

/* --- Блок «Формат навчання»: три рівні в бордовому градієнті плашки
   «Щомісячна оплата» — від темного бордо до світлого. --- */
#obushna-ecosystem-landing .lp-level:nth-child(1) .lp-level-ring { background: linear-gradient(145deg, #5a1723, #4a111c) padding-box, var(--gold-rim) border-box !important; }
#obushna-ecosystem-landing .lp-level:nth-child(2) .lp-level-ring { background: linear-gradient(145deg, #7c2637, #6b1f2d) padding-box, var(--gold-rim) border-box !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-ring { background: linear-gradient(145deg, #8b3042, #7b2636) padding-box, var(--gold-rim) border-box !important; }
#obushna-ecosystem-landing .lp-level:nth-child(1) .lp-level-index { background: linear-gradient(115deg, #4a111c, #5a1723) !important; }
#obushna-ecosystem-landing .lp-level:nth-child(2) .lp-level-index { background: linear-gradient(115deg, #6b1f2d, #7c2637) !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-index { background: linear-gradient(115deg, #7b2636, #8b3042) !important; }

/* Набір на всіх трьох рівнях знову світлий: фон тепер темний бордовий. */
#obushna-ecosystem-landing .lp-level .lp-level-ring *,
#obushna-ecosystem-landing .lp-level .lp-level-index *,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy * {
  color: var(--porcelain) !important;
}
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy h3 { color: var(--bordo-deep) !important; }
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy p,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-copy p strong { color: var(--ink) !important; }

/* --- FAQ: знак питання повертається у градієнт маршруту.
   Питань шість, тому беремо перші шість кроків палітри й не тягнемо
   штучно до світлого бежу. --- */
#obushna-ecosystem-landing .lp-faq-item:nth-child(1) { --lp-faq-tone: var(--jewel-1) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(2) { --lp-faq-tone: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(3) { --lp-faq-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(4) { --lp-faq-tone: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(5) { --lp-faq-tone: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-faq-item:nth-child(6) { --lp-faq-tone: var(--jewel-6) !important; }

/* --- Блок «Для кого програма»: чотири вужчі картки замість двох
   широких, висота приблизно вдвічі менша, затемнення легше.
   Набір усередині зменшено пропорційно — інакше текст не вміщується
   у нижню частину картки й вилазить на світле тло. --- */

/* Тільки для широкого екрана: на планшеті чотири колонки завузькі —
   текст вилазить із затемнення, тому там лишаються дві.
   Мобільна композиція цього блоку своя, її не чіпаємо. */
@media (min-width: 1240px) {
  #obushna-ecosystem-landing .lp-audience-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 40px !important;
  }
  #obushna-ecosystem-landing .lp-audience-card { min-height: 272px !important; border-radius: 18px 18px 8px 8px !important; }
  #obushna-ecosystem-landing .lp-audience-card > img { min-height: 272px !important; }
  #obushna-ecosystem-landing .lp-audience-card::before { top: 12px !important; right: 12px !important; width: 30px !important; height: 30px !important; }
  #obushna-ecosystem-landing .lp-audience-card::after {
    background: linear-gradient(180deg,
      transparent 4%,
      rgba(24, 12, 9, .30) 26%,
      rgba(40, 15, 18, .86) 52%,
      rgba(40, 15, 18, .93) 100%) !important;
  }
  #obushna-ecosystem-landing .lp-audience-copy { padding: 18px 18px 20px !important; }
  #obushna-ecosystem-landing .lp-audience-copy > span { color: #f7e8c4 !important; font-size: 10px !important; letter-spacing: .1em !important; }
  #obushna-ecosystem-landing .lp-audience-copy h3 { margin-top: 6px !important; font-size: 18.56px !important; line-height: 1.2 !important; }
  #obushna-ecosystem-landing .lp-audience-copy p { margin-top: 7px !important; font-size: 13px !important; line-height: 1.45 !important; }
}

/* Третій рівень формату тепер на темному бордо, тому набір у ньому
   світлий. Правило вище у файлі палітри робило його темним — там
   фон був світлим кроком, тепер це не так. */
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-ring *,
#obushna-ecosystem-landing .lp-level:nth-child(3) .lp-level-index * { color: var(--porcelain) !important; }

/* FAQ: шосте питання стоїть на світлому кроці, там набір темний. */
#obushna-ecosystem-landing .lp-faq-item:nth-child(6) .lp-faq-q,
#obushna-ecosystem-landing .lp-faq-item:nth-child(6) .lp-faq-q *,
#obushna-ecosystem-landing .lp-faq-item:nth-child(6) .lp-faq-mark { color: var(--ink-on-light) !important; }

/* --- Блок «Чому ця програма потрібна»: шість кіл.
   Раніше вони брали кроки 1, 3, 5, 6, 8, 9 — перше виходило майже
   чорним, останнє блідо-бежевим. Тепер це суцільний відрізок
   палітри 2–7: починається справжнім бордо, закінчується теплою
   теракотою. Кольори ті самі, змінився лише вибір кроків. --- */
#obushna-ecosystem-landing .lp-why-item:nth-child(1) { --lp-tone: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(2) { --lp-tone: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(3) { --lp-tone: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(4) { --lp-tone: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(5) { --lp-tone: var(--jewel-6) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(6) { --lp-tone: var(--jewel-7) !important; }

/* Цифри всередині кіл ідуть тим самим градієнтом. Два останні кроки
   на кремовому тлі не проходять поріг (3,2 і 2,3), тому для них
   береться темніший родич того самого відтінку. */
#obushna-ecosystem-landing .lp-why-item:nth-child(1) span { color: var(--jewel-2) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(2) span { color: var(--jewel-3) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(3) span { color: var(--jewel-4) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(4) span { color: var(--jewel-5) !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(5) span { color: #8f4d33 !important; }
#obushna-ecosystem-landing .lp-why-item:nth-child(6) span { color: #9a5734 !important; }

/* --- Мобільний блок «Для кого»: компактні картки. --- */
@media (max-width: 720px) {
  #obushna-ecosystem-landing .lp-audience-card {
    height: 200px !important;
    min-height: 200px !important;
  }
  #obushna-ecosystem-landing .lp-audience-card > img {
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  #obushna-ecosystem-landing .lp-audience-copy { padding: 18px !important; }
  #obushna-ecosystem-landing .lp-audience-copy h3 {
    font-size: 19.52px !important;
    line-height: 1.18 !important;
  }
  #obushna-ecosystem-landing .lp-audience-copy p {
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 350px) {
  #obushna-ecosystem-landing .lp-audience-copy { padding: 12px 14px !important; }
  #obushna-ecosystem-landing .lp-audience-copy > span { font-size: 8px !important; }
  #obushna-ecosystem-landing .lp-audience-copy h3 {
    margin-top: 4px !important;
    font-size: 16.8px !important;
    line-height: 1.12 !important;
  }
  #obushna-ecosystem-landing .lp-audience-copy p {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}/* End custom CSS */