/* Главная в прежнем стиле сайта: блоки новой структуры на токенах style.css (--bg, --surface, --line, --mint). */
.classic-home{--cl-alt:#141c1a;--cl-card:#19211f;--cl-card-2:#1d2724;--cl-text-2:#d8e3da;--cl-warn:#f0a066;--cl-amber:#e9c46a}
.cl-sec{padding:104px 0}
.cl-sec-alt{background:var(--cl-alt)}
.cl-lead{font-size:19px!important;line-height:1.55!important;color:var(--cl-text-2)!important;letter-spacing:-.01em}
.classic-home h2 span,.cl-final h2 span{color:var(--mint)}

/* Как работает: три ряда «текст + экран» */
.cl-rows{display:grid;gap:104px;margin-top:20px}
.cl-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.cl-row-flip .cl-copy{order:2}
.cl-step{font-size:13px!important;font-weight:700;color:var(--mint)!important;letter-spacing:.14em;margin:0 0 18px!important}
.cl-copy h3{font-size:clamp(28px,2.7vw,40px);margin:0 0 18px}
.cl-copy .cl-lead{margin-bottom:14px!important}
.cl-copy p{font-size:15px;line-height:1.7}
.cl-channels{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:28px 0 0}
.cl-channels li{width:44px;height:44px;border-radius:12px;background:var(--cl-card-2);border:1px solid var(--line);display:grid;place-items:center}
.cl-channels img{width:22px;height:22px}
.cl-shot{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#f4f6f8;box-shadow:0 40px 90px -40px #000}
.cl-shot>img{width:100%;height:auto;display:block}
.cl-shot-airis{display:flex;align-items:center;justify-content:center;gap:32px;padding:44px 40px;background:radial-gradient(120% 90% at 30% 20%,#1f3a31 0,#162019 55%,#121a17 100%)}
.cl-phone{width:min(230px,42%)!important;height:auto;border-radius:30px;border:7px solid #0b100f;box-shadow:0 30px 60px -20px #000}
.cl-suggest{flex:1;max-width:330px;background:#0f1614;border:1px solid #2f3d37;border-radius:16px;padding:18px 18px 16px;box-shadow:0 24px 50px -20px #000}
.cl-suggest-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cl-suggest-head img{border-radius:50%}
.cl-suggest-head b{font-size:14px;color:var(--text)}
.cl-suggest-head span{margin-left:auto;font-size:12px;color:var(--muted)}
.cl-suggest-q{font-size:13px!important;color:var(--muted)!important;margin-bottom:8px!important}
.cl-suggest-a{font-size:15px!important;line-height:1.55!important;color:var(--text)!important;margin-bottom:16px!important}
.cl-suggest-acts{display:flex;gap:8px;flex-wrap:wrap}
.cl-suggest-acts span{font-size:12px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid #33433c;color:var(--cl-text-2)}
.cl-suggest-acts .on{background:var(--mint);border-color:var(--mint);color:var(--ink)}

/* AIRIS: анализ переписок и звонков */
.cl-airis{position:relative;overflow:hidden;background:radial-gradient(70% 60% at 85% 0%,#1c3a30 0,transparent 70%),var(--bg)}
.cl-airis-head{max-width:760px;margin-bottom:56px}
.cl-airis-head h2{font-size:clamp(36px,4.2vw,60px);margin:0 0 22px}
.cl-airis-head .simple-kicker img{border-radius:50%}
.cl-airis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}
.cl-airis-col{background:var(--cl-card);border:1px solid var(--line);border-radius:18px;padding:28px 26px 10px}
.cl-airis-col h3{display:flex;align-items:center;gap:12px;font-size:24px;margin:0 0 8px}
.cl-airis-col h3 svg{width:24px;height:24px;fill:none;stroke:var(--mint);stroke-width:1.7;stroke-linejoin:round}
.cl-airis-col>p{font-size:14px;margin-bottom:14px}
.cl-tpl{list-style:none;padding:0;margin:0}
.cl-tpl li{padding:14px 0;border-top:1px solid var(--line)}
.cl-tpl b{display:block;font-size:15px;font-weight:600;color:var(--text)}
.cl-tpl small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cl-airis-demo{margin:0;background:#0f1614;border:1px solid #2f3d37;border-radius:18px;padding:22px;box-shadow:0 40px 90px -40px #000}
.cl-demo-ask{margin:0 0 14px auto!important;max-width:88%;background:var(--mint);color:var(--ink)!important;font-size:14px!important;font-weight:600;line-height:1.45!important;padding:12px 16px;border-radius:14px 14px 4px 14px}
.cl-demo-answer{background:var(--cl-card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:18px}
.cl-demo-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cl-demo-head img{border-radius:50%}
.cl-demo-head b{font-size:14px}
.cl-demo-head span{margin-left:auto;font-size:12px;color:var(--muted)}
.cl-demo-bars{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}
.cl-demo-bars li{display:grid;grid-template-columns:minmax(0,1fr) 34%;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center}
.cl-demo-bars span{font-size:13px;color:var(--cl-text-2)}
.cl-demo-bars b{grid-column:2;grid-row:1;justify-self:end;font-size:13px;color:var(--text)}
.cl-demo-bars i{grid-column:1/3;height:6px;border-radius:6px;background:#26322d;position:relative;overflow:hidden}
.cl-demo-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--mint);border-radius:6px}
.cl-demo-note{font-size:13px!important;line-height:1.55!important;color:var(--cl-text-2)!important;border-top:1px solid var(--line);padding-top:12px}
.cl-airis-demo figcaption{font-size:12px;color:var(--muted);margin-top:12px;text-align:right}
.cl-facts{list-style:none;padding:0;margin:56px 0 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line)}
.cl-facts li{padding-top:24px}
.cl-facts b{display:block;font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text)}
.cl-facts span{font-size:14px;line-height:1.6;color:var(--muted)}

/* Повторные продажи и цифры */
.cl-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.cl-card{display:flex;flex-direction:column;background:var(--cl-card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.cl-card-copy{padding:32px 32px 28px}
.cl-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--cl-card-2);border:1px solid var(--line);margin-bottom:22px}
.cl-ic svg{width:22px;height:22px;fill:none;stroke:var(--mint);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cl-card h3{font-size:26px;margin:0 0 10px}
.cl-card p{font-size:15px;line-height:1.65}
.cl-card-shot{margin-top:auto;background:#f1f2ec;padding:28px 28px 0;max-height:360px;overflow:hidden}
.cl-card-shot img{width:100%;height:auto;border-radius:10px 10px 0 0;box-shadow:0 -10px 40px -20px #17251e55}

/* Цифры клиентов */
.cl-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cl-case{display:flex;flex-direction:column;background:var(--cl-card);border:1px solid var(--line);border-radius:18px;padding:28px 24px 26px;transition:border-color .25s,transform .25s}
.cl-case:hover{border-color:#41594d;transform:translateY(-2px)}
.cl-big{font-size:clamp(46px,4.4vw,64px)!important;font-weight:600;letter-spacing:-.05em;line-height:1!important;color:var(--mint)!important;margin-bottom:28px!important}
.cl-who{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cl-logo{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#fff;flex-shrink:0}
.cl-logo-txt{display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--text);background:#26322d}
.cl-who b{display:block;font-size:17px;font-weight:600}
.cl-who small{display:block;font-size:12px;color:var(--muted)}
.cl-what{margin-top:auto!important;font-size:14px!important;line-height:1.55!important;color:var(--cl-text-2)!important}
.cl-what s{color:var(--cl-warn);text-decoration-thickness:1.5px}

/* Диагностика */
.cl-diag-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.cl-diag-copy h2{font-size:clamp(34px,3.8vw,54px);margin:0 0 20px}
.cl-diag-copy .cl-lead{margin-bottom:32px!important}
.cl-inline-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px!important;font-size:13px!important}
.cl-inline-facts span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:9px;vertical-align:middle}
.cl-diag-card{position:relative;margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;background:#0f1614;border:1px solid #2f3d37;border-radius:20px;padding:36px;box-shadow:0 40px 90px -40px #000}
.cl-ring{position:relative;width:170px;height:170px}
.cl-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.cl-ring circle{fill:none;stroke:#26322d;stroke-width:9}
.cl-ring circle.v{stroke:var(--cl-warn);stroke-linecap:round;stroke-dasharray:var(--v) 100}
.cl-ring p{position:absolute;inset:0;display:grid;place-content:center;text-align:center;margin:0}
.cl-ring b{font-size:46px;font-weight:600;letter-spacing:-.04em;color:var(--text);line-height:1}
.cl-ring small{font-size:12px;color:var(--muted)}
.cl-zone{display:inline-block;font-size:12px;font-weight:600;color:var(--cl-warn);background:#f0a06622;border-radius:999px;padding:5px 12px;margin-bottom:12px}
.cl-loss{font-size:clamp(30px,3vw,42px)!important;font-weight:600;letter-spacing:-.04em;color:var(--text)!important;line-height:1.1!important}
.cl-loss-sub{font-size:13px!important;margin:4px 0 18px!important}
.cl-bars{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.cl-bars li{display:grid;grid-template-columns:76px minmax(0,1fr) 30px;gap:12px;align-items:center;font-size:13px;color:var(--cl-text-2)}
.cl-bars i{height:6px;border-radius:6px;background:#26322d;position:relative;overflow:hidden}
.cl-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--cl-warn);border-radius:6px}
.cl-bars i.ok::after{background:var(--cl-amber)}
.cl-bars b{font-weight:600;text-align:right;color:var(--text)}
.cl-diag-card figcaption{position:absolute;right:20px;bottom:14px;font-size:11px;color:var(--muted)}

/* Тарифы и вопросы (светлые) */
.cl-pop em{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:var(--mint);background:var(--ink);border-radius:999px;padding:3px 10px;margin-left:10px;vertical-align:middle}
.cl-price-foot{margin-top:40px!important;font-size:13px!important;color:#45584c!important;border-top:1px solid #d6dacf;padding-top:22px}
.cl-faq{padding:8px 0 104px}
.cl-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:60px;border-top:1px solid #d6dacf;padding-top:72px}
.cl-faq h2{color:var(--home-ink,#1a2922)}
.cl-faq-list details{border-bottom:1px solid #d6dacf}
.cl-faq-list details:first-child{border-top:1px solid #d6dacf}
.cl-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:18px;font-weight:600;letter-spacing:-.015em;color:#1a2922}
.cl-faq-list summary::-webkit-details-marker{display:none}
.cl-faq-list summary::after{content:"+";font-size:26px;font-weight:400;line-height:1;color:#45584c;transition:transform .2s}
.cl-faq-list details[open] summary::after{transform:rotate(45deg)}
.cl-faq-list p{font-size:15px;line-height:1.7;padding:0 40px 22px 0;margin:0}

/* Финальный призыв */
.cl-final{text-align:center;padding:120px 0;background:radial-gradient(60% 80% at 50% 100%,#1c3a30 0,transparent 70%),var(--bg)}
.cl-final h2{font-size:clamp(36px,5vw,72px);margin:0 auto 40px;max-width:1000px}
.cl-final .simple-actions{justify-content:center}
.cl-wa{display:inline-flex;align-items:center;gap:12px;min-height:55px;padding:15px 24px;border-radius:8px;border:1px solid #3c4c42;font-size:14px;font-weight:700;color:var(--text);transition:border-color .2s,transform .2s}
.cl-wa:hover{border-color:var(--mint);transform:translateY(-2px)}

@media (max-width:1100px){
  .cl-airis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cl-airis-demo{grid-column:1/-1;max-width:640px}
  .cl-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cl-row{gap:48px}
  .cl-diag-grid{grid-template-columns:1fr;gap:48px}
  .cl-diag-card{max-width:640px}
}
@media (max-width:860px){
  .cl-sec{padding:72px 0}
  .cl-rows{gap:72px}
  .cl-row{grid-template-columns:1fr;gap:32px}
  .cl-row-flip .cl-copy{order:0}
  .cl-shot-airis{padding:28px 20px;gap:18px}
  .cl-duo{grid-template-columns:1fr}
  .cl-facts{grid-template-columns:1fr;gap:0}
  .cl-faq-grid{grid-template-columns:1fr;gap:24px;padding-top:56px}
  .cl-final{padding:88px 0}
}
@media (max-width:560px){
  .cl-lead{font-size:17px!important}
  .cl-airis-grid{grid-template-columns:1fr}
  .cl-cases{grid-template-columns:1fr}
  .cl-shot-airis{flex-direction:column}
  .cl-phone{width:62%!important}
  .cl-suggest{max-width:none;width:100%}
  .cl-card-copy{padding:26px 22px 22px}
  .cl-card-shot{padding:18px 18px 0}
  .cl-diag-card{grid-template-columns:1fr;justify-items:center;padding:28px 22px 40px;gap:24px}
  .cl-diag-result{width:100%}
  .cl-ring{width:150px;height:150px}
  .cl-faq-list summary{font-size:16px}
  .cl-faq-list p{padding-right:0}
  .cl-final .simple-actions{flex-direction:column;align-items:stretch}
  .cl-final .btn,.cl-wa{justify-content:center}
}