/* Главная: левый блок первого экрана «Льготное финансирование» — вариант A «Тёмная карточка» (2026-11-08) */
.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:var(--r-sm);background:var(--c-accent);color:var(--ink);font-weight:800;font-size:16px;white-space:nowrap}
.tl-link{font-weight:700;font-size:15px;white-space:nowrap}
.tl-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em}

.teaser__left.tl-a{background:var(--c-main);color:#fff;padding:32px 34px 26px;gap:22px;justify-content:space-between;position:relative;overflow:hidden}
.tl-a:before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(240,180,41,.13)}
.tl-a .tl-eyebrow{background:rgba(240,180,41,.16);color:var(--c-accent)}
.tl-a h2{margin:0;font-size:clamp(24px,2.3vw,32px);line-height:1.15;font-weight:800;color:#fff;position:relative}
.tl-a h2 span{color:var(--c-accent);white-space:nowrap}
.tl-a ul.ok{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:16px;color:rgba(255,255,255,.9)}
.tl-a ul.ok li{display:flex;gap:10px;align-items:center}
.tl-a .row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tl-a .tl-link{color:#fff;opacity:.85}
.tl-a .facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin:0;list-style:none;padding-left:0}
.tl-a .facts li{font-size:13px;color:rgba(255,255,255,.65);padding:0 12px;border-left:1px solid rgba(255,255,255,.16)}
.tl-a .facts li:first-child{border-left:0;padding-left:0}
.tl-a .facts b{display:block;font-size:20px;color:#fff;margin-bottom:2px;white-space:nowrap}
@media(max-width:767px){.teaser__left.tl-a{padding:24px 20px 20px}.tl-a .facts li{padding:0 8px}.tl-a .facts b{font-size:17px}.tl-a .row .tl-btn{flex:1}}
/* Тёмная карточка льготы: сетка знаков ПКБ вместо кольца (2026-11-09) */
.tl-a>*{position:relative;z-index:1}
.tl-a:before{content:"";position:absolute;inset:0 0 0 45%;width:auto;height:auto;right:0;top:0;border:0;border-radius:0;z-index:0;pointer-events:none;opacity:.35;
background:url("/static/img/pkb-tile-dark.svg") left top/900px 600px no-repeat;
-webkit-mask-image:linear-gradient(100deg,transparent 0,transparent 20%,#000 70%),linear-gradient(to bottom,#000 45%,transparent 85%);-webkit-mask-composite:source-in;mask-image:linear-gradient(100deg,transparent 0,transparent 20%,#000 70%),linear-gradient(to bottom,#000 45%,transparent 85%);mask-composite:intersect}