/* === Брендовые переменные и типографика === */
.brand-block{
—ink:#172026;
—line:#e7eaf0;
—accent:#2f6fdd; /* фирменный синий */
—accent-soft:#eef4ff; /* мягкий фон */
—soft:#f8fafc;
—highlight:#fff7e6;
—radius:14px;

font-family:»Inter»,system-ui,-apple-system,»Segoe UI»,Roboto,Arial,sans-serif;
color:var(—ink);
line-height:1.7;
max-width:min(96%,1200px);
margin:0 auto;
padding:0 18px;
text-align:left;
word-wrap:break-word;
}

/* Заголовки */
.brand-title{
font-size:clamp(24px,3.2vw,32px);
font-weight:800;
margin:8px 0 14px;
color:#0f2137;
}

.brand-block h2,
.brand-block h3,
.brand-block h4,
.brand-block h5,
.brand-block h6{
margin:20px 0 12px;
font-weight:750;
position:relative;
padding-left:14px;
color:#0f2137;
}
.brand-block h2{font-size:clamp(18px,2.1vw,22px);}
.brand-block h3{font-size:clamp(17px,1.9vw,20px);}
.brand-block h4{font-size:clamp(16px,1.7vw,18px);}
.brand-block h5{font-size:clamp(15px,1.6vw,17px);}
.brand-block h6{font-size:clamp(14px,1.5vw,16px);}

/* Короткий синий акцент у заголовков */
.brand-block h2:before,
.brand-block h3:before,
.brand-block h4:before,
.brand-block h5:before,
.brand-block h6:before{
content:»»;
position:absolute;
left:0;
top:0.68em;
width:6px;height:6px;border-radius:2px;
background:var(—accent);
}

/* Базовая типографика */
.brand-block p{margin:10px 0;}

/* Списки */
.brand-list{
list-style:none;
margin:8px 0;
padding:0;
}
.brand-list li{
position:relative;
padding:8px 0 8px 28px;
border-bottom:1px dashed var(—line);
}
.brand-list li:last-child{border-bottom:0;}
.brand-list li:before{
content:»»;
position:absolute;
left:8px; top:1.25em;
width:9px; height:9px; border-radius:50%;
background:radial-gradient(circle at 30% 30%,#fff 0 34%, var(—accent) 36% 100%);
box-shadow:0 0 0 3px rgba(47,111,221,.18);
transform:translateY(-50%);
}

/* Двухколоночная сетка с безопасной адаптацией */
.brand-list.columns{
display:grid;
grid-template-columns:repeat(2,minmax(220px,1fr));
gap:6px 24px;
}

/* Карточки */
.brand-card{
border-radius:var(—radius);
padding:16px 18px;
border:1px solid var(—line);
margin:18px 0;
box-shadow:0 6px 18px rgba(2,8,20,.03);
}
.brand-card.accent{background:var(—accent-soft);}
.brand-card.soft{background:var(—soft);}
.brand-card.highlight{background:var(—highlight);border-color:#facc15;}
.brand-lead{font-size:1.04rem;font-weight:600}

/* FAQ: details/summary аккордеон */
.faq{margin:12px 0 6px;}
.faq-item{
border:1px solid var(—line);
border-radius:12px;
margin:10px 0;
background:#fff;
overflow:hidden;
box-shadow:0 4px 14px rgba(2,8,20,.03);
}
.faq-item summary{
cursor:pointer;
list-style:none;
position:relative;
padding:14px 46px 14px 16px;
font-weight:650;
color:#0f2137;
user-select:none;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{
content:»+»;
position:absolute;
right:14px; top:50%;
transform:translateY(-50%);
width:26px;height:26px;line-height:26px;text-align:center;
border-radius:8px;
background:var(—accent);
color:#fff;
font-weight:800;
}
.faq-item[open] summary:after{content:»–»;}
.faq-content{
padding:0 16px 14px 16px;
border-top:1px dashed var(—line);
color:#29333a;
}

/* Мобайл-фиксы */
@media (max-width:680px){
.brand-list.columns{
grid-template-columns:1fr;
gap:4px 12px;
}
.brand-card{padding:14px 14px;}
}