/* Усиленные блоки: Карточки, Преимущества, Список с галочками. Чтобы отключить - уберите <link> на этот файл. */

/* ---------- Карточки: нумерация контурными цифрами, акцентная черта, подсветка при наведении ---------- */
.b-cards .grid{counter-reset:c;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.b-cards .card{counter-increment:c;display:flex;flex-direction:column;padding:30px 28px 26px;overflow:hidden}
.b-cards .card::before{content:counter(c,decimal-leading-zero);display:block;margin-bottom:18px;
  font:700 48px/1 var(--serif);color:transparent;-webkit-text-stroke:1px var(--c1);transition:color .5s var(--e)}
.b-cards .card h3{font-size:22px;margin-bottom:10px}
.b-cards .card p{margin-bottom:26px}
.b-cards .card::after{content:"";margin-top:auto;width:28px;height:2px;background:var(--c2);transition:width .6s var(--e)}
.b-cards .card.reveal.in:hover{transform:translateY(-6px);border-color:var(--c1);
  box-shadow:0 18px 40px rgba(var(--bkr),.55),inset 0 0 0 999px rgba(var(--c1r),.07)}
.b-cards .card:hover::before{color:var(--c1)}
.b-cards .card:hover::after{width:72px}

/* ---------- Преимущества: нумерованные плитки, разделительные линии ---------- */
.b-features .feat{counter-reset:f;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 48px;border-bottom:1px solid var(--line)}
.b-features .feat>div{align-items:flex-start;gap:22px;padding:28px 0;border-top:1px solid var(--line)}
.b-features .feat>div>span{display:block}
.b-features .feat>div::before{counter-increment:f;content:counter(f,decimal-leading-zero);
  display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--c1);border-radius:var(--r);
  background:rgba(var(--bkr),.6);color:var(--c1);font:700 20px/1 var(--serif);
  transition:background .5s var(--e),color .5s var(--e),border-color .5s var(--e)}
.b-features .feat>div:hover::before{background:var(--c1);color:var(--on1);transform:none}
.b-features .feat h3{font-size:21px;margin-bottom:8px;transition:color .5s var(--e)}
.b-features .feat>div:hover h3{color:var(--c1)}
.b-features .feat p{font-size:16px;line-height:1.7}

/* ---------- Список с галочками: строки-панели с круглой отметкой ---------- */
.b-checklist .tick{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.b-checklist .tick li{position:relative;display:flex;align-items:center;min-height:64px;padding:16px 22px 16px 68px;
  font-size:18px;line-height:1.45;color:var(--tx);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  transition-property:opacity,transform,filter,border-color,box-shadow;transition-duration:1s,1s,1s,.4s,.4s}
.b-checklist .tick li::before{left:18px;top:50%;translate:0 -50%;rotate:none;width:28px;height:28px;border:0;border-radius:50%;background:var(--c1)}
.b-checklist .tick li::after{content:"";position:absolute;left:28px;top:50%;width:7px;height:13px;
  border:solid var(--on1);border-width:0 3px 3px 0;translate:0 -62%;rotate:45deg}
.b-checklist .tick li.reveal.in:hover{transform:translateX(5px);border-color:var(--c1);box-shadow:-3px 0 0 var(--c1)}
@media(max-width:700px){
  .b-features .feat>div::before{width:48px;height:48px;font-size:17px}
  .b-features .feat{gap:0}
  .b-checklist .tick li{padding:14px 16px 14px 62px;font-size:17px}
}