/* Лендинг конструктора /konstruktor-rezume.html. Поток I-constructor-landing, 2026-10-23. Все правила под префиксом .cvk */
.cvk{--cvk-text:var(--stx-text,#1B2430);--cvk-text-2:var(--stx-text-2,#566274);--cvk-accent:var(--stx-accent,#2F6BFF);--cvk-accent-text:var(--stx-accent-text,#1F52D9);--cvk-soft:var(--stx-accent-soft,rgba(47,107,255,.10));--cvk-line:var(--stx-separator,rgba(27,36,48,.08));
  color:var(--cvk-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;max-width:1240px;margin:56px auto 0;padding:0 20px;box-sizing:border-box}
.cvk *,.cvk *::before,.cvk *::after{box-sizing:border-box}
.cvk a{display:inline;color:var(--cvk-accent-text);text-decoration:underline;text-decoration-color:rgba(31,82,217,.35);text-underline-offset:3px}
.cvk a:hover{text-decoration-color:currentColor}
.cvk p{margin:0 0 16px}
.cvk img{max-width:100%;height:auto}

/* Что я получу */
.cvk-gain{text-align:center;margin:0 0 72px}
.cvk .cvk-gain__h{display:block;max-width:820px;margin:0 auto 36px;font-size:clamp(26px,3vw,36px);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--cvk-text)}
.cvk .cvk-gain__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:left}
.cvk-gain__item{display:flex;flex-direction:column;gap:16px;margin:0;padding:0}
.cvk-gain__item::before{content:none}
.cvk-gain__img{display:block;width:100%;height:auto;aspect-ratio:800/597;object-fit:cover;border-radius:22px;background:#EAF0FB}
.cvk-gain__body{position:relative;padding-left:44px}
.cvk-gain__num{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cvk-accent);color:#fff;font-size:14px;font-weight:700;line-height:1}
.cvk .cvk-gain__title{font-size:19px;line-height:1.3;font-weight:600;margin:3px 0 8px;color:var(--cvk-text)}
.cvk .cvk-gain__text{font-size:15px;line-height:1.55;color:var(--cvk-text-2);margin:0}

/* Статья */
.cvk-article{max-width:820px;margin:0 auto}
.cvk-sec{margin:0 0 56px}
.cvk h2{display:flex;align-items:center;gap:14px;font-size:clamp(24px,2.6vw,32px);line-height:1.22;font-weight:700;letter-spacing:-.015em;margin:0 0 20px;color:var(--cvk-text)}
.cvk h3{font-size:21px;line-height:1.3;font-weight:650;margin:36px 0 14px;color:var(--cvk-text)}
.cvk-h-ico{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--cvk-soft);color:var(--cvk-accent)}
.cvk-h-ico svg{width:22px;height:22px}
.cvk-fig{margin:28px 0;padding:0}
.cvk-fig img{display:block;width:100%;border-radius:22px;aspect-ratio:1100/614;object-fit:cover;background:#EAF0FB}
.cvk-fig figcaption{font-size:14px;color:var(--cvk-text-2);text-align:center;margin-top:10px}

/* Таблицы */
.cvk-table{margin:20px 0 24px;border:1px solid var(--cvk-line);border-radius:18px;overflow:hidden;background:#fff}
.cvk-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;margin:0}
.cvk-table th{background:#F1F5FE;text-align:left;font-weight:600;padding:12px 16px;color:var(--cvk-text);border:0}
.cvk-table td{padding:12px 16px;border:0;border-top:1px solid var(--cvk-line);vertical-align:top;color:var(--cvk-text)}
.cvk-table td:first-child{font-weight:600}

/* Списки */
.cvk ol.cvk-steps{list-style:none;counter-reset:cvkstep;margin:20px 0 24px;padding:0;display:grid;gap:12px}
.cvk-steps>li{counter-increment:cvkstep;position:relative;margin:0;padding:16px 18px 16px 64px;background:#fff;border:1px solid var(--cvk-line);border-radius:16px}
.cvk-steps>li::before{content:counter(cvkstep);position:absolute;left:18px;top:15px;width:32px;height:32px;border-radius:50%;background:var(--cvk-accent);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.cvk-steps--small>li{padding:12px 16px 12px 58px;font-size:16px}
.cvk-steps--small>li::before{width:28px;height:28px;font-size:14px;left:16px;top:11px}
.cvk ul.cvk-checks,.cvk ul.cvk-dots{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:10px}
.cvk-checks>li,.cvk-dots>li{position:relative;margin:0;padding-left:36px}
.cvk-checks>li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:7px;background:rgba(31,157,85,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F9D55' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/16px no-repeat}
.cvk-dots>li::before{content:"";position:absolute;left:8px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--cvk-accent)}

/* Заметка */
.cvk-note{display:flex;gap:14px;align-items:flex-start;background:#FFF8EA;border:1px solid rgba(245,158,11,.28);border-radius:16px;padding:16px 18px;margin:20px 0}
.cvk-note p{margin:0;font-size:16px}
.cvk-ico{flex:0 0 auto;display:inline-flex;width:22px;height:22px;margin-top:1px}
.cvk-ico svg{width:22px;height:22px}
.cvk-ico--info{color:#B7791F}

/* Было и стало */
.cvk-compare{display:grid;gap:12px;margin:18px 0 22px}
.cvk-compare__row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:12px}
.cvk .cvk-compare p{margin:0;display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;font-size:15.5px;line-height:1.5}
.cvk .cvk-compare__bad{background:rgba(224,64,90,.10);color:#7A2232}
.cvk .cvk-compare__good{background:rgba(31,157,85,.12);color:#14532D}
.cvk-ico--x{color:#C4243E}
.cvk-ico--ok{color:#1A7F45}

/* Примеры текста */
.cvk-quote{border-left:4px solid var(--cvk-accent);background:#F6F9FF;border-radius:0 16px 16px 0;padding:14px 18px;margin:14px 0}
.cvk-quote p{margin:0;font-size:16px}
.cvk .cvk-quote__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cvk-accent-text);margin-bottom:6px}

/* Форматы */
.cvk-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 24px}
.cvk-format{background:#fff;border:1px solid var(--cvk-line);border-radius:18px;padding:18px}
.cvk .cvk-format p{font-size:15px;line-height:1.55;margin:0 0 8px;color:var(--cvk-text-2)}
.cvk .cvk-format .cvk-format__when{color:var(--cvk-text);font-weight:600}
.cvk-format__badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:30px;padding:0 10px;border-radius:9px;font-weight:700;font-size:14px;margin-bottom:12px}
.cvk-format--pdf .cvk-format__badge{background:#FFE5EA;color:#C4243E}
.cvk-format--docx .cvk-format__badge{background:#E3EEFF;color:#1F52D9}
.cvk-format--print .cvk-format__badge{background:#E1F5EA;color:#1A7F45}

/* Финальный блок */
.cvk-cta{text-align:center;background:linear-gradient(135deg,#EEF3FF,#F7F9FF);border:1px solid var(--cvk-line);border-radius:28px;padding:40px 28px;margin:0 0 64px}
.cvk .cvk-cta h2{justify-content:center}
.cvk .cvk-cta p{max-width:620px;margin:0 auto 22px;color:var(--cvk-text-2)}
.cvk-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cvk a.cvk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid rgba(47,107,255,.28);color:var(--cvk-accent-text);background:#fff}
.cvk a.cvk-btn--primary{background:var(--cvk-accent);color:#fff;border-color:var(--cvk-accent);box-shadow:0 6px 16px rgba(47,107,255,.26)}
.cvk a.cvk-btn--primary:hover{background:#2258EE}

@media (max-width:1024px){.cvk .cvk-gain__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
@media (max-width:720px){
 .cvk{font-size:16px;margin-top:40px;padding:0 16px}
 .cvk-gain{margin-bottom:52px}
 .cvk .cvk-gain__list{grid-template-columns:minmax(0,1fr)}
 .cvk h2{gap:12px;align-items:flex-start}
 .cvk-h-ico{flex-basis:38px;width:38px;height:38px;border-radius:12px}
 .cvk-sec{margin-bottom:44px}
 .cvk-formats{grid-template-columns:minmax(0,1fr)}
 .cvk-compare__row{grid-template-columns:minmax(0,1fr);gap:6px}
 .cvk-table{border:0;background:transparent;overflow:visible;border-radius:0}
 .cvk-table thead{display:none}
 .cvk-table table,.cvk-table tbody,.cvk-table tr,.cvk-table td{display:block;width:100%}
 .cvk-table tr{background:#fff;border:1px solid var(--cvk-line);border-radius:14px;padding:6px 0;margin-bottom:10px}
 .cvk-table td{border-top:0;padding:6px 14px}
 .cvk-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cvk-text-2);margin-bottom:2px}
 .cvk-table td:first-child{font-size:16px}
 .cvk-table td:first-child::before{display:none}
 .cvk-steps>li{padding:14px 14px 14px 56px}
 .cvk-steps>li::before{left:14px}
 .cvk-cta{padding:30px 18px;border-radius:22px}
}