/* site.css · דקלה סברו. מה שמייחד את האתר: מסגרת עלה (מהלוטוס בלוגו), שלושת צבעי העלים
 * כקו עליון בכרטיסי "מאיפה מתחילים", ונקודות צבעוניות ברשימות כמו הראשים בלוגו. רק משתנים. */

/* ---------- מסגרת עלה ---------- */
.frame-petal { position: relative; isolation: isolate; max-width: 30rem; justify-self: center; width: 100%; }
.frame-petal::before {
  content: ""; position: absolute; inset: 8% -6% -5% 10%; z-index: -1;
  background: linear-gradient(150deg, var(--bg-2) 0%, var(--bg-3) 100%);
  border-radius: 14rem var(--radius-lg) 14rem var(--radius-lg);
}
.frame-petal img { border-radius: 14rem var(--radius-lg) 14rem var(--radius-lg); aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; }
@media (max-width: 860px) {
  .frame-petal { max-width: 22rem; }
  .frame-petal img { max-height: 46vh; }
}

.hero .eyebrow { color: var(--lilac-ink); }
.hero h1 { text-wrap: balance; }

/* ---------- רשימת סימנים: נקודה בצבעי הלוגו ---------- */
.signs { list-style: none; padding: 0; margin-block: var(--s-text); display: grid; gap: var(--s-tight); }
.signs li { position: relative; padding-inline-start: 1.75rem; }
.signs li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .55em;
  width: .75rem; height: .75rem; border-radius: 50%; background: var(--teal);
}
.signs li:nth-child(3n+2)::before { background: var(--leaf); }
.signs li:nth-child(3n)::before { background: var(--lilac); }
.signs b { color: var(--ink); }
.storm h2 { margin-bottom: var(--s-text); }

/* ---------- כרטיסי המסלול: קו עליון בצבע עלה ---------- */
.paths .card { border-top: .375rem solid var(--teal); }
.paths .card:nth-child(1) { border-top-color: var(--lilac); }
.paths .card:nth-child(2) { border-top-color: var(--leaf); }
.paths .card-meta { color: var(--lilac-ink); }
.paths .card:nth-child(2) .card-meta { color: var(--leaf-ink); }
.paths .card:nth-child(3) .card-meta { color: var(--brand-ink); }
.card h3 { font-family: var(--ff-head); }

/* ---------- ציטוט אדלר ---------- */
.adler .pull p { font-size: var(--fs-h2); font-weight: 500; color: var(--lilac-ink); line-height: 1.3; }

/* ---------- עדויות ---------- */
.tst { border-top: .25rem solid var(--lilac); }
.tst figcaption b { font-family: var(--ff-head); font-weight: 500; }

/* ---------- רצועת עובדות ---------- */
.offer-strip { background: var(--bg-3); color: var(--ink); }
.offer-strip b { color: var(--brand-ink); opacity: 1; }
.offer-strip span { color: var(--ink); }

/* ---------- סיפור ---------- */
.story p + p { margin-top: var(--s-text); }

/* לוגו בכותרת */
.brand img { height: 3.25rem; width: auto; }

.step-n { color: var(--brand-ink); }
.principle .pull p { color: var(--lilac-ink); font-weight: 500; }
@media (min-width: 861px) { .tst-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 56rem; margin-inline: auto; } }