/* Главная — точечные правки S24-r (2026-10-01) поверх style.min.css. Дефекты 1–6 из docs/night/QA-2026-10-01.md.
Дизайн владельца (hero, сетка секций, gradient-заголовки) не трогаем: здесь только строка «Ещё» в форме,
шаги инструкции, блок «Как мы относимся к вашей работе» (стеклянные карточки), FAQ-аккордеон и SEO-текст.
Цвета, радиусы, тени — только из css/tokens.css. Подключается после home-tools.css, только на главной. */
/* ---------- Форма: строка «Ещё: Отчёт по практике, ВКР…» — воздух и инлайновые ссылки */
.stx-form .stx-form__more {
margin: -6px 0 22px;
font-size: 13px;
line-height: 1.55;
color: var(--stx-text-2, #566274);
}
.stx-form .stx-form__more a {
display: inline !important;
color: var(--stx-accent-text, #1f52d9);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: var(--stx-accent-line, rgba(47, 107, 255, 0.28));
transition: text-decoration-color var(--stx-dur, 0.18s) var(--stx-ease, ease);
}
.stx-form .stx-form__more a:hover { text-decoration-color: currentColor; }
/* ---------- Инструкция: 4 шага, у каждого заголовок + 2–3 предложения; номер-плитка владельца остаётся */
.instructions__descr { max-width: 860px; }
.instructions__step { align-items: stretch; background: var(--stx-surface, #fff); }
.instructions__step p { padding: 26px 32px 26px 0; }
.instructions__step .instructions__step-title {
display: block;
margin: 0 0 8px;
font: 600 21px/1.3 "Inter", sans-serif;
letter-spacing: -0.02em;
color: var(--stx-text, #1b2430);
background: none;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: var(--stx-text, #1b2430);
}
.instructions__step p > span:not(.instructions__step-title) { white-space: normal; }
.instructions .num { align-self: stretch; height: auto; min-height: 128px; }
.instructions__block .instructions__tip { margin: 0; }
.instructions__block .instructions__tip .stx-infobox__body p { color: var(--stx-text, #1b2430); }
@media (max-width: 1024px) {
.instructions__step p { padding: 0; }
.instructions__step .instructions__step-title { font-size: 18px; }
.instructions .num { min-height: 0; }
}
/* ---------- «Как мы относимся к вашей работе»: три стеклянные карточки + тихая ссылка вместо одинокой кнопки */
.reviews .container { padding-bottom: 96px; }
.reviews .trust-cards { margin: 8px auto 32px; max-width: 1120px; }
.trust-card {
display: flex;
flex-direction: column;
gap: 12px;
padding: 28px 26px 30px;
text-align: left;
transition: transform var(--stx-dur, 0.18s) var(--stx-ease, ease), box-shadow var(--stx-dur, 0.18s) var(--stx-ease, ease);
}
.trust-card:hover { transform: translateY(-2px); box-shadow: var(--stx-shadow-card-hover, 0 12px 32px rgba(20, 40, 80, 0.12)), var(--stx-glass-highlight, inset 0 1px 0 rgba(255, 255, 255, 0.7)); }
.trust-card__icon { margin-bottom: 6px; }
.trust-card__title {
margin: 0;
font: 600 21px/1.3 "Inter", sans-serif;
letter-spacing: -0.02em;
color: var(--stx-text, #1b2430);
}
.trust-card__text {
margin: 0;
font: 400 16px/1.55 "Inter", sans-serif;
letter-spacing: -0.005em;
color: var(--stx-text-2, #566274);
}
.trust-cards__all {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: max-content;
min-height: 44px;
margin: 0 auto;
font: 600 16px/1.2 "Inter", sans-serif;
color: var(--stx-accent-text, #1f52d9);
text-decoration: none;
}
.trust-cards__all:hover { text-decoration: underline; text-underline-offset: 3px; }
.trust-cards__all .stx-i { width: 18px; height: 18px; transition: transform var(--stx-dur, 0.18s) var(--stx-ease, ease); }
.trust-cards__all:hover .stx-i { transform: translateX(2px); }
/* ---------- FAQ: аккордеон (app.js) остаётся; карточки плоские белые, стрелка тонкая, вопрос компактнее */
.faq__item {
padding: 24px 28px;
border: 1px solid var(--stx-separator, rgba(27, 36, 48, 0.08));
background: var(--stx-surface, #fff);
box-shadow: var(--stx-shadow-sm, 0 1px 2px rgba(20, 40, 80, 0.04), 0 4px 12px rgba(20, 40, 80, 0.06));
transition: border-color var(--stx-dur, 0.18s) var(--stx-ease, ease), box-shadow var(--stx-dur, 0.18s) var(--stx-ease, ease);
}
.faq__item:hover { border-color: var(--stx-accent-line, rgba(47, 107, 255, 0.28)); }
.faq__item.active { border-color: var(--stx-accent-line, rgba(47, 107, 255, 0.28)); }
.faq__item-top { gap: 16px; font: 600 19px/1.4 "Inter", sans-serif; letter-spacing: -0.015em; color: var(--stx-text, #1b2430); }
.faq__item-top h4 { margin: 0; font: inherit; }
.faq-arrow {
width: 20px;
height: 20px;
flex: none;
background-image: none;
background-color: var(--stx-text-3, #8a94a6);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform var(--stx-dur-slow, 0.22s) var(--stx-ease, ease), background-color var(--stx-dur, 0.18s) var(--stx-ease, ease);
}
.faq__item.active .faq-arrow { background-color: var(--stx-accent, #2f6bff); }
.faq__item-content { font: 400 17px/1.55 "Inter", sans-serif; letter-spacing: -0.005em; color: var(--stx-text-2, #566274); }
.faq__item-content p { max-width: 760px; padding-top: 16px; }
.faq__category-title { font-size: 32px; margin: 32px 0 8px; }
.faq__wrapper { gap: 12px; }
@media (max-width: 1024px) {
.faq__item { padding: 18px 20px; }
.faq__item-top { font-size: 16px; }
.faq__item-content p { padding-top: 12px; font-size: 15px; }
.faq__category-title { font-size: 26px; }
}
/* ---------- SEO-текст под формой: левая колонка 760 px, абзацы, ссылки инлайн (.stx-prose из tokens.css) */
.seo-text { position: relative; z-index: 1; padding: 56px 0 72px; } /* п. 2 правок 2026-10-07: больше воздуха после FAQ */
.seo-text__body { margin: 0 auto; }
.seo-text__title {
margin: 0 0 20px;
font: 600 32px/1.2 "Inter", sans-serif;
letter-spacing: -0.03em;
color: var(--stx-text, #1b2430);
text-align: center;
text-wrap: balance;
}
.seo-text__body p {
margin: 0 0 1.1em;
font: 400 17px/1.6 "Inter", sans-serif;
letter-spacing: -0.005em;
color: var(--stx-text, #1b2430);
text-align: left;
}
.seo-text__body p:last-child { margin-bottom: 0; }
.seo-text__body a {
display: inline !important;
color: var(--stx-accent-text, #1f52d9);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: var(--stx-accent-line, rgba(47, 107, 255, 0.28));
transition: text-decoration-color var(--stx-dur, 0.18s) var(--stx-ease, ease);
}
.seo-text__body a:hover { text-decoration-color: currentColor; }
@media (max-width: 1024px) {
.seo-text { padding: 40px 20px 56px; }
.seo-text__title { font-size: 26px; }
.seo-text__body p { font-size: 16px; }
}
@media (max-width: 600px) {
.reviews .trust-cards { margin-bottom: 24px; }
.trust-card { padding: 22px 20px 24px; }
.trust-card__title { font-size: 19px; }
.trust-card__text { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
.trust-card, .trust-cards__all .stx-i, .faq__item, .faq-arrow { transition: none; }
.trust-card:hover { transform: none; }
.trust-cards__all:hover .stx-i { transform: none; }
}
/* ===== S31: доводка главной по приёмке design-qa (qa1) ===== */
/* Тарифы: один акцент вместо серого и фиолетового градиентов; бесплатный — светлая карточка */
.prices__item { border-color: var(--stx-separator, rgba(27, 36, 48, 0.08)); border-radius: var(--stx-r-sheet, 20px); box-shadow: var(--stx-shadow-sm, 0 1px 2px rgba(20, 40, 80, 0.04), 0 4px 12px rgba(20, 40, 80, 0.06)); }
.prices__item.free .prices__item-card { background: var(--stx-surface-2, #F8FAFF); box-shadow: inset 0 0 0 1px var(--stx-separator, rgba(27, 36, 48, 0.08)); }
.prices__item.free .prices__item-name,
.prices__item.free .prices__item-price,
.prices__item.free .prices__item-price span { color: var(--stx-text, #1b2430); }
.prices__item.free .prices__item-card p { color: var(--stx-text-2, #566274); }
.prices__item.prem .prices__item-card { background: linear-gradient(135deg, #4d84ff 0%, #85abff 100%); }
.prices__item.tokens .prices__item-card { background: linear-gradient(135deg, var(--stx-accent-active, #1B4DD6) 0%, var(--stx-accent, #2F6BFF) 100%); }
/* пункты списка: текст одним строчным потоком (span с ценой из настроек не рвёт строку), галочка — ::before слева */
.prices__item-list-li { display: block; padding-left: 30px; }
.prices__item-list-li::before { position: absolute; left: 0; top: 0; }
.prices__item-list-li span[data-stx-cfg] { display: inline; }
/* «Отменить подписку» в тексте — строчная ссылка акцентом (style.min.css: a { display: block }) */
.prices p.section-text a,
.why-us p.section-text a { display: inline; color: var(--stx-accent-text, #1f52d9); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--stx-accent-line, rgba(47, 107, 255, 0.28)); }
.prices p.section-text a:hover { text-decoration-color: currentColor; }
/* «Что вы получите»: без висячих слов, переносы
— только на широком экране */
.functuions__title, .functuions__text, .section-title, .section-text { text-wrap: balance; }
@media (max-width: 1024px) {
.functuions__title br, .functuions__text br, .section-text br { display: none; }
}
/* Сравнение: строки трёх колонок одной высоты, сноска отделена от карточек */
@media (min-width: 1201px) {
.why-us__list-item { min-height: 80px; box-sizing: border-box; } /* п. 24 правок 2026-10-07 */
.why-us__list-item:last-child { min-height: 78px; }
}
.why-us__wrapper + .section-text { margin-top: 24px; }
/* S31 qa2: цена — сумма с ₽ не рвётся, срок обычным кеглем в строку */
.prices__item-price { display: block; }
.prices__item-price > span:first-child { display: inline-block; margin-right: 6px; white-space: nowrap; }
.prices__item-price > span:not(:first-child) { font: inherit; letter-spacing: inherit; color: inherit; }
@media (max-width: 1024px) { .prices__item-card p br { display: none; } }
@media (max-width: 400px) { .prices__item-price > span:first-child { font-size: 46px; } }
.prices__wrapper + .section-text { margin-top: 28px; }
/* hero на телефоне: без принудительных
строки ровные, без одиночного «работу» (вёрстка hero не меняется) */
@media (max-width: 420px) { .hero h1 br { display: none; } .hero h1 { text-wrap: balance; } }
/* S31b: новые иллюстрации «Что вы получите» (600:350) — целиком в рамке, без обрезки старым правилом height:90%;width:auto */
.functuions__item-img > img { width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.functuions__item-title h3 { text-wrap: balance; }
.functuions__item p { text-wrap: pretty; }
/* ---------- Q2 п. 1 (2026-10-08): «Уже N пользователей … оставили M отзывов» и карточки отзывов под формой
(главная и посадочные, разметка — StxReviews::proof). Появление — тот же contentFadeUp, что у формы, каскадом после неё. */
.hero__proof { position: relative; z-index: 1; width: 100%; margin: 4px 0 0; text-align: left; font-family: "Inter", -apple-system, "Segoe UI", sans-serif; }
.hero__proof-defs { position: absolute; width: 0; height: 0; overflow: hidden; } /* спрайт звезды: не занимает места, но доступен для