/* את העסק: הבלוקים של 8.11.2026 (הכאב, עצמאית/מנכ״לית, הגישה שלי, ההבטחה). נטען רק בעמוד הזה (pages/at-haesek.html) */

/* הדגשה במרקר צהוב (על רקע בהיר) */
.biz-mark { background-image: linear-gradient(var(--yellow), var(--yellow)); background-repeat: no-repeat; background-size: 100% .45em; background-position: 0 88%; padding-inline: .1em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* ---------- בלוק 1: הכאב ---------- */
.biz-pain { padding: 0 var(--gutter) var(--space-l); max-inline-size: calc(900px + 2 * var(--gutter)); margin-inline: auto; }
.biz-pain__title { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-h2-l); line-height: 1; text-align: center; }
.biz-pain__list { list-style: none; margin: clamp(28px, 4vw, 52px) 0 0; padding: 0; }
.biz-pain__list li {
  position: relative; padding: clamp(14px, 1.8vw, 22px) 0; padding-inline-start: 34px;
  border-block-start: 1px solid rgba(0, 0, 0, .16);
  font-family: var(--font-display); font-weight: 400; font-size: clamp(20px, 2vw, 28px); line-height: 1.2;
}
.biz-pain__list li:last-child { border-block-end: 1px solid rgba(0, 0, 0, .16); }
.biz-pain__list li::before { content: ""; position: absolute; inset-inline-start: 0; top: calc(clamp(14px, 1.8vw, 22px) + .45em); inline-size: 12px; block-size: 12px; border-radius: 50%; background: var(--orange); }
.biz-pain__turn { margin-block-start: clamp(32px, 4vw, 52px); text-align: center; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.4; }
.biz-pain__turn strong { font-weight: 700; }
.biz-pain__out { margin: 14px auto 0; max-inline-size: 18em; text-align: center; font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 3.2vw, 46px); line-height: 1.15; text-wrap: balance; }
.biz-pain__stat { margin: clamp(32px, 4vw, 52px) auto 0; max-inline-size: 720px; padding: clamp(20px, 2.6vw, 30px) clamp(22px, 3vw, 36px); border: 1.5px solid var(--orange); border-radius: var(--radius); background: var(--white); text-align: center; }
.biz-pain__stat p { font-size: clamp(18px, 1.6vw, 22px); line-height: 1.4; }
.biz-pain__stat .biz-pain__src { margin-block-start: 10px; font-size: 14px; color: var(--grey); }
.biz-pain__src a { color: inherit; text-underline-offset: 3px; }

/* ---------- עצמאית שואלת / מנכ״לית שואלת: שני כרטיסים זה מול זה, בלי כותרת "לצאת מהלופ" ---------- */
.biz-loop { padding: clamp(56px, 7vw, 96px) var(--gutter) 0; }
.biz-loop__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: clamp(14px, 2vw, 28px); max-inline-size: 1100px; margin-inline: auto; }
.biz-loop__card { border-radius: var(--radius); padding: clamp(24px, 3vw, 40px); block-size: 100%; }
.biz-loop__card--self { border: 1px solid rgba(255, 255, 255, .28); color: var(--grey-on-dark); }
.biz-loop__card--ceo { border: 1.5px solid var(--yellow); background: rgba(255, 255, 255, .06); color: var(--light-text); }
.biz-loop__who { font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.1; margin-block-end: clamp(14px, 1.8vw, 22px); }
.biz-loop__card--ceo .biz-loop__who { color: var(--yellow); }
.biz-loop__card ul { list-style: none; margin: 0; padding: 0; }
.biz-loop__card li { padding-block: 10px; border-block-start: 1px solid rgba(255, 255, 255, .14); font-size: clamp(17px, 1.45vw, 20px); line-height: 1.35; }
.biz-loop__card--self li { text-decoration: line-through; text-decoration-color: rgba(255, 255, 255, .35); text-decoration-thickness: 1px; }
.biz-loop__hot { color: var(--orange); }
.biz-loop__arrow { display: grid; place-items: center; inline-size: 52px; block-size: 52px; border-radius: 50%; background: var(--yellow); color: var(--dark); }
.biz-loop__arrow svg { inline-size: 26px; block-size: 26px; }
.biz-loop__end { max-inline-size: 26em; margin: clamp(36px, 4.5vw, 60px) auto 0; text-align: center; font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 2.8vw, 40px); line-height: 1.2; color: var(--light-text); text-wrap: balance; }

/* ---------- בלוק 2: הגישה שלי ---------- */
.biz-approach { background: var(--white); padding: var(--space-l) var(--gutter); }
.biz-approach__head { max-inline-size: 860px; margin-inline: auto; text-align: center; }
.biz-approach__title { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-h2-l); line-height: 1.05; text-wrap: balance; }
.biz-approach__lead { margin-block-start: clamp(20px, 2.6vw, 32px); font-size: var(--fs-lead); line-height: 1.5; }
.biz-approach__intro { margin-block-start: 18px; font-family: var(--font-display); font-weight: 400; font-size: clamp(21px, 2vw, 28px); line-height: 1.2; }
.biz-approach__cards { list-style: none; margin: clamp(30px, 4vw, 54px) auto 0; padding: 0; max-inline-size: 1188px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.biz-approach__card { padding: clamp(22px, 2.4vw, 32px); border-radius: var(--radius); background: var(--paper-2); }
.biz-approach__card:nth-child(2) { background: var(--lime); }
.biz-approach__n { display: grid; place-items: center; inline-size: 52px; block-size: 52px; border-radius: 50%; background: var(--orange); font-family: var(--font-display); font-size: 20px; margin-block-end: 18px; }
.biz-approach__card:nth-child(2) .biz-approach__n { background: var(--white); }
.biz-approach__card h3 { font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.05; }
.biz-approach__card p { margin-block-start: 10px; font-size: 18px; line-height: 1.5; }
.biz-approach__quote { margin: clamp(40px, 5vw, 72px) auto 0; max-inline-size: 20em; text-align: center; font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 3.2vw, 46px); line-height: 1.15; text-wrap: balance; }
.biz-approach__goal { margin: 18px auto 0; max-inline-size: 30em; text-align: center; font-size: clamp(19px, 1.8vw, 25px); line-height: 1.4; }
.biz-approach__goal .biz-mark { font-weight: 700; }

/* ---------- בלוק 3: ההבטחה ---------- */
.biz-promise { margin-block-start: var(--space-l); padding: var(--space-l) var(--gutter); text-align: center; }
.biz-promise__title { max-inline-size: 15em; margin-inline: auto; font-family: var(--font-display); font-weight: 400; font-size: var(--fs-h2-l); line-height: 1.05; color: var(--light-text); text-wrap: balance; }
.biz-promise__title span { color: var(--yellow); }
.biz-promise__list { list-style: none; margin: clamp(28px, 4vw, 48px) auto 0; padding: 0; max-inline-size: 640px; display: grid; gap: 16px; text-align: start; }
.biz-promise__list li { display: flex; align-items: flex-start; gap: 14px; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.4; }
.biz-promise__list svg { flex: none; inline-size: 28px; block-size: 28px; margin-block-start: .05em; color: var(--yellow); }
.biz-promise__cta { margin-block-start: clamp(30px, 4vw, 44px); }
.biz-promise__cta .btn { min-inline-size: 280px; min-block-size: 54px; font-size: 19px; }
/* בלוק ההרשמה שאחרי ההבטחה: בלי רווח כפול */
.biz-promise + .cta-panel-wrap { padding-block-start: var(--space-l); }

@media (max-width: 860px) {
  .biz-loop__grid { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .biz-loop__card { inline-size: 100%; }
  .biz-loop__arrow { transform: rotate(-90deg); }
  .biz-approach__cards { grid-template-columns: minmax(0, 1fr); }
  .biz-promise__cta .btn { min-inline-size: 0; inline-size: 100%; }
}