/*
Theme Name: Yollo AI Ru
Theme URI: https://yolloai.click/
Author: Yollo AI Ru
Description: Брендовый сайт о Yollo AI — ролевые ИИ-чаты, генерация изображений и видео. Дизайн-язык «монтажная студия».
Version: 1.0.0
Text Domain: yolloai
*/

/* ============ токены ============ */
:root{
  --bg:#0A0A1B;
  --surface:#12122A;
  --surface-2:#191938;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.20);
  --text:#EDECFB;
  --muted:#A5A3C8;
  --indigo:#6C5CE7;
  --fuchsia:#E255C8;
  --credit:#FF7AD9;
  --amber:#F7A93B;
  --lime:#B6F09C;
  --grad:linear-gradient(120deg,#6C5CE7 0%,#E255C8 100%);
  --shell:1160px;
  --pad:20px;
  --cut:18px;            /* срез верхнего левого угла «кадра» */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:'Commissioner',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.62;overflow-x:hidden;
  background-image:
    radial-gradient(720px 340px at 82% -6%,rgba(226,85,200,.16),transparent 70%),
    radial-gradient(680px 320px at 4% 2%,rgba(108,92,231,.20),transparent 72%);
  background-repeat:no-repeat;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--text)}
h1,h2,h3,h4{font-family:'Golos Text',system-ui,sans-serif;font-weight:600;line-height:1.14;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(30px,5.2vw,52px)}
h2{font-size:clamp(24px,3.6vw,34px)}
h3{font-size:clamp(18px,2.4vw,22px)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.15em}
li{margin-bottom:.4em}
strong{color:#fff;font-weight:600}

.yl-shell{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.yl-section{padding:52px 0}
.yl-section > h2{max-width:22ch}
.yl-lead{font-size:clamp(16px,2vw,19px);color:#D3D1F0;max-width:70ch}
.yl-muted{color:var(--muted)}
.yl-mono{font-variant-numeric:tabular-nums}

/* ============ кнопки ============ */
.yl-btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 22px;border:1px solid var(--line-strong);
  font:600 15px/1 'Golos Text',sans-serif;color:var(--text);
  text-decoration:none;border-radius:4px;cursor:pointer;background:transparent;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.yl-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.38)}
.yl-btn--primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 30px -14px rgba(226,85,200,.9)}
.yl-btn--primary:hover{box-shadow:0 16px 36px -14px rgba(226,85,200,1)}
.yl-btn i,.yl-btn svg{width:17px;height:17px}
.yl-btn--sm{padding:10px 16px;font-size:14px}

/* ============ шапка ============ */
.yl-header{
  position:sticky;top:0;z-index:60;
  background:rgba(10,10,27,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.yl-header__in{display:flex;align-items:center;gap:14px;min-height:64px}
.yl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.yl-logo__mark{width:32px;height:32px;flex:0 0 32px}
.yl-logo__text{font:700 18px/1 'Golos Text',sans-serif;letter-spacing:-.02em}
.yl-logo__text span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.yl-nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.yl-nav a{
  font:500 14px/1 'Commissioner',sans-serif;color:var(--muted);text-decoration:none;
  padding:9px 10px;border-radius:4px;transition:color .15s ease,background .15s ease;
}
.yl-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.yl-header .yl-btn{flex-shrink:0}
.yl-burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:4px;color:var(--text);cursor:pointer}
.yl-drawer{display:none}

@media(max-width:1080px){
  .yl-nav{display:none}
  .yl-burger{display:inline-flex;margin-left:auto}
  .yl-header__in{gap:10px}
  .yl-header .yl-btn{padding:11px 14px;font-size:14px}
  .yl-drawer{
    display:grid;position:fixed;inset:64px 0 auto 0;z-index:59;
    background:var(--bg);border-bottom:1px solid var(--line);
    grid-template-rows:0fr;transition:grid-template-rows .28s ease;
  }
  .yl-drawer.is-open{grid-template-rows:1fr}
  .yl-drawer__inner{overflow:hidden;min-height:0}
  .yl-drawer.is-open .yl-drawer__inner{overflow-y:auto;max-height:76vh}
  .yl-drawer__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:14px 20px 22px}
  .yl-drawer a{display:block;padding:11px 8px;color:var(--muted);text-decoration:none;font-size:14.5px;border-bottom:1px solid rgba(255,255,255,.05)}
}
@media(max-width:420px){
  .yl-logo__text{font-size:16px}
  .yl-header .yl-btn{padding:10px 12px;font-size:13px}
  .yl-header .yl-btn i{display:none}
}

/* ============ «дорожка» — фирменный разделитель ============ */
.yl-track{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.yl-track__num{
  font:600 12px/1 'Golos Text',sans-serif;letter-spacing:.16em;
  color:#0A0A1B;background:var(--lime);padding:6px 8px;border-radius:3px;
}
.yl-track__label{font:500 12px/1 'Commissioner',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.yl-track__line{flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}

/* ============ «кадр» — базовая карточка ============ */
.yl-frame{
  background:var(--surface);border:1px solid var(--line);
  clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));
  padding:22px;position:relative;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.yl-frame::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--grad);opacity:0;transition:opacity .18s ease;
}
.yl-frame:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2)}
.yl-frame:hover::after{opacity:1}
.yl-frame h3{margin-bottom:.35em}
.yl-frame p:last-child{margin-bottom:0}
.yl-frame__ico{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(108,92,231,.18);border:1px solid rgba(108,92,231,.4);border-radius:4px;margin-bottom:14px;color:#C9C3FF}
.yl-frame__ico i,.yl-frame__ico svg{width:20px;height:20px}
.yl-grid{display:grid;gap:16px}
.yl-grid--2{grid-template-columns:repeat(2,1fr)}
.yl-grid--3{grid-template-columns:repeat(3,1fr)}
.yl-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.yl-grid--3,.yl-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.yl-grid--2,.yl-grid--3,.yl-grid--4{grid-template-columns:1fr}}

/* ============ hero ============ */
.yl-hero{padding:38px 0 20px;position:relative}
.yl-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
@media(max-width:960px){.yl-hero__grid{grid-template-columns:1fr;gap:26px}}
.yl-hero__badge{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
  border:1px solid rgba(182,240,156,.4);color:var(--lime);
  font:500 12px/1 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  padding:7px 11px;border-radius:3px;
}
.yl-hero h1{margin-bottom:.42em}
.yl-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 18px}
.yl-hero__meta{display:flex;gap:22px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}
.yl-hero__meta div{min-width:96px}
.yl-hero__meta b{display:block;font:600 22px/1.1 'Golos Text',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.yl-hero__meta span{font-size:12.5px;color:var(--muted)}

/* стопка «кадров» справа */
.yl-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.yl-stack__cell{
  background:var(--surface);border:1px solid var(--line);padding:16px;
  clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);
}
.yl-stack__cell b{display:block;font:600 19px/1.15 'Golos Text',sans-serif;margin-bottom:5px}
.yl-stack__cell span{font-size:13px;color:var(--muted);line-height:1.45;display:block}
.yl-stack__cell--wide{grid-column:1/-1;display:flex;align-items:center;gap:14px}
.yl-stack__cell--wide i,.yl-stack__cell--wide svg{width:22px;height:22px;color:var(--credit);flex-shrink:0}

/* ============ TL;DR ============ */
.yl-tldr{
  border-left:3px solid transparent;border-image:var(--grad) 1;
  background:rgba(108,92,231,.10);padding:18px 20px;margin:0 0 26px;
}
.yl-tldr p{margin:0;font-size:16.5px}
.yl-tldr p + p{margin-top:.6em}

/* ============ таблицы ============ */
.yl-tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}
.yl-table{width:100%;border-collapse:collapse;min-width:560px;font-size:14.5px}
.yl-table th,.yl-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.yl-table thead th{
  font:600 12px/1.3 'Golos Text',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);background:rgba(255,255,255,.03);white-space:nowrap;
}
.yl-table tbody tr:last-child td{border-bottom:0}
.yl-table tbody tr:hover{background:rgba(255,255,255,.03)}
.yl-table .is-yes{color:var(--lime)}
.yl-table .is-no{color:#FF8A8A}
.yl-table__note{font-size:13.5px;color:var(--muted);margin-top:12px}

/* ============ шаги ============ */
.yl-steps{display:grid;gap:14px;counter-reset:s}
.yl-step{
  display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;
  background:var(--surface);border:1px solid var(--line);padding:18px 20px;
  clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);
}
.yl-step__n{
  font:600 20px/1 'Golos Text',sans-serif;color:transparent;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;
  padding-top:2px;
}
.yl-step h3{font-size:18px;margin-bottom:.3em}
.yl-step p{margin:0;color:#CFCDEC;font-size:15px}

/* ============ персонажи ============ */
.yl-chars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.yl-chars{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.yl-chars{grid-template-columns:repeat(2,1fr);gap:12px}}
.yl-char{
  background:var(--surface);border:1px solid var(--line);overflow:hidden;
  clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);
  transition:transform .18s ease,border-color .18s ease;
}
.yl-char:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.yl-char__media{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#1C1B3C,#101026)}
.yl-char__media img{width:100%;height:100%;object-fit:cover}
.yl-char__media img.is-missing{display:none}
.yl-char__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.16)}
.yl-char__ph i,.yl-char__ph svg{width:42px;height:42px}
.yl-char__tag{
  position:absolute;left:10px;bottom:10px;z-index:2;
  font:500 11px/1 'Golos Text',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(10,10,27,.78);border:1px solid var(--line-strong);color:#E7E4FF;padding:5px 8px;border-radius:3px;
}
.yl-char__body{padding:13px 14px 16px}
.yl-char__name{font:600 16px/1.2 'Golos Text',sans-serif;margin-bottom:4px}
.yl-char__role{margin:0;font-size:13.2px;color:var(--muted);line-height:1.45}

/* ============ тарифы ============ */
.yl-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.yl-plans{grid-template-columns:1fr}}
.yl-plan{
  background:var(--surface);border:1px solid var(--line);padding:24px 22px;position:relative;
  clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px);
}
.yl-plan--best{border-color:rgba(226,85,200,.55);background:linear-gradient(180deg,rgba(226,85,200,.10),transparent 55%),var(--surface)}
.yl-plan__flag{position:absolute;top:0;right:0;background:var(--grad);color:#fff;font:600 11px/1 'Golos Text',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:7px 10px}
.yl-plan__name{font:600 13px/1 'Golos Text',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.yl-plan__price{font:600 34px/1 'Golos Text',sans-serif;color:var(--lime);margin-bottom:4px}
.yl-plan__old{font-size:14px;color:var(--muted);text-decoration:line-through;margin-bottom:14px}
.yl-plan__rub{font-size:13.5px;color:var(--muted);margin-bottom:16px}
.yl-plan ul{list-style:none;padding:0;margin:0 0 18px}
.yl-plan li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;margin-bottom:9px;color:#D6D4F2}
.yl-plan li i,.yl-plan li svg{width:16px;height:16px;color:var(--credit);flex-shrink:0;margin-top:3px}

/* ============ отзывы ============ */
.yl-reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:760px){.yl-reviews{grid-template-columns:1fr}}
.yl-review{background:var(--surface);border:1px solid var(--line);padding:20px;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px)}
.yl-review__top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.yl-review__ava{width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font:600 15px/1 'Golos Text',sans-serif;color:#fff;flex-shrink:0}
.yl-review__name{font:600 15px/1.2 'Golos Text',sans-serif}
.yl-review__date{font-size:12.5px;color:var(--muted)}
.yl-review p{margin:0;font-size:14.8px;color:#D6D4F2}

.yl-stars{display:inline-block;position:relative;line-height:0;white-space:nowrap}
.yl-stars__row svg{width:15px;height:15px;fill:currentColor;display:inline-block;margin-right:1px}
.yl-stars__bg{color:rgba(255,255,255,.16)}
.yl-stars__fill{position:absolute;left:0;top:0;overflow:hidden;color:var(--amber)}
.yl-rating-big{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.yl-rating-big b{font:600 44px/1 'Golos Text',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ============ FAQ ============ */
.yl-faq{border-top:1px solid var(--line)}
.yl-faq__item{border-bottom:1px solid var(--line)}
.yl-faq__q{
  width:100%;display:flex;gap:14px;align-items:center;justify-content:space-between;
  background:none;border:0;color:var(--text);text-align:left;cursor:pointer;
  font:600 16.5px/1.4 'Golos Text',sans-serif;padding:17px 2px;
}
.yl-faq__q i,.yl-faq__q svg{width:19px;height:19px;color:var(--credit);flex-shrink:0;transition:transform .2s ease}
.yl-faq__q[aria-expanded="true"] i,.yl-faq__q[aria-expanded="true"] svg{transform:rotate(45deg)}
.yl-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.yl-faq__a p{overflow:hidden;min-height:0;padding:0 2px 18px;margin:0;color:#CFCDEC;max-width:80ch}
.yl-faq__item.is-open .yl-faq__a{grid-template-rows:1fr}
html:not(.js) .yl-faq__a{grid-template-rows:1fr}

/* ============ CTA-полоса ============ */
.yl-cta{
  margin:44px 0 8px;padding:34px 28px;text-align:center;
  border:1px solid rgba(226,85,200,.35);
  background:linear-gradient(135deg,rgba(108,92,231,.18),rgba(226,85,200,.14));
  clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px);
}
.yl-cta h2{margin-bottom:.4em}
.yl-cta p{max-width:62ch;margin:0 auto 20px;color:#D6D4F2}

/* ============ «читайте дальше» ============ */
.yl-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:860px){.yl-related__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.yl-related__grid{grid-template-columns:1fr}}
.yl-related__item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;border:1px solid var(--line);background:var(--surface);
  text-decoration:none;font-size:14.6px;transition:border-color .16s ease,transform .16s ease;
}
.yl-related__item:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.yl-related__item i,.yl-related__item svg{width:16px;height:16px;color:var(--credit);flex-shrink:0}

/* ============ хлебные крошки, страница ============ */
.yl-breadcrumb{display:flex;gap:8px;align-items:center;font-size:13.4px;color:var(--muted);padding:20px 0 6px;flex-wrap:wrap}
.yl-breadcrumb a{color:var(--muted);text-decoration:none}
.yl-breadcrumb a:hover{color:#fff}
.yl-page__head{padding:6px 0 10px}
.yl-page__head h1{max-width:19ch}

/* ============ мелочи ============ */
.yl-note{border:1px dashed var(--line-strong);padding:16px 18px;background:rgba(255,255,255,.02);font-size:14.8px;color:#CFCDEC}
.yl-note strong{color:#fff}
.yl-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.yl-pills li{margin:0;font-size:13.4px;color:#D6D4F2;border:1px solid var(--line);padding:7px 11px;border-radius:3px;background:var(--surface)}
.yl-kv{display:grid;gap:0;border:1px solid var(--line);background:var(--surface)}
.yl-kv__row{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:0;border-bottom:1px solid var(--line)}
.yl-kv__row:last-child{border-bottom:0}
.yl-kv__row dt{padding:13px 16px;color:var(--muted);font-size:14px;border-right:1px solid var(--line);margin:0}
.yl-kv__row dd{padding:13px 16px;margin:0;font-size:14.8px}
@media(max-width:560px){
  .yl-kv__row{grid-template-columns:1fr}
  .yl-kv__row dt{border-right:0;border-bottom:1px dashed var(--line);padding-bottom:6px}
}
.yl-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.yl-split{grid-template-columns:1fr}}
.yl-list-check{list-style:none;padding:0;margin:0 0 1em}
.yl-list-check li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:#D6D4F2}
.yl-list-check i,.yl-list-check svg{width:17px;height:17px;flex-shrink:0;margin-top:4px;color:var(--lime)}
.yl-list-check.is-minus i,.yl-list-check.is-minus svg{color:#FF8A8A}

/* ============ подвал ============ */
.yl-footer{border-top:1px solid var(--line);margin-top:52px;padding:34px 0 28px;background:rgba(255,255,255,.015)}
.yl-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
@media(max-width:820px){.yl-footer__grid{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:520px){.yl-footer__grid{grid-template-columns:1fr}}
.yl-footer h4{font:600 12px/1 'Golos Text',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.yl-footer ul{list-style:none;padding:0;margin:0}
.yl-footer li{margin-bottom:8px}
.yl-footer a{color:#C6C3E8;text-decoration:none;font-size:14.4px}
.yl-footer a:hover{color:#fff}
.yl-footer__about p{font-size:14.2px;color:var(--muted);max-width:44ch}
.yl-footer__legal{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#8B89AE;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}

/* ============ 404 ============ */
.yl-404{padding:70px 0;text-align:center}

/* ============ интерактивные инструменты ============ */
.yl-tool{background:var(--surface);border:1px solid var(--line);padding:22px;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}
.yl-tool h3{margin-bottom:.6em}
.yl-tool__q{margin-bottom:16px}
.yl-tool__q > span{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}
.yl-tool__opts{display:flex;gap:8px;flex-wrap:wrap}
.yl-tool__opts label{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  border:1px solid var(--line);padding:9px 13px;border-radius:3px;font-size:14.2px;
  background:rgba(255,255,255,.02);transition:border-color .15s ease,background .15s ease;
}
.yl-tool__opts label:hover{border-color:var(--line-strong)}
.yl-tool__opts input{accent-color:var(--fuchsia);margin:0}
.yl-tool__opts input:checked + span{color:#fff}
.yl-tool__out{margin-top:18px;padding:16px 18px;border:1px solid rgba(226,85,200,.4);background:rgba(226,85,200,.09);font-size:15px}
.yl-tool__out b{color:#fff}
.yl-tool__row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.yl-tool__row label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.yl-tool__row input[type="number"]{
  width:110px;background:var(--bg);border:1px solid var(--line);color:var(--text);
  padding:10px 12px;border-radius:3px;font:500 15px/1 'Commissioner',sans-serif;
}

/* чек-лист диагностики */
.yl-checklist{list-style:none;padding:0;margin:0}
.yl-checklist li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.yl-checklist li:last-child{border-bottom:0}
.yl-checklist input{margin-top:5px;width:17px;height:17px;accent-color:var(--fuchsia);flex-shrink:0}
.yl-checklist label{cursor:pointer}
.yl-checklist b{display:block;font:600 16px/1.35 'Golos Text',sans-serif;margin-bottom:3px}
.yl-checklist span{font-size:14.5px;color:#CFCDEC}
.yl-checklist input:checked + label b{color:var(--lime)}
.yl-check__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.yl-check__bar strong{font:600 14px/1 'Golos Text',sans-serif;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}

/* табы */
.yl-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.yl-tabs button{
  background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;
  padding:10px 16px;border-radius:3px;font:600 14px/1 'Golos Text',sans-serif;transition:all .15s ease;
}
.yl-tabs button:hover{border-color:var(--line-strong);color:#fff}
.yl-tabs button.is-active{background:var(--grad);border-color:transparent;color:#fff}