/* ==========================================================================
   meravish · case-paper.css
   שכבת הנייר של תבנית ה-cs בעמודי הקייס. נטענת אחרי הסגנונות של העמוד,
   כדי שכל העמודים בתבנית הזאת ייראו כמשפחה אחת:
   נייר חם, דיו כהה יחיד, כותרת Secular, ורוד אחד לרגע אחד.
   בלי רצועות כהות, בלי קופסאות כברירת מחדל, בלי כותרות קטנות באותיות גדולות.
   ========================================================================== */
:root {
  --cp-paper: #fbf7f3;
  --cp-paper-2: #fdfbfd;
  --cp-ink: #191320;
  --cp-sub: #5d5566;
  --cp-line: rgba(25, 19, 32, .1);
}
body { background: var(--cp-paper-2); }

/* HERO: טענה על נייר, ואחריה הנכס האמיתי */
.cs-hero {
  background: var(--cp-paper);
  min-height: 0;
  justify-content: flex-start;
  padding: clamp(96px, 10vw, 128px) 0 clamp(44px, 5vw, 64px);
}
.cs-hero-overlay { display: none; }
.cs-hero h1 { color: var(--cp-ink); letter-spacing: -.02em; text-wrap: balance; }
.cs-hero h1 em { color: inherit; }
.cs-hero-sub { color: var(--cp-sub); font-weight: 400; max-inline-size: 56ch; text-wrap: pretty; }
.cs-hero-back { color: var(--cp-sub); text-transform: none; letter-spacing: 0; }
.cs-hero-shot { margin: clamp(36px, 5vw, 56px) 0 0; }
.cs-hero-shot img {
  display: block; width: 100%; height: auto;
  border-radius: 12px; border: 1px solid var(--cp-line);
  box-shadow: 0 18px 50px rgba(96, 36, 104, .10);
}

/* גוף */
.cs-body { background: var(--cp-paper-2); }
.cs-section h2, .cs-dark h2 { color: var(--cp-ink); letter-spacing: -.005em; text-wrap: balance; }
.cs-section p, .cs-dark p { color: #4a4552; text-wrap: pretty; }
.cs-section p em, .cs-dark p em { color: var(--cp-ink); font-weight: 600; font-style: normal; font-family: inherit; }

/* מה שהיה "כהה" הוא עכשיו הנייר החם, לשבירת קצב בלבד */
.cs-dark { background: var(--cp-paper); }

/* תוויות: טקסט קטן ומודגש, לא אותיות גדולות מרווחות */
.cs-section-label, .cs-prompt-label, .cs-tag-label, .cs-meta-label, .cs-next-label {
  text-transform: none; letter-spacing: 0;
}
.cs-prompt-label { font-size: 14px; font-weight: 700; color: var(--pink-ink); }

/* ציטוט ופרומפט: קו ורוד אחד, בלי קופסה */
.cs-prompt-box {
  background: none; border: 0; border-radius: 0;
  border-inline-start: 3px solid var(--pink);
  padding-block: 4px; padding-inline: 22px 0;
}
.cs-prompt-box p { font-style: normal; color: var(--cp-ink); font-size: 16.5px; line-height: 1.8; }

/* יכולות: רשימה, לא כרטיסים */
.cs-features { gap: 26px 44px; }
.cs-feature { background: none; border: 0; border-radius: 0; padding: 0; }
.cs-feature-title { font-size: 16px; font-weight: 600; color: var(--cp-ink); margin-bottom: 4px; }
.cs-feature-desc { font-size: 15px; line-height: 1.65; color: var(--cp-sub); }
.cs-feature-note { font-weight: 400; color: var(--cp-sub); }

/* "זה חי": שורה אחת עם הכפתור, בלי מסגרת ורודה */
.cs-live-block { background: none; border: 0; border-radius: 0; overflow: visible; }
.cs-live-bottom { padding: 0; }
.cs-live-text h3 { font-family: var(--font-display); font-size: clamp(22px, 2.6vw, 28px); color: var(--cp-ink); }
.cs-live-text p { color: var(--cp-sub); font-size: 16px; }
.cs-live-btn { font-size: 16px; transition: background .2s; }
.cs-live-btn:hover { opacity: 1; background: var(--pink-ink); }

/* קו התהליך */
.cs-flow-line { margin: 40px 0 8px; --bl-h: 200px; --bl-ink: var(--cp-ink); --bl-sub: var(--cp-sub); }

@media (prefers-reduced-motion: reduce) {
  .cs-live-btn { transition: none; }
}