/* Блок «Для кого» (#roles): вкладки ролей с живыми экранами платформы.
   Перенесено один в один из _experiments/roles-tabs-neeo-light.html, вариант 9. Базовая механика — roles-tabs.css + js/roles-tabs.js */
#roles{position:relative;overflow:clip;background:linear-gradient(var(--olive-12),var(--olive-12)),var(--milk);color:var(--ink)}
#roles button{font-family:var(--sans)}
#roles .rt{font-size:16px;line-height:normal;letter-spacing:normal}
#roles .eyebrow{color:var(--terra)}
#roles .num{color:transparent;-webkit-text-stroke:1px rgba(90,63,49,.25)}
#roles .rt-intro h3{font-weight:400;font-size:clamp(26px,2.6vw,38px);line-height:1.08}
#roles .rt-bar i{background:var(--terra)}

.nz-scr{position:relative;aspect-ratio:780/488;overflow:hidden;border-radius:13px;background:var(--milk)}
.nz-scr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .35s;background:var(--milk)}
.nz-scr video.on{opacity:1}

.nz9 .rt-tabs{display:flex;gap:clamp(18px,3vw,40px);padding:0;background:none;box-shadow:none;border-bottom:1.5px solid var(--line);justify-self:stretch;border-radius:0}
.nz9 .rt-tab{padding:0 0 14px;border-radius:0;background:none;box-shadow:none;text-transform:none;letter-spacing:0;font-size:clamp(18px,1.8vw,24px);font-weight:400;color:var(--brown);margin-bottom:-1.5px;border-bottom:3px solid transparent}
.nz9 .rt-tab[aria-selected="true"]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--terra)}
.nz9 .rt-n{font-size:clamp(22px,2vw,30px);font-weight:400;padding-top:0;line-height:1}
.nz9 .rt-item{grid-template-columns:52px minmax(0,1fr)}
.nz9 .rt-di{padding-left:66px}
.nz9 .rt-list{border-top:0}
.nz9 .rt-body{grid-template-columns:minmax(0,5fr) minmax(0,9fr);gap:clamp(24px,3vw,48px)}
.nz9 .nz9-card{position:relative;display:grid;align-items:center;min-height:0;padding:0;background:none;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px rgba(46,33,26,.1),0 26px 50px -28px rgba(46,33,26,.35)}
.nz9 .nz9-card .nz-scr{border-radius:0}
.nz9 .nz9-note{justify-content:center}

@media (max-width:900px){.nz9 .rt-body{grid-template-columns:1fr}}
@media (max-width:640px){.nz9 .rt-item{grid-template-columns:40px minmax(0,1fr)}.nz9 .rt-di{padding-left:54px}}