/* ============================================================
   Страница «Тарифы INSTART» (index.html)
   Только блоки этой страницы. Общая система — в base.css
   ============================================================ */

/* --- 1. Первый экран ------------------------------------------- */
.hero{padding:64px 0 88px;position:relative;overflow:hidden}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(720px 420px at 82% 12%,rgba(var(--amber-rgb),.16),transparent 62%),
    radial-gradient(560px 400px at 8% 4%,rgba(var(--amber-rgb),.07),transparent 60%);
}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}

.hero h1{
  font-family:var(--font-display);
  font-size:clamp(38px,5.2vw,64px);
  font-weight:800;line-height:1.03;letter-spacing:-.035em;
  margin-bottom:22px;
}
.hero-sub{font-size:18px;line-height:1.72;color:var(--muted);max-width:600px}

.stats{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:22px 20px;box-shadow:var(--shadow-sm);
}
.stat-value{
  font-family:var(--font-display);font-size:30px;font-weight:800;
  line-height:1;letter-spacing:-.03em;color:var(--ink);margin-bottom:10px;
}
.stat--accent .stat-value{color:var(--amber-deep)}
.stat p{font-size:14px;line-height:1.55;color:var(--muted)}

/* Светлая «сцена» с фото */
.hero-stage{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  padding:34px 30px 32px;
  background:linear-gradient(168deg,#fbf9f4 0%,#ece7db 52%,#e3ddcf 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
/* Тонкая сетка-текстура */
.hero-stage::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(35,28,18,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,28,18,.055) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(circle at 50% 34%,#000 8%,transparent 76%);
  mask-image:radial-gradient(circle at 50% 34%,#000 8%,transparent 76%);
}
/* Мягкая светлая подложка под фото */
.hero-stage::after{
  content:'';position:absolute;left:50%;top:22px;transform:translateX(-50%);
  width:340px;height:340px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.85),rgba(255,255,255,0) 68%);
}
.hero-stage>*{position:relative;z-index:1}

.hero-photo{
  position:relative;width:290px;height:290px;margin:0 auto;
  display:flex;align-items:flex-end;justify-content:center;
}
/* Янтарный диск + штрих-обводка вокруг фото */
.hero-photo::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(160deg,var(--amber) 0%,var(--amber-grad) 100%);
  box-shadow:0 18px 40px rgba(var(--amber-rgb),.32);
}
.hero-photo::after{
  content:'';position:absolute;inset:-14px;border-radius:50%;
  border:1.5px dashed rgba(35,28,18,.22);
}
.hero-photo img{
  position:relative;width:100%;height:100%;
  object-fit:cover;object-position:50% 12%;
  border-radius:50%;
}
.hero-photo-cta{display:flex;justify-content:center;margin-top:8px;position:relative;z-index:2}

.panel-copy{margin-top:24px;text-align:center}
.panel-copy h2{
  font-family:var(--font-display);font-size:21px;font-weight:800;
  line-height:1.32;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px;
}
.panel-copy p{font-size:15px;line-height:1.65;color:var(--muted)}

/* --- 2. Направления заработка ---------------------------------- */
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.way{
  background:var(--ink-2);border:1px solid var(--line-dark);border-radius:var(--r-lg);
  padding:30px 28px;display:flex;flex-direction:column;
  transition:border-color .2s ease,transform .2s ease;
}
.way:hover{border-color:rgba(var(--amber-rgb),.4);transform:translateY(-3px)}
.way-label{
  display:inline-flex;align-self:flex-start;align-items:center;
  padding:6px 14px;border-radius:999px;background:rgba(var(--amber-rgb),.14);
  color:var(--amber-2);font-size:12px;font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;margin-bottom:20px;
}
.way-name{
  font-family:var(--font-display);font-size:22px;font-weight:800;
  line-height:1.25;letter-spacing:-.02em;color:#fff;margin-bottom:12px;
}
.way-desc{font-size:15px;line-height:1.68;color:var(--muted-dark);margin-bottom:22px}
.way-recs{margin-top:auto;padding-top:20px;border-top:1px solid var(--line-dark)}
.way-recs-label{
  display:block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.09em;color:rgba(255,255,255,.45);margin-bottom:10px;
}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag{
  display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;
  font-size:13px;font-weight:700;background:rgba(255,255,255,.09);
  color:#fff;border:1px solid var(--line-dark);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.tag:hover{background:rgba(255,255,255,.16)}
.tag--accent{background:var(--amber);color:var(--on-accent);border-color:transparent}
.tag--accent:hover{background:var(--amber-2)}

/* Выделенное направление — светлая карточка на тёмной секции */
.way--light{background:var(--cream-soft);border-color:transparent;box-shadow:var(--shadow-lg)}
.way--light:hover{border-color:rgba(var(--amber-rgb),.5)}
.way--light .way-label{background:var(--amber);color:var(--on-accent)}
.way--light .way-name{color:var(--ink)}
.way--light .way-desc{color:var(--muted)}
.way--light .way-recs{border-top-color:var(--line)}
.way--light .way-recs-label{color:var(--muted)}
.way--light .tag{background:var(--ink);color:#fff;border-color:transparent}
.way--light .tag:hover{background:var(--ink-2)}
.way--light .tag--accent{background:var(--amber);color:var(--on-accent)}
.way--light .tag--accent:hover{background:var(--amber-2)}

/* --- 3. Видео -------------------------------------------------- */
.video-frame{
  position:relative;max-width:860px;margin:0 auto;
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-lg);border:1px solid var(--line);
  background:var(--ink);
}
.video-frame__ratio{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* --- 4. Тарифы ------------------------------------------------- */
.tariff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.tariff{
  position:relative;display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.tariff:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tariff--featured{border-color:rgba(var(--amber-rgb),.55);box-shadow:0 16px 40px rgba(var(--amber-rgb),.16)}
.tariff--vip{border-color:var(--ink);box-shadow:0 16px 40px rgba(35,28,18,.16)}

.tariff-badge{
  position:absolute;top:16px;right:16px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:999px;
  font-family:var(--font-display);font-size:12px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;
  background:var(--amber);color:var(--on-accent);
  box-shadow:0 6px 16px rgba(var(--amber-rgb),.35);
}
.tariff-badge .icon{font-size:14px}
.tariff-badge--ink{background:var(--ink);color:var(--amber-2);box-shadow:0 6px 16px rgba(23,18,12,.3)}

.tariff-cover{width:100%;aspect-ratio:900/424;object-fit:contain;background:#000}
.tariff-body{padding:28px;display:flex;flex-direction:column;flex:1}
.tariff-num{
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--muted);margin-bottom:6px;
}
.tariff-name{
  font-family:var(--font-display);font-size:29px;font-weight:800;
  line-height:1.08;letter-spacing:-.03em;margin-bottom:14px;
}
.tariff-meta{
  display:inline-flex;align-self:flex-start;align-items:center;gap:7px;
  padding:7px 14px;border-radius:999px;background:var(--amber-tint);
  color:var(--amber-deep);font-size:13px;font-weight:700;margin-bottom:14px;
}
.tariff-desc{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:22px}

.tariff-courses{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:22px}
.course-col h3{
  font-family:var(--font-display);font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;color:var(--ink);
  margin-bottom:11px;padding-bottom:8px;border-bottom:1.5px solid var(--line);
}
.course-col ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.course-col li{
  display:flex;align-items:flex-start;gap:7px;
  font-size:12.5px;line-height:1.45;color:var(--text);
}
.course-col li .icon{font-size:13px;margin-top:2px;color:var(--green)}
.course-col li.is-off{color:#b3aa9c}
.course-col li.is-off .icon{color:#cdc5b8}
.course-col .course-sub{font-size:11.5px;line-height:1.4;color:var(--muted);margin:3px 0 8px}
.course-col .course-group{
  display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.07em;color:var(--amber-deep);
  margin-top:12px;
}

/* Партнёрская программа: её видно раньше цены, поэтому отдельным блоком */
.tariff-perk{
  border:1px solid rgba(var(--amber-rgb),.4);background:var(--amber-tint);
  border-radius:var(--r-sm);padding:14px 16px;margin-bottom:4px;
}
.tariff-perk-title{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-display);font-size:13px;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;color:var(--amber-deep);
  margin-bottom:6px;
}
.tariff-perk-title .icon{font-size:16px}
.tariff-perk-text{font-size:12.5px;line-height:1.5;color:var(--text)}
.tariff-perk-text strong{color:var(--ink);font-weight:700}

.tariff-price{margin-top:auto;padding-top:18px;display:flex;align-items:baseline;gap:10px}
.tariff-price strong{
  font-family:var(--font-display);font-size:34px;font-weight:800;
  line-height:1;letter-spacing:-.03em;color:var(--ink);
}
.tariff-note{
  display:flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;color:var(--green);margin-top:10px;
}
.tariff-note .icon{font-size:15px}
.tariff-actions{display:grid;gap:10px;margin-top:20px}
.tariff-link{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;border-radius:999px;padding:10px 18px;
  font-size:14px;font-weight:600;color:var(--muted);
  border:1px solid var(--line);transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.tariff-link:hover{color:var(--ink);border-color:var(--ink);background:var(--cream-soft)}

/* --- 5. Сравнение тарифов -------------------------------------- */
.guide-intro{
  font-size:18px;font-weight:600;color:var(--text);
  text-align:center;max-width:640px;margin:0 auto 40px;
}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}
.guide-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px;display:flex;flex-direction:column;gap:14px;
  box-shadow:var(--shadow-sm);
}
.guide-card--accent{background:var(--amber-tint);border-color:rgba(var(--amber-rgb),.35)}
.guide-card--wide{grid-column:1/-1;gap:24px}
.guide-label{
  font-family:var(--font-display);font-size:20px;font-weight:800;
  line-height:1.25;letter-spacing:-.02em;color:var(--ink);
}
.guide-text{font-size:16px;line-height:1.7;color:var(--muted);flex:1}
.guide-rec{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:4px}
.guide-note{font-size:14px;color:var(--muted)}

.guide-head{display:flex;align-items:center;gap:18px}
.bonus-block{
  background:var(--white);border:1px solid rgba(var(--amber-rgb),.4);
  border-radius:var(--r);padding:24px 26px;
}
.guide-card--accent .bonus-block{background:rgba(255,255,255,.7)}
.bonus-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-display);font-size:14px;font-weight:800;
  color:var(--amber-deep);margin-bottom:14px;
}
.bonus-badge .icon{font-size:17px}
.bonus-text{font-size:15px;line-height:1.72;color:var(--text)}
.bonus-text p+p{margin-top:12px}
.bonus-text em{color:var(--muted)}
.guide-bottom{padding-top:22px;border-top:1px solid var(--line)}
.guide-card--accent .guide-bottom{border-top-color:rgba(var(--amber-rgb),.3)}
.guide-bottom-note{font-size:16px;line-height:1.7;font-weight:600;color:var(--ink)}

.guide-footer{
  text-align:center;font-size:16px;line-height:1.7;color:var(--muted);
  padding-top:32px;margin-top:8px;border-top:1px solid var(--line);
}

/* Таблица */
.compare-head{display:flex;align-items:center;gap:16px;margin:56px 0 22px}
.compare-head .section-title{margin-bottom:0;font-size:clamp(24px,2.6vw,32px)}
.table-shell{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-sm);
}
.table-wrap{overflow:auto;max-height:78vh;border-radius:var(--r);border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;background:var(--white)}
.table thead th{
  position:sticky;top:0;z-index:4;background:var(--cream-soft);
  border-bottom:1px solid var(--line);padding:16px 10px;text-align:center;
}
.table thead th:first-child{left:0;z-index:5;text-align:left;min-width:260px}
.t-head-name{display:block;font-family:var(--font-display);font-size:13px;font-weight:800;line-height:1.25;color:var(--ink)}
.t-head-price{display:block;font-size:12px;font-weight:700;color:var(--amber-deep);margin-top:6px}
.table td{
  padding:13px 10px;border-bottom:1px solid #f0ece3;
  text-align:center;font-size:14px;color:var(--text);background:var(--white);
}
.table td:first-child{
  position:sticky;left:0;z-index:2;background:var(--white);
  text-align:left;font-weight:500;min-width:260px;
}
.table tbody tr:hover td,.table tbody tr:hover td:first-child{background:var(--cream-soft)}
.table .row-cat td{
  background:var(--amber-tint)!important;color:var(--amber-deep);
  font-family:var(--font-display);font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.1em;
}
.table .row-price td{font-family:var(--font-display);font-weight:800;color:var(--ink)}
.table .icon{margin:0 auto;font-size:17px}
.i-yes{color:var(--green)}
.i-no{color:#cdc5b8}

/* Сноска под таблицей и звёздочка в строке «Партнёрская программа» */
.t-star{color:var(--amber-deep);font-weight:800}
.table-note{
  max-width:820px;margin:16px auto 0;text-align:center;
  font-size:13.5px;line-height:1.6;color:var(--muted);
}

/* --- 6. Отзывы ------------------------------------------------- */
.slider-wrap{position:relative;padding:0 56px}
.slider-viewport{overflow:hidden;border-radius:var(--r)}
.slider-track{display:flex;gap:16px;transition:transform .45s cubic-bezier(.4,0,.2,1);padding:4px 0}
.slide{flex:0 0 calc(33.333% - 11px);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--white)}
.slide img{width:100%;height:auto;display:block}
.slider-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
  background:var(--white);color:var(--ink);cursor:pointer;z-index:3;
  display:flex;align-items:center;justify-content:center;font-size:19px;
  box-shadow:var(--shadow-sm);transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.slider-btn:hover{background:var(--amber);color:var(--on-accent);border-color:transparent}
.slider-btn--prev{left:0}
.slider-btn--next{right:0}
.reviews-outro{
  text-align:center;margin-top:36px;font-size:17px;line-height:1.7;color:var(--muted);
  max-width:720px;margin-left:auto;margin-right:auto;
}
.reviews-outro strong{display:block;margin-top:6px;color:var(--ink);font-weight:700}

/* --- 7. Бесплатный доступ -------------------------------------- */
.free-card{
  position:relative;overflow:hidden;text-align:center;
  background:var(--ink-2);border:1px solid var(--line-dark);
  border-radius:var(--r-xl);padding:64px 48px;
}
.free-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(600px 340px at 12% 8%,rgba(var(--amber-rgb),.2),transparent 62%),
    radial-gradient(520px 320px at 88% 92%,rgba(var(--amber-rgb),.12),transparent 60%);
}
.free-card>*{position:relative;z-index:1}
.free-card .accent{color:var(--amber-2)}
.free-title{
  font-family:var(--font-display);font-size:clamp(28px,4vw,44px);
  font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#fff;margin-bottom:16px;
}
.free-sub{font-size:18px;line-height:1.7;color:var(--muted-dark);max-width:640px;margin:0 auto 28px}
.free-question{
  font-family:var(--font-display);font-size:20px;font-weight:700;
  color:#fff;margin-bottom:24px;
}

/* --- 8. Куратор ------------------------------------------------- */
.curator{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.curator-media{position:sticky;top:96px}
.curator-figure{position:relative;padding:14px 14px 0}
/* Штриховая рамка, выглядывающая сверху слева */
.curator-figure::before{
  content:'';position:absolute;left:0;top:0;right:32px;bottom:56px;
  border:1.5px dashed rgba(var(--amber-rgb),.65);border-radius:var(--r-xl);
}
/* Тёплая подложка, выглядывающая снизу справа */
.curator-figure::after{
  content:'';position:absolute;right:0;bottom:20px;width:78%;height:78%;
  border-radius:var(--r-xl);background:var(--amber-tint);
  border:1px solid rgba(var(--amber-rgb),.3);
}
.curator-photo{
  position:relative;z-index:1;border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(165deg,var(--amber) 0%,var(--amber-grad) 100%);
  aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;
  box-shadow:var(--shadow-lg);
}
.curator-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.curator-cta{position:relative;z-index:2;display:flex;justify-content:center;margin-top:-22px}
.curator-role{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 16px;border-radius:999px;background:var(--amber-tint);
  color:var(--amber-deep);font-size:13px;font-weight:700;margin-bottom:18px;
}
.curator-name{
  font-family:var(--font-display);font-size:clamp(30px,3.4vw,42px);
  font-weight:800;line-height:1.06;letter-spacing:-.03em;margin-bottom:10px;
}
.curator-sub{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--amber-deep);margin-bottom:16px}
.curator-text{font-size:17px;line-height:1.72;color:var(--muted);margin-bottom:32px}
.curator-list{list-style:none;display:grid;gap:16px}
.curator-list li{
  display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start;
  font-size:16px;line-height:1.65;color:var(--text);
}
.curator-list .icon{font-size:20px;color:var(--amber);margin-top:2px}

/* --- 9. Вопрос — Ответ ------------------------------------------ */
.faq-list{display:flex;flex-direction:column;gap:14px}
.faq-item{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;
}
.faq-item:has(.faq-btn[aria-expanded="true"]){border-color:rgba(var(--amber-rgb),.5);box-shadow:var(--shadow-sm)}
.faq-btn{
  width:100%;display:flex;align-items:center;gap:18px;
  padding:24px 26px;background:transparent;border:none;cursor:pointer;text-align:left;
}
.faq-btn:hover{background:var(--cream-soft)}
.faq-title{
  flex:1;font-family:var(--font-display);font-size:18px;font-weight:700;
  line-height:1.35;letter-spacing:-.015em;color:var(--ink);
}
.faq-toggle{
  flex-shrink:0;width:38px;height:38px;border-radius:50%;
  background:var(--cream);color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-size:17px;
  transition:background .22s ease,color .22s ease,transform .28s ease;
}
.faq-btn:hover .faq-toggle{background:var(--amber-tint);color:var(--amber-deep)}
.faq-btn[aria-expanded="true"] .faq-toggle{background:var(--amber);color:var(--on-accent);transform:rotate(180deg)}
.faq-body{display:none;padding:0 26px 28px;font-size:16px;line-height:1.75;color:var(--muted)}
.faq-body.is-open{display:block}
.faq-body p+p{margin-top:12px}
.faq-body strong{color:var(--text)}

/* Блок доверия внутри FAQ */
.trust-list{display:grid;gap:24px;margin:8px 0 0}
.trust-item{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start}
.trust-num{
  width:40px;height:40px;border-radius:50%;
  background:var(--ink);color:var(--amber-2);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:800;font-size:15px;flex-shrink:0;
}
.trust-item h3{
  font-family:var(--font-display);font-size:16px;font-weight:700;
  line-height:1.4;color:var(--ink);margin-bottom:8px;
}
.trust-item p{font-size:15px;line-height:1.7;color:var(--muted)}
.trust-item p+p{margin-top:8px}
.trust-item a{color:var(--amber-deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(196,125,0,.3)}
.trust-item a:hover{text-decoration-color:var(--amber-deep)}
.trust-shot{margin-top:14px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line);max-width:560px}
.trust-foot{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.trust-foot span{font-size:15px;font-weight:600;color:var(--text)}

/* --- 10. Адаптив ------------------------------------------------ */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-stage{max-width:520px;margin:0 auto}
  .curator{grid-template-columns:280px 1fr;gap:40px}
  .ways-grid{grid-template-columns:1fr}
  .slide{flex:0 0 calc(50% - 8px)}
}

@media (max-width:860px){
  .hero{padding:36px 0 56px}
  .stats{grid-template-columns:1fr}
  .hero-stage{padding:28px 20px 26px}
  .hero-photo{width:230px;height:230px}

  .tariff-grid{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:1fr;gap:18px}
  .guide-card{padding:26px 22px}

  .curator{grid-template-columns:1fr;gap:36px}
  .curator-media{position:static;max-width:340px;margin-left:auto;margin-right:auto;width:100%}
  .curator-content{text-align:center}
  .curator-list li{text-align:left}
  .curator-role{align-self:center}

  .free-card{padding:44px 24px}

  .slider-wrap{padding:0}
  .slide{flex:0 0 100%}
  .slider-btn{width:40px;height:40px}
  .slider-btn--prev{left:8px}
  .slider-btn--next{right:8px}

  .faq-btn{padding:20px 18px;gap:14px}
  .faq-title{font-size:16px}
  .faq-body{padding:0 18px 22px}
  .trust-item{grid-template-columns:32px 1fr;gap:12px}
  .trust-num{width:32px;height:32px;font-size:13px}
}

@media (max-width:600px){
  .curator-figure{padding:12px 12px 0}

  .tariff-body{padding:22px 18px}
  .tariff-courses{gap:12px}
  .course-col li{font-size:12px}
  .compare-head{flex-direction:column;align-items:flex-start;gap:12px;margin-top:40px}

  .table-shell{padding:6px;border-radius:var(--r)}
  .table-wrap{max-height:70vh;border-radius:var(--r-sm)}
  .table{min-width:0;width:100%;table-layout:fixed}
  .table thead th:first-child,.table td:first-child{width:116px;min-width:116px;max-width:116px}
  .table td:first-child{font-size:11.5px;word-wrap:break-word;white-space:normal;line-height:1.4}
  .table thead th{width:56px;min-width:56px;max-width:56px;padding:9px 3px}
  .table td{width:56px;min-width:56px;max-width:56px;padding:9px 3px}
  .t-head-name{font-size:10px}
  .t-head-price{font-size:9px;margin-top:3px}
  .table .row-cat td:first-child{font-size:10px}
}