/* === Graphik (normal width) === */
@font-face{
  font-family: "Graphik";
  src: url("assets/fonts/Graphik Family/Graphik-Light-Trial.woff2") format("woff2"),
       url("assets/fonts/Graphik Family/Graphik-Light-Trial.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Graphik";
  src: url("assets/fonts/Graphik Family/Graphik-Regular-Trial.woff2") format("woff2"),
       url("assets/fonts/Graphik Family/Graphik-Regular-Trial.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Graphik";
  src: url("assets/fonts/Graphik Family/Graphik-Medium-Trial.woff2") format("woff2"),
       url("assets/fonts/Graphik Family/Graphik-Medium-Trial.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Graphik";
  src: url("assets/fonts/Graphik Family/Graphik-Semibold-Trial.woff2") format("woff2"),
       url("assets/fonts/Graphik Family/Graphik-Semibold-Trial.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Graphik";
  src: url("assets/fonts/Graphik Family/Graphik-Bold-Trial.woff2") format("woff2"),
       url("assets/fonts/Graphik Family/Graphik-Bold-Trial.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* === БАЗОВОЕ СЕМЕЙСТВО === */
html, body{font-family:"Graphik",Tahoma,sans-serif;font-weight:400}
h1,h2{font-weight:700} h3,h4{font-weight:600} h5,h6{font-weight:500}

/* === ТЕМА === */
:root{
  --wrap-bg:#F3F3F5;
  --white:#fff;
  --black:#111111;
  --muted:#5B5C66;
  --brand:#3A46FF;
  --yellow:#FFF705;
  --radius-xl:24px;
  --radius-lg:16px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --shadow-md:0 6px 24px rgba(0,0,0,.08);
}

.copy-hero{background:transparent;padding:28px 0 40px}

/* 1) КОНТЕЙНЕР ПОМЕНЬШЕ */
.copy-hero__wrap{
  max-width: 1120px;            /* было 1120px */
  margin:0 auto;
  background:var(--wrap-bg);
  border-radius:var(--radius-xl);
  padding:32px 28px 40px;
}

/* GRID: текст слева, компактный квадрат справа */
.copy-hero__grid{
  display:grid;
  grid-template-columns:1fr 480px;   /* было 720px */
  gap:28px;
  align-items:start;
}

/* === LEFT === */
.copy-hero__left{color:var(--black)}
.copy-hero__label{
  display:inline-block;background:var(--white);color:var(--black);
  border-radius:999px;padding:8px 14px;font-size:13px;line-height:1;box-shadow:var(--shadow-sm)
}

/* 2) МЕНЬШЕ ШРИФТ И МЕНЬШЕ ЖИРНОСТЬ */
.copy-hero__title{
  margin:16px 0 12px;
  font-size:50px;               /* было 72px */
  line-height:2.08;
  font-weight:600;              /* было 700 */
  color:var(--black);
}
.copy-hero__desc{
  margin:0 0 36px;              /* больше отступа от кнопки */
  max-width:600px;
  font-size:16px;               /* было 18px */
  line-height:1.7;
  color:var(--black);
  font-weight:lighter;
}

/* 4) КНОПКА ДАЛЬШЕ ОТ ТЕКСТА + hover */
.copy-hero__btn{
  display:inline-block;background:var(--brand);color:#fff;text-decoration:none;
  padding:16px 22px;border-radius:14px;font-weight:700;
  transition:transform .1s ease, box-shadow .2s ease;
  box-shadow:0 10px 24px rgba(58,70,255,.2);
  margin-top:8px;               /* доп. зазор от описания */
}
.copy-hero__btn:hover{transform:translateY(-1px)}

/* тизеры (если есть) */
.copy-hero__teasers{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.copy-hero__teaser{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;color:var(--black)}
.copy-hero__teaser-dot{font-weight:700;color:var(--black)}
.copy-hero__teaser-title{font-weight:600;margin-bottom:2px}
.copy-hero__teaser-text{color:var(--black)}


/* === RIGHT === */
.copy-hero__right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;   /* оба края прижаты вправо */
  gap:12px;
}

/* Жёлтый блок – ровно как фото: ширина та же, паддинги учитываются */
.copy-hero__badge{
  width:100%;
  box-sizing:border-box;  /* <-- ключевое: паддинги не раздувают ширину */
  background:var(--yellow);
  border-radius:32px;
  padding:12px 16px;
  display:flex;align-items:center;gap:12px;
  box-shadow:var(--shadow-sm);
  margin:0;               /* на всякий случай */
}

/* Иконка % картинкой + фолбэк */
.copy-hero__badge-icon{
  width:44px;height:44px;border-radius:999px;overflow:hidden;flex:0 0 44px;
  display:grid;place-items:center;background:#000
}
.copy-hero__badge-icon img{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.copy-hero__badge-icon-fallback{color:#fff;font-weight:800}
.copy-hero__badge-texts{display:grid;gap:2px}
.copy-hero__badge-head{font-weight:600;color:#000;font-size:13px;line-height: 1.5;}
.copy-hero__badge-sub{color:#000;font-size:13px}
#badge-timer{font-weight:500;margin-left:8px}

/* Фото – квадрат, без обрезки, та же «логическая» ширина */
.copy-hero__image{width:100%; box-sizing:border-box; margin:0}
.copy-hero__img{
  display:block;width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#e9e9ea;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}

/* === АДАПТИВ (как было) === */
@media (max-width:1200px){
  .copy-hero__grid{grid-template-columns:1fr 420px}
  .copy-hero__title{font-size:48px}
}
@media (max-width:1000px){
  .copy-hero__wrap{padding:24px 16px 96px}
  .copy-hero__grid{grid-template-columns:1fr}
  .copy-hero__right{order:0;align-items:stretch}
  .copy-hero__image{align-self:flex-start;max-width:280px}
  .copy-hero__left{order:1}
  .copy-hero__title{font-size:36px}
  .copy-hero__desc{font-size:15px;margin-bottom:18px}
  .copy-hero__btn{
    position:fixed;left:16px;right:16px;bottom:16px;z-index:50;
    text-align:center;border-radius:14px;padding:16px 18px;
    box-shadow:0 14px 32px rgba(58,70,255,.35)
  }
}















/* ===== bullets row ===== */
.copy-bullets{
  padding: 6px 0 28px;               /* близко под хиро */
  background: transparent;
}
.copy-bullets__wrap{
  max-width: 1120px;                 /* как у хиро */
  margin: 0 auto;
  padding: 0 6px;
}
.copy-bullets__list{
  list-style: disc;
  padding-left: 28px;                /* чтобы маркеры видны */
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 64px;
}
.copy-bullets__item{
  color: #111;
}
.copy-bullets__item::marker{
  font-size: 18px;                   /* крупнее точка */
}
.copy-bullets__title{
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
  margin: 0 0 6px;
}
.copy-bullets__sub{
  color: #5B5C66;                    /* серенький подзаголовок */
  font-size: 16px;
  line-height: 1.5;
}

/* адаптив */
@media (max-width: 1200px){
  .copy-bullets__list{ gap: 40px; }
}
@media (max-width: 900px){
  .copy-bullets__list{ grid-template-columns: repeat(2, 1fr); gap: 28px 32px; }
}
@media (max-width: 540px){
  .copy-bullets__list{ grid-template-columns: 1fr; gap: 18px; }
  .copy-bullets__title{ font-size: 20px; }
}






/* ===== About (О профессии) ===== */
.copy-about{
  background: #fff;
  padding: 56px 0 36px;
}
.copy-about__wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 6px;
}

.copy-about__title{
  margin: 0 0 20px;
  font-weight: 800;
  font-size: clamp(34px, 4.2vw, 46px);
  line-height: 1.9;
  letter-spacing: -0.01em;
  color: #111;
}

.copy-about__text p{
  margin: 0 0 16px;
  font-size: clamp(18px, 1.7vw, 20px);
  line-height: 1.60;
  color: #111;                 /* чёрный текст как в макете */
  max-width: 800px;
}
.copy-about__text p:last-child{ margin-bottom: 28px; }
.copy-about__text strong{ font-weight: 700; }

/* Статистика (две цифры) */
.copy-about__stats{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 80px;
  padding: 0;
  margin: 6px 0 0;
  list-style: none;
}
.copy-about__stat-value{
  font-weight: 500;
  font-size: clamp(22px, 2.2vw, 24px);
  line-height: 1.9;
  color: #111;
  margin-bottom: 6px;
}
.copy-about__stat-caption{
  color: #5B5C66;
  font-size: 16px;
  line-height: 1.5;
}

/* адаптив */
@media (max-width: 900px){
  .copy-about{ padding: 40px 0 24px; }
  .copy-about__stats{
    grid-template-columns: 1fr;
    gap: 20px;
  }
}











/* ===== WHO (Кому подойдёт) ===== */
.copy-who{
  background: #fff;
  padding: 54px 0;
}
.copy-who__wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 6px;
}

.copy-who__title{
  margin: 0 0 24px;
  font-weight: 600;
  font-size: clamp(34px, 4.2vw, 40px);
  line-height: 2.7;
  letter-spacing: -0.01em;
  color: #111; /* чёрный заголовок */
}

.copy-who__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 56px 80px;
  align-items: start;
}

.copy-who__item{
  display: grid;
  grid-template-columns: 160px 1fr;
  column-gap: 24px;
  align-items: start;
}

.copy-who__icon{
  width: 160px;
  height: auto;
  display: block;
  border-radius: 12px;
}
.copy-who__icon--stub{
  width: 160px;
  height: 120px;
  border-radius: 12px;
  background: linear-gradient(135deg,#6B5BFF 0 60%, #EDEEF2 60% 100%);
}

.copy-who__item-title{
  margin: 0 0 10px;
  font-weight: 500;
  font-size: clamp(18px, 2vw, 20px);
  line-height: 1.25;
  color: #111; /* чёрный текст */
}
.copy-who__item-desc{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #111111b4; /* чёрный текст */
  white-space: pre-line;
}

/* адаптивы */
@media (max-width: 1100px){
  .copy-who__item{
    grid-template-columns: 120px 1fr;
  }
  .copy-who__icon,
  .copy-who__icon--stub{ width:120px; height:90px; }
}
@media (max-width: 820px){
  .copy-who__grid{
    grid-template-columns: 1fr;
    gap: 36px;
  }
}




/* ===== LEARN (Чему вы научитесь) ===== */
.copy-learn{
  background:#fff;
  padding:54px 0 40px;
}
.copy-learn__wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 6px;
}

.copy-learn__title{
  margin:0 0 26px;
  font-weight:600;
  font-size:clamp(34px,4.2vw,40px);
  line-height:2.5;
  letter-spacing:-0.01em;
  color:#111;
}

.copy-learn__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:42px 60px;
}

.copy-learn__item{
  display:grid;
  grid-template-columns: 28px 1fr;
  gap:14px 16px;
  align-items:flex-start;
}

.copy-learn__icon{
  width:24px; height:24px; margin-top:4px; display:inline-flex;
}
.copy-learn__item-title{
  grid-column:2/3;
  margin:0 0 8px;
  font-weight:700;
  font-size:clamp(18px,1.9vw,19px);
  line-height:1.25;
  color:#111;
}
.copy-learn__item-desc{
  grid-column:2/3;
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:#111;
  white-space:pre-line;
}

/* адаптивы */
@media (max-width:1100px){
  .copy-learn__grid{ gap:36px 40px; }
}
@media (max-width:960px){
  .copy-learn__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .copy-learn__grid{ grid-template-columns:1fr; }
}
/* === Tighter vertical card layout for "Чему вы научитесь" === */
.copy-learn{ padding:40px 0 24px; }

.copy-learn__grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 48px;              /* меньше расстояние между карточками */
}

.copy-learn__item{
  display:flex;               /* иконка -> заголовок -> текст в колонку */
  flex-direction:column;
  align-items:flex-start;
  gap:8px;                    /* ближе друг к другу */
  padding:0;
}

.copy-learn__icon{
  width:22px; height:22px;
  margin:0;                   /* иконка прямо у верха карточки */
  line-height:0;
  display:inline-flex;
}

.copy-learn__item-title{
  margin:0;                   /* убрал лишние внешние отступы */
  font-weight:600;
  font-size:clamp(18px,1.7vw,18px);
  line-height:1.25;
  color:#111;
}

.copy-learn__item-desc{
  margin:2px 0 0;             /* ближе к заголовку */
  font-size:15px;
  line-height:1.5;
  color:#111111d1;
  white-space:pre-line;
}

/* адаптив */
@media (max-width:960px){
  .copy-learn__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 36px; }
}
@media (max-width:640px){
  .copy-learn__grid{ grid-template-columns:1fr; gap:22px; }
}
/* Уменьшаем расстояния внутри длинных описаний в блоке "Чему вы научитесь" */
.copy-learn__item-desc{
  line-height: 1.35;      /* плотнее строки */
  white-space: normal;    /* не сохранять лишние переводов строк как большие интервалы */
}

/* если WP завернул текст в <p>, сжимаем их отступы */
.copy-learn__item-desc p{
  margin: 4px 0;          /* вместо больших дефолтных 1em */
  line-height: 1.35;
}

/* на всякий случай, если где-то стоят <br> */
.copy-learn__item-desc br{ line-height: 0; }











/* --- English Promo --- */
.copy-eng { padding: 48px 0 8px; }

.copy-eng__bg{
  background: #F3F3F5;
  border-radius: 28px;
  padding: 56px;
}

.copy-eng__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

.copy-eng__media img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 22px;
}

.copy-eng__title{
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 16px;
  font-weight: 600;
  letter-spacing: .2px;
}
@media (min-width:1200px) {
  .copy-eng__title{
  padding-bottom: 20px;
}
}
.copy-eng__content p{
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.55;
  color: #111111e4; /* чёрный текст, как ты просил в предыдущих блоках */
}

.copy-eng__list-title{
  margin: 16px 0 8px;
  font-weight: 600;
  font-size: 18px;
}

.copy-eng__list{
  margin: 0 0 22px 18px;
  padding: 0;
  font-size: 15px;
  line-height: 2.05;
}

.copy-eng__btn{
  display: inline-flex;
  margin-top: 4px;
}

@media (min-width: 1200px) {
  .copy-eng {
    padding-top: 120px;
  }
}
/* адаптив */
@media (max-width: 1100px){
  .copy-eng__bg{ padding: 36px; }
  .copy-eng__title{ font-size: 36px; }
  .copy-eng__grid{ gap: 32px; }
}

@media (max-width: 820px){
  .copy-eng__grid{
    grid-template-columns: 1fr;
  }
  .copy-eng__media{ order: -1; } /* картинка сверху на мобилке */
  .copy-eng__bg{ padding: 28px; border-radius: 22px; }
  .copy-eng__title{ font-size: 30px; }
}
/* общий контейнер */
.ui-container{
  max-width: 1120px;      /* подгони под размер своей темы */
  margin: 0 auto;
  padding: 0 24px;        /* боковые поля */
}










/* Works slider */
.copy-works{ padding: 64px 0 32px; }
.copy-works .ui-h2{ margin: 0 0 8px; }
.copy-works__lead{ margin: 0 0 28px; font-size: 18px; line-height: 1.55; color:#111; }

.copy-works__viewport{ overflow:hidden; }
.copy-works__track{
  display:flex;
  transition: transform .4s ease;
  will-change: transform;
}
.copy-works__slide{
  flex:0 0 100%;
  padding-bottom: 18px; /* чтобы тень/скругл не обрезались на моб */
}

.copy-works__sheet{
  background:#F3F3F5;
  border-radius:28px;
  padding:28px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.copy-works__frame{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.copy-works__frame img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}

/* Controls */
.copy-works__controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:12px;
}
.copy-works__btn{
  width:36px; height:36px; line-height:36px;
  border:1px solid #D7D7DB;
  background:#fff;
  border-radius:50%;
  text-align:center;
  font-size:20px;
  cursor:pointer;
  transition: background .2s, border-color .2s;
}
.copy-works__btn:hover{ background:#f6f6f8; border-color:#cfcfd4; }
.copy-works__counter{ font-weight:600; color:#111; }

/* Adaptive */
@media (max-width: 1000px){
  .copy-works__sheet{ padding:22px; gap:18px; }
}
@media (max-width: 760px){
  .copy-works__sheet{
    grid-template-columns:1fr;  /* по одной картинке в ряд на мобилке */
  }
}
/* убрать точки и отступы у ul/li в слайдере */
.copy-works__track,
.copy-works__track li{
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Серая подложка на всю ширину, без горизонтального скролла */
.copy-form--full{
  background:#f3f3f5;
  padding:56px 0;
  box-shadow:0 0 0 100vmax #f3f3f5;  /* расширяем фон */
  clip-path:inset(0 -100vmax);       /* обрезаем тень */
}

.copy-form__grid{
  display:grid;
  grid-template-columns: 1.1fr 520px; /* слева текст, справа карточка */
  gap:48px;
  align-items:center;
}
@media (max-width: 992px){
  .copy-form__grid{ grid-template-columns: 1fr; gap:24px; }
}

.copy-form__title{
  font-size:clamp(22px, 2.2vw, 28px);
  line-height:1.25;
  margin:0;
}

/* Карточка */
.copy-form__card{
  background:#fff;
  border-radius:16px;
  padding:20px 24px 24px;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}

/* Шапка карточки (как «Заполнить как ...») */
.copy-form__hint{
  display:flex; align-items:center;
  gap:8px;
  font-size:14px;
  color:#767a84;
  background:#f6f7f9;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:12px;
}
.copy-form__hint .vk{
  display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; border-radius:50%;
  font-size:10px; font-weight:600; color:#fff; background:#2787f5;
}

/* Поля */
.cf-field{ display:block; margin-bottom:14px; }
.cf-label{ display:none; } /* подписи скрыты, как на макете */

.cf-input{
  width:100%;
  height:44px;
  border:1px solid #e6e7eb;
  border-radius:10px;
  padding:0 12px;
  background:#fff;
  outline:none;
  transition: border-color .2s ease;
  font-size:16px;
}
.cf-input:focus{ border-color:#b9c3ff; }

/* Телефон со «страной» */
.cf-phone{ display:flex; gap:8px; }
.cf-phone__cc{
  display:inline-flex; align-items:center; gap:6px;
  min-width:78px; height:44px;
  border:1px solid #e6e7eb; border-radius:10px;
  padding:0 10px; background:#fff; cursor:default;
  color:#111; font-size:14px;
}
.cf-phone__input{ flex:1; }

/* Чекбокс */
.cf-check{
  display:flex; align-items:flex-start; gap:8px;
  margin:8px 0 16px;
  font-size:14px; color:#404040;
}
.cf-check input{ margin-top:3px; }

/* Юр. текст */
.copy-form__legal{
  font-size:12px; color:#6b6f79; line-height:1.4;
  margin:10px 0 8px;
}
.copy-form__legal a{ color:#6b6f79; text-decoration:underline; }

/* Кнопка */
.ui-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 18px;
  border-radius:12px; border:0; cursor:pointer;
  font-weight:600; font-size:15px; line-height:1;
}
.ui-btn--primary{
  background:#3b5cff; color:#fff;
  box-shadow:0 4px 20px rgba(59,92,255,.25);
}
.ui-btn--primary:hover{ filter:brightness(.96); }
.copy-form__submit{ width:100%; }
/* Серый фон на всю ширину */
.copy-form--full{
  background:#f3f3f5;
  padding:56px 0;
  box-shadow:0 0 0 100vmax #f3f3f5;
  clip-path:inset(0 -100vmax);
}

/* Белая панель с радиусом — внутри контейнера */
.copy-form__panel{
  background:#fff;
  border-radius:16px;
  padding:32px;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}
@media (max-width: 992px){
  .copy-form__panel{ padding:20px; }
}

/* Сетка внутри белой панели */
.copy-form__grid{
  display:grid;
  grid-template-columns: 1.1fr 520px;
  gap:48px;
  align-items:center;
}
@media (max-width: 992px){
  .copy-form__grid{
    grid-template-columns:1fr;
    gap:24px;
  }
}

.copy-form__title{
  font-size:clamp(22px, 2.2vw, 28px);
  line-height:1.25;
  margin:0;
}

/* Карточку формы делаем «плоской», раз уже вся панель белая */
.copy-form__card{
  background:transparent;   /* было #fff */
  border-radius:12px;       /* можно оставить радиус для внутренних отступов */
  padding:0;                /* было 20-24px — убрали, чтобы не было «карточка в карточке» */
  box-shadow:none;          /* убрали тень */
}

/* Остальные стили формы (поля, кнопки) можно оставить как были */
/* ===== PLATFORM STEPS ===== */

.copy-steps{ padding: 72px 0 40px; }
.copy-steps .ui-h2{ margin:0; }
.copy-steps__head{
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; margin-bottom:28px;
}

/* Кнопка "Смотреть видео" */
.copy-steps__video{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 16px; border-radius:12px;
  background:#fff; color:#111; text-decoration:none; font-weight:500;
  box-shadow:0 2px 0 rgba(0,0,0,.05), 0 12px 24px rgba(22,26,29,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
.copy-steps__video:hover{ transform:translateY(-1px); }
.copy-steps__video svg{ display:block }

/* Сетка */
.copy-steps__grid{
  display:grid; grid-template-columns:1.05fr .95fr; gap:28px;
}
@media (max-width: 1000px){
  .copy-steps__grid{ grid-template-columns:1fr; }
}

/* media (слева) */
.copy-steps__media{
  background:linear-gradient(135deg,#342DFF 0%, #6C55FF 60%, #5F46FF 100%);
  border-radius:28px; padding:22px; display:flex; align-items:center; justify-content:center;
  min-height: 460px;
}
.copy-steps__viewport{ position:relative; width:100%; height:100%; }
.copy-steps__slide{
  position:absolute; inset:0; border-radius:18px; overflow:hidden;
  opacity:0; transform:translateY(8px); transition:opacity .25s ease, transform .25s ease;
  background:#fff;
}
.copy-steps__slide.is-active{ opacity:1; transform:none; }
.copy-steps__slide img{ width:100%; height:100%; object-fit:cover; display:block; }

/* панель (справа) */
.copy-steps__panel{
  background:#f3f4f6; border-radius:24px; padding:28px 28px 60px; position:relative;
}
.copy-steps__pane{ display:none; }
.copy-steps__pane.is-active{ display:block; }

.copy-steps__tag{
  display:inline-block; background:#fff; border-radius:18px; padding:6px 12px;
  font-size:14px; line-height:1; margin-bottom:16px;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
}
.copy-steps__title{ margin:0 0 12px; font-weight:600; font-size:22px; }
.copy-steps__text{ color:#222; font-size:16px; }

/* навигация */
.copy-steps__ctrls{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  display:flex; align-items:center; gap:16px;
}
.copy-steps__btn{
  width:36px; height:36px; border-radius:50%;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 2px 0 rgba(0,0,0,.04);
  line-height:34px; text-align:center; font-size:20px; cursor:pointer;
}
.copy-steps__counter{ font-weight:500; }
/* ===== Mentors (curators) ===== */

.copy-mentors { padding: 72px 0 40px; }
.copy-mentors__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 32px;
}

.copy-mentors__title { margin: 0 0 20px; }
.copy-mentors__lead {
  font-size: 18px;
  line-height: 1.55;
  max-width: 640px;
  color: #1b1b1b;
}

.copy-mentors__media {
  position: relative;
  min-height: 420px;
}
.copy-mentors__pic {
  position: absolute;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12), 0 2px 0 rgba(0,0,0,.04);
}
.copy-mentors__pic img { display:block; width:100%; height:100%; object-fit:cover; }

/* Большая картинка — справа сверху */
.copy-mentors__pic--big {
  top: 0;
  right: 0;
  width: min(420px, 95%);
  height: 300px;
  border-radius: 26px;
}

/* Маленькая — снизу слева, со смещением */
.copy-mentors__pic--small {
  left: 12%;
  bottom: 0;
  width: min(340px, 80%);
  height: 240px;
  border-radius: 22px;
}

/* Адаптив */
@media (max-width: 1100px) {
  .copy-mentors__grid { grid-template-columns: 1fr; }
  .copy-mentors__media {
    min-height: 420px;
    margin-top: 12px;
  }
  .copy-mentors__pic--big {
    right: 8%;
    width: 420px; max-width: 92vw;
  }
  .copy-mentors__pic--small {
    left: 6%;
  }
}
@media (max-width: 640px) {
  .copy-mentors { padding: 56px 0 24px; }
  .copy-mentors__lead { font-size: 16px; }
  .copy-mentors__media { min-height: 360px; }
  .copy-mentors__pic--big { height: 250px; }
  .copy-mentors__pic--small { height: 200px; }
}












/* ===== Преподаватели и поддержка ===== */
.copy-support { padding: 28px 0 8px; }
.copy-support__title { margin: 0 0 18px; }

.copy-support__grid{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.copy-support__card{
  background: #fff;
  border: 1px solid #222;
  padding: 14px 16px;
  min-height: 160px;
  border-radius: 16px;
}

.copy-support__inner{
  display: grid;
  grid-template-columns: 64px 1fr; /* фото + текст справа */
  column-gap: 14px;
  align-items: start;
}

.copy-support__photo{
  width: 64px;
  height: 64px;
  border-radius: 6px;              /* квадрат с лёгким скруглением */
  object-fit: cover;
  display: block;
  background: #eee;                /* на случай отсутствия src */
  border: 1px solid #d9d9d9;
}

.copy-support__card p{
  margin: 0;
  line-height: 1.55;
  font-size: 16px;
}

/* Адаптив */
@media (max-width: 1024px){
  .copy-support__grid{ grid-template-columns: repeat(2,1fr); }
  .copy-support__inner{ grid-template-columns: 56px 1fr; }
  .copy-support__photo{ width:56px; height:56px; }
}
@media (max-width: 640px){
  .copy-support__grid{ grid-template-columns: 1fr; }
}

/* ===== Speaker ===== */
.copy-speaker {
  padding: 56px 0 48px;
  background: #fff;
}

.copy-speaker__title {
  margin: 0 0 24px;
}

.copy-speaker__wrap {
  display: grid;
  grid-template-columns: 370px 1fr;   /* фото + контент */
  gap: 40px;
  align-items: start;
}

.copy-speaker__photo img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.copy-speaker__name{
  font-size: 42px;
  line-height: 1.15;
  margin: 0 0 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid #1f1f1f;
}

.copy-speaker__role{
  margin: 0 0 22px;
  color: #6b6b6b;
  font-size: 15px;
}

.copy-speaker__text{
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  max-width: 720px;
}

/* Адаптив */
@media (max-width: 1100px){
  .copy-speaker__wrap{ grid-template-columns: 320px 1fr; }
  .copy-speaker__name{ font-size: 36px; }
}
@media (max-width: 820px){
  .copy-speaker__wrap{
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .copy-speaker__photo{ max-width: 520px; }
}
/* ===== Speaker Works ===== */
.copy-spk-works { padding: 56px 0 40px; }
.copy-spk-works__lead {
  margin: 8px 0 28px;
  font-size: 18px;
  line-height: 1.6;
  color: #222;
  max-width: 1000px;
}

.copy-spk-works__stage{
  background:#f3f4f6;
  border-radius: 18px;
  padding: 28px;
}
.copy-spk-works__viewport{ overflow:hidden; }
.copy-spk-works__track{
  display:flex;
  transition: transform .45s ease;
  will-change: transform;
}
.copy-spk-works__slide{ min-width:100%; }
.copy-spk-works__frame{
  margin: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 520px;               /* высота «сцены» */
}
.copy-spk-works__frame img{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:contain;
  border-radius: 8px;
}

/* controls */
.copy-spk-works__controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-top: 16px;
}
.copy-spk-works__nav{
  width:40px;height:40px;
  border-radius:50%;
  background:#fff;
  border:1px solid #d8dbe0;
  line-height:36px;
  font-size:22px;
  text-align:center;
  cursor:pointer;
  transition: background .2s, border-color .2s;
}
.copy-spk-works__nav:hover{ background:#f7f7f9; border-color:#c9ced6; }
.copy-spk-works__counter{
  min-width:82px;
  text-align:center;
  font-size:16px;
  color:#111;
}

/* адаптив */
@media (max-width: 900px){
  .copy-spk-works__frame{ min-height: 380px; }
}
@media (max-width: 640px){
  .copy-spk-works__stage{ padding:18px; }
  .copy-spk-works__frame{ min-height: 300px; }
}
/* ===== Accordion (Course Outline) ===== */
.copy-acc { padding: 56px 0; }
.copy-acc__wrap{
  border-radius: 18px;
  overflow: hidden;
  background: transparent;
}

.acc-item + .acc-item { border-top: 1px solid #eceef2; }

.acc-btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px;
  background: #f5f6f8;       /* светло-серый, как на скрине */
  border: 0;
  text-align: left;
  font-size: 18px;
  line-height: 1.4;
  color: #0f0f11;
  cursor: pointer;
  transition: background .2s ease;
}
.acc-btn:hover{ background:#eef0f3; }

.acc-ic{
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #d8dbe0;
  position: relative;
  flex: 0 0 32px;
}
.acc-ic::before{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:8px; height:8px;
  border-right:2px solid #1a1b1e;
  border-bottom:2px solid #1a1b1e;
  transform: translate(-50%,-55%) rotate(-45deg);
  transition: transform .22s ease;
}
.acc-btn[aria-expanded="true"] .acc-ic::before{
  transform: translate(-50%,-45%) rotate(135deg);
}

.acc-panel{
  overflow: hidden;
  height: 0;
  transition: height .28s ease;
  background: #fff;
}
.acc-body{
  padding: 18px 24px 24px;
  font-size: 16px;
  line-height: 1.65;
  color:#222;
}
.acc-body ul{ margin: 0; padding-left: 18px; }
.acc-body li{ margin: 4px 0; }

@media (max-width: 640px){
  .acc-btn{ padding:18px; font-size:16px; }
  .acc-body{ padding:14px 18px 18px; }
}
/* БАЗА */
.acc-panel{
  overflow: hidden;
  height: 0;                 /* закрыто по умолчанию */
  transition: height .28s ease;
  background: #fff;
}

/* когда открыто */
.acc-panel.is-open{
  height: auto;              /* фиксируем «авто» после анимации */
}

/* если используешь hidden */
.acc-panel[hidden]{ display:none; }
/* Узкий контейнер только для этого блока */
.ui-container--narrow{
  max-width: 1060px;      /* меньше, чем у остальных секций */
  margin-inline: auto;
  padding-inline: 20px;
}

/* Заголовок — как в других секциях */
.course-outline .ui-h2{
  margin: 0 0 20px;
}

/* Сам «серый» аккордеон — слитный */
.course-acc{
  background:#f6f7f9;
  border-radius:16px;
  overflow:hidden;              /* чтобы линии выглядели слитно */
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid #eceff1;     /* тонкая общая рамка */
}

.course-acc__item + .course-acc__item{
  border-top:1px solid #eceff1; /* разделитель строк */
}

/* Кнопка-строка */
.course-acc__toggler{
  width:100%;
  background:transparent;
  border:0;
  text-align:left;
  padding:26px 64px 26px 28px;
  font:600 20px/1.35 "Graphik", Tahoma, sans-serif;
  color:#0b0b0c;
  position:relative;
  cursor:pointer;
}

/* Кружок со стрелкой справа */
.course-acc__toggler::after{
  content:"›";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%) rotate(0);
  width:36px;height:36px;border-radius:999px;
  display:grid;place-items:center;
  background:#fff;
  box-shadow:inset 0 0 0 1px #e4e6ea;
  transition:transform .18s ease;
  font-size:22px;
  line-height:1;
  color:#17181a;
}

.course-acc__item.is-open .course-acc__toggler::after{
  transform:translateY(-50%) rotate(90deg);
}

/* Панель с «белой карточкой» */
.course-acc__panel{
  display:grid;
  grid-template-rows:0fr;          /* плавное открытие/закрытие */
  transition:grid-template-rows .22s ease;
}

.course-acc__panel > div{ overflow:hidden; }

.course-acc__item.is-open .course-acc__panel{
  grid-template-rows:1fr;
}

/* Внутренняя белая карточка с серой рамкой */
.course-acc__inner{
  margin:0 20px 20px;             /* отступы от серой полосы */
  background:#fff;
  border:1px solid #e5e7ea;
  border-radius:14px;
  padding:20px 22px;
  color:#202224;
  font:400 16px/1.6 "Graphik", Tahoma, sans-serif;
}
  /* === СЕРАЯ ПОДЛОЖКА СЕКЦИИ === */
  .lead-section{background:#F3F4F6;padding:56px 0}
  @media (min-width:1200px){.lead-section{padding:72px 0}}
  .lead-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

  /* === БЕЛАЯ КАРТОЧКА === */
  .lead-card{
    display:flex; gap:32px; align-items:stretch;
    background:#fff; border-radius:20px; padding:40px;
    box-shadow:0 2px 0 rgba(17,24,39,.02), 0 8px 24px rgba(17,24,39,.06);
  }
  .lead-col{flex:1 1 0}
  .lead-col--text{display:flex;align-items:flex-start;justify-content:flex-start}
  .lead-title{
    font:700 40px/1.15 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
    letter-spacing:-.02em; margin:8px 0 0; color:#0f0f11;
  }
  @media (max-width:1024px){
    .lead-card{flex-direction:column; padding:28px}
    .lead-title{font-size:32px}
  }

  /* === ФОРМА === */
  .lead-form{display:block}
  .lf-row{
    display:flex; align-items:center; gap:12px;
    background:#F8FAFC; border:1px solid #E2E8F0;
    border-radius:12px; padding:14px 16px; margin-bottom:14px;
  }
  .lf-row:focus-within{border-color:#A5B4FC; box-shadow:0 0 0 3px rgba(99,102,241,.15)}
  .lf-input{
    width:100%; border:0; outline:0; background:transparent;
    font:500 16px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, Arial;
    color:#0f0f11; padding:6px 2px;
  }
  .lf-input::placeholder{color:#94A3B8}

  /* Соцстрока */
  .lf-row--social{justify-content:space-between; padding:10px 12px}
  .lf-social{display:flex;align-items:center;gap:10px}
  .ic{width:20px;height:20px;display:inline-block}
  .ic--vk{width:24px;height:24px}
  .lf-social-text{font-weight:600;color:#0f0f11}
  .lf-social-sub{font-size:12px; color:#64748B}
  .lf-avatar .ic--avatar{width:28px;height:28px}

  /* Грид из двух полей справа (телефон+почта) */
  .lf-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
  @media (max-width:640px){.lf-grid{grid-template-columns:1fr}}

  /* Телефон с кодом страны */
  .lf-row--phone{padding-right:12px; position:relative}
  .lf-input--phone{padding-left:0}
  .lf-cc{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1px solid #E2E8F0; border-radius:10px;
    padding:8px 10px; cursor:pointer;
  }
  .lf-cc:focus{outline:2px solid rgba(99,102,241,.35)}
  .cc-flag{display:inline-flex;align-items:center}
  .flag{width:22px;height:16px;border-radius:2px;display:block}
  .cc-code{font-weight:600; color:#0f0f11}
  .ic--chev{width:16px;height:16px}

  .cc-list{
    position:absolute; left:12px; top:52px; z-index:20;
    background:#fff; border:1px solid #E5E7EB; border-radius:10px;
    box-shadow:0 12px 24px rgba(2,6,23,.12);
    list-style:none; margin:0; padding:6px 0; width:210px; display:none;
  }
  .cc-list li{
    padding:8px 12px; font:500 14px/1.2 system-ui; color:#0f0f11; cursor:pointer;
    display:flex; align-items:center; gap:8px;
  }
  .cc-list li:hover{background:#F1F5F9}

  /* Кнопка */
  .lf-actions{margin-top:8px}
  .lf-submit{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:180px; padding:14px 24px; border:0; border-radius:12px;
    background:#4F46E5; color:#fff; font:700 16px/1.1 system-ui; cursor:pointer;
    box-shadow:0 6px 14px rgba(79,70,229,.25);
    transition:transform .05s ease, box-shadow .2s ease, background .2s ease;
  }
  .lf-submit:hover{background:#4338CA; box-shadow:0 10px 20px rgba(79,70,229,.28)}
  .lf-submit:active{transform:translateY(1px)}

  /* Юр. блок и чекбокс */
  .lf-legal{
    margin-top:14px; font:400 13px/1.5 system-ui; color:#475569;
  }
  .lf-legal a{color:#0F62FE; text-decoration:underline}
  .lf-consent{
    display:flex; align-items:center; gap:10px; margin-top:10px;
    font:500 14px/1.3 system-ui; color:#0f0f11;
  }
  .lf-checkbox{width:16px;height:16px; accent-color:#4F46E5}


   .reviews-section{padding:56px 0;background:#fff}
  .reviews-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  .reviews-title{font:800 48px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,Arial;letter-spacing:-.02em;margin:0 0 24px;color:#0f0f11}
  @media (max-width:740px){.reviews-title{font-size:36px}}

  .reviews-slider{position:relative}
  .viewport{overflow:hidden}
  .track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 12px);gap:24px;padding:6px;margin:0;list-style:none;transition:transform .35s ease}
  @media (max-width:900px){.track{grid-auto-columns:100%}}

  .card{
    background:#fff;border:1px solid #eceef2;border-radius:16px;padding:18px 20px;
    box-shadow:0 2px 0 rgba(17,24,39,.02), 0 8px 24px rgba(17,24,39,.03);
    display:flex;flex-direction:column;gap:12px;min-height:220px
  }
  .card-head{display:flex;align-items:center;gap:12px}
  .ava{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px}
  .ava--letter{display:flex;align-items:center;justify-content:center;background:#F1F5F9;color:#64748B;font:700 18px/1 system-ui}
  .meta .name{font:700 16px/1.25 system-ui;color:#0f0f11}
  .course{display:inline-block;margin-top:2px;font:500 14px/1.25 system-ui;color:#3357ff;text-decoration:underline}
  .stars{display:flex;gap:4px}
  .stars svg{width:16px;height:16px}
  .text{color:#0f0f11;font:400 15px/1.6 system-ui;margin:0}
  .soc{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f0f11;font-weight:600}

  .nav{
    position:absolute;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;
    display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.08)
  }
  .nav--prev{left:-8px} .nav--next{right:-8px}
  .nav:hover{background:#f8fafc}

  .reviews-footer{
    margin-top:16px;display:flex;align-items:center;gap:14px;justify-content:center
  }
  .counter{font:600 16px/1 system-ui;color:#0f0f11}
  .more-btn{
    display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-width:220px;
    border-radius:12px;background:#eee;box-shadow:inset 0 -1px rgba(0,0,0,.05);
    color:#0f0f11;font:700 16px/1 system-ui;text-decoration:none
  }
  .more-btn:hover{background:#e7e7e7}
      /* ====== БАЗА СЕКЦИИ ====== */
  #sb-students-1.sb-block{background:#F3F4F6;padding:56px 0}
  #sb-students-1 .sb-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  #sb-students-1 .sb-h2{margin:0 0 20px;font:800 42px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial;color:#0f0f11}
  @media (max-width:740px){#sb-students-1 .sb-h2{font-size:32px}}

  /* Карточка */
  #sb-students-1 .sb-card{
    display:grid;grid-template-columns:1fr 1fr;gap:0;
    background:#fff;border-radius:20px;overflow:hidden;
    box-shadow:0 2px 0 rgba(17,24,39,.02),0 12px 28px rgba(17,24,39,.08)
  }
  @media (max-width:900px){#sb-students-1 .sb-card{grid-template-columns:1fr}}

  /* Левый блок */
  #sb-students-1 .sb-media{position:relative;min-height:360px}
  #sb-students-1 .sb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

  /* Правый блок */
  #sb-students-1 .sb-side{padding:32px;display:flex;flex-direction:column}
  #sb-students-1 .sb-slides{position:relative;min-height:160px}
  #sb-students-1 .sb-slide{
    position:absolute;inset:0;opacity:0;transform:translateX(30px);
    transition:opacity .25s ease, transform .25s ease;pointer-events:none
  }
  #sb-students-1 .sb-slide.sb-is-active{opacity:1;transform:translateX(0);pointer-events:auto}
  #sb-students-1 .sb-h3{margin:0 0 12px;font:700 22px/1.3 system-ui;color:#0f0f11}
  #sb-students-1 .sb-p{margin:0;font:400 16px/1.6 system-ui;color:#0f0f11}

  /* Кнопки/счётчик — ФИКС против чужих ресетов */
  #sb-students-1 .sb-controls{margin-top:auto;display:flex;align-items:center;gap:14px}
  #sb-students-1 .sb-nav{
    display:inline-flex !important; align-items:center; justify-content:center;
    width:44px; height:40px; padding:0 !important;
    background:#fff !important; border:1px solid #e5e7eb !important; border-radius:8px !important;
    font:700 18px/1 system-ui !important; color:#0f0f11 !important;
    cursor:pointer !important; user-select:none; text-decoration:none !important;
  }
  #sb-students-1 .sb-nav:hover{background:#F8FAFC !important}
  #sb-students-1 .sb-counter{font:600 16px system-ui;color:#0f0f11}
    /* Секция и контейнер */
  #faqb-1.faqb-section{background:#fff;padding:40px 0}
  #faqb-1 .faqb-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
  #faqb-1 .faqb-h2{margin:0 0 16px;font:800 56px/1.05 system-ui,-apple-system,"Segoe UI",Roboto,Arial;letter-spacing:-.02em;color:#0f0f11}
  @media (max-width:768px){#faqb-1 .faqb-h2{font-size:36px}}

  /* Карточка с группой вопросов */
  #faqb-1 .faqb-card{
    background:#f6f7f8;border-radius:16px;padding:6px;
    box-shadow:0 8px 28px rgba(15,23,42,.07)
  }

  /* Элемент FAQ */
  #faqb-1 .faqb-item{background:#fff;border-radius:12px;margin:6px 0;overflow:hidden}
  #faqb-1 .faqb-q{
    width:100%; display:flex !important; align-items:center; justify-content:space-between;
    gap:16px; padding:18px 18px; background:#f4f5f7; border:0; cursor:pointer;
    font:700 18px/1.3 system-ui; color:#0f0f11; text-align:left; border-radius:12px;
  }
  #faqb-1 .faqb-q:focus{outline:2px solid rgba(99,102,241,.35)}
  #faqb-1 .faqb-item.faqb-open .faqb-q{background:#fff}
  #faqb-1 .faqb-ic{width:22px;height:22px;color:#0f0f11;flex:0 0 22px;transition:transform .2s ease}
  #faqb-1 .faqb-item.faqb-open .faqb-ic{transform:rotate(180deg)}

  /* Ответ с анимацией высоты */
  #faqb-1 .faqb-a{height:0;overflow:hidden;transition:height .28s ease}
  #faqb-1 .faqb-a__in{padding:14px 18px 18px 18px;color:#0f0f11;font:400 16px/1.6 system-ui;background:#fff}

  /* Тонкие разделители (необязательно) */
  #faqb-1 .faqb-item + .faqb-item{margin-top:8px}

    .sbf-footer{background:#202223;color:#e7e9ee;position:relative}
  .sbf-wrap{max-width:1200px;margin:0 auto;padding:32px 24px}
  .sbf-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
  @media (max-width:900px){.sbf-top{grid-template-columns:1fr}}

  /* левый столбец */
  .sbf-phone{display:inline-block;font:800 22px/1.2 system-ui;color:#eaf0ff;text-decoration:none}
  .sbf-phone:hover{text-decoration:underline}
  .sbf-sub{margin-top:8px;color:#aeb3be;font:600 14px/1 system-ui}

  /* правый столбец */
  .sbf-address{font-style:normal;color:#d6d9df;line-height:1.5}
  .sbf-social{display:flex;gap:12px;margin-top:12px}
  .sbf-soc{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
           color:#e7e9ee;background:#2a2c32;border:1px solid #2f3238;text-decoration:none}
  .sbf-soc:hover{background:#333741}

  .sbf-hr{height:1px;background:#2b2e34;margin:24px 0}

  /* середина */
  .sbf-mid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
  @media (max-width:900px){.sbf-mid{grid-template-columns:1fr}}
  .sbf-links{display:flex;gap:28px;flex-wrap:wrap}
  .sbf-links a{color:#dfe3ea;text-decoration:none;font-weight:700}
  .sbf-links a:hover{text-decoration:underline}

  .sbf-legal p{margin:0 0 12px;color:#b8bdc7;font:400 14px/1.7 system-ui}
  .sbf-legal a{color:#9cc1ff}

  /* низ */
  .sbf-bottom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
  @media (max-width:600px){.sbf-bottom{flex-direction:column;align-items:flex-start}}
  .sbf-copy{display:flex;gap:18px;flex-wrap:wrap;color:#aeb3be;font:600 14px/1 system-ui}
  .sbf-award{display:inline-flex;gap:8px;align-items:center}
  .sbf-ru{display:inline-grid;place-items:center;width:26px;height:18px;background:#e7e9ee;color:#202223;
          border-radius:4px;transform:rotate(-14deg);font:800 11px/1 system-ui}

  /* чат */
  .sbf-chat{
    position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;
    background:#5865f2;border:1px solid #4d59d6;box-shadow:0 10px 24px rgba(0,0,0,.25);
    display:grid;place-items:center;cursor:pointer;z-index:50
  }
  .sbf-chat:hover{filter:brightness(1.05)}


















/* ===== Sheet look; unique prefix .crs* ===== */
.crs{
  --crs-border:#0f0f11; --crs-sep:#0f0f11; --crs-gray:#2b2b2b; --crs-bg:#fff;
  background:var(--crs-bg);
  border:1.5px solid var(--crs-border);
  border-radius:10px;
  max-width:950px; margin:28px auto; padding:28px 82px 26px;
  position:relative; box-shadow:0 1px 0 rgba(0,0,0,.02);
  /* защита от любых глупостей темы */
  height:auto!important; overflow:visible!important; visibility:visible!important; opacity:1!important;
}
.crs::after{
  content:""; position:absolute; right:-1.5px; top:-1.5px; width:26px; height:26px;
  background:linear-gradient(135deg,transparent 49%,var(--crs-border) 50%) no-repeat;
  border-top-right-radius:9px;
}
.crs-wrap{max-width:100%;}
.crs-head{
  display:grid; grid-template-columns:1fr 320px; column-gap:28px; align-items:start; margin-bottom:18px;
}
.crs-title{margin:0; font-size:36px; line-height:1.15; letter-spacing:-.01em; color:#000;}
.crs-facts{grid-column:2/3; display:flex; gap:10px; align-items:center; margin:2px 0 10px;}
.crs-fact{display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.2; color:#000;}
.crs-fact-num{display:grid; place-items:center; width:22px; height:22px; border:1.5px solid #000; border-radius:999px; font-weight:700; font-size:12px;}
.crs-sub{grid-column:2/3; color:var(--crs-gray); font-size:14px; line-height:1.45; margin:0;}

.crs-list{display:block!important; border-top:1px solid var(--crs-sep);}
.crs-row{display:block!important;}
.crs-row + .crs-row .crs-row-btn{border-top:1px solid var(--crs-sep);}

/* header line */
.crs-row-btn{
  width:100%; display:flex!important; align-items:center; gap:10px;
  padding:14px 34px 14px 0; background:transparent; border:0; text-align:left;
  cursor:pointer; color:#0f0f11; font-size:14px; line-height:1.35; position:relative;
  height:auto!important; visibility:visible!important; opacity:1!important;
}
.crs-num{width:26px; flex:0 0 26px; color:#000; font-weight:600;}
.crs-row-title{flex:1 1 auto;}

/* plus icon */
.crs-ic{position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:20px; border:1.5px solid #000; border-radius:999px;}
.crs-ic::before,.crs-ic::after{content:""; position:absolute; left:50%; top:50%; width:10px; height:1.5px; background:#000; transform:translate(-50%,-50%);}
.crs-ic::after{transform:translate(-50%,-50%) rotate(90deg);}
.crs-row-btn[aria-expanded="true"] .crs-ic::after{display:none;}

/* body */
.crs-body[hidden]{display:none!important;}
.crs-body{background:transparent;}
.crs-body-inner{padding:10px 34px 16px 26px; color:var(--crs-gray); font-size:13px; line-height:1.45; max-width:540px;}

/* anti-overlay from next blocks */
.crs{z-index:3; position:relative;}
.crs + *{position:relative; z-index:1;}

/* responsive */
@media (max-width:880px){
  .crs{margin:20px 12px;}
  .crs-head{grid-template-columns:1fr; row-gap:8px;}
  .crs-title{font-size:30px;}
  .crs-sub,.crs-facts{grid-column:1/2;}
}
/* 1) Обрезаем всё по рамке листа, чтобы ничего не вылезало */
.crs{
  overflow: hidden !important;   /* раньше стояло visible — из-за этого линии и плюсик выходили за радиус */
}

/* 2) Делаем запас справа под кружок и чуть сдвигаем иконку внутрь */
.crs-row-btn{
  box-sizing: border-box;
  padding-right: 48px !important;   /* было 34px */
}
.crs-ic{
  right: 12px !important;           /* было 0 — ставим иконку на 12px от правого края контента */
}

/* 3) На всякий: бордеры рисуем строго внутри, ничего не расширяем */
.crs-list,
.crs-row,
.crs-row-btn{ box-sizing: border-box; }

/* 4) Для ретины тонкая линия не «выпирала» на скруглении */
.crs-row + .crs-row .crs-row-btn{
  border-top: 1px solid var(--crs-sep);
}
/* Если одна картинка в слайде */
.copy-works__frame--single {
  flex: 0 0 80%;              /* шире */
  margin: 0 auto;             /* центрируем */
}
.copy-works__frame--single img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}
/* --- ОДИН СНИМОК В СЛАЙДЕ --- */

/* Если контейнер сделан на flex */
.copy-works__sheet--single {
  display: flex;               /* на всякий случай, если где-то было grid */
  justify-content: center;
  gap: var(--works-gap, 32px); /* не обязательно */
}

.copy-works__sheet--single .copy-works__frame {
  flex: 0 1 50% !important;   /* вместо 50% */
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto;
}

/* Если контейнер сделан на grid — принудительно одна колонка */
.copy-works__sheet--single {
  grid-template-columns: 1fr !important;
}

/* Само изображение во всю ширину кадра */
.copy-works__sheet--single .copy-works__frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;           /* или contain, если нужно без обрезки */
  border-radius: 8px;
}
.copy-form__notice{
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.4;
}
.copy-form__notice--ok{ background:#e9f9ef; color:#146c2e; }
.copy-form__notice--error{ background:#fff3f3; color:#8b1d2c; }
/* Вертикальная колонка для формы */
.lead-col--form .lead-form {
  display: flex;
  flex-direction: column;
  gap: 14px;            /* расстояние между полями */
}

/* Каждый ряд – на всю ширину */
.lead-col--form .lf-row {
  width: 100%;
  display: block;
}

/* Инпуты растягиваются на всю ширину контейнера */
.lead-col--form .lf-input {
  width: 100%;
  box-sizing: border-box;
}

/* Кнопка идет после полей, прижимать не нужно */
.lead-col--form .lf-actions {
  margin-top: 6px;      /* можно 0, если не нужно дополнительное расстояние */
}

/* Если где-то остались старые сетки – выключим их влияние */
.lead-col--form .lf-grid { 
  display: block !important; 
  padding: 0; 
  margin: 0; 
}
/* Инпуты — больше внутреннего отступа справа */
.lead-col--form .lf-input {
  padding: 14px 16px;   /* было меньше, стало больше */
  font-size: 16px;      /* опционально, для баланса */
}

/* Кнопка — на всю ширину */
.lead-col--form .lf-submit {
  display: block;
  width: 100%;
  padding: 30px 25px;   /* увеличиваем высоту */
  font-size: 16px;      /* чтобы выглядела «массивнее» */
  text-align: center;
  border-radius: 16px;   /* при необходимости */
}
/* Контейнер слайдера — якорь для absolute-кнопок */
.reviews-slider {
  position: relative;
}

/* Вьюпорт трека */
.reviews-slider .viewport {
  overflow: hidden;
  position: relative;
}


/* Кнопки навигации — над контентом, по центру */
.reviews-slider .nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background:#fff;
  box-shadow: 0 6px 18px rgba(15,15,17,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}