/* ==========================================================
   ads-coldy.css — стиль карточных продуктовых лэндингов "coldy"
   для продуктов АСУТ Лаб. Чередование paper/graphite + оранжевый
   акцент по канону брендбука. Префикс .cdy-*, изолированно
   от глобальных стилей. Подключать ПОСЛЕ ds/site-redesign.css.

   Использует переменные из ds/tokens.css (через bridge.css):
   var(--f-display), var(--f-mono).
   ========================================================== */

:root{
  --cdy-ink:        #1B2230;
  --cdy-ink-2:      #3A4255;
  --cdy-muted:      #8C93A4;
  --cdy-paper:      #F2EFEA;
  --cdy-paper-2:    #F8F6F2;
  --cdy-line:       #E4E2DD;
  --cdy-accent:     #EE6A1F;
  --cdy-accent-d:   #D85716;
  --cdy-accent-soft:rgba(238,106,31,.12);
}

/* hero card */
.cdy-hero{background:var(--cdy-paper);padding:28px 0 64px}
.cdy-hero__card{background:#fff;border-radius:24px;padding:18px;border:1px solid var(--cdy-line)}
.cdy-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8px;align-items:stretch}
@media(max-width:900px){.cdy-hero__grid{grid-template-columns:1fr}}
.cdy-hero__left{background:var(--cdy-ink);border-radius:18px;padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.cdy-hero__eyebrow{display:inline-block;align-self:flex-start;background:rgba(238,106,31,.18);color:#ffb079;font-family:var(--f-mono,monospace);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:20px}
.cdy-hero__left h1{margin:0;color:#fff;font-family:var(--f-display,Manrope,system-ui);font-size:clamp(34px,4.4vw,52px);font-weight:600;letter-spacing:-.02em;line-height:1.06}
.cdy-hero__left h1 em{font-style:normal;color:var(--cdy-accent)}
.cdy-hero__left p{color:rgba(255,255,255,.88);font-size:18px;line-height:1.55;margin:18px 0 28px;max-width:46ch}
.cdy-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.cdy-hero__cta .btn{border-radius:10px;padding:13px 24px;font-size:15px}
.cdy-hero__creds{color:rgba(255,255,255,.68);font-size:13px;line-height:1.55;margin-top:18px}
.cdy-hero__creds b{color:#fff;font-weight:600}
.cdy-hero__right{background:var(--cdy-paper);border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:center}
.cdy-hero__right img{width:100%;border-radius:12px;border:1px solid var(--cdy-line);display:block}

/* trust */
.cdy-trust{padding:44px 0 8px;text-align:center}
.cdy-trust p{color:var(--cdy-muted);font-size:14px;margin:0 0 18px;font-family:var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.cdy-trust__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cdy-trust__row span{background:var(--cdy-paper-2);border:1px solid var(--cdy-line);border-radius:999px;padding:8px 18px;color:var(--cdy-ink-2);font-weight:600;font-size:14px}

/* section */
.cdy-sec{padding:84px 0}
.cdy-sec--center{text-align:center}
.cdy-sec h2{margin:0;font-family:var(--f-display,Manrope,system-ui);font-size:clamp(28px,3.6vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--cdy-ink)}
.cdy-sec h2 em{font-style:normal;color:var(--cdy-accent)}
.cdy-sec .lead{color:var(--cdy-ink-2);font-size:18px;line-height:1.55;margin:14px 0 0;max-width:60ch}
.cdy-sec--center .lead{margin-left:auto;margin-right:auto}

/* preview (большой скрин в paper-фрейме вместо видео) */
.cdy-preview{background:var(--cdy-paper);border-radius:18px;padding:18px;margin:34px auto 0;max-width:880px}
.cdy-preview img{width:100%;display:block;border-radius:12px;border:1px solid var(--cdy-line)}

/* steps — чередуем paper/graphite, оранжевый акцент в полоске перед цифрой */
.cdy-step{padding:84px 0}
.cdy-step--light{background:var(--cdy-paper)}
.cdy-step--dark{background:var(--cdy-ink)}
.cdy-step__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
@media(max-width:900px){.cdy-step__grid{grid-template-columns:1fr;gap:28px}}
.cdy-step__n{font-family:var(--f-display,Manrope,system-ui);font-weight:700;font-size:54px;color:rgba(27,34,48,.30);line-height:1}
.cdy-step__n::before{content:"";display:inline-block;width:36px;height:3px;background:var(--cdy-accent);vertical-align:middle;margin-right:14px;transform:translateY(-6px)}
.cdy-step h3{margin:6px 0 14px;font-family:var(--f-display,Manrope,system-ui);font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.01em;line-height:1.1;color:var(--cdy-ink)}
.cdy-step p{font-size:16px;line-height:1.55;max-width:46ch;margin:0 0 10px;color:var(--cdy-ink-2)}
.cdy-step__media img{width:100%;border-radius:14px;border:1px solid var(--cdy-line);background:#fff;display:block}
/* Dark-override — ВАЖНО: ниже общих .cdy-step h3/p, иначе перебивает source-order. */
.cdy-step--dark h3{color:#fff}
.cdy-step--dark p{color:rgba(255,255,255,.92)}
.cdy-step--dark .cdy-step__n{color:rgba(255,255,255,.62)}
.cdy-step--dark .cdy-step__media img{border-color:rgba(255,255,255,.16)}

/* values — карточки на графите */
.cdy-values{background:var(--cdy-ink);padding:84px 0;color:#fff}
.cdy-values h2{color:#fff;text-align:center}
.cdy-values h2 em{color:var(--cdy-accent)}
.cdy-values .lead{color:rgba(255,255,255,.88);text-align:center;margin:14px auto 40px}
.cdy-vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.cdy-vgrid{grid-template-columns:1fr}}
.cdy-vcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:28px}
.cdy-vcard .cdy-vcard__n{font-family:var(--f-mono,monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-accent);font-weight:600;margin-bottom:10px}
.cdy-vcard h4{margin:0 0 10px;font-family:var(--f-display,Manrope,system-ui);font-size:20px;font-weight:600;color:#fff}
.cdy-vcard p{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.90)}

/* pricing — карточки тарифов */
.cdy-pricing{padding:84px 0;background:var(--cdy-paper-2)}
.cdy-pricing h2{text-align:center}
.cdy-pricing .lead{margin:14px auto 40px;max-width:60ch;text-align:center}
.cdy-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.cdy-pgrid{grid-template-columns:1fr}}
.cdy-pcard{background:#fff;border:1px solid var(--cdy-line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px}
.cdy-pcard--star{border-color:var(--cdy-accent);box-shadow:0 4px 24px var(--cdy-accent-soft);position:relative}
.cdy-pcard--star::before{content:"рекомендуем";position:absolute;top:-12px;right:18px;background:var(--cdy-accent);color:#fff;font-family:var(--f-mono,monospace);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.cdy-pcard .cdy-ptag{font-family:var(--f-mono,monospace);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-muted)}
.cdy-pcard h3{margin:0;font-family:var(--f-display,Manrope,system-ui);font-size:26px;font-weight:600;letter-spacing:-.01em;color:var(--cdy-ink)}
.cdy-pcard .cdy-price{font-family:var(--f-display,Manrope,system-ui);font-weight:600;font-size:28px;color:var(--cdy-accent)}
.cdy-pcard ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:var(--cdy-ink-2);padding:0;margin:0}
.cdy-pcard li{padding-left:22px;position:relative}
.cdy-pcard li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:2px;background:var(--cdy-accent)}
.cdy-pcard__foot{margin-top:auto;padding-top:16px;border-top:1px dashed var(--cdy-line);font-size:13px;color:var(--cdy-muted)}

/* faq — раскрываемые на бумаге */
.cdy-faq{max-width:820px;margin:34px auto 0;display:flex;flex-direction:column;gap:12px}
.cdy-faq details{background:var(--cdy-paper);border-radius:10px;border:1px solid var(--cdy-line)}
.cdy-faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-family:var(--f-display,Manrope,system-ui);font-weight:600;font-size:16px;color:var(--cdy-ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.cdy-faq summary::-webkit-details-marker{display:none}
.cdy-faq summary::after{content:"+";color:var(--cdy-accent);font-size:22px;font-weight:600}
.cdy-faq details[open] summary::after{content:"–"}
.cdy-faq p{padding:0 22px 20px;color:var(--cdy-ink-2);font-size:15px;line-height:1.6;margin:0}

/* final cta — тёмная карточка-плашка */
.cdy-final{background:var(--cdy-ink);border-radius:18px;padding:56px 40px;text-align:center;margin:84px auto 0;max-width:1112px;color:#fff}
.cdy-final h2{color:#fff;font-family:var(--f-display,Manrope,system-ui);font-size:clamp(28px,3.4vw,38px);font-weight:600;letter-spacing:-.01em;margin:0}
.cdy-final h2 em{font-style:normal;color:var(--cdy-accent)}
.cdy-final p{color:rgba(255,255,255,.90);margin:14px auto 26px;max-width:56ch;font-size:17px;line-height:1.55}
.cdy-final__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cdy-final__cta .btn{border-radius:10px;padding:13px 24px;font-size:15px}
.cdy-final__cta .btn-light{background:#fff;color:var(--cdy-ink);border:0}
.cdy-final__cta .btn-light:hover{background:var(--cdy-paper)}

/* pain-карты (для секций «знакомо»/«проблемы») — общий блок 3-в-ряд */
.cdy-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 0}
@media(max-width:900px){.cdy-pains{grid-template-columns:1fr}}
.cdy-pain{background:#fff;border:1px solid var(--cdy-line);border-radius:14px;padding:28px}
.cdy-pain .cdy-pain__n{font-family:var(--f-mono,monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cdy-accent);font-weight:600;margin-bottom:10px}
.cdy-pain h3{margin:0 0 8px;font-family:var(--f-display,Manrope,system-ui);font-size:18px;font-weight:600;color:var(--cdy-ink)}
.cdy-pain p{margin:0;font-size:15px;line-height:1.55;color:var(--cdy-ink-2)}