/* Target webinar (/webinars/target-s-nulya) — only the blocks not in webinar.css.
   Same light theme + lime accent tokens (article.css). Loaded after webinar.css. */

/* big metric inside a proof card */
.wb-proof-big{font-family:var(--mono);font-size:clamp(28px,4.6vw,42px);font-weight:700;
  line-height:1;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}
.wb-proof-big::after{content:"";display:block;width:34px;height:3px;background:var(--accent);border-radius:3px;margin-top:12px}

/* "как проходит" — numbered steps */
.wb-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.wb-step{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:22px 20px}
.wb-sec-alt .wb-step{background:var(--paper)}
.wb-step-n{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-weight:700;font-size:16px;color:var(--accent-ink);
  background:var(--accent);border-radius:10px}
.wb-step-txt h3{margin:0 0 6px;font-size:16.5px;font-weight:700;line-height:1.25}
.wb-step-txt p{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink-soft)}
.wb-note{margin-top:22px;font-size:13.5px;color:var(--muted)}

/* gift / lead-magnet callout */
.wb-gift{display:flex;gap:20px;align-items:center;margin-top:28px;
  background:var(--ink);color:#fff;border-radius:20px;padding:24px 26px}
.wb-gift-ic{flex:none;font-size:34px;line-height:1}
.wb-gift-label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-weight:700}
.wb-gift-txt h3{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3;color:#fff}
.wb-gift-txt p{margin:0;font-size:14.5px;line-height:1.45;color:#c8ccd2}

/* "спокойно" reassurance list */
.wb-safe{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:680px}
.wb-safe li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.4;color:var(--ink)}
.wb-safe .wb-ic-check{flex:none;margin-top:2px}

.wb-next-sub{max-width:620px;font-size:16px;line-height:1.5;color:var(--ink-soft);margin:0 0 22px}

@media(max-width:640px){
  .wb-steps{grid-template-columns:1fr}
  .wb-gift{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px}
}

/* ===== iteration: дыхание секций + блоки A/B/C + шахматка (scoped .wb-target) ===== */
/* Дыхание: 80px @390, 120px @1280 — не трогает vibe (там нет .wb-target) */
.wb-target .wb-sec{padding-block:80px}
.wb-target .wb-h2c{margin-bottom:clamp(32px,4vw,56px)}
.wb-target .wb-cta-row{margin-top:clamp(32px,4vw,48px)}
.wb-target .wb-form{padding:clamp(24px,3.2vw,32px);max-width:580px}
.wb-target .wb-form .wb-field{margin-bottom:16px}
.wb-target .wb-register{padding-block:88px}
@media(min-width:768px){
  .wb-target .wb-sec{padding-block:120px}
  .wb-target .wb-register{padding-block:120px}
}
.wb-target .wb-src{margin-top:clamp(18px,2.4vw,28px);font-size:12px;line-height:1.5;color:var(--muted);max-width:780px}

/* Block A — почему сейчас: крупная цифра + 3 тезиса */
.wb-anow-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,64px);align-items:start}
.wb-anow-stat{border-left:4px solid var(--accent);padding-left:clamp(16px,2.4vw,26px)}
.wb-anow-num{font-size:clamp(56px,10vw,104px);font-weight:800;line-height:.9;letter-spacing:-.03em;color:var(--ink)}
.wb-anow-num span{display:block;font-size:.26em;font-weight:700;color:var(--muted);letter-spacing:0;margin-top:8px}
.wb-anow-cap{margin-top:14px;font-size:clamp(15px,1.8vw,18px);line-height:1.45;color:var(--ink-soft);max-width:30ch}
.wb-anow-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,2.2vw,22px)}
.wb-anow-list li{display:flex;gap:13px;align-items:flex-start;font-size:clamp(15px,1.9vw,18px);line-height:1.5;color:var(--ink)}
.wb-anow-list .wb-ic-check{flex:none;margin-top:3px}

/* Block B — что ты сможешь: список с лайм-точками */
.wb-cando-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,2.2vw,22px);max-width:840px}
.wb-cando-list li{display:flex;gap:16px;align-items:flex-start;font-size:clamp(16px,2vw,20px);line-height:1.45;color:var(--ink)}
.wb-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--accent);margin-top:.42em;box-shadow:0 0 0 4px rgba(200,240,60,.22)}

/* Block C — сколько зарабатывают: градация ставок */
.wb-income-table{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;max-width:780px}
.wb-sec-alt .wb-income-table{background:var(--paper)}
.wb-income-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.2fr);gap:14px;padding:18px clamp(16px,2.4vw,26px);align-items:center;border-top:1px solid var(--line)}
.wb-income-row:first-child{border-top:0}
.wb-income-head{background:var(--ink);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.wb-income-lvl{font-weight:800;font-size:clamp(16px,2vw,19px)}
.wb-income-when{color:var(--ink-soft);font-size:14px;line-height:1.35}
.wb-income-pay{font-weight:700;font-size:clamp(14px,1.9vw,18px);color:var(--accent-ink);background:var(--accent);border-radius:8px;padding:6px 12px;text-align:center;justify-self:start}
.wb-income-head .wb-income-pay{background:transparent;color:#fff;padding:0;justify-self:auto}
.wb-income-note{margin-top:clamp(20px,2.6vw,28px);font-size:clamp(14px,1.7vw,16px);line-height:1.55;color:var(--ink-soft);max-width:780px}

/* «Кто ведёт» — шахматка (паттерн из course-target .ct-exrow) */
.wb-spk{display:flex;flex-direction:column;gap:clamp(56px,7vw,96px)}
.wb-spk-row{display:grid;grid-template-columns:clamp(210px,26vw,290px) 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.wb-spk-row-rev{grid-template-columns:1fr clamp(210px,26vw,290px)}
.wb-spk-row-rev .wb-spk-photo{grid-column:2;grid-row:1}
.wb-spk-row-rev .wb-spk-text{grid-column:1;grid-row:1}
.wb-spk-photo{position:relative;aspect-ratio:4/5;margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 24px 50px -34px rgba(21,24,28,.4)}
/* initials sit BEHIND the photo; if the photo is missing/broken/not-yet-lazy-loaded
   the lime placeholder shows through — no reliance on inline onerror. */
.wb-spk-ini{position:absolute;inset:0;z-index:0;font-family:var(--mono);font-size:clamp(40px,7vw,54px);font-weight:700;color:var(--accent-ink);background:var(--accent);display:flex;align-items:center;justify-content:center}
.wb-spk-photo img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.wb-spk-role{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);display:inline-block;padding:4px 10px;border-radius:6px;margin-bottom:14px}
.wb-spk-name{font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 12px;line-height:1.1}
.wb-spk-text p{font-size:clamp(15px,1.9vw,18px);line-height:1.55;color:var(--ink-soft);margin:0}

@media(max-width:760px){
  .wb-anow-grid{grid-template-columns:1fr;gap:clamp(24px,6vw,36px)}
  .wb-income-row{grid-template-columns:1fr;gap:6px}
  .wb-income-head{display:none}
  .wb-spk-row,.wb-spk-row-rev{grid-template-columns:1fr;gap:clamp(20px,5vw,26px)}
  .wb-spk-row-rev .wb-spk-photo,.wb-spk-row-rev .wb-spk-text{grid-column:auto;grid-row:auto}
  .wb-spk-photo{max-width:280px}
}