/* Красные линии маркетинга — стили блоков, которых нет в общем шаблоне ads-coldy.
   Только для /products/krasnye-linii.html. Общесайтовое сюда не добавлять.
   Красный #c0392b используется исключительно как обозначение самой красной линии
   (то есть как данные графика), а не как акцент оформления — акцент остаётся #EE6A1F. */

/* --- карточка порога в hero --- */
.rl-tcard{width:100%;background:#fff;border:1px solid var(--cdy-line);border-radius:12px;padding:20px}
.rl-tcard__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.rl-tcard__head strong{display:block;font-family:var(--f-display,Manrope,system-ui);font-size:15px;font-weight:600;color:var(--cdy-ink)}
.rl-mono{font-family:var(--f-mono,monospace);font-size:12px;letter-spacing:.04em;color:var(--cdy-muted);margin-top:4px}
.rl-state{flex:0 0 auto;font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#b8501a;background:rgba(238,106,31,.14);border-radius:999px;padding:5px 12px}

.rl-tchart{width:100%;height:auto;display:block;margin:6px 0 14px}
.rl-tchart .axis{stroke:var(--cdy-line);stroke-width:1}
.rl-tchart .redline{stroke:#c0392b;stroke-width:2;stroke-dasharray:6 4}
.rl-tchart .lbl{font-family:var(--f-mono,monospace);font-size:10px;fill:var(--cdy-muted);letter-spacing:.04em}
.rl-tchart .lbl-red{fill:#c0392b}
.rl-tchart .fact{fill:none;stroke:var(--cdy-ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.rl-tchart .forecast{fill:none;stroke:#c0392b;stroke-width:2.5;stroke-dasharray:5 4;stroke-linecap:round}
.rl-tchart .dot-now{fill:var(--cdy-ink)}
.rl-tchart .dot-cross{fill:#c0392b}

.rl-tcard__rows{display:flex;flex-direction:column;gap:8px;font-size:13px;padding-top:12px;border-top:1px solid var(--cdy-line)}
.rl-tcard__rows>div{display:flex;justify-content:space-between;gap:14px;color:var(--cdy-ink-2)}
.rl-tcard__rows>div span:last-child{font-family:var(--f-mono,monospace);color:var(--cdy-ink);font-weight:600}
.rl-tcard__alert{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding-top:14px;border-top:1px dashed var(--cdy-line)}
.rl-tcard__alert b{font-family:var(--f-display,Manrope,system-ui);font-size:34px;line-height:1;font-weight:700;color:#c0392b}
.rl-tcard__alert p{margin:0;font-size:13px;line-height:1.5;color:var(--cdy-ink-2)}

/* Вторичная кнопка на тёмной плашке: .btn-light в site.css существует только
   внутри .cdy-final__cta, вне его кнопка остаётся без фона и не видна. */
.rl-btn-ondark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34)}
.rl-btn-ondark:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* На узких экранах SVG сжимается, и подписи в единицах viewBox падают до ~5px. */
@media(max-width:560px){
  .rl-tchart .lbl{font-size:15px}
  .rl-tchart .fact,.rl-tchart .forecast{stroke-width:3.5}
}

/* --- сравнение «что говорят / что говорим» --- */
.rl-vs{margin-top:34px;border:1px solid var(--cdy-line);border-radius:12px;overflow:hidden;background:#fff}
.rl-vs__head{display:grid;grid-template-columns:1fr 1fr;font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--cdy-muted)}
.rl-vs__head span{padding:12px 20px;border-bottom:1px solid var(--cdy-line)}
.rl-vs__head .is-us{color:#b8501a;background:rgba(238,106,31,.06)}
.rl-vs__row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cdy-line)}
.rl-vs__row:first-of-type{border-top:0}
.rl-vs__row>div{padding:18px 20px}
.rl-vs__row>div.is-us{background:rgba(238,106,31,.06)}
.rl-vs__row p{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--cdy-ink)}
.rl-tag{font-family:var(--f-mono,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-muted)}
@media(max-width:760px){
  .rl-vs__head{display:none}
  .rl-vs__row{grid-template-columns:1fr}
  .rl-vs__row>div{border-top:1px solid var(--cdy-line)}
}

/* --- четыре определения --- */
.rl-defs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
@media(max-width:760px){.rl-defs{grid-template-columns:1fr}}
.rl-def{background:#fff;border:1px solid var(--cdy-line);border-radius:12px;padding:22px}
.rl-def h3{margin:0 0 8px;font-family:var(--f-display,Manrope,system-ui);font-size:18px;font-weight:600;color:var(--cdy-ink)}
.rl-def p{margin:0;font-size:15px;line-height:1.55;color:var(--cdy-ink-2)}

/* --- фрагмент карты норм --- */
.rl-spec{margin-top:22px;background:#fff;border:1px solid var(--cdy-line);border-radius:12px;padding:22px}
.rl-spec__title{font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-muted);font-weight:600}
.rl-gauge{position:relative;height:8px;border-radius:999px;background:var(--cdy-paper-2);margin:46px 0 52px}
.rl-gauge__fill{position:absolute;inset:0 28% 0 0;background:var(--cdy-ink);border-radius:999px;opacity:.18}
.rl-gauge__mark,.rl-gauge__now{position:absolute;top:-6px;width:2px;height:20px}
.rl-gauge__mark{background:#c0392b}
.rl-gauge__now{background:var(--cdy-accent)}
.rl-gauge__mark span,.rl-gauge__now span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--f-mono,monospace);font-size:10px;letter-spacing:.04em;font-weight:600}
.rl-gauge__mark span{bottom:24px;color:#c0392b}
.rl-gauge__now span{top:24px;color:#b8501a}
.rl-spec__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
@media(max-width:760px){.rl-spec__grid{grid-template-columns:1fr}}
.rl-spec__grid dt{font-family:var(--f-mono,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-muted);font-weight:600;margin-bottom:4px}
.rl-spec__grid dd{margin:0;font-size:14px;line-height:1.45;color:var(--cdy-ink)}

/* --- мокап сигнала в Telegram --- */
.rl-signal{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:48px;align-items:center}
@media(max-width:900px){.rl-signal{grid-template-columns:1fr;gap:28px}}
.rl-tg{background:#fff;border:1px solid var(--cdy-line);border-radius:14px;padding:16px}
.rl-tg__bar{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--cdy-line);margin-bottom:14px}
.rl-tg__ava{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--cdy-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--f-mono,monospace);font-size:12px;font-weight:700;letter-spacing:.04em}
.rl-tg__bar b{display:block;font-size:14px;font-weight:600;color:var(--cdy-ink)}
.rl-tg__bar em{font-style:normal;font-family:var(--f-mono,monospace);font-size:11px;color:var(--cdy-muted);letter-spacing:.04em}
.rl-tg__msg{background:var(--cdy-paper-2);border-radius:10px;padding:14px 16px}
.rl-tg__hdr{font-family:var(--f-mono,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:7px}
.rl-tg__hdr::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.rl-tg__hdr.is-warn{color:#b8501a}
.rl-tg__hdr.is-crossed{color:#c0392b}
.rl-tg__msg p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--cdy-ink-2)}
.rl-tg__msg .num{font-family:var(--f-mono,monospace);font-weight:600;color:var(--cdy-ink)}
.rl-tg__act{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--cdy-line);font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.04em;color:var(--cdy-muted)}
.rl-tg__time{margin:6px 0 14px;text-align:right;font-family:var(--f-mono,monospace);font-size:10px;color:var(--cdy-muted)}
.rl-tg__time:last-child{margin-bottom:0}
.rl-marks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;max-width:52ch}
.rl-marks li{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:var(--cdy-ink-2)}
.rl-marks li::before{content:"→";position:absolute;left:0;color:var(--cdy-accent);font-weight:700}

/* --- цитата внутри тёмной карточки опоры --- */
.rl-quote{margin:12px 0 0!important;padding-left:14px;border-left:2px solid var(--cdy-accent);font-size:14px!important;color:rgba(255,255,255,.78)!important}

/* --- артефакт шага метода --- */
.rl-art{background:#fff;border:1px solid var(--cdy-line);border-radius:12px;padding:22px;font-family:var(--f-display,Manrope,system-ui);font-size:18px;font-weight:600;color:var(--cdy-ink)}
.rl-art em{display:block;font-style:normal;font-family:var(--f-mono,monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cdy-accent);font-weight:700;margin-bottom:8px}
.rl-art.is-dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}

/* --- блок эксперта --- */
.rl-expert{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start;margin-top:28px}
.rl-expert img{width:200px;height:200px;object-fit:cover;border-radius:12px;display:block;border:1px solid var(--cdy-line)}
.rl-expert__body>strong{font-family:var(--f-display,Manrope,system-ui);font-size:22px;font-weight:600;color:var(--cdy-ink)}
.rl-expert__role{font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.05em;color:var(--cdy-muted);margin:6px 0 14px;text-transform:uppercase}
.rl-expert__body p{font-size:15px;line-height:1.6;color:var(--cdy-ink-2);margin:0 0 12px}
.rl-expert__facts{list-style:none;padding:0;margin:14px 0 12px;display:grid;gap:9px}
.rl-expert__facts li{position:relative;padding-left:16px;font-size:15px;line-height:1.5;color:var(--cdy-ink-2)}
.rl-expert__facts li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--cdy-accent);border-radius:1px}
.rl-expert__facts span{font-weight:600;color:var(--cdy-ink)}
@media(max-width:720px){.rl-expert{grid-template-columns:1fr}.rl-expert img{width:140px;height:140px}}

/* --- находки --- */
.rl-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
@media(max-width:760px){.rl-stats{grid-template-columns:1fr}}
.rl-stat{background:#fff;border:1px solid var(--cdy-line);border-radius:12px;padding:24px}
.rl-stat b{display:block;font-family:var(--f-display,Manrope,system-ui);font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.1;color:var(--cdy-ink);letter-spacing:-.01em}
.rl-stat b span{font-size:14px;font-weight:500;color:var(--cdy-muted)}
.rl-stat strong{display:block;margin:10px 0 8px;font-size:15px;font-weight:600;color:var(--cdy-accent)}
.rl-stat p{margin:0;font-size:14px;line-height:1.55;color:var(--cdy-ink-2)}
.rl-note{margin:22px 0 0;font-size:13px;line-height:1.55;color:var(--cdy-muted);max-width:80ch}

/* --- сетки-переопределения --- */
.rl-vgrid-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.rl-vgrid-2{grid-template-columns:1fr}}
.rl-pgrid-2{grid-template-columns:repeat(2,1fr);max-width:900px;margin-inline:auto}
@media(max-width:900px){.rl-pgrid-2{grid-template-columns:1fr}}

/* --- финальный блок с формой --- */
.rl-cta{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
@media(max-width:900px){.rl-cta{grid-template-columns:1fr;gap:28px}}
.rl-icp{display:grid;gap:14px;margin-top:24px}
.rl-icp div{font-size:14px;line-height:1.55;color:var(--cdy-ink-2)}
.rl-icp strong{display:block;font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-accent);margin-bottom:4px}

@media(prefers-reduced-motion:reduce){
  .rl-tchart *{transition:none!important;animation:none!important}
}
