/* Azia Minds, новая версия: дополнения к site.css (подключается только в site-next.php) */

/* первый экран: заголовок в две фразы, вторая — зелёным */
.hero h1.h1-next{font-size:clamp(34px,4.6vw,62px);letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
.hero h1.h1-next .l2{display:block;margin-top:.12em}
.trust-line{margin:0;font-size:14px;line-height:1.55;color:var(--muted);max-width:56ch;border-top:1px solid var(--line);padding-top:16px}

.sec-lead{margin:0;color:var(--muted);font-size:17px;max-width:60ch}

/* вопросы клиентов */
.qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:560px){.qgrid{grid-template-columns:1fr}}
.qcard{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);text-decoration:none;font:700 17px/1.4 var(--display);letter-spacing:-.01em;transition:border-color .2s,transform .2s}
.qcard .arr{color:var(--accent);flex:none}
.qcard .qtxt{display:flex;flex-direction:column;gap:12px}
.qcard .qtxt small{font:400 15px/1.5 var(--body,inherit);color:var(--muted);letter-spacing:0}
.qcard:hover{border-color:var(--ink);transform:translateY(-2px)}

/* направления экспертизы */
.areas{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.area{display:grid;gap:8px;align-content:start;padding:24px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .2s}
.area h3{margin:0;font:800 18px/1.25 var(--display);letter-spacing:-.02em}
.area p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.area:hover{background:var(--surface)}

.areas-list{display:grid;gap:0;border-top:1px solid var(--line)}
.area-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.area-row h2{margin:0 0 4px;font:800 clamp(20px,2.2vw,26px)/1.2 var(--display);letter-spacing:-.02em}
.area-row p{margin:0;color:var(--muted)}
.area-row .arr{color:var(--accent);font-size:20px}
.area-row:hover h2{color:var(--deep-2)}
@media (max-width:640px){.area-row{grid-template-columns:1fr auto}.area-row .stack{display:none}}

.qlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:560px){.qlist{grid-template-columns:1fr}}
.qlist li{padding:18px 20px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;font:700 16px/1.4 var(--display)}

/* как мы работаем: 3 шага */
.how3{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.how3 li{counter-increment:s;display:grid;gap:6px;padding-top:18px;border-top:2px solid var(--ink)}
.how3 li::before{content:counter(s);font:800 14px var(--display);color:var(--accent)}
.how3 b{font:800 19px/1.3 var(--display);letter-spacing:-.01em}
.how3 p{margin:0;color:var(--muted)}

/* политика конфиденциальности */
.legal{max-width:760px;display:grid;gap:14px;padding-top:clamp(24px,3vw,40px)}
.legal h2{margin:12px 0 0;font:800 20px var(--display)}
.legal p,.legal li{color:var(--ink);line-height:1.65}
.legal ul{margin:0;padding-left:20px;display:grid;gap:4px}

/* футер в 4 колонки */
.foot.foot4{grid-template-columns:1.3fr 1fr 1fr 1fr}
@media (max-width:820px){.foot.foot4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot.foot4{grid-template-columns:1fr}}

/* 8 карточек: 4 в ряд на широком экране, 2 на среднем, 1 на телефоне */
@media (min-width:1000px){.qgrid{grid-template-columns:repeat(2,1fr)}.areas{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.qgrid,.areas{grid-template-columns:1fr}}

/* переключатель языков: заметнее, KZ · RU · EN */
.lang{gap:2px;padding:4px;border:1px solid var(--line);background:var(--surface)}
.lang a{padding:7px 12px;font:800 13px/1 var(--display);letter-spacing:.04em;color:var(--ink);opacity:.7}
.lang a:hover{opacity:1;background:var(--soft)}
.lang a.on{background:var(--ink);color:var(--surface);opacity:1;box-shadow:none}
@media (max-width:560px){.lang a{padding:7px 10px;font-size:12px}}

/* карточки экспертов: чуть меньше и с расстоянием между ними (06.10) */
@media (min-width:1061px){.team{grid-template-columns:repeat(4,minmax(0,225px));justify-content:space-between;column-gap:56px;row-gap:48px}}
@media (max-width:1060px){.team{column-gap:24px;row-gap:36px}}
.join-top{white-space:normal;max-width:100%;text-align:left}
/* казахская версия: слова длиннее, поэтому заголовки меньше */
html[lang="kk"] .hero h1{font-size:clamp(30px,3.9vw,56px);letter-spacing:-.035em;line-height:1.04}
@media (min-width:901px){html[lang="kk"] .hero{grid-template-columns:1.2fr .8fr}}
html[lang="kk"] .page-head h1{font-size:clamp(32px,4.6vw,62px)}
html[lang="kk"] h2{font-size:clamp(28px,3.6vw,44px)}
html[lang="kk"] .profile-main h1{font-size:clamp(30px,4vw,48px)}

/* «Что будет после заявки» рядом с формой */
.cta::after{width:220px;height:220px;left:-110px;bottom:-130px}
.cta-next{display:grid;gap:14px;margin-top:6px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.cta-next-t{margin:0;font:700 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--on-deep-muted)}
.cta-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cta-steps li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.cta-steps .n{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);display:grid;place-items:center;font:700 14px/1 var(--display);color:var(--on-deep)}
.cta-steps b{display:block;font:700 17px/1.35 var(--display);color:var(--on-deep);letter-spacing:-.01em}
.cta-steps li span:not(.n){display:block;margin-top:3px;font-size:15px;line-height:1.5;color:var(--on-deep-muted)}

/* главная: компактные карточки экспертов (фото, имя, роль) и кнопка ко всем экспертам */
.team-home .chips{display:none}
.team-home .pos{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.team-more{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)}