/* «Вся стройка в одной программе» (28.10.2026, по разбору Gectaro: связывать функции с деньгами, а не перечислять).
   Цепочка из пяти шагов со ссылками на главы инструкции; на главной и на странице для строительных компаний —
   ниже первого экрана (правило: первый экран — за формой и главными кнопками). */
.cep { background: #101014; color: #fff; }
.cep .wrap { max-width: 1180px; margin: 0 auto; padding: 64px 56px; }
.cep h2 { font: 800 32px/1.15 'Manrope', sans-serif; letter-spacing: -.02em; margin: 0 0 10px; }
.cep .cep-lead { font: 500 16px/1.6 'Manrope', sans-serif; color: rgba(255, 255, 255, .7); max-width: 720px; margin: 0 0 30px; }
.cep ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: cep; }
.cep li { position: relative; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; padding: 18px 16px 16px; counter-increment: cep; }
.cep li::before { content: counter(cep, decimal-leading-zero); font: 800 12px/1 'JetBrains Mono', monospace; color: #FF6A1A; display: block; margin-bottom: 10px; }
.cep li:not(:last-child)::after { content: '→'; position: absolute; right: -13px; top: 18px; color: #FF6A1A; font: 800 16px/1 'Manrope', sans-serif; }
.cep b { display: block; font: 800 16px/1.25 'Manrope', sans-serif; margin-bottom: 8px; }
.cep p { font: 500 13.5px/1.5 'Manrope', sans-serif; color: rgba(255, 255, 255, .68); margin: 0 0 10px; }
.cep a { color: #FF6A1A; font: 700 13px/1.4 'Manrope', sans-serif; text-decoration: none; }
.cep a:hover { text-decoration: underline; }
@media (max-width: 980px) { .cep ol { grid-template-columns: 1fr 1fr; } .cep li::after { display: none; } }
@media (max-width: 600px) { .cep .wrap { padding: 44px 16px; } .cep h2 { font-size: 26px; } .cep ol { grid-template-columns: 1fr; } }